html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  /* font-size: 100%; */
  /* font: inherit; */
  /* vertical-align: baseline; */
}

a {
  text-decoration: none;
  color: inherit;
}
a:focus {
  outline: none;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-left: calc(var(--gap) * -1);
  margin-right: calc(var(--gap) * -1);
}

.btn, .btn-outerline, .btn-second, .btn-primary {
  display: inline-block;
  font-size: 1rem;
  box-sizing: border-box;
  /* border: none; */
  outline: none;
  border-radius: 2em;
  transition: 0.3s;
}
.btn:focus, .btn-outerline:focus, .btn-second:focus, .btn-primary:focus {
  outline: none;
}

.btn-block {
  text-align: center;
  display: block !important;
}

.btn-primary {
  color: #fff;
  background-color: #333333;
  border: 1px solid #333333;
}
.btn-primary:hover {
  background-color: #D93636;
  border: 1px solid #D93636;
}

.btn-second {
  color: #333333;
  background-color: #2CA6E0;
  border: 1px solid #2CA6E0;
}
.btn-second:hover {
  color: #fff;
  background-color: #333333;
  border: 1px solid #333333;
}

.btn-outerline {
  color: #333333;
  border: 1px solid #333333;
}
.btn-outerline:hover {
  color: #fff;
  background-color: #333333;
}
.btn-outerline.white {
  border-color: #fff;
  color: #fff;
}
.btn-outerline.white:hover {
  border-color: #fff;
  opacity: 0.8;
}
.btn-outerline.arrow-next::after {
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M13.172 12L8.22198 7.05L9.63598 5.637L16 12L9.63598 18.364L8.22198 16.949L13.172 12Z' fill='%23333333'/></svg>");
}
.btn-outerline.arrow-prev::before {
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M10.828 12L15.778 16.95L14.364 18.365L8 12L14.364 5.636L15.778 7.05L10.828 12Z' fill='%23333333'/></svg>");
}
.btn-outerline:hover.arrow-next::after {
  transition: all 0.3s ease;
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M13.172 12L8.22198 7.05L9.63598 5.637L16 12L9.63598 18.364L8.22198 16.949L13.172 12Z' fill='%23ffffff'/></svg>");
}
.btn-outerline:hover.arrow-prev::before {
  transition: all 0.3s ease;
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M10.828 12L15.778 16.95L14.364 18.365L8 12L14.364 5.636L15.778 7.05L10.828 12Z' fill='%23ffffff'/></svg>");
}

.arrow-next, .arrow-prev {
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.arrow-next {
  padding: 0.75rem 0.75rem 0.75rem 1.25rem;
}
.arrow-next::after {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
}

.arrow-prev {
  padding: 0.75rem 1.25rem 0.75rem 0.75rem;
}
.arrow-prev::before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
}

.btn-back-to-page .btn, .btn-back-to-page .btn-primary, .btn-back-to-page .btn-second, .btn-back-to-page .btn-outerline {
  margin: 0 auto;
}

.swiper-grid-column > .swiper-wrapper {
  display: grid;
  grid-template-rows: 1fr 1fr;
  grid-auto-flow: column;
}

.swiper-pagination:not(.pagination-vertical) .swiper-pagination-bullet {
  width: 6px;
  height: 4px;
  border-radius: 0;
  background-color: #c7d0db;
  margin: 0 2px 0 0 !important;
}
.swiper-pagination:not(.pagination-vertical) .swiper-pagination-bullet:hover {
  background-color: rgba(217, 54, 54, 0.5);
}
.swiper-pagination:not(.pagination-vertical) .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
  opacity: 0.65;
}
.swiper-pagination:not(.pagination-vertical) .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 17px;
  background-color: #D93636;
}

.swiper-pagination.pagination-vertical {
  position: absolute;
  left: 1.5rem;
  bottom: 50%;
  width: 6px;
  bottom: 50%;
  display: inline-flex;
  flex-direction: column;
  transform: translateY(50%);
  z-index: 50;
}
.swiper-pagination.pagination-vertical .swiper-pagination-bullet {
  width: 4px;
  height: 6px;
  border-radius: 0;
  background-color: #c7d0db;
  margin: 0 0 2px !important;
}
.swiper-pagination.pagination-vertical .swiper-pagination-bullet:hover {
  background-color: rgba(217, 54, 54, 0.5);
}
.swiper-pagination.pagination-vertical .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
  opacity: 0.65;
}
.swiper-pagination.pagination-vertical .swiper-pagination-bullet.swiper-pagination-bullet-active {
  height: 17px;
  background-color: #D93636;
}

.swiper-btn {
  position: absolute;
  top: calc(50% - 1rem);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  background-color: #FFFFFF;
  border-radius: 50%;
  z-index: 10;
  cursor: pointer;
  transition: 0.3s;
}
.swiper-btn:hover {
  background-color: #333333;
}
@media (max-width: 1280px) {
  .swiper-btn {
    display: none;
  }
}
.swiper-btn .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1rem;
  height: 1rem;
  transition: 0.3s;
}
.swiper-btn.swiper-button-disabled {
  opacity: 0;
}

.swiper-btn-prev {
  left: -0.5rem;
}
.swiper-btn-prev .icon {
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M10.828 12L15.778 16.95L14.364 18.365L8 12L14.364 5.636L15.778 7.05L10.828 12Z' fill='%2328476C'/></svg>");
}
.swiper-btn-prev:hover .icon {
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M10.828 12L15.778 16.95L14.364 18.365L8 12L14.364 5.636L15.778 7.05L10.828 12Z' fill='%23ffffff'/></svg>");
}

.swiper-btn-next {
  right: 0;
}
.swiper-btn-next .icon {
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M13.172 12L8.22198 7.05L9.63598 5.637L16 12L9.63598 18.364L8.22198 16.949L13.172 12Z' fill='%2328476C'/></svg>");
}
.swiper-btn-next:hover .icon {
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M13.172 12L8.22198 7.05L9.63598 5.637L16 12L9.63598 18.364L8.22198 16.949L13.172 12Z' fill='%23ffffff'/></svg>");
}

.base-pagination {
  text-align: center;
}

