@charset "UTF-8";
/* CSS Document */
@import "https://fonts.googleapis.com/css2?family=Exo:ital,wght@0,400;1,900&display=swap";
* {
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

		.promotion-nav {
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 999;
}

.promotion-nav ul {
    padding: 0;
}

.promotion-nav ul li {
    position: relative;
    display: block;
    width: 40px;
    height: 40px;
    background-color: #6f8088;
    margin: 4px 8px;
}

.promotion-nav ul li a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    color: #fff;
    font-size: 16px;
    line-height: 40px;
    text-decoration: none;
    text-align: center;
    font-family: 'DINPro-Regular', sans-serif;
    font-weight: bold;
}

#cnd-bts {
  color: #444;
  font-size: 20px;
  font-family: "Exo", sans-serif;
  line-height: 1;
  overflow: hidden;
  width: 100%;
  background: #fff;
  /* select*/
  /* images*/
  /* modal */
  /* bts-slider */
  /* BTS description */
  /* Section */
  /* Redeem */
  /* Earn More Prize! articles */
  /* Product Line Tab */
  /*  Tab區塊設定 */ }
  #cnd-bts #servicemapproc {
    font-family: "Exo", sans-serif;
    font-size: 16px;
    background: #fff;
    color: #000; }
    #cnd-bts #servicemapproc footer {
      background-image: none; }
  #cnd-bts .result-box {
    -webkit-animation-duration: 0.3s; }
    #cnd-bts .result-box.hide {
      display: none; }
  #cnd-bts .bg-gray {
    background: #f9f9f9; }
  #cnd-bts .bg-yellow {
    background: #ffed96; }
  #cnd-bts .bg-grayblue {
    background: #cad0d3; }
  #cnd-bts .hide {
    display: none; }
  #cnd-bts .show {
    display: block; }
  #cnd-bts .line {
    width: 100%;
    height: 100px; }
  #cnd-bts .tab-container {
    margin: auto; }
  #cnd-bts img.imglg {
    display: inline-block; }
  #cnd-bts img.imgxs {
    display: none; }
  #cnd-bts #terms .modal-dialog {
    width: 100%;
    max-width: 1200px;
    font-size: 18px;
    line-height: 24px;
    margin: 0 auto;
    padding: 0; }
    #cnd-bts #terms .modal-dialog h3 {
      text-align: center;
      font-weight: 700; }
    #cnd-bts #terms .modal-dialog table.terms {
      margin-bottom: 24px; }
      #cnd-bts #terms .modal-dialog table.terms tr th {
        padding: 16px 0;
        text-align: center; }
      #cnd-bts #terms .modal-dialog table.terms tr td {
        padding: 5px 0;
        text-align: center; }
      #cnd-bts #terms .modal-dialog table.terms + h3 {
        margin-top: 50px; }
      #cnd-bts #terms .modal-dialog table.terms.mb {
        margin-bottom: 0px; }
        #cnd-bts #terms .modal-dialog table.terms.mb ~ p.note {
          padding: 10px 0 24px 0;
          font-size: 16px; }
    #cnd-bts #terms .modal-dialog a:link {
      padding: 0 10px; }
    #cnd-bts #terms .modal-dialog a:hover {
      color: #fff;
      background: #434e71;
      text-decoration: none; }
    @media (max-width: 768px) {
      #cnd-bts #terms .modal-dialog {
        width: auto; } }
    #cnd-bts #terms .modal-dialog .modal-content {
      border-radius: 0;
      border: 1px solid transparent; }
      #cnd-bts #terms .modal-dialog .modal-content .modal-header {
        position: relative;
        background: #eec908; }
        #cnd-bts #terms .modal-dialog .modal-content .modal-header .modal-title {
          text-align: center;
          font-size: 35px;
          font-weight: bold;
          color: #222; }
        #cnd-bts #terms .modal-dialog .modal-content .modal-header .close {
          position: absolute;
          right: 2%;
          top: 0;
          bottom: 0;
          margin: auto;
          outline: 0; }
      #cnd-bts #terms .modal-dialog .modal-content .modal-body {
        padding: 0; }
        #cnd-bts #terms .modal-dialog .modal-content .modal-body h2 {
          text-align: center;
          color: #222;
          font-weight: 700;
          position: relative;
          padding: 10px 0;
          margin-bottom: 35px;
          border-bottom: #e5e5e5 1px solid; }
          #cnd-bts #terms .modal-dialog .modal-content .modal-body h2::after {
            content: "";
            display: block;
            position: absolute;
            width: 200px;
            height: 3px;
            left: calc(50% - 100px);
            bottom: -2px;
            background: #eec908; }
        #cnd-bts #terms .modal-dialog .modal-content .modal-body section {
          padding: 24px; }
          #cnd-bts #terms .modal-dialog .modal-content .modal-body section:nth-child(even) {
            background: #fafafa; }
          #cnd-bts #terms .modal-dialog .modal-content .modal-body section:nth-child(odd) {
            background: #fff; }
        #cnd-bts #terms .modal-dialog .modal-content .modal-body ol,
        #cnd-bts #terms .modal-dialog .modal-content .modal-body ul {
          padding-left: 24px; }
          #cnd-bts #terms .modal-dialog .modal-content .modal-body ol li,
          #cnd-bts #terms .modal-dialog .modal-content .modal-body ul li {
            margin-bottom: 16px; }
            #cnd-bts #terms .modal-dialog .modal-content .modal-body ol li ul,
            #cnd-bts #terms .modal-dialog .modal-content .modal-body ul li ul {
              list-style: lower-roman; }
  #cnd-bts .banner-slider {
    width: 100%;
    position: relative;
    z-index: 1; }
    #cnd-bts .banner-slider .slick-dots {
      position: absolute;
      bottom: 10px;
      list-style-type: none;
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important;
      padding: 0;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%); }
      #cnd-bts .banner-slider .slick-dots li button {
        font-size: 0px;
        width: 40px;
        height: 5px;
        border: none;
        margin: 4px;
        cursor: pointer;
        border-radius: 2px; }
        #cnd-bts .banner-slider .slick-dots li button:focus {
          outline: none; }
        #cnd-bts .banner-slider .slick-dots li button:hover {
          background: #efca08; }
      #cnd-bts .banner-slider .slick-dots li.slick-active button {
        background: #efca08; }
  #cnd-bts .banner-slider-item {
    background: #efca08;
    width: 100%;
    margin: auto;
    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;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    #cnd-bts .banner-slider-item img {
      width: 100%;
      max-width: 100%; }
  #cnd-bts .setbg {
    background: none;
    position: relative; }
  #cnd-bts .banner-slider-prev {
    width: 40px;
    height: 40px;
    margin-top: -10px;
    position: absolute;
    z-index: 2;
    top: 50%;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    #cnd-bts .banner-slider-prev::after {
      content: "";
      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;
      width: 26px;
      height: 40px;
      background: url("../images/angle-left-solid.svg");
      background-repeat: no-repeat; }
  #cnd-bts .banner-slider-next {
    width: 40px;
    height: 40px;
    margin-top: -10px;
    position: absolute;
    z-index: 2;
    top: 50%;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    right: 0; }
    #cnd-bts .banner-slider-next::after {
      content: "";
      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;
      width: 26px;
      height: 40px;
      background: url("../images/angle-right-solid.svg");
      background-repeat: no-repeat; }
  #cnd-bts .desc-wrapper {
    position: relative;
    width: 100%;
    margin: 0 auto; }
    #cnd-bts .desc-wrapper img {
      width: 100%; }
    @media (max-width: 834px) {
      #cnd-bts .desc-wrapper .imgbox {
        position: relative;
        height: 63vh; }
        #cnd-bts .desc-wrapper .imgbox img {
          position: absolute;
          bottom: 0; } }
    @media (max-width: 600px) {
      #cnd-bts .desc-wrapper .imgbox {
        position: relative;
        height: 82vh; }
        #cnd-bts .desc-wrapper .imgbox img {
          position: absolute;
          bottom: 0; } }
    @media (max-width: 412px) {
      #cnd-bts .desc-wrapper .imgbox {
        position: relative;
        height: 88vh; }
        #cnd-bts .desc-wrapper .imgbox img {
          position: absolute;
          bottom: 0; } }
    @media (max-width: 375px) {
      #cnd-bts .desc-wrapper .imgbox {
        position: relative; }
        #cnd-bts .desc-wrapper .imgbox img {
          position: absolute;
          bottom: 0; } }
    #cnd-bts .desc-wrapper .txtbox {
      position: absolute;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      top: 0;
      height: 100%; }
      #cnd-bts .desc-wrapper .txtbox .img {
        width: 30%;
        right: 0; }
      #cnd-bts .desc-wrapper .txtbox .txt {
        position: relative;
        width: 70%;
        padding-left: 12%;
        margin: 5vh auto;
        letter-spacing: 3px; }
        #cnd-bts .desc-wrapper .txtbox .txt h1.title {
          font-weight: 700;
          font-size: 60px;
          line-height: 72px;
          color: #6e7f87; }
        #cnd-bts .desc-wrapper .txtbox .txt h3.sub-title {
          font-size: 30px;
          line-height: 42px;
          color: #e09604;
          font-weight: bold;
          margin-top: 20px; }
      @media (max-width: 1920px) {
        #cnd-bts .desc-wrapper .txtbox .txt {
          margin: 2.5vh auto;
          font-weight: 700; }
          #cnd-bts .desc-wrapper .txtbox .txt h1.title {
            font-weight: 700;
            font-size: 40px;
            line-height: 50px; }
          #cnd-bts .desc-wrapper .txtbox .txt h3.sub-title {
            font-size: 24px;
            line-height: 30px;
            margin-top: 8px; } }
      @media (max-width: 1536px) {
        #cnd-bts .desc-wrapper .txtbox .txt h1.title {
          font-weight: 700;
          font-size: 36px;
          line-height: 50px; }
        #cnd-bts .desc-wrapper .txtbox .txt h3.sub-title {
          font-size: 21px;
          line-height: 30px;
          margin-top: 8px; } }
      @media (max-width: 1440px) {
        #cnd-bts .desc-wrapper .txtbox .txt h1.title {
          font-weight: 700;
          font-size: 32px;
          line-height: 48px; }
        #cnd-bts .desc-wrapper .txtbox .txt h3.sub-title {
          font-size: 20px;
          line-height: 30px;
          margin-top: 8px; } }
      @media (max-width: 960px) {
        #cnd-bts .desc-wrapper .txtbox {
          display: block; }
          #cnd-bts .desc-wrapper .txtbox .img {
            display: none; }
          #cnd-bts .desc-wrapper .txtbox .txt {
            padding-left: 0;
            margin: 3.5vh auto;
            text-align: center; }
            #cnd-bts .desc-wrapper .txtbox .txt h1.title {
              font-weight: 700;
              font-size: 36px;
              line-height: 46px; }
            #cnd-bts .desc-wrapper .txtbox .txt h3.sub-title {
              font-size: 24px;
              line-height: 30px;
              margin-top: 24px; } }
      @media (max-width: 412px) {
        #cnd-bts .desc-wrapper .txtbox {
          display: block; }
          #cnd-bts .desc-wrapper .txtbox .img {
            display: none; }
          #cnd-bts .desc-wrapper .txtbox .txt {
            padding-left: 0;
            margin: 3.5vh auto;
            text-align: center; }
            #cnd-bts .desc-wrapper .txtbox .txt h1.title {
              font-weight: 700;
              font-size: 30px;
              line-height: 40px; }
            #cnd-bts .desc-wrapper .txtbox .txt h3.sub-title {
              font-size: 22px;
              line-height: 30px;
              margin-top: 24px; } }
  #cnd-bts .section {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    padding: 5vh 0; }
    #cnd-bts .section h2.section-title {
      text-align: center;
      color: #000;
      font-size: 52px;
      margin-bottom: 5vh;
      font-weight: 700; }
    @media (max-width: 960px) {
      #cnd-bts .section h2.section-title {
        font-size: 40px; } }
  #cnd-bts .redeem-wrapper .step-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
    #cnd-bts .redeem-wrapper .step-box .step {
      width: 20%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      position: relative; }
      #cnd-bts .redeem-wrapper .step-box .step a {
        display: inline-block;
        margin-top: 8px; }
        #cnd-bts .redeem-wrapper .step-box .step a:link {
          text-decoration: underline;
          padding: 5px 10px; }
        #cnd-bts .redeem-wrapper .step-box .step a:hover {
          background: #434e71;
          color: #fff;
          text-decoration: none; }
      #cnd-bts .redeem-wrapper .step-box .step .icon-box {
        min-width: 240px;
        min-height: 240px;
        border-radius: 200px;
        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;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        position: relative;
        margin: 0 auto; }
        #cnd-bts .redeem-wrapper .step-box .step .icon-box h5.step-title {
          color: #fff;
          font-size: 24px;
          margin-top: 16px; }
        #cnd-bts .redeem-wrapper .step-box .step .icon-box.yellow {
          background: #eec908; }
        #cnd-bts .redeem-wrapper .step-box .step .icon-box.gray {
          background: #92999c; }
        #cnd-bts .redeem-wrapper .step-box .step .icon-box.blue {
          background: #434e71; }
      #cnd-bts .redeem-wrapper .step-box .step p {
        width: 100%;
        margin-top: 24px;
        text-align: center;
        line-height: 30px; }
        #cnd-bts .redeem-wrapper .step-box .step p span {
          display: block;
          margin-bottom: 24px;
          text-align: left; }
      #cnd-bts .redeem-wrapper .step-box .step ul li {
        list-style-type: decimal;
        margin-bottom: 24px;
        line-height: 30px;
        text-align: left;
        margin-left: 24px; }
    #cnd-bts .redeem-wrapper .step-box .arrow-box {
      height: 240px;
      width: 10%;
      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; }
      #cnd-bts .redeem-wrapper .step-box .arrow-box .arrow {

        width: 50%;
        height: 1px;
        background: #333; }
  #cnd-bts .redeem-wrapper .redeem-btn-box {
    width: 100%;
    text-align: center;
    padding: 5vh 0 0; }
    #cnd-bts .redeem-wrapper .redeem-btn-box a.btn-redeem {
      display: inline-block;
      border: 1px solid transparent;
      border-radius: 3px;
      width: 30%;
      text-align: center;
      padding: 14px 30px;
      font-size: 36px;
      line-height: 50px;
      text-decoration: none;
      font-weight: 700;
      -webkit-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
      #cnd-bts .redeem-wrapper .redeem-btn-box a.btn-redeem.blue {
        color: rgba(255, 255, 255, 0.9);
        background: rgba(67, 78, 113, 0.9); }
        #cnd-bts .redeem-wrapper .redeem-btn-box a.btn-redeem.blue:hover {
          color: white;
          background: #434e71; }
      #cnd-bts .redeem-wrapper .redeem-btn-box a.btn-redeem.yellow {
        color: rgba(0, 0, 0, 0.8);
        background: rgba(238, 201, 8, 0.85); }
        #cnd-bts .redeem-wrapper .redeem-btn-box a.btn-redeem.yellow:hover {
          color: black;
          background: #eec908; }
    @media (max-width: 960px) {
      #cnd-bts .redeem-wrapper .redeem-btn-box {
        width: 100%;
        padding: 3vh 0 0 0; }
        #cnd-bts .redeem-wrapper .redeem-btn-box a.btn-redeem {
          width: 70%;
          margin-bottom: 2vh; }
          #cnd-bts .redeem-wrapper .redeem-btn-box a.btn-redeem:last-child {
            margin-bottom: 0; } }
  #cnd-bts .redeem-wrapper .terms-btn-box {
    width: 50%;
    padding: 5vh 0 5vh;
    text-align: center;
    margin: 0 auto; }
    #cnd-bts .redeem-wrapper .terms-btn-box a.btn-terms {
      display: inline-block;
      border: 1px solid transparent;
      border-radius: 3px;
      width: 40%;
      text-align: center;
      padding: 18px 30px;
      font-size: 24px;
      line-height: 30px;
      text-decoration: none;
      font-weight: 700;
      -webkit-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
      #cnd-bts .redeem-wrapper .terms-btn-box a.btn-terms.yellow {
        color: rgba(0, 0, 0, 0.8);
        background: rgba(238, 201, 8, 0.85); }
        #cnd-bts .redeem-wrapper .terms-btn-box a.btn-terms.yellow:hover {
          color: black;
          background: #eec908; }
      #cnd-bts .redeem-wrapper .terms-btn-box a.btn-terms.blue {
        color: rgba(255, 255, 255, 0.9);
        background: rgba(67, 78, 113, 0.9); }
        #cnd-bts .redeem-wrapper .terms-btn-box a.btn-terms.blue:hover {
          color: white;
          background: #434e71; }
      #cnd-bts .redeem-wrapper .terms-btn-box a.btn-terms.gray {
        color: rgba(255, 255, 255, 0.9);
        background: rgba(146, 153, 156, 0.9); }
        #cnd-bts .redeem-wrapper .terms-btn-box a.btn-terms.gray:hover {
          color: white;
          background: #92999c; }
    @media (max-width: 1920px) {
      #cnd-bts .redeem-wrapper .terms-btn-box {
        width: 75%;
        padding: 6vh 0 5vh; }
        #cnd-bts .redeem-wrapper .terms-btn-box a.btn-terms {
          width: 35%;
          margin-bottom: 2vh; }
          #cnd-bts .redeem-wrapper .terms-btn-box a.btn-terms:last-child {
            margin-bottom: 0; } }
    @media (max-width: 960px) {
      #cnd-bts .redeem-wrapper .terms-btn-box {
        width: 100%;
        padding: 3vh 0; }
        #cnd-bts .redeem-wrapper .terms-btn-box a.btn-terms {
          width: 70%;
          margin-bottom: 2vh; }
          #cnd-bts .redeem-wrapper .terms-btn-box a.btn-terms:last-child {
            margin-bottom: 0; } }
  @media (max-width: 1536px) {
    #cnd-bts .redeem-wrapper .step-box .step .icon-box {
      min-width: 200px;
      min-height: 200px; }
      #cnd-bts .redeem-wrapper .step-box .step .icon-box img {
        width: 40%; }
    #cnd-bts .redeem-wrapper .step-box .arrow-box {
      height: 200px; }
      #cnd-bts .redeem-wrapper .step-box .arrow-box .arrow {
        width: 40%; } }
  @media (max-width: 960px) {
    #cnd-bts .redeem-wrapper .step-box {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; }
      #cnd-bts .redeem-wrapper .step-box .step {
        width: 100%;
        text-align: center; }
        #cnd-bts .redeem-wrapper .step-box .step .icon-box {
          min-width: 180px;
          min-height: 180px; }
          #cnd-bts .redeem-wrapper .step-box .step .icon-box img {
            width: 40%; }
        #cnd-bts .redeem-wrapper .step-box .step p {
          width: 100%; }
      #cnd-bts .redeem-wrapper .step-box .arrow-box {
        height: 100px;
        width: 100%;
        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; }
        #cnd-bts .redeem-wrapper .step-box .arrow-box .arrow {
          width: 1px;
          height: 50%;
          background: #333; } }
  #cnd-bts .article-wrapper .article-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    background: #fff;
    padding: 1%;
    text-decoration: none;
    border: 5px dashed transparent;
    margin-bottom: 24px; }
    #cnd-bts .article-wrapper .article-block h2.article-title {
      width: 100%;
      font-size: 40px;
      font-weight: 700;
      line-height: 50px;
      text-align: left;
      margin-bottom: 2vh;
      color: #000; }
    #cnd-bts .article-wrapper .article-block .imgbox {
      width: 50%; }
      #cnd-bts .article-wrapper .article-block .imgbox img {
        display: inline-block;
        width: 100%; }
    #cnd-bts .article-wrapper .article-block .txtbox {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      width: 50%;
      padding: 5% 4%;
      text-align: left;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      border: 5px dashed transparent; }
      #cnd-bts .article-wrapper .article-block .txtbox p {
        margin: 16px 0;
        line-height: 24px;
        color: #444; }
      #cnd-bts .article-wrapper .article-block .txtbox .btn-learnmore {
        display: inline-block;
        padding: 16px 20px;
        border: 1px solid #444;
        color: #000;
        margin-top: 24px; }
    #cnd-bts .article-wrapper .article-block:hover {
      border: 5px dashed #eec908; }
      #cnd-bts .article-wrapper .article-block:hover .btn-learnmore {
        border: 1px solid #eec908;
        background: #eec908; }
    @media (max-width: 960px) {
      #cnd-bts .article-wrapper .article-block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; }
        #cnd-bts .article-wrapper .article-block h2.article-title {
          width: 100%;
          line-height: 40px;
          font-size: 30px;
          text-align: center;
          margin-bottom: 1vh; }
        #cnd-bts .article-wrapper .article-block .imgbox {
          width: 100%;
          padding: 2%;
          text-align: center; }
        #cnd-bts .article-wrapper .article-block .txtbox {
          width: 96%;
          padding: 2%;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center; } }
  #cnd-bts .pd-tab {
    width: 100%;
    z-index: 998;
    position: relative; }

  #cnd-bts .pd-tab-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }

  #cnd-bts .pd-tab-item {
    margin-top: 20px;
    width: calc(100% / 3 - 10px);
    height: 50px;
    background: #c6c6c6;
    display: block;
    text-decoration: none;
    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;
    color: black;
    font-weight: normal;
    cursor: pointer;
    position: relative; }
    #cnd-bts .pd-tab-item span {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      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;
      height: 50px;
      z-index: 1; }
  #cnd-bts .pd-tab-item.active {
    background: #efca08;
    font-weight: 700; }
  #cnd-bts .pd-tab-dropdown {
    position: absolute;
    top: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;
    height: 80px;
    z-index: 0;
    top: 100%; }
  #cnd-bts .pd-tab-dropdown.hide {
    top: 50px;
    opacity: 0; }
  #cnd-bts .pd-tab-dropdown-item {
    width: 100%;
    display: block;
    height: 50px;
    background: #c6c6c6;
    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;
    text-decoration: none;
    color: #000;
    cursor: pointer;
    font-weight: normal; }
    #cnd-bts .pd-tab-dropdown-item:hover {
      background: #434e71;
      color: #fff; }
    #cnd-bts .pd-tab-dropdown-item:focus {
      background: #434e71;
      color: #fff; }
  #cnd-bts .pd-panel {
    width: 100%;
    max-width: 100%;
    margin: 3vh auto; }
  #cnd-bts .pd-wrapper {
    margin-bottom: 5vh; }
    #cnd-bts .pd-wrapper .pd-box {
      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;
      padding: 30px 0;
      /*border-bottom: 1px solid #eec908;*/ }
      #cnd-bts .pd-wrapper .pd-box:last-child {
        border-bottom: 1px solid transparent; }
      #cnd-bts .pd-wrapper .pd-box.img-right .img-box {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        text-align: left; }
      #cnd-bts .pd-wrapper .pd-box.img-right .series-box {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1; }
      #cnd-bts .pd-wrapper .pd-box .img-box {
        width: 45%;
        text-align: right;
        color: #000;
        font-weight: 700; }
        #cnd-bts .pd-wrapper .pd-box .img-box img {
          display: inline-block;
          max-width: 70%; }
      #cnd-bts .pd-wrapper .pd-box .series-box {
        width: 55%;
        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;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: left; }
        #cnd-bts .pd-wrapper .pd-box .series-box h3.title {
          margin-bottom: 24px;
          color: #000; }
        #cnd-bts .pd-wrapper .pd-box .series-box .btn-box {
          width: 100%;
          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;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
          #cnd-bts .pd-wrapper .pd-box .series-box .btn-box .item {
            width: 250px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            font-size: 16px;
            background: rgba(255, 255, 255, 0.4);
            margin: 10px;
            border-radius: 3px; }
            #cnd-bts .pd-wrapper .pd-box .series-box .btn-box .item:hover {
              background: #eec908;
              color: #000; }
            #cnd-bts .pd-wrapper .pd-box .series-box .btn-box .item .btn-pd {
              border-radius: 3px;
              border-radius: 3px 3px 0 0;
              text-align: center;
              padding: 10px;
              color: #000;
              border: 1px solid #eec908;
              width: 100%;
              border-width: 1px 1px 0 1px;
              line-height: 20px;
              text-decoration: none;
              font-weight: 700; }
            #cnd-bts .pd-wrapper .pd-box .series-box .btn-box .item .btn-link {
              text-align: center;
              padding: 5px;
              width: 100%;
              color: #000;
              border-radius: 0 0 3px 3px;
              border: 1px solid #eec908;
              background: rgba(255, 255, 255, 0.5);
              text-decoration: none; }
      @media (max-width: 960px) {
        #cnd-bts .pd-wrapper .pd-box {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column; }
          #cnd-bts .pd-wrapper .pd-box .series-box {
            width: 100%; }
            #cnd-bts .pd-wrapper .pd-box .series-box .btn-box {
              width: 100%;
              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;
              -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
          #cnd-bts .pd-wrapper .pd-box .img-box {
            text-align: center;
            width: 100%; }
          #cnd-bts .pd-wrapper .pd-box.img-right .series-box {
            -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
            order: 2; }
          #cnd-bts .pd-wrapper .pd-box.img-right .img-box {
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1;
            text-align: center; } }
      #cnd-bts .pd-wrapper .pd-box.bg-grayblue .series-box .btn-box .item .btn-pd,
      #cnd-bts .pd-wrapper .pd-box.bg-grayblue .series-box .btn-box .item .btn-link {
        border: 1px solid #aaa; }
      #cnd-bts .pd-wrapper .pd-box.bg-grayblue .series-box .btn-box .item .btn-link {
        margin-top: -1px; }
      #cnd-bts .pd-wrapper .pd-box.bg-grayblue .series-box .btn-box .item:hover {
        background: #6f7f86;
        color: #fff; }
        #cnd-bts .pd-wrapper .pd-box.bg-grayblue .series-box .btn-box .item:hover .btn-pd,
        #cnd-bts .pd-wrapper .pd-box.bg-grayblue .series-box .btn-box .item:hover .btn-link {
          color: #fff; }
    #cnd-bts .pd-wrapper .category-title {
      width: 100%;
      text-align: center;
      margin: 10px 0;
      font-size: 26px;
      font-weight: bolder;
      color: #000; }
      @media (max-width: 960px) {
        #cnd-bts .pd-wrapper .category-title {
          text-align: center;
          margin: 10px 0; } }
    #cnd-bts .pd-wrapper .pd-item-box {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -ms-flex-line-pack: center;
      align-content: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      #cnd-bts .pd-wrapper .pd-item-box img {
        max-width: 100%; }
      #cnd-bts .pd-wrapper .pd-item-box .item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: calc(100% / 5 - 20px);
        margin: 10px 10px; }
        @media (max-width: 960px) {
          #cnd-bts .pd-wrapper .pd-item-box .item {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            width: calc(100% / 2 - 11px);
            margin: 5px; } }
        #cnd-bts .pd-wrapper .pd-item-box .item a {
          text-decoration: none; }
        #cnd-bts .pd-wrapper .pd-item-box .item a.item-pd {
          text-align: center;
          width: 100%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          padding: 4%; }
          @media (max-width: 960px) {
            #cnd-bts .pd-wrapper .pd-item-box .item a.item-pd {
              width: 100%;
              padding: 4%; } }
          #cnd-bts .pd-wrapper .pd-item-box .item a.item-pd h3.pd-title {
            font-size: 21px;
            font-weight: 700;
            color: #000;
            line-height: 30px;
            margin: 1vh 0 0 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            height: 60px;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center; }
            @media (max-width: 960px) {
              #cnd-bts .pd-wrapper .pd-item-box .item a.item-pd h3.pd-title {
                font-size: 18px;
                line-height: 24px; } }
            @media (max-width: 412px) {
              #cnd-bts .pd-wrapper .pd-item-box .item a.item-pd h3.pd-title {
                font-size: 16px;
                line-height: 22px; } }
        #cnd-bts .pd-wrapper .pd-item-box .item a.item-btn {
          width: 100%;
          height: 50px;
          line-height: 50px;
          text-align: center;
          background: rgba(255, 255, 255, 0.5);
          color: #444;
          font-weight: 700; }
      #cnd-bts .pd-wrapper .pd-item-box.gaming .item {
        background: #ffed96; }
        #cnd-bts .pd-wrapper .pd-item-box.gaming .item:hover {
          background: #efca08; }
      #cnd-bts .pd-wrapper .pd-item-box.creation .item {
        background: #cad0d3; }
        #cnd-bts .pd-wrapper .pd-item-box.creation .item:hover {
          background: #6e7f86; }
          #cnd-bts .pd-wrapper .pd-item-box.creation .item:hover a.item-pd h3.pd-title {
            color: #fff; }
          #cnd-bts .pd-wrapper .pd-item-box.creation .item:hover a.item-btn {
            color: #fff; }
  #cnd-bts .prize-wrapper .prize-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-align: center;
    margin-bottom: 2vh; }
    @media (max-width: 960px) {
      #cnd-bts .prize-wrapper .prize-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; } }
    #cnd-bts .prize-wrapper .prize-box .item {
      color: #fff;
      text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
      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: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      width: calc(100%/2 - 10px); }
      #cnd-bts .prize-wrapper .prize-box .item.single {
        width: 100%; }
      #cnd-bts .prize-wrapper .prize-box .item span.fn-lg {
        font-size: 36px;
        line-height: 44px; }
      #cnd-bts .prize-wrapper .prize-box .item span.fn-md {
        font-size: 28px;
        line-height: 36px; }
      #cnd-bts .prize-wrapper .prize-box .item span.fn-sm {
        font-size: 18px;
        line-height: 26px; }
      @media (max-width: 960px) {
        #cnd-bts .prize-wrapper .prize-box .item {
          width: 100%;
          margin-bottom: 10px;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between; } }
      #cnd-bts .prize-wrapper .prize-box .item h3.only-title {
        font-size: 38px;
        line-height: 48px;
        min-height: 140px;
        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; }
      #cnd-bts .prize-wrapper .prize-box .item .title-box {
        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;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        z-index: 1; }
        #cnd-bts .prize-wrapper .prize-box .item .title-box h3.title {
          font-size: 38px;
          line-height: 48px;
          margin: 3vh 0 2vh 0; }
        #cnd-bts .prize-wrapper .prize-box .item .title-box p {
          margin-bottom: 3vh; }
      #cnd-bts .prize-wrapper .prize-box .item .inner-top {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; }
        #cnd-bts .prize-wrapper .prize-box .item .inner-top .imgbox {
          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;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          height: 340px; }
          #cnd-bts .prize-wrapper .prize-box .item .inner-top .imgbox img {
            display: inline-block; }
            #cnd-bts .prize-wrapper .prize-box .item .inner-top .imgbox img.steam {
              -webkit-filter: drop-shadow(0px 0px 10px #ffeb93);
              filter: drop-shadow(0px 0px 10px rgba(255, 235, 147, 0.7));
              max-width: 100%;
              padding: 16px; }
            #cnd-bts .prize-wrapper .prize-box .item .inner-top .imgbox img.warranty {
              -webkit-filter: drop-shadow(0px 0px 10px #c0d3c8);
              filter: drop-shadow(0px 0px 10px rgba(192, 211, 200, 0.7));
              max-width: 100%;
              padding: 16px; }
        #cnd-bts .prize-wrapper .prize-box .item .inner-top .filter-box {
          width: 90%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          margin: 0 auto 6vh auto;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between;
          z-index: 1; }
          #cnd-bts .prize-wrapper .prize-box .item .inner-top .filter-box .img-box {
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1;
            width: calc(100%/2 - 20px); }
            #cnd-bts .prize-wrapper .prize-box .item .inner-top .filter-box .img-box img {
              max-width: 100%;
              padding: 16px; }
          #cnd-bts .prize-wrapper .prize-box .item .inner-top .filter-box .select-box {
            -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
            order: 2;
            width: calc(100%/2 - 20px);
            margin: 0 auto;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between; }
            #cnd-bts .prize-wrapper .prize-box .item .inner-top .filter-box .select-box .note {
              width: 100%;
              font-size: 16px;
              line-height: 20px;
              margin-top: 20px;
              text-align: left; }
            #cnd-bts .prize-wrapper .prize-box .item .inner-top .filter-box .select-box .item-select {
              width: 100%;
              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;
              margin: 1vh 0; }
              #cnd-bts .prize-wrapper .prize-box .item .inner-top .filter-box .select-box .item-select.select {
                padding-left: 16px;
                font-size: 18px;
                height: 40px;
                font-family: "Exo", sans-serif; }
              #cnd-bts .prize-wrapper .prize-box .item .inner-top .filter-box .select-box .item-select.value-title {
                width: 100%;
                height: 20px;
                text-align: left;
                margin: 1.5vh 0 .3vh 0; }
              #cnd-bts .prize-wrapper .prize-box .item .inner-top .filter-box .select-box .item-select.result-box {
                color: #000;
                font-weight: 700;
                padding: 1.5vh 0;
                background: rgba(238, 201, 8, 0.9);
                text-shadow: none; }
        @media (max-width: 960px) {
          #cnd-bts .prize-wrapper .prize-box .item .inner-top .filter-box {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column; }
            #cnd-bts .prize-wrapper .prize-box .item .inner-top .filter-box .select-box {
              width: 100%;
              -webkit-box-ordinal-group: 2;
              -ms-flex-order: 1;
              order: 1;
              margin-bottom: 3vh; }
            #cnd-bts .prize-wrapper .prize-box .item .inner-top .filter-box .img-box {
              width: 100%;
              -webkit-box-ordinal-group: 3;
              -ms-flex-order: 2;
              order: 2; } }
      #cnd-bts .prize-wrapper .prize-box .item .inner-bottom {
        width: 100%;
        background: rgba(0, 0, 0, 0.1);
        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;
        min-height: 130px; }
        #cnd-bts .prize-wrapper .prize-box .item .inner-bottom.center {
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center; }
        #cnd-bts .prize-wrapper .prize-box .item .inner-bottom .prize-item {
          padding: 12px;
          text-align: center; }
        #cnd-bts .prize-wrapper .prize-box .item .inner-bottom.one .prize-item {
          width: calc(100%); }
        #cnd-bts .prize-wrapper .prize-box .item .inner-bottom.two .prize-item {
          width: calc(100%/2); }
        #cnd-bts .prize-wrapper .prize-box .item .inner-bottom.three .prize-item {
          width: calc(100%/3); }
      #cnd-bts .prize-wrapper .prize-box .item.steam-box {
        background: #eec908; }
      #cnd-bts .prize-wrapper .prize-box .item.steam-box-gray {
        position: relative;
        background: #f0f0f0;
        color: #000;
        text-shadow: none;
        overflow: hidden; }
        #cnd-bts .prize-wrapper .prize-box .item.steam-box-gray::before {
          content: "";
          position: absolute;
          width: 239px;
          height: 217px;
          display: inline-block;
          -webkit-transform: rotate(280deg);
          -ms-transform: rotate(280deg);
          transform: rotate(280deg);
          background: url("https://storage-asset.msi.com/event/2020/cnd/back-to-school-2020/dots-bg.png");
          z-index: 0;
          top: -50px;
          left: -50px;
          opacity: .7; }
        #cnd-bts .prize-wrapper .prize-box .item.steam-box-gray::after {
          content: "";
          position: absolute;
          width: 239px;
          height: 217px;
          right: -60px;
          bottom: -60px;
          display: inline-block;
          -webkit-transform: rotate(120deg);
          -ms-transform: rotate(120deg);
          transform: rotate(120deg);
          background: url("https://storage-asset.msi.com/event/2020/cnd/back-to-school-2020/dots-bg.png");
          z-index: 0;
          opacity: .7; }
      #cnd-bts .prize-wrapper .prize-box .item.warranty-box {
        background: #6e7f87; }

