/* body {
  margin: 0;
  padding: 0;
  background: #000;
}

img {
  width: 100%;
} */

#best p {
  font-size: 18px;
  line-height: 1.8;
}

#best .slides-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 8;
  position: relative;
  padding-top: 50px;
  color: #fff;
}

#best .slides-tab__imgbox {
  margin: 0 auto;
  display: inline-block;
}

#best .slides-tab__item {
  padding: 0px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  cursor: pointer;
  opacity: 0.7;
  text-align: center;
  color: #fff;
  font-size: 18px;
  position: relative;
  opacity: .7;
}

#best .slides-tab__item::before {
  content: "";
  width: 90%;
  height: 25%;
  margin: 0 auto;
  top: 50px;
  left: 0;
  right: 0;
  position: absolute;
  display: block;
  background: #690b6a;
  background: linear-gradient(45deg, #690b6a 0%, #cb0b4a 100%);
  border-radius: 15px;
  opacity: .5;
  z-index: -2;
}

#best .slides-tab__item img {
  width: 90%;
  position: relative;
  z-index: 9;
  margin: 0 auto;
}

#best .slides-tab__item:hover {
  opacity: .8;
}

#best .slides-tab__item.active {
  color: #fff;
  opacity: 1;
}

#best .slides-tab__item.active::before {
  opacity: 1;
}

#best .slider-nav .slick-current {
  -webkit-filter: drop-shadow(5px 5px 20px #cb0b4a);
          filter: drop-shadow(5px 5px 20px #cb0b4a);
  text-shadow: 0px 0px 5px #f00, 0px 0px 5px #f00, 0px 0px 5px #f00;
  opacity: 1;
}

#best .slider-nav .slick-current::before {
  opacity: 1;
}

#best .container {
  width: 80%;
  margin: 0 auto;
  text-align: center;
  padding-top: 2%;
}

#best .flexbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#best .flexbox__item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 48%;
          flex: 0 0 48%;
}

#best .consolemode a {
  color: #f00;
}

#best .consolemode__info {
  font-size: 18px;
  margin: 2vh auto;
  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;
  max-width: 1230px;
}

#best .consolemode__info span {
  color: #fff;
}

#best .consolemode__info--item .item-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

#best .consolemode__info--item .item-box .txt {
  padding: 5px;
  margin: 1vh 0 0.5vh 0;
}

#best .consolemode__info--item .item-box .txt.gray-box {
  background: #666;
  margin-top: 2vh;
}

#best .consolemode__info--item .item-box .txt.red-box {
  background: #a50016;
  margin-top: 2vh;
}

#best .consolemode__info--item.line {
  width: 20%;
  background: url("https://storage-asset.msi.com/global/picture/image/feature/monitor/OPTIX-MAG274QRF/red-line.png") repeat-x center center;
  padding: 20px;
}

#best .consolemode__info--item.line span.outline-box {
  display: inline-block;
  max-width: 0 auto;
  padding: 10px;
  margin: 10px;
  width: 80%;
  background: #000;
  border: 3px solid #f06672;
  -webkit-box-shadow: 0px 0px 16px 0px #e60014;
  box-shadow: 0px 0px 16px 0px #e60014;
}

#best .consolemode__info--item.gray-line {
  width: 20%;
  background: url("https://storage-asset.msi.com/global/picture/image/feature/monitor/OPTIX-MAG274QRF/gray-line.png") repeat-x center center;
  padding: 20px;
}

#best .consolemode__info--item.gray-line span.outline-box {
  display: inline-block;
  margin: 0 auto;
  padding: 10px;
  margin: 10px;
  width: 80%;
  background: #000;
  border: 3px solid #666666;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#best .consolemode__info--item.gray-line-short-right {
  background: url("https://storage-asset.msi.com/global/picture/image/feature/monitor/OPTIX-MAG274QRF/gray-line.png") no-repeat right;
  background-size: auto;
  background-size: 105px 30px;
}

#best .display {
  background: url("https://storage-asset.msi.com/global/picture/image/feature/monitor/OPTIX-PAG271P/bg-165h.jpg") top center no-repeat;
  background-size: auto;
  background-size: cover;
}

#best .display .flexbox__item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 40%;
          flex: 0 0 40%;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

#best .display .flexbox__imgbox {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

#best .blog .flexbox {
  padding: 3% 0;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

#best .blog a {
  padding: 0 3%;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  width: 31%;
}

#best .blog a:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

#best .blog a p {
  display: inline-block;
  margin-top: 10px;
  font-size: 18px;
  line-height: 1.4;
  color: #fff;
}

#best .blog a p.description {
  margin-top: 10px;
  color: #999;
  font-size: 16px;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

#best .slick-next {
  right: -5px;
  z-index: 9;
}

@media screen and (max-width: 960px) {
  #best .flexbox {
    display: block;
  }
  #best p {
    font-size: 16px;
    line-height: 1.5;
  }
  #best .container {
    margin: 0px auto;
    width: 85%;
  }
  #best .slides-tab__item {
    font-size: 16px;
  }
  #best .slides-tab__item img {
    width: 70%;
    margin: 0 auto;
  }
  #best .slides-tab__item::before {
    top: 15px;
    width: 70%;
  }
  #best .display {
    background-size: unset;
    background-position: 0% -40%;
  }
  #best .display .flexbox {
    display: block;
  }
  #best .display .flexbox__imgbox {
    width: 35%;
    margin: 0 auto;
  }
  #best .dot {
    margin: 0 auto;
  }
  #best .blog a {
    padding: 0 5px;
  }
  #best .consolemode {
    width: 100%;
  }
  #best .consolemode .container {
    width: 100%;
  }
  #best .consolemode__info--item .item-box .txt {
    font-size: 12px;
  }
  #best .consolemode__info--item.line span.outline-box {
    width: 100%;
    font-size: 12px;
  }
  #best .consolemode__info--item.gray-line {
    width: 25%;
  }
  #best .consolemode__info--item.gray-line span.outline-box {
    width: 100%;
    font-size: 12px;
  }
}

@media screen and (max-width: 480px) {
  #best .container {
    width: 90%;
  }
  #best .slides-tab {
    padding-top: 15px;
  }
  #best .slides-tab__item img {
    width: 65%;
  }
  #best .slides-tab__item::before {
    top: 45px;
    width: 70%;
  }
}
/*# sourceMappingURL=feature.css.map */