.pagination {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 auto;
  margin-bottom: 0;
}
.pagination .page-item {
  position: relative;
  font-size: 16px;
  text-align: center;
  color: #757575;
  transition: 0.3s;
  margin: 0 4px;
  overflow: hidden;
  z-index: 1;
}
@media (max-width: 640px) {
  .pagination .page-item {
    margin: 0 1px;
  }
}
.pagination .page-item:before {
  content: "";
  width: 95%;
  aspect-ratio: 1/1;
  border: 1px solid #333333;
  border-radius: 50%;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  transition: all 0.3s ease;
}
.pagination .page-item.active, .pagination .page-item:hover {
  color: #fff;
  position: relative;
  transition: all 0.3s ease;
}
.pagination .page-item.active a.page-link, .pagination .page-item:hover a.page-link {
  color: #FFFFFF;
}
.pagination .page-item.active:before, .pagination .page-item:hover:before {
  background-color: #333333;
}
.pagination .page-item a.page-link {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  min-width: 32px;
  font-family: "Roboto", "Microsoft JhengHei", Helvetica, sans-serif;
  font-weight: 500;
  line-height: 20px;
  color: #333333;
  padding: 8px;
}
.pagination .page-item.prev a, .pagination .page-item.next a {
  position: relative;
  color: hsla(0, 0%, 100%, 0);
}
.pagination .page-item.prev a:before, .pagination .page-item.next a:before {
  content: "";
  width: 5px;
  height: 100%;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform-origin: center;
  transform: translate(-50%, -50%);
}
.pagination .page-item.disabled {
  display: none;
}
.pagination .page-item.disabled a {
  cursor: unset;
}
.pagination .page-item.prev a:before, .pagination .page-item.next a:before {
  content: "";
  width: 24px;
  height: 24px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform-origin: center;
  transform: translate(-50%, -50%);
}
.pagination .page-item.prev a:before {
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M10.828 12L15.778 16.95L14.364 18.365L8 12L14.364 5.636L15.778 7.05L10.828 12Z' fill='%23333333'/></svg>");
}
.pagination .page-item.next a:before {
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M13.172 12L8.22198 7.05L9.63598 5.637L16 12L9.63598 18.364L8.22198 16.949L13.172 12Z' fill='%23333333'/></svg>");
}
.pagination .page-item:hover.prev a::before {
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M10.828 12L15.778 16.95L14.364 18.365L8 12L14.364 5.636L15.778 7.05L10.828 12Z' fill='%23ffffff'/></svg>");
}
.pagination .page-item:hover.next a::before {
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M13.172 12L8.22198 7.05L9.63598 5.637L16 12L9.63598 18.364L8.22198 16.949L13.172 12Z' fill='%23ffffff'/></svg>");
}
.pagination .ellipsis {
  margin: 0 4px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.pagination .ellipsis span {
  padding: 4px;
}

.float-message {
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 998;
}
@media (max-width: 800px) {
  .float-message {
    bottom: 7px;
    right: 7px;
  }
}

.float-message-btn {
  font-size: 54px;
  width: 1em;
  height: 1em;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  background-color: #333333;
  border: none;
  outline: none;
  border-radius: 50%;
  transition: 0.3s;
  cursor: pointer;
}
@media (max-width: 800px) {
  .float-message-btn {
    font-size: 44px;
  }
}
.float-message-btn:focus {
  border: none;
  outline: none;
}
.float-message-btn:hover {
  background-color: #D93636;
}
.float-message-btn:before {
  content: "";
  width: 0.4em;
  height: 0.58em;
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.float-message-body {
  display: none;
  position: fixed;
  bottom: 0;
  right: 20px;
  color: #fff;
  width: 268px;
  max-width: 90%;
  font-size: 15px;
}
.float-message-body.is-active {
  display: block;
}
@media (max-width: 640px) {
  .float-message-body {
    right: 5px;
  }
}

.float-message-close {
  position: absolute;
  top: -30px;
  right: 0;
  width: 36px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #23395A;
  border-radius: 6px 6px 0 0;
  cursor: pointer;
}
.float-message-close:hover {
  background-color: #D93636;
}
.float-message-close:hover:after {
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.float-message-close:after {
  content: "";
  width: 1rem;
  height: 1rem;
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  transition: 0.3s;
}

.float-message-body-inner {
  display: block;
  width: 100%;
}
.is-active .float-message-body-inner {
  animation: msg_show 0.45s ease-in-out;
}
.is-active.is-hide .float-message-body-inner {
  animation: msg_hide 0.4s ease-in-out;
}
@keyframes msg_show {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes msg_hide {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(100%);
  }
}

.float-message-content {
  background-color: #333333;
  box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.16);
  border-radius: 10px 0 0 0;
  line-height: 1.5;
}
.float-message-content h2 {
  margin: 0.5rem 0 0.7rem;
}
.float-message-content .notice-link {
  display: block;
  line-height: 1.8;
}
.float-message-content .notice-link:hover {
  color: #D93636;
}

.float-message-notice {
  padding: 1rem;
  box-sizing: border-box;
  border-bottom: 1px solid #6680A9;
}

.float-message-qa {
  padding: 1.2rem 1rem;
  box-sizing: border-box;
}
.float-message-qa .mail-accent {
  color: #D93636;
  display: block;
  margin: 1rem 0 0.5rem;
}

.grid-wrapper {
  display: grid;
}

.grid-row-1-2 {
  grid-row: 1/2;
}

.grid-col-1-2 {
  grid-column: 1/2;
}

.grid-row-1-3 {
  grid-row: 1/3;
}

.grid-col-1-3 {
  grid-column: 1/3;
}

.grid-row-1-4 {
  grid-row: 1/4;
}

.grid-col-1-4 {
  grid-column: 1/4;
}

.grid-row-1-5 {
  grid-row: 1/5;
}

.grid-col-1-5 {
  grid-column: 1/5;
}

.grid-row-1-6 {
  grid-row: 1/6;
}

.grid-col-1-6 {
  grid-column: 1/6;
}

.grid-row-1-7 {
  grid-row: 1/7;
}

.grid-col-1-7 {
  grid-column: 1/7;
}

.grid-row-1-8 {
  grid-row: 1/8;
}

.grid-col-1-8 {
  grid-column: 1/8;
}

.grid-row-2-3 {
  grid-row: 2/3;
}

.grid-col-2-3 {
  grid-column: 2/3;
}

.grid-row-2-4 {
  grid-row: 2/4;
}

.grid-col-2-4 {
  grid-column: 2/4;
}

.grid-row-2-5 {
  grid-row: 2/5;
}

.grid-col-2-5 {
  grid-column: 2/5;
}

.grid-row-2-6 {
  grid-row: 2/6;
}

.grid-col-2-6 {
  grid-column: 2/6;
}

.grid-row-2-7 {
  grid-row: 2/7;
}

.grid-col-2-7 {
  grid-column: 2/7;
}

.grid-row-2-8 {
  grid-row: 2/8;
}

.grid-col-2-8 {
  grid-column: 2/8;
}

.grid-row-3-4 {
  grid-row: 3/4;
}

.grid-col-3-4 {
  grid-column: 3/4;
}

.grid-row-3-5 {
  grid-row: 3/5;
}

.grid-col-3-5 {
  grid-column: 3/5;
}

.grid-row-3-6 {
  grid-row: 3/6;
}

.grid-col-3-6 {
  grid-column: 3/6;
}

.grid-row-3-7 {
  grid-row: 3/7;
}

.grid-col-3-7 {
  grid-column: 3/7;
}

.grid-row-3-8 {
  grid-row: 3/8;
}

.grid-col-3-8 {
  grid-column: 3/8;
}

.grid-row-4-5 {
  grid-row: 4/5;
}

.grid-col-4-5 {
  grid-column: 4/5;
}

.grid-row-4-6 {
  grid-row: 4/6;
}

.grid-col-4-6 {
  grid-column: 4/6;
}

.grid-row-4-7 {
  grid-row: 4/7;
}

.grid-col-4-7 {
  grid-column: 4/7;
}

.grid-row-4-8 {
  grid-row: 4/8;
}

.grid-col-4-8 {
  grid-column: 4/8;
}

.grid-row-5-6 {
  grid-row: 5/6;
}

.grid-col-5-6 {
  grid-column: 5/6;
}

.grid-row-5-7 {
  grid-row: 5/7;
}

.grid-col-5-7 {
  grid-column: 5/7;
}

.grid-row-5-8 {
  grid-row: 5/8;
}

.grid-col-5-8 {
  grid-column: 5/8;
}

.grid-row-6-7 {
  grid-row: 6/7;
}

.grid-col-6-7 {
  grid-column: 6/7;
}

.grid-row-6-8 {
  grid-row: 6/8;
}

.grid-col-6-8 {
  grid-column: 6/8;
}

.grid-row-7-8 {
  grid-row: 7/8;
}

.grid-col-7-8 {
  grid-column: 7/8;
}

.category {
  margin-top: 48px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  position: relative;
}
@media (max-width: 640px) {
  .category {
	margin-top: 24px;
    box-sizing: border-box;
    padding: 0 16px;
    margin-bottom: 24px;
	gap: .5rem;
  }
}

@media (max-width: 1024px) {
  .category-content .btn-guide-more {
    display: flex;
    justify-content: center;
  }
}
.category-title {
  display: flex;
  align-items: flex-end;
  margin-bottom: 4px;
  gap: 16px;
  color: #333333;
  /* white-space: nowrap; */
  overflow: hidden;
  text-overflow: ellipsis;
}
.category-title .append {
  margin-left: 2px;
  color: #757575;
  letter-spacing: 0.1rem;
}
.category-title .append .num {
  font-size: 2rem;
  font-family: "Roboto", "Microsoft JhengHei", Helvetica, sans-serif;
  font-weight: 700;
  color: #333333;
  letter-spacing: 0.2rem;
  padding: 0 4px;
}
@media (max-width: 800px) {
  .category-title {
    display: block;
  }
  .category-title h1, .category-title .append {
    display: inline-block;
  }
  .category-title .append {
    font-size: 0.875rem;
  }
  .category-title .append .num {
    font-size: 1.5rem;
  }
}

.category-subtitle {
  color: #757575;
}

.category-tabs {
  width: 100%;
  display: flex;
  border-bottom: 1px solid #333333;
  margin-bottom: 1rem;
  overflow: auto;
}

.category-tab {
  padding: 8px 24px;
  cursor: pointer;
  transition: all 0.2s ease-in;
  letter-spacing: 0.06rem;
}
.category-tab:hover, .category-tab.active {
  background-color: #333333;
  color: #FFFFFF;
  transition: all 0.2s ease-in;
}

.rank-tabs {
  margin-top: 16px;
}

.tab-dropdown-item {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

@media (min-width: 641px) {
  .tab-dropdown {
    overflow-x: hidden;
    position: relative;
    width: 100%;
    /* border-bottom: 1px solid #333333; */
  }
  .tab-dropdown-items {
    display: flex;
    transition: transform 0.3s ease;
  }
  .tab-dropdown-item {
    width: auto;
    flex-shrink: 0;
  }
}
.category-tabs.tab-dropdown-items {
  /* width: -moz-fit-content; */
  /* width: fit-content; */
  /* border-bottom: 0; */
}

@media (max-width: 640px) {
  .tab-dropdown {
    position: relative;
  }
  .tab-dropdown-btn {
    width: 100%;
    min-height: 50px;
    padding: 12px 16px;
    box-sizing: border-box;
    border: 1px solid #E6E6E6;
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: "Noto Sans TC", "Microsoft JhengHei", Helvetica, sans-serif;
    letter-spacing: 0.1rem;
  }
  .tab-dropdown-btn:focus {
    border: 1px solid #757575;
  }
  .tab-dropdown-btn::after {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12 16L6 10H18L12 16Z' fill='%23333333'/></svg>");
    transition: all 0.3s ease-in;
  }
  .tab-dropdown-btn.active::after {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12 16L6 10H18L12 16Z' fill='%23333333'/></svg>");
    transform: rotate(180deg);
    transition: all 0.3s ease-in;
  }
  .category-tabs.tab-dropdown-items {
    flex-direction: column;
    padding: 12px 0;
    box-sizing: border-box;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
    border-radius: 6px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    max-height: 200px;
    overflow-y: auto;
    background-color: #FFFFFF;
    display: none;
    z-index: 2;
  }
  .category-tabs.tab-dropdown-items::-webkit-scrollbar {
    width: 4px;
  }
  .category-tabs.tab-dropdown-items::-webkit-scrollbar-track {
    width: 4px;
    background-color: #F6F8FA;
  }
  .category-tabs.tab-dropdown-items::-webkit-scrollbar-thumb {
    width: 4px;
    background-color: #757575;
    border-radius: 2px;
  }
  .category-tabs.tab-dropdown-items .category-tab {
    padding: 8px 24px;
    cursor: pointer;
    transition: all 0.2s ease;
    letter-spacing: 0.06rem;
  }
  .category-tabs.tab-dropdown-items .category-tab:hover, .category-tabs.tab-dropdown-items .category-tab.active {
    background-color: #F6F8FA;
    color: #333333;
    transition: all 0.2s ease;
  }
  .tab-dropdown-btn.active + .tab-dropdown-items {
    display: block;
  }
}
.article-rows {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin: 16px 0 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #333333;
  box-sizing: border-box;
  padding-bottom: 20px;
  border-bottom: 1px solid #E2E8EE;
  max-width: 912px;
}

.article-row:not(:last-of-type) {
  /* box-sizing: border-box; */
  /* padding-bottom: 20px; */
  /* border-bottom: 1px solid #E2E8EE; */
  /* max-width: 912px; */
}

.article-row .article-link {
  display: flex;
  gap: 24px;
  justify-content: flex-start;
  align-items: flex-start;
}
@media (max-width: 640px) {
  .article-row .article-link {
    gap: 16px;
  }
}

.article-img {
  width: 20%;
  height: 20%;
  min-width: 78px;
  aspect-ratio: 1/1;
  border-radius: 8px;
}
@media (max-width: 640px) {
  .article-img {
    width: 78px;
    height: 78px;
  }
}

.article-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 64%;
}
@media (max-width: 640px) {
  .article-info {
    width: 100%;
  }
}

.pub-date {
  color: #757575;
  font-family: "Roboto", "Microsoft JhengHei", Helvetica, sans-serif;
  font-size: 0.875rem;
  letter-spacing: 0.5px;
  line-height: 20px;
}

.article-abstract {
  color: #757575;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -white-space: normal;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.article-tag {
  width: -moz-fit-content;
  width: fit-content;
  background-color: #F6F8FA;
  padding: 4px 8px;
  border-radius: 4px;
}
.article-tag.hidden {
  display: none;
}

.article-btn-more {
  align-self: center;
}
.article-btn-more .btn, .article-btn-more .btn-primary, .article-btn-more .btn-second, .article-btn-more .btn-outerline {
  min-width: 97px;
  white-space: nowrap;
}

.article-row .article-img img {
  scale: 1;
  transition: all 0.3s ease;
}
.article-row .article-title {
  color: #333333;
  transition: all 0.3s ease;
}
.article-row .hover-second::after {
  transition: all 0.3s ease;
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M13.172 12L8.22198 7.05L9.63598 5.637L16 12L9.63598 18.364L8.22198 16.949L13.172 12Z' fill='%23333333'/></svg>");
}

.article-row:hover .article-img img {
  scale: 1.05;
  transition: all 0.3s ease;
}
.article-row:hover .article-title {
  color: #2CA6E0;
  transition: all 0.3s ease;
}
.article-row:hover .hover-second {
  color: #fff;
  background-color: #2CA6E0;
  border: 1px solid #2CA6E0;
}
.article-row:hover .hover-second::after {
  transition: all 0.3s ease;
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M13.172 12L8.22198 7.05L9.63598 5.637L16 12L9.63598 18.364L8.22198 16.949L13.172 12Z' fill='%23ffffff'/></svg>");
}

.breadcrumb {
  margin-bottom: 24px;
}

.breadcrumb-items {
  width: 100%;
  display: flex;
}
.breadcrumb-items .breadcrumb-item {
  color: #757575;
}
.breadcrumb-items .breadcrumb-item:not(:last-child)::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M13.172 12L8.22198 7.05L9.63598 5.637L16 12L9.63598 18.364L8.22198 16.949L13.172 12Z' fill='%23757575'/></svg>");
  vertical-align: middle;
}

.article-editor .row {
  display: flex;
  flex-wrap: wrap;
  margin-left: calc(var(--gap) * -1);
  margin-right: calc(var(--gap) * -1);
}
.article-editor [class*=col-], .article-editor [class*=row-cols] {
  box-sizing: border-box;
  padding: 0px var(--gap);
  gap: 24px;
}
.article-editor .row-cols-1 > .col {
  width: calc(100% - 0px);
}
.article-editor .row-cols-2 > .col {
  width: calc(50% - 12px);
}
.article-editor .row-cols-3 > .col {
  width: calc(33.3333333333% - 16px);
}
.article-editor .row-cols-4 > .col {
  width: calc(25% - 18px);
}
.article-editor .row-cols-5 > .col {
  width: calc(20% - 19.2px);
}
.article-editor .row-cols-6 > .col {
  width: calc(16.6666666667% - 20px);
}
@media (min-width: 641px) {
  .article-editor .row-cols-1-sm > .col {
    width: calc(100% - 0px);
  }
  .article-editor .row-cols-2-sm > .col {
    width: calc(50% - 12px);
  }
  .article-editor .row-cols-3-sm > .col {
    width: calc(33.3333333333% - 16px);
  }
  .article-editor .row-cols-4-sm > .col {
    width: calc(25% - 18px);
  }
  .article-editor .row-cols-5-sm > .col {
    width: calc(20% - 19.2px);
  }
  .article-editor .row-cols-6-sm > .col {
    width: calc(16.6666666667% - 20px);
  }
}
@media (min-width: 801px) {
  .article-editor .row-cols-1-md > .col {
    width: calc(100% - 0px);
  }
  .article-editor .row-cols-2-md > .col {
    width: calc(50% - 12px);
  }
  .article-editor .row-cols-3-md > .col {
    width: calc(33.3333333333% - 16px);
  }
  .article-editor .row-cols-4-md > .col {
    width: calc(25% - 18px);
  }
  .article-editor .row-cols-5-md > .col {
    width: calc(20% - 19.2px);
  }
  .article-editor .row-cols-6-md > .col {
    width: calc(16.6666666667% - 20px);
  }
}
@media (min-width: 1281px) {
  .article-editor .row-cols-1-lg > .col {
    width: calc(100% - 0px);
  }
  .article-editor .row-cols-2-lg > .col {
    width: calc(50% - 12px);
  }
  .article-editor .row-cols-3-lg > .col {
    width: calc(33.3333333333% - 16px);
  }
  .article-editor .row-cols-4-lg > .col {
    width: calc(25% - 18px);
  }
  .article-editor .row-cols-5-lg > .col {
    width: calc(20% - 19.2px);
  }
  .article-editor .row-cols-6-lg > .col {
    width: calc(16.6666666667% - 20px);
  }
}
.article-editor > p, .article-editor > div {
  margin-bottom: 32px;
}
.article-editor a {
  color: #2CA6E0;
  text-decoration: underline;
  white-space: normal;
  word-break: break-word;
}
.article-editor a:hover {
  color: #1876A4;
}
.article-editor h3 {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.2px;
}
.article-editor > .imgbox {
  width: 100%;
}
.article-editor > .imgbox img {
  width: 50%;
}
@media (max-width: 800px) {
  .article-editor > .imgbox img {
    width: 100%;
  }
}
.article-editor > .imgbox.center {
  text-align: center;
}

.hashtag {
  color: #333333;
  text-decoration: underline;
}

.flex-container {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 640px) {
  .flex-container {
    flex-direction: column;
  }
}

.main {
  max-width: 875px;
  min-width: 0;
  flex: 1 1 auto;
  margin-right: 24px;
}
@media (max-width: 640px) {
  .main {
    margin-right: 0;
  }
}

.home-banner {
  width: 875px;
  max-width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
  border-radius: 12px;
}
@media (max-width: 640px) {
  .home-banner {
    border-radius: 0;
  }
}

.home-banner-swiper-wrapper .swiper-slide {
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 100%;
}
.home-banner-swiper-wrapper .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
}

