/* top-banner */
.top-banner { margin-top: -100px; background: #f8f8f8; }
.top-banner .container { width: 100%; max-width: 1920px; height: 100%; position: relative; overflow: hidden; }
.top-banner .content { width: 100%; max-width: 1180px; margin: 0 auto; padding: 6.25rem 0 6.375rem; }
.top-banner h1 { margin: 6.25rem 0 3.75rem; font-size: 3rem; font-weight: normal; letter-spacing: -1.92px; color: #10a3ad; }
.top-banner h1 .eng-font { font-family: "Montserrat"; }

#d-tom-trend-slides.d-tom-trend-slides { width: 1550px; }
#d-tom-trend-slides .swiper-slide { width: 100%; max-width: 280px; }
#d-tom-trend-slides .swiper-slide img { width: 100%; }
#d-tom-trend-slides .swiper-slide .wrap-slide-img { width: 100%; position: relative; }
#d-tom-trend-slides .swiper-slide .wrap-slide-img img { width: 100%; }
#d-tom-trend-slides .swiper-slide .wrap-slide-img .new { position: absolute; top: 0.625rem; right: 0.625rem; padding: 5px 7px 4px; background-color: #107dad; font-family: "Montserrat"; font-size: 0.75rem; font-weight: bold; color: #fff; }
#d-tom-trend-slides .swiper-slide h2 { margin-top: 1.25rem; font-size: 1.5rem; font-weight: normal; }
#d-tom-trend-slides .swiper-slide .desc { margin: 0.625rem 0 1.25rem; font-size: 1rem; color: #757575; }
#d-tom-trend-slides .swiper-slide .wrap-tags { margin-bottom: 0.625rem; color: #10a3ad; }
#d-tom-trend-slides .swiper-slide .wrap-tags li { display: inline-block; margin-right: 0.5rem; font-size: 0.875rem; font-weight: bold; }
#d-tom-trend-slides .swiper-slide .date { font-family: "Montserrat"; font-size: 0.875rem; color: #ccc; }
#d-tom-trend-slides .wrap-swiper-button { position: absolute; top: 0; left: 0; width: 100%; max-width: 1180px; height: 80%; }
#d-tom-trend-slides .swiper-button-prev,
#d-tom-trend-slides .swiper-button-next { width: 3.75rem; height: 3.75rem; background: none; }
#d-tom-trend-slides .swiper-button-prev { display: none; left: 12px; }
#d-tom-trend-slides .swiper-button-next { right: 58px; }
#d-tom-trend-slides .swiper-button-prev::after,
#d-tom-trend-slides .swiper-button-next::after { content: none; }
#d-tom-trend-slides .swiper-button-prev .material-icons { padding-left: 1rem; box-sizing: border-box; }
#d-tom-trend-slides .swiper-button-prev .material-icons,
#d-tom-trend-slides .swiper-button-next .material-icons { width: 3.75rem; height: 3.75rem; background: rgba(255, 255, 255, 0.61); border: 1px solid #b5b5b5; font-size: 3rem; color: #d8d8d8; line-height: 1.3; text-align: center; }
/* -end- top-banner */

/* sort-view-type */
.wrap-sort-view-type { height: 3.75rem; border: 1px solid #e0e0e0; }
.wrap-sort-view-type .container { width: 100%; max-width: 1920px; height: 100%; }
.wrap-sort-view-type .content { display: flex; justify-content: space-between; align-items: center; width: 100%; max-width: 1180px; margin: 0 auto; }
.wrap-sort-view-type .content .wrap-sort-type { width: 100%; max-width: 165px; height: 3.75rem; }
.wrap-sort-view-type .content .wrap-sort-type .wrap-selected-sort-type { display: flex; justify-content: space-between; align-items: center; height: 100%; border-right: 1px solid #eaeaea; }
.wrap-sort-view-type .content .wrap-sort-type .wrap-selected-sort-type .selected-sort-type { font-size: 1rem; color: #333; }
.wrap-sort-view-type .content .wrap-sort-type .wrap-selected-sort-type .icon-expand { padding-right: 1rem; color: rgba(0, 0, 0, 0.3); }
.wrap-sort-view-type .content .wrap-sort-type .wrap-selected-sort-type .icon-expand.icon-expand-less { display: none; }
.wrap-sort-view-type .content .wrap-sort-type .list-sort-type { position: relative; z-index: 10; display: none; width: 100%; max-width: 165px; box-sizing: border-box; border: 1px solid #eaeaea; background-color: #fff; }
.wrap-sort-view-type .content .wrap-sort-type .list-sort-type .sort-type { padding: 0.5rem 1rem; border-bottom: 1px solid #eaeaea; }
.wrap-sort-view-type .content .wrap-sort-type .list-sort-type .sort-type:last-of-type { border: none; }
.wrap-sort-view-type .content .list-view-type .view-type { display: inline-block; width: 3.75rem; height: 3.75rem; line-height: 4.5rem; box-sizing: border-box; border-left: 1px solid #eaeaea; border-right: 1px solid #eaeaea; text-align: center; cursor: pointer; color: #ccc; }
.wrap-sort-view-type .content .list-view-type .view-type.active { background-color: #f3f3f3; border: none; color: #757575; }
/* -end- sort-view-type */

/* tags-articles */
.wrap-tags-articles { margin: 8.125rem 0 6.25rem; }
.wrap-tags-articles .container { width: 100%; max-width: 1920px; height: 100%; }
.wrap-tags-articles .content { width: 100%; max-width: 1180px; margin: 0 auto; padding: 0 3.75rem; box-sizing: border-box; }
.wrap-tags-articles .wrap-tags { margin-bottom: 3.75rem; }
.wrap-tags-articles .wrap-tags .tag { display: inline-block; margin-right: 0.625rem; padding: 0.625rem 1.25rem; border: 1px solid #ccc; border-radius: 1.625rem; font-size: 1rem; color: #757575; cursor: pointer; }
.wrap-tags-articles .wrap-tags .tag:last-of-type { margin-right: 0; }
.wrap-tags-articles .wrap-tags .tag.all-tag { font-family: "Montserrat"; }
.wrap-tags-articles .wrap-tags .tag.active { border: 1px solid #10a3ad; color: #10a3ad; }
.wrap-tags-articles .wrap-articles .article { margin-bottom: 5rem; width: 33%; max-width: 17.5rem; }
.wrap-tags-articles .wrap-articles .article img { width: 100%; }
.wrap-tags-articles .wrap-articles .article h2 { margin-top: 1.875rem; font-size: 1.5rem; font-weight: normal; color: #000; }
.wrap-tags-articles .wrap-articles .article .desc { margin-top: 0.625rem; font-size: 1rem; color: #757575; }
.wrap-tags-articles .wrap-articles .article .tags { margin-top: 1.25rem; font-size: 0.875rem; font-weight: bold; color: #10a3ad; }
.wrap-tags-articles .wrap-articles .article .tags .tag { display: inline-block; margin-right: 0.5rem; }
.wrap-tags-articles .wrap-articles .article .tags .tag:last-of-type { margin-right: 0; }
.wrap-tags-articles .wrap-articles .article .date { margin-top: 0.625rem; font-family: "Montserrat"; font-size: 0.875rem; font-weight: bold; color: #ccc; }
/* -end- tags-articles */

/* pagination */
.wrap-tags-articles .pagination { display: flex; justify-content: center; align-items: center; width: 50%; max-width: 320px; margin: 0 auto 3.25rem; font-family: "Montserrat"; }
.wrap-tags-articles .pagination .current-total-pages { margin: 0 4.625rem; font-size: 1.125rem; color: #000; }
.wrap-tags-articles .pagination .prev,
.wrap-tags-articles .pagination .next { font-size: 1rem; color: rgba(0, 0, 0, 0.6); }
.wrap-tags-articles .pagination .prev img,
.wrap-tags-articles .pagination .next img { width: 1.5rem; height: 1.5rem; vertical-align: -7px; }
/* -end- pagination */

@media only screen and (max-width: 600px) {
  /* top-banner */
  .top-banner { flex: 1 0 52%; }
  .top-banner h1 { padding-left: 1.25rem; box-sizing: border-box; font-size: 1.75rem; }
  #m-tom-trend-slides { padding-left: 1.25rem; box-sizing: border-box; }
  #m-tom-trend-slides .swiper-slide { width: 100%; max-width: 252px; }
  #m-tom-trend-slides .swiper-slide img { width: 100%; }
  #m-tom-trend-slides .swiper-slide .wrap-slide-img { width: 100%; position: relative; }
  #m-tom-trend-slides .swiper-slide .wrap-slide-img img { width: 100%; }
  #m-tom-trend-slides .swiper-slide .wrap-slide-img .new { position: absolute; top: 0.625rem; right: 0.625rem; padding: 5px 7px 4px; background-color: #107dad; font-family: "Montserrat"; font-size: 0.75rem; font-weight: bold; color: #fff; }
  #m-tom-trend-slides .swiper-slide h2 { margin-top: 1.875rem; font-size: 1.25rem; font-weight: normal; letter-spacing: -0.6px; color: #000; }
  #m-tom-trend-slides .swiper-slide .desc { margin: 0.625rem 0 1.25rem; font-size: 0.875rem; color: #757575; }
  #m-tom-trend-slides .swiper-slide .wrap-tags { color: #10a3ad; }
  #m-tom-trend-slides .swiper-slide .wrap-tags li { display: inline-block; margin-right: 0.875rem; font-size: 0.75rem; font-weight: bold; letter-spacing: 0.17px; }
  #m-tom-trend-slides .swiper-slide .wrap-tags li:last-of-type { margin-right: 0; }
  #m-tom-trend-slides .swiper-slide .date { font-family: "Montserrat"; font-size: 0.75rem; color: #ccc; }
  /* -end- top-banner */

  /* sort-view-type */
  .wrap-sort-view-type { height: 3.125rem; border-left: none; border-right: none; }
  .wrap-sort-view-type .content .wrap-sort-type { height: 3.125rem; }
  .wrap-sort-view-type .content .wrap-sort-type .wrap-selected-sort-type .selected-sort-type { padding-left: 1.25rem; }
  .wrap-sort-view-type .content .wrap-sort-type .list-sort-type { margin-top: -2px; border-left: none; }
  .wrap-sort-view-type .content .list-view-type .view-type { width: 3.125rem; height: 3.125rem; line-height: 3.75rem; }
  /* -end- sort-view-type */

  /* tags-articles */
  .wrap-tags-articles { margin: 3.125rem 0 6.25rem; }
  .wrap-tags-articles .container { overflow: hidden; }
  .wrap-tags-articles .content { padding: 0 0.5rem; }
  .wrap-tags-articles .wrap-tags { overflow-x: scroll; white-space: nowrap; margin-bottom: 0.5rem; padding: 0 0 2rem 1rem; scrollbar-width: none; }
  .wrap-tags-articles .wrap-tags .tag { font-size: 0.875rem; }
  .wrap-tags-articles .wrap-articles { display: flex; justify-content: space-between; flex-wrap: wrap; }
  .wrap-tags-articles .wrap-articles .article { margin-bottom: 3.75rem; width: 49%; max-width: 195px; }
  .wrap-tags-articles .wrap-articles .article img { width: 100%; max-height: 125px; }
  .wrap-tags-articles .wrap-articles .article h2 { font-size: 1rem; letter-spacing: -0.64px; }
  .wrap-tags-articles .wrap-articles .article .tags { margin-top: 0.625rem; font-size: 0.625rem; letter-spacing: 0.14px; }
  .wrap-tags-articles .wrap-articles .article .tags .tag { margin-right: 4px; }
  .wrap-tags-articles .wrap-articles .article .date { font-size: 0.625rem; font-weight: normal; }
  /* -end- tags-articles */

  /* pagination */
  .wrap-tags-articles .pagination { margin-bottom: 6.5rem; width: 100%; }
  .wrap-tags-articles .pagination .current-total-pages { margin: 0 5.375rem; font-size: 1rem; }
  .wrap-tags-articles .pagination .prev,
  .wrap-tags-articles .pagination .next { font-size: 0.75rem; }
  .wrap-tags-articles .pagination .prev img,
  .wrap-tags-articles .pagination .next img { vertical-align: -8px; }
  /* -end- pagination */
}

/*# sourceMappingURL=support_tom_trends.css-3c0263e400d61c5200fde842c4889b3bfd7f1524d39fc73932964ad3594a7a03.map */