.top-video-container {
  /* width: 100vw; */
  background: #ececec;
  text-align: center;
  padding: 2vw 0;
}

.top-video-container > iframe {
  width: 97vw;
  height: 55vw;
}

.top-video-container > p {
  padding: 2vw 0;
  color: #4a4a4a;
  font-size: 3vw;
  font-family: PingFangTC-Light, 'Noto Sans TC';
  font-weight: 300;
}

.q-container {
  display: table;
  margin: 4vw auto 0 auto;
}

.q-container-left, .q-container-right {
  display: block;
  margin-bottom: 4vw;
  width: 95vw;
  height: 55vw;
}

.q-container-left {
  background-image: url("../img/text_bg/text_bg_4.png");
  background-repeat: no-repeat;
  background-size: contain;
}

.q-container-right {
  background-image: url("../img/text_bg/text_bg_2.png");
  background-repeat: no-repeat;
  background-size: contain;
}

.q-container-left > div:first-child,
.q-container-right > div:first-child {
  /*background: yellow;*/
  height: 7vw;
  padding: 7vw 8vw 0 8vw;
  color: #c12134;
  font-size: 4vw;
  font-weight: 600;
  font-family: PingFangTC-Semibold, 'Noto Sans TC';
  line-height: 1.4;
}

.q-container-left > div:nth-child(2),
.q-container-right > div:nth-child(2) {
  /*background: blue;*/
  height: 37vw;
  padding: 0 8vw;
  font-size: 3.4vw;
  line-height: 1.4;
  color: #666666;
  letter-spacing: 1px;
  text-align: justify;
}

.q-container-left > div:nth-child(2) > p,
.q-container-right > div:nth-child(2) > p {
  height: inherit;
  vertical-align: middle;
  display: table-cell;
  text-align: justify;
}

.q-middle {
  display: none;
}

@media only screen and (min-width: 950px) {

  .top-video-container {
    margin-top: 3vw; 
  }

  .top-video-container > iframe {
    width: 68vw;
    height: 38vw;
  }

  .top-video-container > p {
    font-size: 1.6vw;
  }

  .q-container-left, .q-container-right {
    display: table-cell;
    margin-bottom: 0;
    width: 32vw;
    height: 21vw;
  }

  .q-container > div:nth-child(odd) > .q-container-left {
    background-image: url("../img/text_bg/text_bg_4.png");
  }

  .q-container > div:nth-child(odd) > .q-container-right {
    background-image: url("../img/text_bg/text_bg_2.png");
  }

  .q-container > div:nth-child(even) > .q-container-left {
    background-image: url("../img/text_bg/text_bg_3.png");
  }

  .q-container > div:nth-child(even) > .q-container-right {
    background-image: url("../img/text_bg/text_bg_1.png");
  }

  .q-middle {
    width: 3vw;
    display: table-cell;
  }

  .q-container-left > div:first-child,
  .q-container-right > div:first-child {
    height: 3vw;
    padding: 3vw 3vw 0 3vw;
    font-size: 1.5vw;
  }

  .q-container-left > div:nth-child(2),
  .q-container-right > div:nth-child(2) {
    height: 11vw;
    padding: 0 3vw;
    font-size: 1.1vw;
    /*line-height: 1.2;*/
  }
}