.home-swiper-switch {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 24px;
}
@media (max-width: 800px) {
  .home-swiper-switch {
    justify-content: center;
  }
}
.home-swiper-switch .home-swiper-buttons {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  gap: 12px;
}
.home-swiper-switch .home-swiper-buttons .swiper-button-prev, .home-swiper-switch .home-swiper-buttons .swiper-button-next {
  width: 48px;
  height: 48px;
  display: inline-block;
  position: static;
  box-sizing: border-box;
  padding: 12px;
  border: 1px solid #333333;
  border-radius: 50%;
  margin-top: 0;
  opacity: 1;
  transition: opacity 0.3s ease-in;
}
.home-swiper-switch .home-swiper-buttons .swiper-button-prev::after, .home-swiper-switch .home-swiper-buttons .swiper-button-next::after {
  content: "";
  width: 24px;
  height: 24px;
}
.home-swiper-switch .home-swiper-buttons .swiper-button-prev:hover, .home-swiper-switch .home-swiper-buttons .swiper-button-next:hover {
  opacity: 0.5;
  transition: opacity 0.3s ease-in;
}
.home-swiper-switch .home-swiper-buttons .swiper-button-prev::after {
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M7.828 11H20V13H7.828L13.192 18.364L11.778 19.778L4 12L11.778 4.222L13.192 5.636L7.828 11Z' fill='%23333333'/></svg>");
}
.home-swiper-switch .home-swiper-buttons .swiper-button-next::after {
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M16.172 11L10.808 5.636L12.222 4.222L20 12L12.222 19.778L10.808 18.364L16.172 13H4V11H16.172Z' fill='%23333333'/></svg>");
}
.home-swiper-switch .swiper-pagination {
  width: -moz-fit-content;
  width: fit-content;
  position: static;
  display: flex;
  gap: 12px;
}
@media (max-width: 800px) {
  .home-swiper-switch .swiper-pagination {
    gap: 8px;
  }
}
.home-swiper-switch .swiper-pagination .swiper-pagination-bullet, .home-swiper-switch .swiper-pagination:not(.pagination-vertical) .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #333333;
  transition: opacity 0.3s ease-in;
}
@media (max-width: 800px) {
  .home-swiper-switch .swiper-pagination .swiper-pagination-bullet, .home-swiper-switch .swiper-pagination:not(.pagination-vertical) .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 8px;
    height: 8px;
  }
}
.home-swiper-switch .swiper-pagination:not(.pagination-vertical) .swiper-pagination-bullet {
  opacity: 0.15;
}
.home-swiper-switch .swiper-pagination:not(.pagination-vertical) .swiper-pagination-bullet:hover {
  opacity: 1;
  background-color: #333333;
  transition: opacity 0.3s ease-in;
}
.home-swiper-switch .swiper-pagination:not(.pagination-vertical) .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #333333;
  opacity: 1;
  transition: opacity 0.3s ease-in;
}

