@charset "UTF-8";
@-webkit-keyframes shine {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}
@keyframes shine {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes AniFloat {
  0% {
    -webkit-transform: translateY(3%);
            transform: translateY(3%);
  }
  50% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  100% {
    -webkit-transform: translateY(3%);
            transform: translateY(3%);
  }
}
@keyframes AniFloat {
  0% {
    -webkit-transform: translateY(3%);
            transform: translateY(3%);
  }
  50% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  100% {
    -webkit-transform: translateY(3%);
            transform: translateY(3%);
  }
}
:root {
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI",'Microsoft JhengHei',"Noto Sans TC", "微軟正黑體", "Meiryo UI", Roboto, Helvetica, Arial, sans-serif;
  --mainTitle: 22px;
  --mainTxt: 18px;
  --mainPrice: 20px;
  --mainNote: 15px;
}
@media (min-width: 768px) {
  :root {
    --mainTitle: 32px;
    --mainTxt: 20px;
    --mainPrice: 20px;
    --mainNote: 15px;
  }
}
:root {
  --font-color-dark: #fff;
  --font-color-light: #111;
  --nav-height: 60px;
}
:root html:lang(ja-JP) *:not(.material-icons):not(.fa):not(.buttonicons) {
  --font: -apple-system, BlinkMacSystemFont,"Meiryo UI", Arial, sans-serif;
}

html {
  scroll-padding-top: var(--nav-height);
}

img {
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.video {
  margin-top: 20px;
}
.video-wrapper {
  margin: 0 auto;
  width: 100%;
  max-width: 900px;
}
.video-wrapper__box {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}
.video-wrapper__box iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.slick-prev {
  left: 2px;
  z-index: 100;
}
.slick-prev::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-image: url(https://storage-asset.msi.com/event/2025/CND/best-pc-build-powered-by-msi/images/arrow-left.png);
  background-position: center;
  background-repeat: no-repeat;
  background-color: transparent;
  background-size: cover;
  width: 100%;
  height: 100%;
  -webkit-filter: brightness(0.5);
          filter: brightness(0.5);
}

.slick-next {
  right: 2px;
  z-index: 100;
}
.slick-next::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-image: url(https://storage-asset.msi.com/event/2025/CND/best-pc-build-powered-by-msi/images/arrow-right.png);
  background-position: center;
  background-repeat: no-repeat;
  background-color: transparent;
  background-size: cover;
  width: 100%;
  height: 100%;
  -webkit-filter: brightness(0.5);
          filter: brightness(0.5);
}

@media (min-width: 768px) {
  .slick-prev {
    left: 0px;
  }
  .slick-next {
    right: 0px;
  }
}
.common__textCenter {
  text-align: center;
}
.common__title {
  font-size: 20px;
  font-weight: 700;
  color: #4d5256;
  margin-bottom: 20px;
}
.common__intro {
  margin-bottom: 20px;
}
.common__subtitle {
  font-size: 18px;
  font-weight: 700;
  color: #000;
  margin-bottom: 10px;
}
.common__content {
  font-size: 16px;
  font-weight: 400;
  color: #000;
  margin-bottom: 10px;
}
.common__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.common__flex--reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.common__flex--aInormal {
  -webkit-box-align: normal;
      -ms-flex-align: normal;
          align-items: normal;
}
.common__flex--aIstart {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.common__flex--jCaround {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.common__flex--jCbetween {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.common__flex--jCstart {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.common__flex--jCend {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.common__flex--column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.common__btn {
  border-radius: 60px;
  background-color: #fff;
  position: relative;
  text-align: center;
  cursor: pointer;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  font-weight: 500;
  padding: 10px 0px;
}
.common__btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background-image: radial-gradient(circle at 100% 100%, transparent 31px, #eef3fa 31px, #eef3fa 32px, transparent 32px), -webkit-gradient(linear, left top, right top, from(#eef3fa), to(#c0d0ec)), radial-gradient(circle at 0% 100%, transparent 31px, #c0d0ec 31px, #c0d0ec 32px, transparent 32px), -webkit-gradient(linear, left top, left bottom, from(#c0d0ec), to(#eed0ef)), radial-gradient(circle at 0% 0%, transparent 31px, #eed0ef 31px, #eed0ef 32px, transparent 32px), -webkit-gradient(linear, right top, left top, from(#eed0ef), to(#cdd8ef)), radial-gradient(circle at 100% 0%, transparent 31px, #cdd8ef 31px, #cdd8ef 32px, transparent 32px), -webkit-gradient(linear, left bottom, left top, from(#cdd8ef), to(#eef3fa));
  background-image: radial-gradient(circle at 100% 100%, transparent 31px, #eef3fa 31px, #eef3fa 32px, transparent 32px), linear-gradient(to right, #eef3fa, #c0d0ec), radial-gradient(circle at 0% 100%, transparent 31px, #c0d0ec 31px, #c0d0ec 32px, transparent 32px), linear-gradient(to bottom, #c0d0ec, #eed0ef), radial-gradient(circle at 0% 0%, transparent 31px, #eed0ef 31px, #eed0ef 32px, transparent 32px), linear-gradient(to left, #eed0ef, #cdd8ef), radial-gradient(circle at 100% 0%, transparent 31px, #cdd8ef 31px, #cdd8ef 32px, transparent 32px), linear-gradient(to top, #cdd8ef, #eef3fa);
  background-size: 28px 30px, calc(100% - 29px) 1px, 28px 30px, 1px calc(100% - 35px);
  background-position: top left, top center, top right, center right, bottom right, bottom center, bottom left, center left;
  background-repeat: no-repeat;
}
.common__btn:hover {
  background: linear-gradient(165deg, #fdeeff 21%, #f5ebfe 25%, #d4e4fe 55%, #ffffff 100%);
}
.common__table {
  position: relative;
  overflow: hidden;
  display: table;
  border-collapse: collapse;
  width: 100%;
  margin: 0px 0px 0px 0px;
  z-index: 1;
}
.common__table-row {
  display: table-row;
}
.common__table-th {
  display: table-cell;
  color: #fff;
  text-align: left;
  vertical-align: middle;
  padding: 5px;
  text-transform: uppercase;
}
.common__table-cell {
  display: block;
  min-width: 170px;
  color: #000000;
  text-align: left;
  padding: 5px;
  position: relative;
  font-size: 14px;
  padding: 0px 20px 0px 0px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.common__table-cell:last-child {
  color: #fff;
  padding: 0px 0px 10px 0px;
  font-size: 16px;
}
.common__table-cell .arrow-icon {
  margin: 0px 11px 0 0;
  width: 10px;
  display: none;
}
.common__table-cell a {
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.common__table-cell a:hover {
  color: #c8f9ff;
}
@media (min-width: 996px) {
  .common__title {
    font-size: 24px;
  }
  .common__subtitle {
    font-size: 20px;
  }
  .common__intro {
    margin-bottom: 40px;
  }
  .common__btn {
    padding: 20px 0px;
  }
  .common__btn::before {
    background-size: 32px 32px, calc(100% - 64px) 1px, 32px 32px, 1px calc(100% - 64px);
    background-image: radial-gradient(circle at 100% 100%, transparent 31px, #eef3fa 31px, #eef3fa 32px, transparent 32px), -webkit-gradient(linear, left top, right top, from(#eef3fa), to(#c0d0ec)), radial-gradient(circle at 0% 100%, transparent 31px, #c0d0ec 31px, #c0d0ec 32px, transparent 32px), -webkit-gradient(linear, left top, left bottom, from(#c0d0ec), to(#eed0ef)), radial-gradient(circle at 0% 0%, transparent 31px, #eed0ef 31px, #eed0ef 32px, transparent 32px), -webkit-gradient(linear, right top, left top, from(#eed0ef), to(#cdd8ef)), radial-gradient(circle at 100% 0%, transparent 31px, #cdd8ef 31px, #cdd8ef 32px, transparent 32px), -webkit-gradient(linear, left bottom, left top, from(#cdd8ef), to(#eef3fa));
    background-image: radial-gradient(circle at 100% 100%, transparent 31px, #eef3fa 31px, #eef3fa 32px, transparent 32px), linear-gradient(to right, #eef3fa, #c0d0ec), radial-gradient(circle at 0% 100%, transparent 31px, #c0d0ec 31px, #c0d0ec 32px, transparent 32px), linear-gradient(to bottom, #c0d0ec, #eed0ef), radial-gradient(circle at 0% 0%, transparent 31px, #eed0ef 31px, #eed0ef 32px, transparent 32px), linear-gradient(to left, #eed0ef, #cdd8ef), radial-gradient(circle at 100% 0%, transparent 31px, #cdd8ef 31px, #cdd8ef 32px, transparent 32px), linear-gradient(to top, #cdd8ef, #eef3fa);
  }
  .common__table {
    margin: 0px 0px 0px 10px;
  }
  .common__table-cell {
    display: table-cell;
    padding: 10px 20px 10px 5px;
    font-size: 16px;
  }
  .common__table-cell:last-child {
    padding: 10px 0px 10px 5px;
  }
  .common__table-cell .arrow-icon {
    display: inline-block;
  }
}

.buildForGlory {
  position: relative;
  overflow-x: hidden;
}

.nav {
  padding: 8px 5px;
  width: 100%;
  z-index: 100;
  background: transparent;
  -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
  transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
  transition: transform 0.4s ease, opacity 0.4s ease;
  transition: transform 0.4s ease, opacity 0.4s ease, -webkit-transform 0.4s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.nav__toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 5px;
  width: 40px;
  height: 40px;
  padding: 10px;
  margin: 0;
  border: none;
  background: #8f92dc;
  border-radius: 50px;
  cursor: pointer;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.nav__toggle:focus-visible {
  outline: 2px solid #ffffff;
  outline-offset: 2px;
}
.nav__toggle-bar {
  display: block;
  height: 2px;
  width: 100%;
  background: #ffffff;
  border-radius: 1px;
  -webkit-transition: opacity 0.2s ease, -webkit-transform 0.25s ease;
  transition: opacity 0.2s ease, -webkit-transform 0.25s ease;
  transition: transform 0.25s ease, opacity 0.2s ease;
  transition: transform 0.25s ease, opacity 0.2s ease, -webkit-transform 0.25s ease;
}
.nav--menu-open {
  background: #dcddff;
}
.nav--menu-open .nav__toggle-bar:nth-child(1) {
  -webkit-transform: translateY(7px) rotate(45deg);
          transform: translateY(7px) rotate(45deg);
}
.nav--menu-open .nav__toggle-bar:nth-child(2) {
  opacity: 0;
}
.nav--menu-open .nav__toggle-bar:nth-child(3) {
  -webkit-transform: translateY(-7px) rotate(-45deg);
          transform: translateY(-7px) rotate(-45deg);
}
.nav__flex {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  max-height: 0;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: max-height 0.35s ease, opacity 0.25s ease, visibility 0.35s ease;
  transition: max-height 0.35s ease, opacity 0.25s ease, visibility 0.35s ease;
}
.nav--menu-open .nav__flex {
  max-height: 480px;
  visibility: visible;
  opacity: 1;
}
.nav--fixed {
  position: fixed;
  top: 0;
  left: 0;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  opacity: 0;
}
.nav--show {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}
.nav__item {
  font-size: 16px;
  font-weight: 700;
  color: #000;
  text-decoration: none;
  margin: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.nav__item:hover {
  color: #989898;
}
.nav__item img {
  width: 20px;
  margin-right: 5px;
}
@media (min-width: 996px) {
  .nav {
    display: block;
    background: #fff;
    padding: 20px 30px;
  }
  .nav__toggle {
    display: none;
  }
  .nav__flex {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    max-height: none;
    overflow: visible;
    visibility: visible;
    opacity: 1;
  }
  .nav--menu-open .nav__flex {
    max-height: none;
  }
  .nav__item {
    width: auto;
    margin: 0 10px;
  }
}

.kv {
  position: relative;
}
.kv__text {
  position: absolute;
  top: 3%;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  text-align: center;
  color: #fff;
  width: 100%;
}
.kv__text h1 {
  font-size: 10.5vw;
  font-weight: bolder;
  line-height: 1;
  text-transform: uppercase;
  text-shadow: 0 0 15px #5fb1d7;
  margin-bottom: 10px;
}
.kv__text h2 {
  font-size: 3.9vw;
  font-weight: normal;
  line-height: 1;
  text-transform: uppercase;
  text-shadow: 0 0 15px #5fb1d7;
  margin-bottom: 5px;
}
.kv__text-item {
  font-size: 2.5vw;
  font-weight: 700;
  color: #fff;
  background: -webkit-gradient(linear, left top, right top, from(#2c77ff), color-stop(50%, #389ffe), to(#3ec8fe));
  background: linear-gradient(90deg, #2c77ff 0%, #389ffe 50%, #3ec8fe 100%);
  padding: 1px 7px;
  border-radius: 20px;
  margin: 5px 5px;
}
.kv__text-flex {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.kv__text-hashtag {
  font-size: 14px;
  font-weight: 700;
  color: #000ea3;
  text-transform: uppercase;
}
@media (min-width: 996px) {
  .kv__text {
    text-align: left;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(0%, -50%);
            transform: translate(0%, -50%);
  }
  .kv__text h1 {
    font-size: 5.5vw;
  }
  .kv__text h2 {
    font-size: 1.8vw;
    margin-bottom: 10px;
  }
  .kv__text-item {
    font-size: 14px;
    padding: 1px 10px;
    margin: 10px 20px 10px 0;
  }
  .kv__text-flex {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .kv__text-hashtag {
    font-size: 18px;
  }
}

.intro {
  padding: 20px 0 0;
}
.intro h3 {
  font-size: 18px;
  font-weight: normal;
  color: #000;
  margin-bottom: 10px;
}
.intro__hashtag {
  color: #000ea3;
  text-transform: uppercase;
  font-weight: bold;
}
@media (min-width: 996px) {
  .intro {
    padding: 60px 0 30px;
  }
  .intro h3 {
    font-size: 20px;
  }
}

.diyGuide {
  padding: 20px 0 0;
}
.diyGuide__title {
  text-align: center;
}
.diyGuide__slider {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.diyGuide__slider .slick-list {
  margin-left: auto;
  margin-right: auto;
}
.diyGuide__slider .slick-dots {
  position: relative;
  bottom: auto;
  left: auto;
  width: 100%;
  margin: 20px 0 0;
  padding: 0;
  text-align: center;
}
.diyGuide__slider .slick-dots li {
  margin: 0 4px;
}
.diyGuide__slider .slick-slide {
  text-align: center;
}
.diyGuide__item {
  border: 1px solid #b7b7b7;
  padding: 15px 10px;
  border-radius: 10px;
  display: inline-block;
  vertical-align: top;
  width: 95%;
  max-width: 95%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: left;
  color: #000;
}
.diyGuide__item-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  margin-bottom: 10px;
  color: #000;
  font-size: 14px;
}
.diyGuide__item-list img {
  width: 20px;
  margin-right: 5px;
}
.diyGuide__item-icon {
  width: 30px;
  margin-bottom: 5px;
}
.diyGuide__item-btn {
  text-align: center;
  margin-top: 20px;
  color: #000;
  display: inline-block;
  padding: 5px 20px;
  color: #000000;
  border: 1px solid #9d9d9d;
  border-radius: 7px;
  width: 100%;
  text-decoration: none;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.diyGuide__item:hover .diyGuide__item-btn {
  background: #ededed;
}
.diyGuide__align {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 996px) {
  .diyGuide {
    padding: 60px 0;
  }
  .diyGuide__item {
    padding: 20px;
    width: 90%;
    max-width: 90%;
  }
  .diyGuide__item-list {
    gap: 10px;
    font-size: 17px;
  }
  .diyGuide__item-icon {
    width: 40px;
    margin-bottom: 10px;
  }
}

.exclusive {
  background: #f4f5ff;
}
.exclusive__container {
  padding: 20px 25px;
}
.exclusive__tab {
  margin: 20px 0;
}
.exclusive__tabName {
  width: calc(50% - 10px);
  margin: 5px;
}
.exclusive__tabName--active {
  background: linear-gradient(165deg, #fdeeff 21%, #f5ebfe 25%, #d4e4fe 55%, #ffffff 100%);
}
.exclusive__section {
  display: none;
}
.exclusive__section--active {
  display: block;
}
.exclusive__box {
  position: relative;
  border-radius: 33px;
  background: #e0e2fa;
  padding: 20px 25px;
  margin: 10px 0px;
  z-index: 10;
}
.exclusive__box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background-image: radial-gradient(circle at 100% 100%, transparent 31px, #eef3fa 31px, #eef3fa 32px, transparent 32px), -webkit-gradient(linear, left top, right top, from(#eef3fa), to(#c0d0ec)), radial-gradient(circle at 0% 100%, transparent 31px, #c0d0ec 31px, #c0d0ec 32px, transparent 32px), -webkit-gradient(linear, left top, left bottom, from(#c0d0ec), to(#eed0ef)), radial-gradient(circle at 0% 0%, transparent 31px, #eed0ef 31px, #eed0ef 32px, transparent 32px), -webkit-gradient(linear, right top, left top, from(#eed0ef), to(#cdd8ef)), radial-gradient(circle at 100% 0%, transparent 31px, #cdd8ef 31px, #cdd8ef 32px, transparent 32px), -webkit-gradient(linear, left bottom, left top, from(#cdd8ef), to(#eef3fa));
  background-image: radial-gradient(circle at 100% 100%, transparent 31px, #eef3fa 31px, #eef3fa 32px, transparent 32px), linear-gradient(to right, #eef3fa, #c0d0ec), radial-gradient(circle at 0% 100%, transparent 31px, #c0d0ec 31px, #c0d0ec 32px, transparent 32px), linear-gradient(to bottom, #c0d0ec, #eed0ef), radial-gradient(circle at 0% 0%, transparent 31px, #eed0ef 31px, #eed0ef 32px, transparent 32px), linear-gradient(to left, #eed0ef, #cdd8ef), radial-gradient(circle at 100% 0%, transparent 31px, #cdd8ef 31px, #cdd8ef 32px, transparent 32px), linear-gradient(to top, #cdd8ef, #eef3fa);
  background-size: 32px 32px, max(0px, 100% - 64px) 1px, 32px 32px, 1px max(0px, 100% - 64px);
  background-position: top left, top center, top right, center right, bottom right, bottom center, bottom left, center left;
  background-repeat: no-repeat;
  z-index: 0;
}
.exclusive__box--50 {
  width: 100%;
}
.exclusive__box-txt {
  position: relative;
  margin-bottom: 0px;
  padding: 0 0px;
}
.exclusive__box-txt h3 {
  background: -webkit-gradient(linear, left top, right top, from(#8562f2), color-stop(50%, #a875c2), to(#bc60e1));
  background: linear-gradient(90deg, #8562f2 0%, #a875c2 50%, #bc60e1 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 5px;
}
.exclusive__box-txt h2 {
  margin-bottom: 5px;
  font-size: 18px;
}
.exclusive__box-txt p {
  margin-bottom: 10px;
}
.exclusive__box .icon {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 20px;
  padding: 10px 20px;
  color: #000000;
  font-weight: bold;
  border-radius: 7px;
  text-decoration: none;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  background: -webkit-gradient(linear, left top, right top, from(#9baeeb), color-stop(50%, #f7e1f4), to(#e0e5f7));
  background: linear-gradient(90deg, #9baeeb 0%, #f7e1f4 50%, #e0e5f7 100%);
}
.exclusive__box .icon--float {
  position: absolute;
  right: 2%;
  bottom: 2%;
}
.exclusive__box .icon img {
  max-height: 40px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.exclusive__box .icon img:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  -webkit-filter: drop-shadow(0 0 10px #fff);
          filter: drop-shadow(0 0 10px #fff);
}
.exclusive__box .icon:hover {
  -webkit-transform: scale(1.04);
          transform: scale(1.04);
}
.exclusive__box-txt50 {
  width: 100%;
}
.exclusive__box-pic {
  width: 100%;
}
.exclusive__box-pic img {
  width: calc(50% - 20px);
}
.exclusive__box-pic50 {
  width: 100%;
}
.exclusive__box .videoBox {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.exclusive__box .videoBox iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.exclusive__box figure {
  padding: 0 25px;
  text-align: center;
}
.exclusive__box figure img {
  max-height: 400px;
}
@media (min-width: 996px) {
  .exclusive__container {
    padding: 60px 60px;
  }
  .exclusive__tabName {
    width: calc(25% - 20px);
    margin: 10px;
  }
  .exclusive__box {
    border-radius: 33px;
    margin: 10px 10px;
  }
  .exclusive__box--50 {
    width: calc(50% - 20px);
  }
  .exclusive__box-txt {
    margin-bottom: 20px;
    padding: 0 25px;
  }
  .exclusive__box-txt h3 {
    margin-bottom: 10px;
  }
  .exclusive__box-txt h2 {
    font-size: 25.5px;
    margin-bottom: 10px;
  }
  .exclusive__box .icon {
    position: relative;
  }
  .exclusive__box .icon--float {
    right: 0;
  }
  .exclusive__box .icon figure {
    padding: 0 25px;
  }
  .exclusive__box .icon figure img {
    max-height: 50px;
  }
  .exclusive__box-txt50 {
    width: 40%;
  }
  .exclusive__box-pic50 {
    width: 60%;
  }
}

.compatibility, .diyTitle, .performanceTitle, .setupInspiration {
  background: linear-gradient(160deg, #c1c2ea 60%, #f4f5ff 100%);
  padding: 25px 0;
}
.compatibility__line, .diyTitle__line, .performanceTitle__line, .setupInspiration__line {
  width: 8px;
  height: 100px;
  background: #7563f5;
  margin-right: 10px;
}
.compatibility__text, .diyTitle__text, .performanceTitle__text, .setupInspiration__text {
  width: 90%;
}
.compatibility__text h2, .diyTitle__text h2, .performanceTitle__text h2, .setupInspiration__text h2 {
  font-size: 5.5vw;
  font-weight: 700;
  margin-bottom: 5px;
  background: -webkit-linear-gradient(360deg, #624efb, #a038f8, #bf18aa);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (min-width: 996px) {
  .compatibility, .diyTitle, .performanceTitle, .setupInspiration {
    padding: 60px 0;
  }
  .compatibility__text h2, .diyTitle__text h2, .performanceTitle__text h2, .setupInspiration__text h2 {
    font-size: 2vw;
    margin-bottom: 10px;
  }
}

.check {
  padding: 20px 0;
}
.check__list {
  margin-top: 20px;
  background: #f3fdf6;
  border-radius: 10px;
  border: 2px solid #00c950;
  padding: 10px 10px;
}
.check__list-step {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #00c950;
  margin-right: 10px;
  color: #fff;
  font-size: 17px;
  font-weight: 500;
  line-height: 0;
}
.check__list-item h3 {
  font-size: 18px;
  font-weight: 700;
}
.check__list-item p {
  font-size: 16px;
}
.check__clickBtn {
  text-align: center;
  margin: 10px auto;
}
.check__clickBtn-plus {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #00c950;
  cursor: pointer;
  position: relative;
  display: inline-block;
  -webkit-transition: -webkit-transform 0.2s ease, -webkit-box-shadow 0.2s ease;
  transition: -webkit-transform 0.2s ease, -webkit-box-shadow 0.2s ease;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  transition: transform 0.2s ease, box-shadow 0.2s ease, -webkit-transform 0.2s ease, -webkit-box-shadow 0.2s ease;
}
.check__clickBtn-plus:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-box-shadow: 0 4px 8px rgba(0, 201, 80, 0.3);
          box-shadow: 0 4px 8px rgba(0, 201, 80, 0.3);
}
.check__clickBtn-plus::before, .check__clickBtn-plus::after {
  content: "";
  position: absolute;
  background: #fff;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.check__clickBtn-plus::before {
  width: 20px;
  height: 3px;
}
.check__clickBtn-plus::after {
  width: 3px;
  height: 20px;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.check__list--hidden {
  display: none;
}
.check--expanded .check__list--hidden {
  display: block;
}
.check--expanded .check__clickBtn-plus::after {
  opacity: 0;
}
@media (min-width: 996px) {
  .check {
    padding: 60px 0;
  }
  .check__list {
    padding: 10px 20px;
  }
  .check__list-step {
    width: 40px;
    height: 40px;
    font-size: 25px;
  }
  .check__list-item h3 {
    font-size: 20px;
  }
  .check__list-item p {
    font-size: 17px;
  }
  .check__clickBtn {
    margin: 20px auto;
  }
  .check__clickBtn-plus {
    width: 50px;
    height: 50px;
  }
}

.ezBuilder {
  background: #000000;
  padding: 20px;
}
.ezBuilder__title {
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 0;
  margin-right: 20px;
}

.guideBlog, .performanceBlog {
  padding: 20px 0;
}
.guideBlog__flex, .performanceBlog__flex {
  margin-bottom: 20px;
}
.guideBlog__tabName, .performanceBlog__tabName {
  width: 100%;
  margin: 5px;
}
.guideBlog__tabName--active, .performanceBlog__tabName--active {
  background: linear-gradient(165deg, #fdeeff 21%, #f5ebfe 25%, #d4e4fe 55%, #ffffff 100%);
}
.guideBlog__item, .performanceBlog__item {
  position: relative;
  width: 100%;
  margin: 10px 0;
  overflow: hidden;
  border: 1px solid #838383;
  border-radius: 10px;
  background: #fff;
  display: block;
  cursor: pointer;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.guideBlog__item-text, .performanceBlog__item-text {
  padding: 5px 20px 10px;
}
.guideBlog__item-text h4, .performanceBlog__item-text h4 {
  margin-bottom: 5px;
  color: #222;
}
.guideBlog__item-text p, .performanceBlog__item-text p {
  font-size: 14px;
  color: #828282;
}
.guideBlog__item-text p a, .performanceBlog__item-text p a {
  text-decoration: underline;
}
.guideBlog__item-link, .performanceBlog__item-link {
  display: inline-block;
  color: #3f90dd;
  margin: 5px 0;
  font-weight: bold;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.guideBlog__item:hover, .performanceBlog__item:hover {
  background: #f4f5ff;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.guideBlog__item-tag, .performanceBlog__item-tag {
  position: absolute;
  bottom: 2%;
  right: 3%;
  background: #d2eaff;
  color: #272727;
  padding: 5px 20px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 500;
}
.guideBlog__item-tagPurple, .performanceBlog__item-tagPurple {
  background: #f8d2ff;
}
.guideBlog__section, .performanceBlog__section {
  display: none;
}
.guideBlog__section--active, .performanceBlog__section--active {
  display: block;
}
.guideBlog .hashtag__item, .performanceBlog .hashtag__item {
  display: inline-block;
  font-weight: bold;
  cursor: pointer;
  color: #4279cb;
  margin: 5px 5px;
}
.guideBlog .hashtag__item--purple, .performanceBlog .hashtag__item--purple {
  color: #a833bc;
}
@media (min-width: 996px) {
  .guideBlog, .performanceBlog {
    padding: 60px 0;
  }
  .guideBlog__tabName, .performanceBlog__tabName {
    width: calc(33.3333333333% - 10px);
  }
  .guideBlog__item, .performanceBlog__item {
    width: calc(33.3333333333% - 20px);
    margin: 10px;
  }
}

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

.tips {
  padding: 20px 0;
}
.tips__item {
  width: 100%;
  margin: 10px 0;
  overflow: hidden;
  border: 1px solid #838383;
  border-radius: 10px;
  padding: 10px 10px;
}
.tips__list {
  margin-bottom: 10px;
  -ms-flex-wrap: nowrap !important;
      flex-wrap: nowrap !important;
}
.tips__list-item {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #dbeafe;
  color: #6ab8fe;
  font-size: 20px;
  font-weight: 500;
  line-height: 0;
  margin-right: 10px;
}
.tips__list p {
  width: 90%;
}
@media (min-width: 996px) {
  .tips {
    padding: 60px 0;
  }
  .tips__item {
    width: calc(50% - 20px);
    margin: 10px;
    padding: 10px 20px;
  }
}

.question {
  background: #dbeafe;
}
.question__wrapper {
  padding: 20px 0;
}
.question .video {
  width: 100%;
  margin: 10px 30px;
  text-align: center;
}
.question .video-wrapper__box {
  padding-bottom: 177.25%;
}
.question .video iframe {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media (min-width: 996px) {
  .question__wrapper {
    padding: 60px 0;
  }
  .question .video {
    width: calc(25% - 30px);
    margin: 30px 15px;
  }
}

.influencers {
  position: relative;
  background: #f4f5ff;
  padding: 20px 0px;
}
.influencers__tab {
  margin: 20px 0;
}
.influencers__tabName {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  width: 100%;
  text-align: center;
  cursor: pointer;
  margin-bottom: 10px;
}
.influencers__tabName:hover {
  background: linear-gradient(165deg, #fdeeff 21%, #f5ebfe 25%, #d4e4fe 55%, #ffffff 100%);
}
.influencers__tabName--active {
  background: linear-gradient(165deg, #fdeeff 21%, #f5ebfe 25%, #d4e4fe 55%, #ffffff 100%);
}
.influencers__box {
  border: #bb7af0 1px solid;
  padding: 10px 15px;
  color: #000;
  border-radius: 10px;
  background: linear-gradient(160deg, #c1c2ea 60%, #f4f5ff 100%);
  display: none;
}
.influencers__box--active {
  display: block;
}
.influencers__box--pic {
  padding: 0 0px;
  width: 100%;
}
.influencers__box--pic .slider-for {
  margin-bottom: 30px;
}
.influencers__box--pic .slider-nav {
  padding: 0 30px;
}
.influencers__box--pic .slider-nav img {
  max-height: 60px;
  padding: 0 1px;
}
.influencers__box--txt {
  width: 100%;
  color: #000000;
}
.influencers__title {
  padding: 30px 0 10px;
}
.influencers__title h2 {
  font-size: 25px;
}
.influencers__title-logo {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  overflow: hidden;
  margin: 5px 0px;
  padding: 10px 10px 5px;
  border-radius: 10px;
  width: 40%;
}
.influencers__title-logo img {
  height: 30px;
}
.influencers__title-logo:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  -webkit-filter: drop-shadow(0 0 10px #fff);
          filter: drop-shadow(0 0 10px #fff);
}
.influencers .slick-dots {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.influencers__content {
  padding: 30px 0;
}
.influencers__content h2 {
  margin-bottom: 5px;
}
.influencers__table td {
  min-width: unset;
}
.influencers__table td a {
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.influencers__table td a:hover {
  color: #9b00ff;
  text-decoration: underline;
}
.influencers__spec {
  padding: 20px 0;
}
.influencers__spec-title {
  padding: 0px 0 30px;
}
.influencers__spec .open-tc {
  cursor: pointer;
}
.influencers__spec .open-tc:hover .influencers__spec-arrow {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  -webkit-filter: drop-shadow(0 0 10px #fff);
          filter: drop-shadow(0 0 10px #fff);
}
.influencers__spec h2 {
  font-size: 25px;
}
.influencers__spec-arrow {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  height: 35px;
  margin: 0 15px;
}
.influencers__spec-icon {
  text-align: left;
  height: 70px;
  max-width: 160px;
  margin-top: 10px;
  margin-right: 10px;
}
.influencers__spec-icon:nth-child(1) {
  margin-right: 15px;
}
.influencers__spec-iconXs {
  height: 35px;
}
.influencers__spec a {
  color: #6c3f7b;
}
.influencers__popup {
  position: relative;
  z-index: 30;
}
.influencers__popup-text {
  width: 100%;
}
.influencers__popup-text h2 {
  font-size: 30px;
  margin-bottom: 15px;
}
.influencers__popup-text h3 {
  margin-bottom: 10px;
}
.influencers__popup-text .popup-logo {
  margin: 20px 0 0;
}
.influencers__popup-text .popup-logo .influencers__spec-icon {
  max-height: 60px;
}
.influencers__popup-text .popup-logo .influencers__spec-icon:nth-child(1) {
  margin-right: 15px;
}
.influencers__popup-text .popup-logo .influencers__spec-iconXs {
  max-height: 45px;
}
.influencers__popup-table {
  text-align: center;
  width: 100%;
  padding: 20px 0px 0;
}
.influencers__popup-table .popupTable-title {
  margin-bottom: 20px;
  font-size: 18px;
}
.influencers__popup-table h4 {
  margin-bottom: 15px;
  text-align: left;
}
.influencers__popup-table .popup-table {
  width: 100%;
}
.influencers__popup-table .popup-table .list {
  -moz-text-align-last: left;
       text-align-last: left;
}
.influencers__popup-table .popup-table .list p {
  font-size: 14px;
}
@media (min-width: 768px) {
  .influencers__tabName {
    width: calc(33.3333333333% - 10px);
    margin: 5px;
  }
  .influencers__box--pic {
    padding: 0 30px;
    width: 50%;
  }
  .influencers__box--pic .slider-nav {
    padding: 0 50px;
  }
  .influencers__box--pic .slider-nav img {
    max-height: 110px;
  }
  .influencers__box--pic .slick-prev {
    left: 20px;
  }
  .influencers__box--pic .slick-next {
    right: 20px;
  }
  .influencers__box--txt {
    width: 50%;
  }
  .influencers__title-logo {
    margin: 0 40px;
  }
  .influencers__title-logo img {
    height: 33px;
  }
  .influencers__spec-arrow {
    height: 35px;
  }
  .influencers__spec-icon {
    margin-top: 0px;
  }
  .influencers__popup-text {
    width: 30%;
  }
  .influencers__popup-text .popup-logo {
    margin: 60px 0 0;
  }
  .influencers__popup-text .popup-logo img {
    max-height: 60px;
  }
  .influencers__popup-table {
    width: 70%;
    padding: 50px 20px 0 50px;
  }
  .influencers__popup-table h4 {
    margin-bottom: 20px;
  }
  .influencers__popup-table .popup-table {
    width: 50%;
  }
}
@media (min-width: 996px) {
  .influencers {
    padding: 60px 25px;
  }
  .influencers__title h2 {
    font-size: 35px;
  }
  .influencers__box {
    padding: 30px 15px;
  }
}

.pbm {
  padding: 20px 0px;
  background: #f4f5ff;
}
.pbm__tab {
  max-width: 1280px;
  padding: 0px 25px 0;
  margin: 0px auto 20px;
}
.pbm__tabName {
  position: relative;
  width: 100%;
  text-align: center;
  padding: 10px 0;
  cursor: pointer;
  z-index: 5;
  margin: 0px 0 10px;
  font-weight: bolder;
  font-size: 17px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.pbm__tabName--active {
  background: linear-gradient(165deg, #fdeeff 21%, #f5ebfe 25%, #d4e4fe 55%, #ffffff 100%);
}
@media (min-width: 996px) {
  .pbm__tab {
    max-width: 1280px;
    padding: 0px 0 30px;
    margin: 0px auto 30px;
  }
  .pbm__tabName {
    width: calc(25% - 20px);
    margin: 10px;
    padding: 18px 0;
    font-size: 20px;
  }
}
.pbm .userType {
  display: none;
}
.pbm .userType--active {
  display: block;
}
.pbm .userType__box {
  display: none;
}
.pbm .userType__box--active {
  display: block;
}
.pbm .userType__cpu {
  display: none;
}
.pbm .userType__cpu--active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.pbm__box {
  display: none;
}
.pbm__box--active {
  display: block;
}
.pbm__intro {
  margin-bottom: 30px;
}
.pbm__intro-pic {
  position: relative;
  width: 100%;
}
.pbm__intro-txt {
  padding: 0 0px;
  width: 100%;
}
.pbm__intro-txt h2 {
  margin-top: 15px;
  margin-bottom: 15px;
}
.pbm__intro-txt p {
  margin-bottom: 15px;
}
.pbm__intro-txt .txt--1 {
  color: #cda50d;
}
.pbm__intro-txt .txt--2 {
  color: #E81F76;
}
.pbm__intro-txt .txt--3 {
  color: #478828;
}
.pbm__intro-txt .txt--4 {
  color: #333333;
}
.pbm__intro-note {
  position: absolute;
  right: 1%;
  bottom: 1%;
  font-size: 10px;
}
.pbm__intro-tab {
  width: 35%;
  min-width: 222px;
  margin-top: 0px;
}
.pbm__intro-tab .tabBtn {
  cursor: pointer;
  width: 50%;
  text-align: left;
  padding: 0px 0 10px;
  font-weight: bolder;
}
.pbm__intro-tab .tabBtn--active {
  color: #478828;
  text-decoration: underline;
}
.pbm__intro-switch {
  width: 35%;
  margin-top: 30px;
}
.pbm__intro-switch .switchBtn {
  cursor: pointer;
  width: 50%;
  margin: 0 auto;
  text-align: center;
  padding: 10px 0;
  color: #fff;
  font-weight: bolder;
}
.pbm__intro-switch--1 {
  background-image: radial-gradient(circle at 100% 100%, transparent -1px, #4d1600 -1px, #4d1600 1px, transparent 1px), -webkit-gradient(linear, left top, right top, from(#4d1600), to(#97773c)), radial-gradient(circle at 0% 100%, transparent -1px, #97773c -1px, #97773c 1px, transparent 1px), -webkit-gradient(linear, left top, left bottom, from(#97773c), to(#e3dc7b)), radial-gradient(circle at 0% 0%, transparent -1px, #e3dc7b -1px, #e3dc7b 1px, transparent 1px), -webkit-gradient(linear, right top, left top, from(#e3dc7b), to(#96763b)), radial-gradient(circle at 100% 0%, transparent -1px, #96763b -1px, #96763b 1px, transparent 1px), -webkit-gradient(linear, left bottom, left top, from(#96763b), to(#4d1600));
  background-image: radial-gradient(circle at 100% 100%, transparent -1px, #4d1600 -1px, #4d1600 1px, transparent 1px), linear-gradient(to right, #4d1600, #97773c), radial-gradient(circle at 0% 100%, transparent -1px, #97773c -1px, #97773c 1px, transparent 1px), linear-gradient(to bottom, #97773c, #e3dc7b), radial-gradient(circle at 0% 0%, transparent -1px, #e3dc7b -1px, #e3dc7b 1px, transparent 1px), linear-gradient(to left, #e3dc7b, #96763b), radial-gradient(circle at 100% 0%, transparent -1px, #96763b -1px, #96763b 1px, transparent 1px), linear-gradient(to top, #96763b, #4d1600);
  background-size: 1px 1px, calc(100% - 2px) 2px, 1px 1px, 2px calc(100% - 2px);
  background-position: top left, top center, top right, center right, bottom right, bottom center, bottom left, center left;
  background-repeat: no-repeat;
  background-color: rgba(32, 26, 5, 0.5333333333);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.pbm__intro-switch--1 .switchBtn {
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.pbm__intro-switch--1 .switchBtn:hover {
  background-color: rgba(117, 95, 16, 0.5333333333);
}
.pbm__intro-switch--1 .switchBtn--active {
  background: -webkit-gradient(linear, left top, right top, from(rgba(233, 102, 21, 0.66)), to(rgba(234, 192, 7, 0.71)));
  background: linear-gradient(90deg, rgba(233, 102, 21, 0.66) 0%, rgba(234, 192, 7, 0.71) 100%);
}
.pbm__intro-switch--2 {
  background-image: radial-gradient(circle at 100% 100%, transparent -1px, #e82178 -1px, #e82178 1px, transparent 1px), -webkit-gradient(linear, left top, right top, from(#e82178), to(#e482cb)), radial-gradient(circle at 0% 100%, transparent -1px, #e482cb -1px, #e482cb 1px, transparent 1px), -webkit-gradient(linear, left top, left bottom, from(#e482cb), to(#daa5e9)), radial-gradient(circle at 0% 0%, transparent -1px, #daa5e9 -1px, #daa5e9 1px, transparent 1px), -webkit-gradient(linear, right top, left top, from(#daa5e9), to(#e47ec8)), radial-gradient(circle at 100% 0%, transparent -1px, #e47ec8 -1px, #e47ec8 1px, transparent 1px), -webkit-gradient(linear, left bottom, left top, from(#e47ec8), to(#e82178));
  background-image: radial-gradient(circle at 100% 100%, transparent -1px, #e82178 -1px, #e82178 1px, transparent 1px), linear-gradient(to right, #e82178, #e482cb), radial-gradient(circle at 0% 100%, transparent -1px, #e482cb -1px, #e482cb 1px, transparent 1px), linear-gradient(to bottom, #e482cb, #daa5e9), radial-gradient(circle at 0% 0%, transparent -1px, #daa5e9 -1px, #daa5e9 1px, transparent 1px), linear-gradient(to left, #daa5e9, #e47ec8), radial-gradient(circle at 100% 0%, transparent -1px, #e47ec8 -1px, #e47ec8 1px, transparent 1px), linear-gradient(to top, #e47ec8, #e82178);
  background-size: 1px 1px, calc(100% - 2px) 2px, 1px 1px, 2px calc(100% - 2px);
  background-position: top left, top center, top right, center right, bottom right, bottom center, bottom left, center left;
  background-repeat: no-repeat;
  background-color: rgba(32, 5, 31, 0.5333333333);
}
.pbm__intro-switch--2 .switchBtn--active {
  background: -webkit-gradient(linear, left top, right top, from(rgba(189, 12, 128, 0.47)), to(rgba(177, 125, 228, 0.5960784314)));
  background: linear-gradient(90deg, rgba(189, 12, 128, 0.47) 0%, rgba(177, 125, 228, 0.5960784314) 100%);
}
.pbm__intro-switch--3 {
  background-image: radial-gradient(circle at 100% 100%, transparent -1px, #385929 -1px, #385929 1px, transparent 1px), -webkit-gradient(linear, left top, right top, from(#385929), to(#7b9637)), radial-gradient(circle at 0% 100%, transparent -1px, #7b9637 -1px, #7b9637 1px, transparent 1px), -webkit-gradient(linear, left top, left bottom, from(#7b9637), to(#c1d747)), radial-gradient(circle at 0% 0%, transparent -1px, #c1d747 -1px, #c1d747 1px, transparent 1px), -webkit-gradient(linear, right top, left top, from(#c1d747), to(#7b9737)), radial-gradient(circle at 100% 0%, transparent -1px, #7b9737 -1px, #7b9737 1px, transparent 1px), -webkit-gradient(linear, left bottom, left top, from(#7b9737), to(#385929));
  background-image: radial-gradient(circle at 100% 100%, transparent -1px, #385929 -1px, #385929 1px, transparent 1px), linear-gradient(to right, #385929, #7b9637), radial-gradient(circle at 0% 100%, transparent -1px, #7b9637 -1px, #7b9637 1px, transparent 1px), linear-gradient(to bottom, #7b9637, #c1d747), radial-gradient(circle at 0% 0%, transparent -1px, #c1d747 -1px, #c1d747 1px, transparent 1px), linear-gradient(to left, #c1d747, #7b9737), radial-gradient(circle at 100% 0%, transparent -1px, #7b9737 -1px, #7b9737 1px, transparent 1px), linear-gradient(to top, #7b9737, #385929);
  background-size: 1px 1px, calc(100% - 2px) 2px, 1px 1px, 2px calc(100% - 2px);
  background-position: top left, top center, top right, center right, bottom right, bottom center, bottom left, center left;
  background-repeat: no-repeat;
  background-color: rgba(32, 26, 5, 0.5333333333);
}
.pbm__intro-switch--3 .switchBtn--active {
  background: -webkit-gradient(linear, left top, right top, from(rgba(86, 89, 41, 0.5921568627)), to(rgba(191, 202, 25, 0.5921568627)));
  background: linear-gradient(90deg, rgba(86, 89, 41, 0.5921568627) 0%, rgba(191, 202, 25, 0.5921568627) 100%);
}
.pbm__intro-switch--4 {
  background-image: radial-gradient(circle at 100% 100%, transparent -1px, #595959 -1px, #595959 1px, transparent 1px), -webkit-gradient(linear, left top, right top, from(#595959), to(#a0a0a0)), radial-gradient(circle at 0% 100%, transparent -1px, #a0a0a0 -1px, #a0a0a0 1px, transparent 1px), -webkit-gradient(linear, left top, left bottom, from(#a0a0a0), to(#f2f2f2)), radial-gradient(circle at 0% 0%, transparent -1px, #f2f2f2 -1px, #f2f2f2 1px, transparent 1px), -webkit-gradient(linear, right top, left top, from(#f2f2f2), to(#a8a8a8)), radial-gradient(circle at 100% 0%, transparent -1px, #a8a8a8 -1px, #a8a8a8 1px, transparent 1px), -webkit-gradient(linear, left bottom, left top, from(#a8a8a8), to(#595959));
  background-image: radial-gradient(circle at 100% 100%, transparent -1px, #595959 -1px, #595959 1px, transparent 1px), linear-gradient(to right, #595959, #a0a0a0), radial-gradient(circle at 0% 100%, transparent -1px, #a0a0a0 -1px, #a0a0a0 1px, transparent 1px), linear-gradient(to bottom, #a0a0a0, #f2f2f2), radial-gradient(circle at 0% 0%, transparent -1px, #f2f2f2 -1px, #f2f2f2 1px, transparent 1px), linear-gradient(to left, #f2f2f2, #a8a8a8), radial-gradient(circle at 100% 0%, transparent -1px, #a8a8a8 -1px, #a8a8a8 1px, transparent 1px), linear-gradient(to top, #a8a8a8, #595959);
  background-size: 1px 1px, calc(100% - 2px) 2px, 1px 1px, 2px calc(100% - 2px);
  background-position: top left, top center, top right, center right, bottom right, bottom center, bottom left, center left;
  background-repeat: no-repeat;
  background-color: rgba(32, 26, 5, 0.5333333333);
}
.pbm__intro-switch--4 .switchBtn--active {
  background: -webkit-gradient(linear, left top, right top, from(rgba(89, 89, 89, 0.5803921569)), to(rgba(160, 160, 160, 0.7254901961)));
  background: linear-gradient(90deg, rgba(89, 89, 89, 0.5803921569) 0%, rgba(160, 160, 160, 0.7254901961) 100%);
}
@media (min-width: 996px) {
  .pbm {
    padding: 60px 25px;
  }
  .pbm__intro-pic {
    width: 50%;
  }
  .pbm__intro-txt {
    width: 50%;
    padding: 0 25px;
  }
  .pbm__intro-txt h2 {
    margin-top: 0px;
  }
  .pbm__intro-note {
    font-size: 14px;
  }
  .pbm__intro-tab {
    width: 35%;
    min-width: 222px;
    margin-top: 0px;
  }
  .pbm__intro-tab .tabBtn {
    padding: 10px 0;
    margin: 0 auto;
    text-align: center;
  }
}
.pbm__pdSection {
  display: none;
}
.pbm__pdSection--active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.pbm__pdSection .pbm__pd {
  position: relative;
  width: calc(50% - 8px);
  margin: 4px;
  padding: 10px 10px;
  background-image: radial-gradient(circle at 100% 100%, transparent -1px, #4d1600 -1px, #4d1600 1px, transparent 1px), -webkit-gradient(linear, left top, right top, from(#4d1600), to(#97773c)), radial-gradient(circle at 0% 100%, transparent -1px, #97773c -1px, #97773c 1px, transparent 1px), -webkit-gradient(linear, left top, left bottom, from(#97773c), to(#e3dc7b)), radial-gradient(circle at 0% 0%, transparent -1px, #e3dc7b -1px, #e3dc7b 1px, transparent 1px), -webkit-gradient(linear, right top, left top, from(#e3dc7b), to(#96763b)), radial-gradient(circle at 100% 0%, transparent -1px, #96763b -1px, #96763b 1px, transparent 1px), -webkit-gradient(linear, left bottom, left top, from(#96763b), to(#4d1600));
  background-image: radial-gradient(circle at 100% 100%, transparent -1px, #4d1600 -1px, #4d1600 1px, transparent 1px), linear-gradient(to right, #4d1600, #97773c), radial-gradient(circle at 0% 100%, transparent -1px, #97773c -1px, #97773c 1px, transparent 1px), linear-gradient(to bottom, #97773c, #e3dc7b), radial-gradient(circle at 0% 0%, transparent -1px, #e3dc7b -1px, #e3dc7b 1px, transparent 1px), linear-gradient(to left, #e3dc7b, #96763b), radial-gradient(circle at 100% 0%, transparent -1px, #96763b -1px, #96763b 1px, transparent 1px), linear-gradient(to top, #96763b, #4d1600);
  background-size: 1px 1px, calc(100% - 2px) 2px, 1px 1px, 2px calc(100% - 2px);
  background-position: top left, top center, top right, center right, bottom right, bottom center, bottom left, center left;
  background-repeat: no-repeat;
  background-color: rgba(235, 183, 4, 0.1490196078);
  text-align: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.pbm__pdSection .pbm__pd:hover {
  background-color: rgba(255, 197, 7, 0.1490196078);
  -webkit-filter: drop-shadow(0 0 10px #fcc051);
          filter: drop-shadow(0 0 10px #fcc051);
}
.pbm__pdSection .pbm__pd img {
  height: auto;
}
.pbm__pdSection .pbm__pd p {
  position: relative;
  width: 100%;
  font-size: 14px;
  color: #000;
}
.pbm__pdSection .pbm__pd--nohover:hover {
  background-color: rgba(235, 183, 4, 0.1490196078);
  -webkit-filter: none;
          filter: none;
}
.pbm__pdSection--2 .pbm__pd {
  background-image: radial-gradient(circle at 100% 100%, transparent -1px, #e82178 -1px, #e82178 1px, transparent 1px), -webkit-gradient(linear, left top, right top, from(#e82178), to(#e482cb)), radial-gradient(circle at 0% 100%, transparent -1px, #e482cb -1px, #e482cb 1px, transparent 1px), -webkit-gradient(linear, left top, left bottom, from(#e482cb), to(#daa5e9)), radial-gradient(circle at 0% 0%, transparent -1px, #daa5e9 -1px, #daa5e9 1px, transparent 1px), -webkit-gradient(linear, right top, left top, from(#daa5e9), to(#e47ec8)), radial-gradient(circle at 100% 0%, transparent -1px, #e47ec8 -1px, #e47ec8 1px, transparent 1px), -webkit-gradient(linear, left bottom, left top, from(#e47ec8), to(#e82178));
  background-image: radial-gradient(circle at 100% 100%, transparent -1px, #e82178 -1px, #e82178 1px, transparent 1px), linear-gradient(to right, #e82178, #e482cb), radial-gradient(circle at 0% 100%, transparent -1px, #e482cb -1px, #e482cb 1px, transparent 1px), linear-gradient(to bottom, #e482cb, #daa5e9), radial-gradient(circle at 0% 0%, transparent -1px, #daa5e9 -1px, #daa5e9 1px, transparent 1px), linear-gradient(to left, #daa5e9, #e47ec8), radial-gradient(circle at 100% 0%, transparent -1px, #e47ec8 -1px, #e47ec8 1px, transparent 1px), linear-gradient(to top, #e47ec8, #e82178);
  background-size: 1px 1px, calc(100% - 2px) 2px, 1px 1px, 2px calc(100% - 2px);
  background-position: top left, top center, top right, center right, bottom right, bottom center, bottom left, center left;
  background-repeat: no-repeat;
  background-color: rgba(133, 70, 183, 0.1803921569);
}
.pbm__pdSection--2 .pbm__pd:hover {
  background-color: rgba(133, 70, 183, 0.1803921569);
  -webkit-filter: drop-shadow(0 0 10px #df51fc);
          filter: drop-shadow(0 0 10px #df51fc);
}
.pbm__pdSection--2 .pbm__pd--nohover:hover {
  background-color: rgba(133, 70, 183, 0.1803921569);
  -webkit-filter: none;
          filter: none;
}
.pbm__pdSection--3 .pbm__pd {
  background-image: radial-gradient(circle at 100% 100%, transparent -1px, #385929 -1px, #385929 1px, transparent 1px), -webkit-gradient(linear, left top, right top, from(#385929), to(#7b9637)), radial-gradient(circle at 0% 100%, transparent -1px, #7b9637 -1px, #7b9637 1px, transparent 1px), -webkit-gradient(linear, left top, left bottom, from(#7b9637), to(#c1d747)), radial-gradient(circle at 0% 0%, transparent -1px, #c1d747 -1px, #c1d747 1px, transparent 1px), -webkit-gradient(linear, right top, left top, from(#c1d747), to(#7b9737)), radial-gradient(circle at 100% 0%, transparent -1px, #7b9737 -1px, #7b9737 1px, transparent 1px), -webkit-gradient(linear, left bottom, left top, from(#7b9737), to(#385929));
  background-image: radial-gradient(circle at 100% 100%, transparent -1px, #385929 -1px, #385929 1px, transparent 1px), linear-gradient(to right, #385929, #7b9637), radial-gradient(circle at 0% 100%, transparent -1px, #7b9637 -1px, #7b9637 1px, transparent 1px), linear-gradient(to bottom, #7b9637, #c1d747), radial-gradient(circle at 0% 0%, transparent -1px, #c1d747 -1px, #c1d747 1px, transparent 1px), linear-gradient(to left, #c1d747, #7b9737), radial-gradient(circle at 100% 0%, transparent -1px, #7b9737 -1px, #7b9737 1px, transparent 1px), linear-gradient(to top, #7b9737, #385929);
  background-size: 1px 1px, calc(100% - 2px) 2px, 1px 1px, 2px calc(100% - 2px);
  background-position: top left, top center, top right, center right, bottom right, bottom center, bottom left, center left;
  background-repeat: no-repeat;
  background-color: rgba(195, 217, 187, 0.662745098);
}
.pbm__pdSection--3 .pbm__pd:hover {
  background-color: rgba(195, 217, 187, 0.662745098);
  -webkit-filter: drop-shadow(0 0 10px #b5fc9d);
          filter: drop-shadow(0 0 10px #b5fc9d);
}
.pbm__pdSection--3 .pbm__pd--nohover:hover {
  background-color: rgba(195, 217, 187, 0.662745098);
  -webkit-filter: none;
          filter: none;
}
.pbm__pdSection--4 .pbm__pd {
  background-image: radial-gradient(circle at 100% 100%, transparent -1px, #595959 -1px, #595959 1px, transparent 1px), -webkit-gradient(linear, left top, right top, from(#595959), to(#a0a0a0)), radial-gradient(circle at 0% 100%, transparent -1px, #a0a0a0 -1px, #a0a0a0 1px, transparent 1px), -webkit-gradient(linear, left top, left bottom, from(#a0a0a0), to(#f2f2f2)), radial-gradient(circle at 0% 0%, transparent -1px, #f2f2f2 -1px, #f2f2f2 1px, transparent 1px), -webkit-gradient(linear, right top, left top, from(#f2f2f2), to(#a8a8a8)), radial-gradient(circle at 100% 0%, transparent -1px, #a8a8a8 -1px, #a8a8a8 1px, transparent 1px), -webkit-gradient(linear, left bottom, left top, from(#a8a8a8), to(#595959));
  background-image: radial-gradient(circle at 100% 100%, transparent -1px, #595959 -1px, #595959 1px, transparent 1px), linear-gradient(to right, #595959, #a0a0a0), radial-gradient(circle at 0% 100%, transparent -1px, #a0a0a0 -1px, #a0a0a0 1px, transparent 1px), linear-gradient(to bottom, #a0a0a0, #f2f2f2), radial-gradient(circle at 0% 0%, transparent -1px, #f2f2f2 -1px, #f2f2f2 1px, transparent 1px), linear-gradient(to left, #f2f2f2, #a8a8a8), radial-gradient(circle at 100% 0%, transparent -1px, #a8a8a8 -1px, #a8a8a8 1px, transparent 1px), linear-gradient(to top, #a8a8a8, #595959);
  background-size: 1px 1px, calc(100% - 2px) 2px, 1px 1px, 2px calc(100% - 2px);
  background-position: top left, top center, top right, center right, bottom right, bottom center, bottom left, center left;
  background-repeat: no-repeat;
  background-color: #e6e6e6;
}
.pbm__pdSection--4 .pbm__pd:hover {
  background-color: #cacaca;
  -webkit-filter: drop-shadow(0 0 10px #f7f7f7);
          filter: drop-shadow(0 0 10px #f7f7f7);
}
.pbm__pdSection--4 .pbm__pd .pbm__pd--nohover:hover {
  background-color: #e6e6e6;
  -webkit-filter: none;
          filter: none;
}
@media (min-width: 996px) {
  .pbm__pdSection .pbm__pd {
    width: calc(25% - 20px);
    margin: 10px;
    padding: 30px 30px 60px;
  }
  .pbm__pdSection .pbm__pd img {
    height: 200px;
  }
  .pbm__pdSection .pbm__pd p {
    position: absolute;
    bottom: 10px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    width: 90%;
    font-size: 16px;
  }
}

.modal {
  display: none;
  position: fixed;
  z-index: 500;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.77);
}
.modal .close {
  position: absolute;
  right: 3%;
  top: 0.1%;
  font-size: 50px;
  cursor: pointer;
  z-index: 150;
}
.modal a {
  color: #cf98ff;
  font-size: 16px;
}
.modal a:hover {
  color: #deb8ff;
}
.modal .noHover:hover {
  color: #cf98ff;
}
.modal-content {
  position: relative;
  z-index: 150;
  border-radius: 7px;
  border: #b57ce6 1px solid;
  margin: 5% auto;
  color: #fff;
  padding: 30px 15px;
  width: 80%;
  background-color: rgba(17, 17, 17, 0.7647058824);
}
.modal-content p {
  margin-bottom: 1px;
}
.modal-content ol {
  margin-bottom: 5px;
}
.modal-content ol li {
  margin-bottom: 5px;
}

@media (min-width: 996px) {
  .modal .close {
    right: 2%;
    top: 2%;
  }
  .modal a {
    font-size: 17px;
  }
  .modal-content {
    padding: 50px 15px;
    padding: 50px;
  }
  .modal-content p {
    margin-bottom: 5px;
  }
}
.close {
  float: right;
  font-size: 28px;
  font-weight: bold;
  cursor: pointer;
}
.close:hover, .close:focus {
  color: #b57ce6;
  text-decoration: none;
  cursor: pointer;
}

.faq {
  padding-top: 6vh;
  padding-bottom: 6vh;
}

@media (max-width: 1300px) {
  .faq {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media (max-width: 1050px) {
  .faq {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
@media (max-width: 800px) {
  .faq {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .guideMonitor .faq__flex {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .guideMonitor .faq__flex::-webkit-scrollbar {
    display: none;
  }
  .guideMonitor .faq__flex .common__item--30 {
    width: auto !important;
    min-width: 200px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
.accordion {
  display: none;
}
.accordion--active {
  display: block;
}

.accordion dl, .accordion-list {
  border: 1px solid #ddd;
}

.accordion dd, .accordion__panel {
  font-size: 1em;
  line-height: 1.5em;
}

.accordion p {
  padding: 1em 2em 0em 2em;
  font-size: 16px !important;
  margin-bottom: 20px;
}

.accordion dd a {
  text-decoration: underline;
  color: #7095ed;
}

.accordion {
  position: relative;
  margin-bottom: 70px;
}

.container {
  max-width: 960px;
  margin: 0 auto;
  padding: 2em 0 2em 0;
}

.accordionTitle, .accordion__Heading {
  background-color: #780080;
  text-align: start;
  font-weight: 700;
  padding: 25px 2em;
  display: block;
  text-decoration: none;
  color: #222222;
  -webkit-transition: background-color 0.5s ease-in-out;
  transition: background-color 0.5s ease-in-out;
  border-bottom: 1px solid #600067;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-box-pack--ms-flex-pack: start;
  -webkit-box-pack--ms-flex-pack-justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-box-align--ms-flex-align: center;
  -webkit-box-align--ms-flex-align-align-items: center;
}

.accordionTitle:before, .accordion__Heading:before {
  content: "+";
  font-size: 1.5em;
  line-height: 0.5em;
  transition: -webkit-transform 0.3s ease-in-out;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  margin-right: 1em;
  text-decoration: none;
  height: 18.03px;
}

.accordionTitle:hover, .accordion__Heading:hover {
  text-decoration: none;
  color: #666666;
}

.accordionTitleActive:before,
.accordionTitle.is-expanded:before {
  -webkit-transform: rotate(-225deg);
  -webkit-transform-transform: rotate(-225deg);
}

.accordionItem {
  height: auto;
  overflow: hidden;
  max-height: 100em;
  -webkit-transition: max-height 1s;
  transition: max-height 1s;
}

@media screen and (min-width: 48em) {
  .accordionItem {
    max-height: 100em;
    -webkit-transition: max-height 0.5s;
    transition: max-height 0.5s;
  }
}
.accordionItem .scrollbma {
  overflow: auto;
  width: 100%;
}

.accordionItem table {
  font-size: 16px;
  width: 65%;
  text-align: left;
  margin: 0px 32px 32px;
  border-collapse: collapse;
  border: 1px solid #c1c2ea;
  background: rgba(234, 234, 234, 0.7);
  -webkit-box-shadow: 0 2px 8px #838383;
          box-shadow: 0 2px 8px #838383;
}

.accordionItem table td {
  display: table-cell;
  border: 1px solid #c1c2ea;
  padding: 5px 10px;
  color: #222222;
  vertical-align: middle;
  width: 25%;
}

.accordionItem.is-collapsed {
  max-height: 0;
}

.no-js .accordionItem.is-collapsed {
  max-height: auto;
}

.animateIn {
  -webkit-animation: accordionIn 0.45s normal ease-in-out both 1;
  animation: accordionIn 0.45s normal ease-in-out both 1;
}

.animateOut {
  -webkit-animation: accordionOut 0.45s alternate ease-in-out both 1;
  animation: accordionOut 0.45s alternate ease-in-out both 1;
}

@-webkit-keyframes accordionIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.9) rotateX(-60deg);
    -webkit-transform-transform: scale(0.9) rotateX(-60deg);
    -webkit-transform-origin: 50% 0;
    -webkit-transform-origin-transform-origin: 50% 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -webkit-transform-transform: scale(1);
  }
}
@keyframes accordionIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.9) rotateX(-60deg);
    -webkit-transform-transform: scale(0.9) rotateX(-60deg);
    -webkit-transform-origin: 50% 0;
    -webkit-transform-origin-transform-origin: 50% 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -webkit-transform-transform: scale(1);
  }
}
@-webkit-keyframes accordionOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    -webkit-transform-transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.9) rotateX(-60deg);
    -webkit-transform-transform: scale(0.9) rotateX(-60deg);
  }
}
@keyframes accordionOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    -webkit-transform-transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.9) rotateX(-60deg);
    -webkit-transform-transform: scale(0.9) rotateX(-60deg);
  }
}
.accordionaas {
  width: 100%;
  margin: auto;
  margin-bottom: 70px;
  border-radius: 12px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

@media screen and (max-width: 991px) {
  .accordionaas {
    width: 100%;
    margin-bottom: 0px;
  }
}
.accordionaas .accordionTitle, .accordionaas .accordion__Heading {
  background: #ffffff;
  border-bottom: 1px solid rgba(130, 130, 130, 0.44);
  color: #222222;
}

.accordionTitle:not(:last-child) {
  border-bottom: none;
}

.accordionaas dl {
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid rgba(205, 205, 205, 0.44);
  background: rgba(229, 229, 229, 0.2901960784);
}

.slick-dots li button:before {
  font-size: 30px;
}/*# sourceMappingURL=main.css.map */