@media (max-width: 960px) {
  #cnd-bts img.imglg {
    display: none; }
  #cnd-bts img.imgxs {
    display: inline-block; }
  #cnd-bts .pd-tab-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  #cnd-bts .pd-tab-item {
    margin: 5px;
    width: calc(100% / 3 - 10px);
    height: 50px;
    font-size: 16px;
    background: #c6c6c6;
    display: inline-block;
    text-decoration: none;
    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;
    color: black;
    cursor: pointer;
    position: relative; }
    #cnd-bts .pd-tab-item:nth-child(4), #cnd-bts .pd-tab-item:nth-child(5) {
      width: calc(100% / 2 - 10px); } }
  @media (max-width: 960px) and (max-width: 412px) {
    #cnd-bts .pd-tab-item:nth-child(5) {
      font-size: 15px; } }

@media (max-width: 1920px) {
  #cnd-bts .section {
    width: 94%;
    max-width: 1440px;
    margin: 0 auto; } }

@media (max-width: 960px) {
  #cnd-bts .section {
    width: 100%;
    max-width: 90%;
    margin: 3vh auto; } }

/* delighter */
.delighter.right {
  -webkit-transform: translate(-100%);
  -ms-transform: translate(-100%);
  transform: translate(-100%);
  opacity: 0;
  -webkit-transition: all .75s ease-out;
  -o-transition: all .75s ease-out;
  transition: all .75s ease-out; }
  .delighter.right.started {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1; }

.delighter.left {
  -webkit-transform: translate(100%);
  -ms-transform: translate(100%);
  transform: translate(100%);
  opacity: 0;
  -webkit-transition: all .75s ease-out;
  -o-transition: all .75s ease-out;
  transition: all .75s ease-out; }
  .delighter.left.started {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1; }

.delighter.top {
  -webkit-transform: translatey(30%);
  -ms-transform: translatey(30%);
  transform: translatey(30%);
  opacity: 0;
  -webkit-transition: all .75s ease-out;
  -o-transition: all .75s ease-out;
  transition: all .75s ease-out; }
  .delighter.top.started {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1; }

.delighter.bottom {
  -webkit-transform: translatey(-30%);
  -ms-transform: translatey(-30%);
  transform: translatey(-30%);
  opacity: 0;
  -webkit-transition: all .75s ease-out;
  -o-transition: all .75s ease-out;
  transition: all .75s ease-out; }
  .delighter.bottom.started {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1; }

.delighter.fadein {
  opacity: 0;
  -webkit-transition: all .75s ease-out;
  -o-transition: all .75s ease-out;
  transition: all .75s ease-out; }
  .delighter.fadein.started {
    opacity: 1; }