/*h1*/
/*h2*/
@import url("https://fonts.googleapis.com/css2?family=CenturyGothic:wght@400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Sarpanch:wght@400;500;600;700;800;900&display=swap");
/*.seriesMAG
 *  width: 100%
 *  background:#000 url(https://storage-asset.msi.com/global/picture/image/feature/PC-Case/MAG-FORGE-M100R/images/seriesMAG-bg.jpg) no-repeat
 *  background-size: cover
 *  background-attachment: fixed */
.product-mainbox {
  background: none;
}

.seriesPRO::before {
  content: "";
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -10;
  background: #000 url(https://storage-asset.msi.com/global/picture/image/feature/mb/template/2022/images/mb-pro-bg-pc.jpg) no-repeat center center;
  background-size: cover;
}

.seriesMAG::before {
  content: "";
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -10;
  background: #000 url(https://storage-asset.msi.com/global/picture/image/feature/PC-Case/MAG-FORGE-M100R/images/seriesMAG-bg.jpg) no-repeat center center;
  background-size: cover;
}

.seriesMPG::before {
  content: "";
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -10;
  background: #000 url(https://storage-asset.msi.com/global/picture/image/feature/PC-Case/MPG-GUNGNIR-120R/images/seriesMPG.jpg) no-repeat center center;
  background-size: cover;
}