.index-tool-guide {
  position: absolute;
  top: 32px;
  right: 0;
}
@media (max-width: 1024px) {
  .index-tool-guide {
    position: static;
    display: flex;
    justify-content: center;
  }
}
.index-tool-guide .index-tool-guide-btn {
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.index-tool-guide .index-tool-guide-btn::before {
  content: "";
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(%23clip0_247_3311)'><path d='M6.97201 6.732C6.79201 6.744 6.60601 6.756 6.42601 6.78C6.28801 6.798 6.22801 6.75 6.21001 6.612C6.09001 5.796 6.24601 5.064 6.87001 4.476C7.11001 4.248 7.33801 4.014 7.56601 3.786C7.83001 3.522 7.98601 3.222 7.82401 2.844C7.65601 2.448 7.32001 2.292 6.91801 2.274C6.16801 2.25 5.68201 2.634 5.55601 3.372C5.52001 3.594 5.42401 3.642 5.22601 3.624C4.89001 3.6 4.56001 3.588 4.22401 3.582C4.06801 3.582 4.00201 3.528 4.00201 3.366C4.03201 2.412 4.51201 1.734 5.33401 1.32C6.19801 0.887999 7.11601 0.845999 8.02201 1.176C8.93401 1.506 9.49201 2.304 9.48001 3.198C9.47401 3.648 9.28201 4.032 8.99401 4.362C8.71801 4.68 8.43001 4.992 8.13001 5.286C7.80601 5.604 7.62601 5.958 7.71001 6.414C7.74601 6.606 7.68001 6.702 7.47601 6.696C7.30801 6.696 7.14001 6.72 6.97801 6.732H6.97201Z' fill='%23333333'/><path d='M7.01402 8.85C7.42492 8.85 7.75802 8.5169 7.75802 8.106C7.75802 7.6951 7.42492 7.362 7.01402 7.362C6.60312 7.362 6.27002 7.6951 6.27002 8.106C6.27002 8.5169 6.60312 8.85 7.01402 8.85Z' fill='%23333333'/><path d='M22.266 18.99C22.32 18.672 22.254 18.354 22.068 18.096C21.882 17.838 21.612 17.658 21.294 17.604C20.97 17.544 20.802 17.622 20.796 17.622C20.568 17.742 20.334 17.742 20.166 17.616C19.998 17.49 19.926 17.274 19.974 17.01L20.46 14.226C20.472 14.148 20.46 14.076 20.412 14.01C20.364 13.944 20.304 13.902 20.226 13.89L17.562 13.422C17.304 13.38 17.124 13.236 17.052 13.038C16.986 12.84 17.046 12.612 17.22 12.42C17.22 12.42 17.274 12.324 17.316 12.078C17.43 11.43 16.992 10.806 16.344 10.692C15.696 10.578 15.072 11.016 14.958 11.664C14.91 11.928 14.94 12.036 14.94 12.036C15.03 12.258 15.012 12.486 14.88 12.654C14.748 12.822 14.526 12.888 14.268 12.846L11.604 12.378C11.466 12.354 11.334 12.438 11.286 12.57L10.8 15.354C10.854 15.33 11.154 15.198 11.652 15.282C12.12 15.366 12.528 15.624 12.798 16.008C13.068 16.392 13.176 16.866 13.092 17.334C13.068 17.46 13.032 17.586 12.984 17.706C12.948 17.796 12.9 17.88 12.852 17.964C12.852 17.97 12.846 17.976 12.84 17.982C12.468 18.588 11.76 18.942 11.022 18.81C10.536 18.726 10.302 18.51 10.254 18.462L9.774 21.198C9.774 21.198 9.762 21.234 9.756 21.252C9.75 21.318 9.762 21.39 9.804 21.444C9.846 21.51 9.912 21.552 9.99 21.564L12.654 22.032C12.654 22.032 12.69 22.032 12.702 22.032C12.702 22.02 12.69 22.008 12.684 21.99C12.66 21.924 12.606 21.732 12.678 21.318C12.762 20.85 13.02 20.442 13.404 20.172C13.794 19.902 14.262 19.794 14.73 19.878C15.198 19.962 15.606 20.22 15.876 20.604C16.146 20.994 16.254 21.462 16.17 21.93C16.098 22.344 15.984 22.506 15.936 22.56C15.924 22.572 15.912 22.59 15.906 22.596C15.918 22.596 15.93 22.596 15.954 22.602L18.618 23.07C18.69 23.082 18.768 23.07 18.834 23.022C18.9 22.98 18.942 22.914 18.954 22.836L19.446 20.052C19.494 19.794 19.632 19.608 19.836 19.548C20.04 19.488 20.256 19.566 20.436 19.764C20.436 19.764 20.568 19.89 20.892 19.95C21.21 20.004 21.528 19.938 21.786 19.752C22.044 19.566 22.224 19.296 22.278 18.978L22.266 18.99Z' fill='%23333333'/><path d='M23.01 7.836C22.686 7.776 22.518 7.854 22.512 7.854C22.284 7.974 22.05 7.968 21.882 7.848C21.714 7.728 21.642 7.506 21.69 7.242L22.176 4.458C22.188 4.38 22.176 4.308 22.128 4.242C22.086 4.176 22.02 4.134 21.942 4.122L19.278 3.654C19.02 3.612 18.834 3.468 18.768 3.27C18.702 3.072 18.762 2.844 18.936 2.652C18.936 2.652 18.99 2.556 19.032 2.31C19.086 1.992 19.02 1.674 18.834 1.416C18.648 1.158 18.378 0.978 18.06 0.924C17.742 0.87 17.424 0.936 17.166 1.122C16.902 1.308 16.728 1.578 16.674 1.896C16.626 2.16 16.65 2.268 16.656 2.268C16.746 2.49 16.728 2.718 16.596 2.886C16.464 3.054 16.242 3.12 15.984 3.078L13.32 2.61C13.242 2.598 13.17 2.61 13.104 2.658C13.038 2.7 12.996 2.766 12.984 2.844L12.498 5.622C12.552 5.598 12.852 5.466 13.35 5.55C13.818 5.634 14.226 5.892 14.496 6.276C14.766 6.666 14.874 7.134 14.79 7.602C14.706 8.07 14.448 8.478 14.064 8.748C13.68 9.018 13.206 9.126 12.738 9.042C12.24 8.952 12 8.73 11.958 8.688L11.472 11.466C11.46 11.544 11.472 11.616 11.52 11.682C11.568 11.748 11.628 11.79 11.706 11.802L14.37 12.27C14.37 12.27 14.406 12.27 14.418 12.27C14.418 12.258 14.406 12.246 14.4 12.228C14.376 12.162 14.322 11.97 14.394 11.556C14.562 10.59 15.486 9.948 16.452 10.116C17.418 10.284 18.06 11.208 17.892 12.174C17.82 12.588 17.706 12.75 17.658 12.804C17.646 12.816 17.634 12.834 17.628 12.84C17.64 12.84 17.652 12.84 17.676 12.846L20.34 13.314C20.496 13.344 20.646 13.236 20.676 13.08L21.162 10.296C21.21 10.038 21.348 9.852 21.552 9.792C21.756 9.732 21.972 9.81 22.152 10.008C22.152 10.008 22.284 10.134 22.608 10.194C23.256 10.308 23.88 9.87 23.994 9.222C24.108 8.574 23.67 7.95 23.022 7.836H23.01Z' fill='%23333333'/><path d='M8.868 21.336C9.012 21.36 9.138 21.276 9.186 21.144L9.672 18.354C9.684 18.282 9.708 18.216 9.738 18.156C9.804 17.982 9.924 17.862 10.08 17.82C10.278 17.76 10.5 17.838 10.68 18.036C10.68 18.036 10.812 18.162 11.136 18.222C11.7 18.324 12.234 18.012 12.444 17.508C12.474 17.436 12.492 17.364 12.51 17.286C12.624 16.638 12.186 16.014 11.538 15.9C11.214 15.84 11.046 15.918 11.04 15.918C10.812 16.038 10.578 16.032 10.41 15.912C10.242 15.786 10.17 15.57 10.218 15.306L10.704 12.522C10.704 12.522 10.716 12.486 10.722 12.468C10.728 12.402 10.716 12.33 10.674 12.276C10.632 12.21 10.566 12.168 10.488 12.156L7.824 11.688C7.824 11.688 7.788 11.688 7.776 11.688C7.776 11.7 7.788 11.712 7.794 11.73C7.818 11.796 7.872 11.988 7.8 12.402C7.716 12.87 7.458 13.278 7.074 13.548C6.684 13.818 6.216 13.926 5.748 13.842C5.28 13.758 4.872 13.5 4.602 13.116C4.332 12.726 4.224 12.258 4.308 11.79C4.38 11.376 4.494 11.214 4.542 11.16C4.554 11.148 4.566 11.13 4.572 11.124C4.56 11.124 4.548 11.124 4.524 11.118L1.85999 10.65C1.70399 10.62 1.55399 10.728 1.52399 10.884L1.03799 13.662C1.09199 13.638 1.39199 13.506 1.88999 13.59C2.856 13.758 3.498 14.682 3.33 15.648C3.246 16.116 2.988 16.524 2.604 16.794C2.21399 17.064 1.74599 17.172 1.27799 17.088C0.779995 16.998 0.539995 16.776 0.497995 16.734L-5.33834e-06 19.488C-0.0120053 19.566 -5.3402e-06 19.638 0.0479947 19.704C0.0959947 19.77 0.155995 19.812 0.233995 19.824L2.89799 20.292C3.156 20.334 3.33599 20.478 3.40799 20.676C3.47399 20.874 3.414 21.102 3.24 21.294C3.24 21.294 3.18599 21.39 3.144 21.636C3.02999 22.284 3.468 22.908 4.116 23.022C4.77 23.136 5.388 22.698 5.502 22.05C5.55 21.786 5.52 21.678 5.52 21.678C5.43 21.456 5.448 21.228 5.58 21.06C5.712 20.898 5.934 20.826 6.192 20.868L8.856 21.336H8.868Z' fill='%23333333'/></g><defs><clipPath id='clip0_247_3311'><rect width='24' height='24' fill='white'/></clipPath></defs></svg>");
}
.index-tool-guide .index-tool-guide-btn:hover::before {
  transition: all 0.3s ease;
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(%23clip0_247_3311)'><path d='M6.97201 6.732C6.79201 6.744 6.60601 6.756 6.42601 6.78C6.28801 6.798 6.22801 6.75 6.21001 6.612C6.09001 5.796 6.24601 5.064 6.87001 4.476C7.11001 4.248 7.33801 4.014 7.56601 3.786C7.83001 3.522 7.98601 3.222 7.82401 2.844C7.65601 2.448 7.32001 2.292 6.91801 2.274C6.16801 2.25 5.68201 2.634 5.55601 3.372C5.52001 3.594 5.42401 3.642 5.22601 3.624C4.89001 3.6 4.56001 3.588 4.22401 3.582C4.06801 3.582 4.00201 3.528 4.00201 3.366C4.03201 2.412 4.51201 1.734 5.33401 1.32C6.19801 0.887999 7.11601 0.845999 8.02201 1.176C8.93401 1.506 9.49201 2.304 9.48001 3.198C9.47401 3.648 9.28201 4.032 8.99401 4.362C8.71801 4.68 8.43001 4.992 8.13001 5.286C7.80601 5.604 7.62601 5.958 7.71001 6.414C7.74601 6.606 7.68001 6.702 7.47601 6.696C7.30801 6.696 7.14001 6.72 6.97801 6.732H6.97201Z' fill='%23ffffff'/><path d='M7.01402 8.85C7.42492 8.85 7.75802 8.5169 7.75802 8.106C7.75802 7.6951 7.42492 7.362 7.01402 7.362C6.60312 7.362 6.27002 7.6951 6.27002 8.106C6.27002 8.5169 6.60312 8.85 7.01402 8.85Z' fill='%23ffffff'/><path d='M22.266 18.99C22.32 18.672 22.254 18.354 22.068 18.096C21.882 17.838 21.612 17.658 21.294 17.604C20.97 17.544 20.802 17.622 20.796 17.622C20.568 17.742 20.334 17.742 20.166 17.616C19.998 17.49 19.926 17.274 19.974 17.01L20.46 14.226C20.472 14.148 20.46 14.076 20.412 14.01C20.364 13.944 20.304 13.902 20.226 13.89L17.562 13.422C17.304 13.38 17.124 13.236 17.052 13.038C16.986 12.84 17.046 12.612 17.22 12.42C17.22 12.42 17.274 12.324 17.316 12.078C17.43 11.43 16.992 10.806 16.344 10.692C15.696 10.578 15.072 11.016 14.958 11.664C14.91 11.928 14.94 12.036 14.94 12.036C15.03 12.258 15.012 12.486 14.88 12.654C14.748 12.822 14.526 12.888 14.268 12.846L11.604 12.378C11.466 12.354 11.334 12.438 11.286 12.57L10.8 15.354C10.854 15.33 11.154 15.198 11.652 15.282C12.12 15.366 12.528 15.624 12.798 16.008C13.068 16.392 13.176 16.866 13.092 17.334C13.068 17.46 13.032 17.586 12.984 17.706C12.948 17.796 12.9 17.88 12.852 17.964C12.852 17.97 12.846 17.976 12.84 17.982C12.468 18.588 11.76 18.942 11.022 18.81C10.536 18.726 10.302 18.51 10.254 18.462L9.774 21.198C9.774 21.198 9.762 21.234 9.756 21.252C9.75 21.318 9.762 21.39 9.804 21.444C9.846 21.51 9.912 21.552 9.99 21.564L12.654 22.032C12.654 22.032 12.69 22.032 12.702 22.032C12.702 22.02 12.69 22.008 12.684 21.99C12.66 21.924 12.606 21.732 12.678 21.318C12.762 20.85 13.02 20.442 13.404 20.172C13.794 19.902 14.262 19.794 14.73 19.878C15.198 19.962 15.606 20.22 15.876 20.604C16.146 20.994 16.254 21.462 16.17 21.93C16.098 22.344 15.984 22.506 15.936 22.56C15.924 22.572 15.912 22.59 15.906 22.596C15.918 22.596 15.93 22.596 15.954 22.602L18.618 23.07C18.69 23.082 18.768 23.07 18.834 23.022C18.9 22.98 18.942 22.914 18.954 22.836L19.446 20.052C19.494 19.794 19.632 19.608 19.836 19.548C20.04 19.488 20.256 19.566 20.436 19.764C20.436 19.764 20.568 19.89 20.892 19.95C21.21 20.004 21.528 19.938 21.786 19.752C22.044 19.566 22.224 19.296 22.278 18.978L22.266 18.99Z' fill='%23ffffff'/><path d='M23.01 7.836C22.686 7.776 22.518 7.854 22.512 7.854C22.284 7.974 22.05 7.968 21.882 7.848C21.714 7.728 21.642 7.506 21.69 7.242L22.176 4.458C22.188 4.38 22.176 4.308 22.128 4.242C22.086 4.176 22.02 4.134 21.942 4.122L19.278 3.654C19.02 3.612 18.834 3.468 18.768 3.27C18.702 3.072 18.762 2.844 18.936 2.652C18.936 2.652 18.99 2.556 19.032 2.31C19.086 1.992 19.02 1.674 18.834 1.416C18.648 1.158 18.378 0.978 18.06 0.924C17.742 0.87 17.424 0.936 17.166 1.122C16.902 1.308 16.728 1.578 16.674 1.896C16.626 2.16 16.65 2.268 16.656 2.268C16.746 2.49 16.728 2.718 16.596 2.886C16.464 3.054 16.242 3.12 15.984 3.078L13.32 2.61C13.242 2.598 13.17 2.61 13.104 2.658C13.038 2.7 12.996 2.766 12.984 2.844L12.498 5.622C12.552 5.598 12.852 5.466 13.35 5.55C13.818 5.634 14.226 5.892 14.496 6.276C14.766 6.666 14.874 7.134 14.79 7.602C14.706 8.07 14.448 8.478 14.064 8.748C13.68 9.018 13.206 9.126 12.738 9.042C12.24 8.952 12 8.73 11.958 8.688L11.472 11.466C11.46 11.544 11.472 11.616 11.52 11.682C11.568 11.748 11.628 11.79 11.706 11.802L14.37 12.27C14.37 12.27 14.406 12.27 14.418 12.27C14.418 12.258 14.406 12.246 14.4 12.228C14.376 12.162 14.322 11.97 14.394 11.556C14.562 10.59 15.486 9.948 16.452 10.116C17.418 10.284 18.06 11.208 17.892 12.174C17.82 12.588 17.706 12.75 17.658 12.804C17.646 12.816 17.634 12.834 17.628 12.84C17.64 12.84 17.652 12.84 17.676 12.846L20.34 13.314C20.496 13.344 20.646 13.236 20.676 13.08L21.162 10.296C21.21 10.038 21.348 9.852 21.552 9.792C21.756 9.732 21.972 9.81 22.152 10.008C22.152 10.008 22.284 10.134 22.608 10.194C23.256 10.308 23.88 9.87 23.994 9.222C24.108 8.574 23.67 7.95 23.022 7.836H23.01Z' fill='%23ffffff'/><path d='M8.868 21.336C9.012 21.36 9.138 21.276 9.186 21.144L9.672 18.354C9.684 18.282 9.708 18.216 9.738 18.156C9.804 17.982 9.924 17.862 10.08 17.82C10.278 17.76 10.5 17.838 10.68 18.036C10.68 18.036 10.812 18.162 11.136 18.222C11.7 18.324 12.234 18.012 12.444 17.508C12.474 17.436 12.492 17.364 12.51 17.286C12.624 16.638 12.186 16.014 11.538 15.9C11.214 15.84 11.046 15.918 11.04 15.918C10.812 16.038 10.578 16.032 10.41 15.912C10.242 15.786 10.17 15.57 10.218 15.306L10.704 12.522C10.704 12.522 10.716 12.486 10.722 12.468C10.728 12.402 10.716 12.33 10.674 12.276C10.632 12.21 10.566 12.168 10.488 12.156L7.824 11.688C7.824 11.688 7.788 11.688 7.776 11.688C7.776 11.7 7.788 11.712 7.794 11.73C7.818 11.796 7.872 11.988 7.8 12.402C7.716 12.87 7.458 13.278 7.074 13.548C6.684 13.818 6.216 13.926 5.748 13.842C5.28 13.758 4.872 13.5 4.602 13.116C4.332 12.726 4.224 12.258 4.308 11.79C4.38 11.376 4.494 11.214 4.542 11.16C4.554 11.148 4.566 11.13 4.572 11.124C4.56 11.124 4.548 11.124 4.524 11.118L1.85999 10.65C1.70399 10.62 1.55399 10.728 1.52399 10.884L1.03799 13.662C1.09199 13.638 1.39199 13.506 1.88999 13.59C2.856 13.758 3.498 14.682 3.33 15.648C3.246 16.116 2.988 16.524 2.604 16.794C2.21399 17.064 1.74599 17.172 1.27799 17.088C0.779995 16.998 0.539995 16.776 0.497995 16.734L-5.33834e-06 19.488C-0.0120053 19.566 -5.3402e-06 19.638 0.0479947 19.704C0.0959947 19.77 0.155995 19.812 0.233995 19.824L2.89799 20.292C3.156 20.334 3.33599 20.478 3.40799 20.676C3.47399 20.874 3.414 21.102 3.24 21.294C3.24 21.294 3.18599 21.39 3.144 21.636C3.02999 22.284 3.468 22.908 4.116 23.022C4.77 23.136 5.388 22.698 5.502 22.05C5.55 21.786 5.52 21.678 5.52 21.678C5.43 21.456 5.448 21.228 5.58 21.06C5.712 20.898 5.934 20.826 6.192 20.868L8.856 21.336H8.868Z' fill='%23ffffff'/></g><defs><clipPath id='clip0_247_3311'><rect width='24' height='24' fill='white'/></clipPath></defs></svg>");
}

.aside-news-items {
  display: flex;
  flex-direction: column;
  margin-top: 12px;
  margin-bottom: 24px;
  gap: 24px;
}

.aside-news-item {
  opacity: 1;
  transition: opacity 0.3s ease;
}
.aside-news-item:hover {
  opacity: 0.5;
  transition: opacity 0.3s ease;
}
.aside-news-item > a {
  display: flex;
  gap: 16px;
}
.aside-news-item .news-img {
  width: 72px;
  min-width: 72px;
  height: 72px;
  border-radius: 8px;
  overflow: hidden;
}
@media (max-width: 800px) {
  .aside-news-item .news-img {
    width: 60px;
    min-width: 60px;
    height: 60px;
  }
}
.aside-news-item .news-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.aside-news-item .news-title-wrapper .news-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -white-space: normal;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.aside-news-item .news-pubdate {
  color: #757575;
  font-weight: 400;
}

.aside-block[data-aside-block=news] .btn-guide-more {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}

.nice-look-user, .rank-user {
  opacity: 1;
  transition: opacity 0.3s ease;
}
@media (max-width: 800px) {
  .nice-look-user {
    margin-top:24px;
  }
  .nice-look-user, .rank-user {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.nice-look-user .user-img, .rank-user .user-img {
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 12px;
  margin-bottom: 4px;
}
@media (max-width: 800px) {
  .nice-look-user .user-img, .rank-user .user-img {
    max-width: 232px;
  }
}
.nice-look-user .user-img img, .rank-user .user-img img {
  scale: 1;
  transition: scale 0.3s ease;
}
.nice-look-user .user-title .user-name, .rank-user .user-title .user-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 2px;
}
.nice-look-user:hover, .rank-user:hover {
  opacity: 0.5;
  transition: opacity 0.3s ease;
}
.nice-look-user:hover .user-img img, .rank-user:hover .user-img img {
  scale: 1.05;
  transition: scale 0.3s ease;
}

@media (max-width: 800px) {
  .nice-look-user a {
    width: 100%;
    max-width: 232px;
  }
  .nice-look-user a .user-title {
    width: 100%;
  }
}
.user-achievement {
  color: #757575;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.user-achievement .icon-medal {
  width: 16px;
  height: 16px;
  display: inline-block;
  background-image: url("../images/user/icon_title_medal_gold.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 4px;
}

.aside-block[data-aside-block=nice-look] .aside-title {
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
@media (max-width: 800px) {
  .aside-block[data-aside-block=nice-look] .aside-title {
    align-items: center;
  }
}

.rank-block {
  /* padding: 16px 0; */
  margin-bottom: 16px;
}
@media (max-width: 640px) {
  .rank-block {
    padding: 0 0 16px;
    margin-bottom: 16px;
  }
}
.rank-block .rank-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.rank-block .hint {
  display: inline-block;
  width: 24px;
  height: 24px;
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(%23clip0_312_1233)'><path d='M11.9987 2.99968C16.9637 2.99968 20.9987 7.03468 20.9987 11.9997C20.9987 16.9647 16.9637 20.9997 11.9987 20.9997C7.03372 20.9997 2.99872 16.9647 2.99872 11.9997C2.99872 7.03468 7.03372 2.99968 11.9987 2.99968ZM11.9987 0.99968C5.92372 0.99968 0.998718 5.92468 0.998718 11.9997C0.998718 18.0747 5.92372 22.9997 11.9987 22.9997C18.0737 22.9997 22.9987 18.0747 22.9987 11.9997C22.9987 5.92468 18.0737 0.99968 11.9987 0.99968Z' fill='%23333333'/><path d='M9 9.315C9 8.035 10.035 7 11.315 7H12.685C13.965 7 15 8.035 15 9.315C15 10.595 13.965 11.63 12.685 11.63H12V13' stroke='%23333333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path d='M12 15C11.17 15 10.5 15.67 10.5 16.5C10.5 17.33 11.17 18 12 18C12.83 18 13.5 17.33 13.5 16.5C13.5 15.67 12.83 15 12 15Z' fill='%23333333'/></g><defs><clipPath id='clip0_312_1233'><rect width='24' height='24' fill='white'/></clipPath></defs></svg>");
  transition: all 0.3s ease-in;
}
.rank-block .hint:hover {
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(%23clip0_312_1233)'><path d='M11.9987 2.99968C16.9637 2.99968 20.9987 7.03468 20.9987 11.9997C20.9987 16.9647 16.9637 20.9997 11.9987 20.9997C7.03372 20.9997 2.99872 16.9647 2.99872 11.9997C2.99872 7.03468 7.03372 2.99968 11.9987 2.99968ZM11.9987 0.99968C5.92372 0.99968 0.998718 5.92468 0.998718 11.9997C0.998718 18.0747 5.92372 22.9997 11.9987 22.9997C18.0737 22.9997 22.9987 18.0747 22.9987 11.9997C22.9987 5.92468 18.0737 0.99968 11.9987 0.99968Z' fill='%232CA6E0'/><path d='M9 9.315C9 8.035 10.035 7 11.315 7H12.685C13.965 7 15 8.035 15 9.315C15 10.595 13.965 11.63 12.685 11.63H12V13' stroke='%232CA6E0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path d='M12 15C11.17 15 10.5 15.67 10.5 16.5C10.5 17.33 11.17 18 12 18C12.83 18 13.5 17.33 13.5 16.5C13.5 15.67 12.83 15 12 15Z' fill='%232CA6E0'/></g><defs><clipPath id='clip0_312_1233'><rect width='24' height='24' fill='white'/></clipPath></defs></svg>");
  transition: all 0.3s ease-in;
}

.aside-block .rank-block:nth-child(2) {
  border-bottom: 1px solid #ffffff;
}
@media (max-width: 800px) {
  .aside-block .rank-block:nth-child(2) {
    border-bottom: 1px solid #E2E8EE;
  }
}

.rank-users {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 16px;
  transition: height 0.3s ease-in;
}
.rank-users .rank-user:nth-child(n+4) {
  opacity: 1;
  transition: opacity 0.3s ease;
  transition-delay: 0.2s;
}
.rank-users.collapsed {
  overflow: hidden;
  transition: height 0.3s ease-in;
}
.rank-users.collapsed .rank-user:nth-child(n+4) {
  opacity: 0;
  transition: opacity 0.3s ease;
  transition-delay: 0.2s;
}

.rank-user {
  position: relative;
}
.rank-user > a {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.rank-user .user-img {
  width: 48px;
  min-width: 48px;
  height: 48px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  margin-bottom: 0;
  margin-right: 8px;
}
@media (max-width: 800px) {
  .rank-user .user-img {
    width: 48px;
    min-width: 48px;
    height: 48px;
  }
}
.rank-user .user-title {
  width: 100%;
  overflow: hidden;
}
.rank-user .user-achievement .icon-medal {
  display: inline-block;
  vertical-align: middle;
}
.rank-user .user-achievement.hidden {
  display: none;
}
.rank-user .crown {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 0;
  left: 24px;
}
.rank-user.gold .rank-index {
  color: #FFC61A;
}
.rank-user.gold .crown {
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12 11.9599L10.7106 14.1088L12 16.2578L13.2893 14.1088L12 11.9599ZM12 11.9599L10.7106 14.1088L12 16.2578L13.2893 14.1088L12 11.9599ZM22.876 8.62324L17.8413 12.3681L12.6102 3.2145C12.3407 2.74253 11.6592 2.74299 11.3897 3.2145L6.15861 12.3681L1.12389 8.62324C0.593796 8.22907 -0.139243 8.72167 0.0229256 9.36097L1.94458 16.921H6.37562C6.7637 16.921 7.07866 17.236 7.07866 17.6241C7.07866 18.0121 6.7637 18.3271 6.37562 18.3271H2.30172L2.88197 20.6096C2.96118 20.9209 3.24192 21.1393 3.56345 21.1393H20.4365C20.758 21.1393 21.0387 20.9209 21.118 20.6096L21.6982 18.3271H17.6243C17.2362 18.3271 16.9213 18.0121 16.9213 17.6241C16.9213 17.236 17.2362 16.921 17.6243 16.921H22.0553L23.977 9.36097C24.1396 8.72026 23.4052 8.23001 22.876 8.62324ZM14.7118 14.4707L12.6027 17.9859C12.3309 18.4391 11.6709 18.4419 11.3972 17.9859L9.28809 14.4707C9.15451 14.2481 9.15451 13.9696 9.28809 13.747L11.3972 10.2318C11.6691 9.77858 12.329 9.77576 12.6027 10.2318L14.7118 13.747C14.8454 13.9696 14.8454 14.2481 14.7118 14.4707ZM10.7106 14.1088L12 16.2578L13.2893 14.1088L12 11.9599L10.7106 14.1088Z' fill='%23FFC61A'/><path d='M7.04913 7.97644L5.72506 10.2932L3.76123 8.83227L4.28008 6.23758C4.39912 5.6428 5.16778 5.46845 5.53196 5.95355L7.04913 7.97644Z' fill='%23FFC61A'/><path d='M20.2387 8.83227L18.2748 10.2932L16.9508 7.97644L18.4679 5.95355C18.8316 5.46845 19.6008 5.6428 19.7198 6.23758L20.2387 8.83227Z' fill='%23FFC61A'/></svg>");
}
.rank-user.silver .rank-index {
  color: #B0B6BC;
}
.rank-user.silver .crown {
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12 11.9599L10.7106 14.1088L12 16.2578L13.2893 14.1088L12 11.9599ZM12 11.9599L10.7106 14.1088L12 16.2578L13.2893 14.1088L12 11.9599ZM22.876 8.62324L17.8413 12.3681L12.6102 3.2145C12.3407 2.74253 11.6592 2.74299 11.3897 3.2145L6.15861 12.3681L1.12389 8.62324C0.593796 8.22907 -0.139243 8.72167 0.0229256 9.36097L1.94458 16.921H6.37562C6.7637 16.921 7.07866 17.236 7.07866 17.6241C7.07866 18.0121 6.7637 18.3271 6.37562 18.3271H2.30172L2.88197 20.6096C2.96118 20.9209 3.24192 21.1393 3.56345 21.1393H20.4365C20.758 21.1393 21.0387 20.9209 21.118 20.6096L21.6982 18.3271H17.6243C17.2362 18.3271 16.9213 18.0121 16.9213 17.6241C16.9213 17.236 17.2362 16.921 17.6243 16.921H22.0553L23.977 9.36097C24.1396 8.72026 23.4052 8.23001 22.876 8.62324ZM14.7118 14.4707L12.6027 17.9859C12.3309 18.4391 11.6709 18.4419 11.3972 17.9859L9.28809 14.4707C9.15451 14.2481 9.15451 13.9696 9.28809 13.747L11.3972 10.2318C11.6691 9.77858 12.329 9.77576 12.6027 10.2318L14.7118 13.747C14.8454 13.9696 14.8454 14.2481 14.7118 14.4707ZM10.7106 14.1088L12 16.2578L13.2893 14.1088L12 11.9599L10.7106 14.1088Z' fill='%23B0B6BC'/><path d='M7.04913 7.97644L5.72506 10.2932L3.76123 8.83227L4.28008 6.23758C4.39912 5.6428 5.16778 5.46845 5.53196 5.95355L7.04913 7.97644Z' fill='%23B0B6BC'/><path d='M20.2387 8.83227L18.2748 10.2932L16.9508 7.97644L18.4679 5.95355C18.8316 5.46845 19.6008 5.6428 19.7198 6.23758L20.2387 8.83227Z' fill='%23B0B6BC'/></svg>");
}
.rank-user.copper .rank-index {
  color: #C89240;
}
.rank-user.copper .crown {
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12 11.9599L10.7106 14.1088L12 16.2578L13.2893 14.1088L12 11.9599ZM12 11.9599L10.7106 14.1088L12 16.2578L13.2893 14.1088L12 11.9599ZM22.876 8.62324L17.8413 12.3681L12.6102 3.2145C12.3407 2.74253 11.6592 2.74299 11.3897 3.2145L6.15861 12.3681L1.12389 8.62324C0.593796 8.22907 -0.139243 8.72167 0.0229256 9.36097L1.94458 16.921H6.37562C6.7637 16.921 7.07866 17.236 7.07866 17.6241C7.07866 18.0121 6.7637 18.3271 6.37562 18.3271H2.30172L2.88197 20.6096C2.96118 20.9209 3.24192 21.1393 3.56345 21.1393H20.4365C20.758 21.1393 21.0387 20.9209 21.118 20.6096L21.6982 18.3271H17.6243C17.2362 18.3271 16.9213 18.0121 16.9213 17.6241C16.9213 17.236 17.2362 16.921 17.6243 16.921H22.0553L23.977 9.36097C24.1396 8.72026 23.4052 8.23001 22.876 8.62324ZM14.7118 14.4707L12.6027 17.9859C12.3309 18.4391 11.6709 18.4419 11.3972 17.9859L9.28809 14.4707C9.15451 14.2481 9.15451 13.9696 9.28809 13.747L11.3972 10.2318C11.6691 9.77858 12.329 9.77576 12.6027 10.2318L14.7118 13.747C14.8454 13.9696 14.8454 14.2481 14.7118 14.4707ZM10.7106 14.1088L12 16.2578L13.2893 14.1088L12 11.9599L10.7106 14.1088Z' fill='%23C89240'/><path d='M7.04913 7.97644L5.72506 10.2932L3.76123 8.83227L4.28008 6.23758C4.39912 5.6428 5.16778 5.46845 5.53196 5.95355L7.04913 7.97644Z' fill='%23C89240'/><path d='M20.2387 8.83227L18.2748 10.2932L16.9508 7.97644L18.4679 5.95355C18.8316 5.46845 19.6008 5.6428 19.7198 6.23758L20.2387 8.83227Z' fill='%23C89240'/></svg>");
}

.rank-index {
  font-family: "Roboto", "Microsoft JhengHei", Helvetica, sans-serif;
  font-weight: 700;
  letter-spacing: 0.04rem;
  margin-right: 4px;
  min-width: 24px;
}

.rank-accordion-btn {
  width: 100%;
  text-align: center;
  font-weight: 600;
}
.rank-accordion-btn::after {
  content: "";
  width: 36px;
  height: 36px;
  display: inline-block;
  vertical-align: middle;
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12 11.828L9.17196 14.657L7.75696 13.243L12 9L16.243 13.243L14.828 14.657L12 11.828Z' fill='%23333333'/></svg>");
  transition: all 0.3s ease;
}
.rank-accordion-btn:hover {
  color: #2CA6E0;
  transition: all 0.3s ease;
}
.rank-accordion-btn:hover::after {
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12 11.828L9.17196 14.657L7.75696 13.243L12 9L16.243 13.243L14.828 14.657L12 11.828Z' fill='%232CA6E0'/></svg>");
  transition: all 0.3s ease;
}

.rank-users.collapsed + .rank-accordion-btn::after {
  rotate: 180deg;
  transition: all 0.3s ease;
}

.rank-update {
  color: #757575;
  text-align: center;
}
@media (max-width: 640px) {
  .rank-update {
    text-align: center;
  }
}

.category[data-category=news] {
  margin-top: 0px;
}

.news-inner-article {
  border-bottom: 1px solid #333333;
  padding-bottom: 32px;
  margin-bottom: 32px;
}
.news-inner-article .article-title {
  margin-bottom: 16px;
}
@media (max-width: 800px) {
  .news-inner-article .article-title {
    margin-bottom: 8px;
  }
}
.news-inner-article .article-info {
  flex-direction: row;
  align-items: center;
  gap: 16px;
}

.article-content .article-cover-img {
  width: 100%;
  height: 480px;
  text-align: center;
  margin-bottom: 16px;
  box-sizing: border-box;
  padding: 32px 0 16px;
}
@media (max-width: 800px) {
  .article-content .article-cover-img {
    max-height: 358px;
  }
}
.article-content .article-cover-img .imgbox {
  width: 100%;
  height: 100%;
  display: inline-block;
}

.aside-block[data-aside-block=share-article] .social-media-link {
  max-height: 36px;
}
.aside-block[data-aside-block=share-article] .social-media-link .social-icon {
  width: 36px;
  height: 36px;
}

.news-inner-footer {
  margin-top: 32px;
}

.main .btn-back-to-page {
  margin-bottom: 48px;
}
@media (max-width: 640px) {
  .main .btn-back-to-page {
    margin-bottom: 32px;
  }
}

.related-article-head {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin-bottom: 24px;
}

.related-article .article-rows {
  flex-direction: row;
  gap: 24px;
  border-bottom: 0px;
}
@media (min-width: 801px) {
  .related-article .article-rows .col-md-50 {
    width: calc(50% - 12px);
  }
}
@media (max-width: 640px) {
  .related-article .article-rows {
    padding-bottom: 0;
    margin: 16px 0 0;
  }
}
.related-article .article-rows .article-row {
  padding-bottom: 0px;
  display: flex;
  flex-direction: column;
}
.related-article .article-link {
  gap: 16px;
  padding-bottom: 20px;
  flex: 1;
}
.related-article .article-img {
  min-width: 120px;
  min-height: 120px;
  flex-shrink: 0;
}
.related-article .article-info {
  width: calc(100% - 120px);
}
@media (max-width: 640px) {
  .related-article .article-info {
    width: 100%;
  }
}
.related-article .article-rows.even .article-row:nth-last-of-type(2) {
  border-bottom: 0;
}
@media (max-width: 640px) {
  .related-article .article-rows.even .article-row:nth-last-of-type(2) {
    border-bottom: 1px solid #E2E8EE;
  }
}/*# sourceMappingURL=main.css.map */