.block {
  font-family: "CenturyGothic", "Segoe UI", sans-serif, "cwTeXHei", "Microsoft JhengHei";
  font-family: var(--block-font);
  color: #fff;
  font-size: 24px;
  font-size: var(--block-text-md);
  word-wrap: break-word;
  width: 100%;
  margin: 0 auto;
}
.block ul, .block li {
  list-style: none;
  padding: 0;
  margin: 0;
}
.block img {
  display: inline-block !important;
  max-width: 100%;
  width: auto;
  overflow: hidden;
  vertical-align: bottom;
}
.block img.full {
  width: 100%;
  vertical-align: bottom;
}
.block .imgxs {
  display: none;
}
.block .wrapper {
  width: 90%;
  margin: 0 auto;
  max-width: 1280px;
}
.block .wrapper-lg {
  width: 85%;
  margin: 0 auto;
  max-width: 2560px;
}
.block .wrapper-lg-full {
  width: 100%;
  margin: 0 auto;
  max-width: 2560px;
}
.block .wrapper-full {
  width: 100%;
  margin: 0 auto;
}
.block h2, .block .h2 {
  font-size: 40px;
  color: #fff;
  font-weight: 700;
  padding-bottom: 20px;
  text-transform: uppercase;
}
.block h2 span, .block .h2 span {
  font-size: 70%;
}
.block h3, .block .h3 {
  font-size: 36px;
  color: #fff;
  font-weight: normal;
  padding-bottom: 20px;
}
.block h3 span, .block .h3 span {
  font-size: 70%;
}
.block h4, .block .h4 {
  font-size: 32.4px;
  margin: 0;
}
.block p {
  line-height: 1.6;
  font-size: 100%;
  font-size: 24px;
  font-size: var(--block-text-md);
}
.block .iconBox {
  padding-bottom: 20px;
}
.block .note {
  font-size: 20px;
  line-height: 1.2;
  padding-top: 15px;
  color: #999;
}
.block .note a {
  color: #666;
}
.block .text-center {
  text-align: center;
}
.block .data-num {
  font-size: 2vh;
  font-family: "CenturyGothic", "Segoe UI", sans-serif, "cwTeXHei", "Microsoft JhengHei";
}
.block .data-num span, .block .data-num b {
  font-size: 220%;
  font-weight: 400;
}
.block .data-num img {
  margin: 0 15px;
}
.block .yellow {
  color: #d5e839;
}
.block .blue {
  color: #3299f6;
}
.block.sp, .block .sp {
  padding: 5% 0;
}
.block.sptop, .block .sptop {
  padding-top: 5%;
}
.block.spbt, .block .spbt {
  padding-bottom: 5%;
}
.block.splg, .block .splg {
  padding: 10% 0;
}
.block.splgtop, .block .splgtop {
  padding-top: 10%;
}
.block.splgbt, .block .splgbt {
  padding-bottom: 10%;
}
.block.center, .block .center {
  text-align: center;
}
.block .box-sc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.block .box-ce {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.block .box-cc {
  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;
}
.block .box-s {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.block .box-c {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.block .box-sc, .block .box-cc, .block .box-s, .block .box-c {
  -ms-flex-item-align: baseline;
  align-self: baseline;
}

@media screen and (max-width: 1536px) {
  .block {
    font-size: 20px;
    /* p
    * font-size: 20px */
  }
  .block h2, .block .h2 {
    font-size: 36px;
  }
  .block h3, .block .h3 {
    font-size: 32px;
  }
  .block h4, .block .h4 {
    font-size: 28.8px;
  }
  .block .note {
    font-size: 18px;
  }
}
@media screen and (max-width: 1366px) {
  .block {
    font-size: 18px;
    /* p
    * font-size: 18px */
  }
  .block h2, .block .h2 {
    font-size: 32.4px;
  }
  .block h3, .block .h3 {
    font-size: 28.8px;
  }
  .block h4, .block .h4 {
    font-size: 25.6px;
  }
  .block .note {
    font-size: 16.2px;
  }
  .block.sp, .block .sp {
    padding: 8% 0;
  }
  .block.sptop, .block .sptop {
    padding-top: 8%;
  }
  .block.spbt, .block .spbt {
    padding-bottom: 8%;
  }
}
@media screen and (max-width: 960px) {
  /*.seriesMAG
  *    width: 100%
  *    background-color: #000
  *    background-image: none
  *    background-size: cover
  *    background-attachment: scroll */
  .seriesPRO::before {
    background: #000 url(https://storage-asset.msi.com/global/picture/image/feature/mb/template/2022/images/msi-pro-bg-960px.jpg) no-repeat center center;
    background-size: cover;
  }
  .seriesMAG::before {
    background: #000 url(https://storage-asset.msi.com/global/picture/image/feature/PC-Case/MAG-FORGE-M100R/images/seriesMAG-xs-bg.jpg) no-repeat center center;
    background-size: cover;
  }
  .seriesMPG::before {
    background: #000 url(https://storage-asset.msi.com/global/picture/image/feature/PC-Case/MPG-GUNGNIR-120R/images/seriesMPG-xs.jpg) no-repeat center center;
    background-size: cover;
  }
  .block {
    font-size: 18px;
    /* p
    * font-size: 18px */
  }
  .block h2, .block .h2 {
    font-size: 32px;
  }
  .block h3, .block .h3 {
    font-size: 28px;
  }
  .block h4, .block .h4 {
    font-size: 28px;
  }
  .block .note {
    font-size: 16px;
  }
  .block.sp, .block .sp {
    padding: 6vh 0;
  }
  .block.sptop, .block .sptop {
    padding-top: 6vh;
  }
  .block.spbt, .block .spbt {
    padding-bottom: 6vh;
  }
  .block .box-sc {
    display: block;
  }
  .block .box-sc.box-xs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .block .box-cc.box-xs, .block .box-ce.box-xs, .block .box-s.box-xs, .block .box-c.box-xs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .block .iconBox img {
    max-width: 100px;
  }
}
@media screen and (max-width: 510px) {
  .block {
    overflow-x: hidden;
    font-size: 16px;
    /* p
    * font-size: 16px */
  }
  .block h2, .block .h2 {
    font-size: 28px;
  }
  .block h3, .block .h3 {
    font-size: 24px;
  }
  .block h4, .block .h4 {
    font-size: 24px;
  }
  .block .note {
    font-size: 14px;
  }
}
.vd-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  width: 100%;
  z-index: 0;
}
.vd-container iframe, .vd-container object, .vd-container embed, .vd-container video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  outline: none;
  border: none;
}

/*h1*/
/*h2*/ /*# sourceMappingURL=case-template-v1.css.map */