/* masthead container */
.inner_masthead.container span.txt-orange{
    display: inline;
}

.inner_masthead.container {
  padding: 0;
  overflow: hidden;
}
  .inner_masthead.container picture {
    background-color: rgba(0,0,0,0.7);
  }
  .inner_masthead.container a {
    color: #FFFFFF;
  }
  .inner_masthead.container h1 {
    margin: 2rem 0 2rem 0;
  }
    @media screen and (max-width: 767.98px) {
      .inner_masthead.container .box p {
        display: none;
      }
    }

.inner_masthead.container .inner {
  z-index: 2;
}

    html[lang=en] .inner_masthead.container .btn {
        min-width: auto;
        width: auto;
    }
    .inner_masthead.container .btn-group {
        margin-top: 2.8rem;
    }
  .inner_masthead.container .inner {
    -webkit-transform: translate3d(0,0,0);
       -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }
  .inner_masthead.container .box {
    font-size: 1.6rem;
    position: relative;
    padding: 0rem 3rem 0rem 3rem;
    overflow: hidden;
  }
  .inner_masthead.container .thumbnail {
    position: relative;
    overflow: hidden;
  }
  @media screen and (min-width: 768px) {
    .inner_masthead.container h1 {
        font-size: 2.4rem;
        margin:0;
    }
    html[lang=en] .inner_masthead.container h1 {
      font-size: 2.2rem;
    }
    .inner_masthead.container .thumbnail {
      height: 400px;
    }
    .inner_masthead.container .thumbnail img {
      max-width: none;
      position: absolute;
      left: 50%;
      top: 50%;
      width: 1170px;
      -webkit-transform: translate3d(-50%,-50%,0);
         -moz-transform: translate3d(-50%,-50%,0);
          -ms-transform: translate3d(-50%,-50%,0);
              transform: translate3d(-50%,-50%,0);
    }
  }
  @media screen and (min-width: 1170px) {
    .inner_masthead.container .thumbnail {
      height: 450px;
    }
    .inner_masthead.container .thumbnail img {
      width: 1318px;
    }
  }
  @media screen and (min-width: 1318px) {
    .inner_masthead.container .thumbnail img {
      width: 100%;
    }
  }

  @media screen and (min-width: 768px) {
    .inner_masthead.container .inner {
      position: absolute;
      left: 50%;
      top: 47%;
      width: 100%;
      padding-left: 1.5rem;
      padding-right: 1.5rem;
      -webkit-transform: translate3d(-50%, -50%,0);
         -moz-transform: translate3d(-50%, -50%,0);
          -ms-transform: translate3d(-50%, -50%,0);
              transform: translate3d(-50%, -50%,0);
      pointer-events:none;
    }
    .inner_masthead.container .comicTheme,
    .inner_masthead.container .comicTheme p a{
      color: #0D144D;
    }
    .inner_masthead.container .box {
      width: 38%;
      padding: 3rem 2rem 2.5rem 2rem;
      background-color: rgba(13, 20, 77, 0.6);
      border-radius: 0.5rem;
    }
    .inner_masthead.container .box.comicTheme {
      background-color: rgba(255, 255, 255, 0.85);
      border: solid 4px #0071bd;
      border-radius: 1rem;
      overflow: visible;
      transform-style: preserve-3d;
    }
    html[lang="zh-Hant"] .inner_masthead.container .box {
      width: 38.3%;
    }
      .inner_masthead.container .box.comicTheme::before,
      .inner_masthead.container .box.comicTheme::after{
        display:block;
        transform: translate3d(12px,12px,-1px);
        pointer-events: none;
        z-index: -1;
      }
      .inner_masthead.container .box.comicTheme::before {
        content: '';
        position: absolute;
        left:0;
        top:auto;
        bottom:0;
        background: linear-gradient(90deg,rgba(66, 216, 249, 1) 0%, rgba(69, 152, 221, 1) 50%, rgba(55, 74, 178, 1) 100%);
        border-bottom-left-radius: 1rem;
        border-bottom-right-radius: 1rem;
        width:100%;
        height:12px;
      }
      .inner_masthead.container .box.comicTheme::after {
        content:'';
        position:absolute;
        left:auto;
        right:0;
        top:0;
        background: rgba(55, 74, 178, 1);
        border-top-right-radius: 1rem;
        width:12px;
        height:calc(100% - 10px);
      }
    .inner_masthead.container .inner .box a{
      pointer-events:auto;
    }
  }
  @media screen and (min-width: 1260px) {
    .inner_masthead.container .box h1 {
      font-size: 3rem;
    }
  }

/* CTA */
.fullcta{
  display:block;
  position: absolute!important;
  width:100%;
  height:100%;
  top:0;
  left:0;
  bottom:0;
  right:0;
  z-index: 1;
}
.fullcta span{
  display: none;
}

.blockquote-orange{
  position: relative;
  border: solid 2px #FA475C;
  border-radius: 15px;
  margin-top: 4.5rem!important;
  padding:2rem;
}
.blockquote-orange > h3{
  background: #FFFFFF;
  position: relative;
  left: 0.5rem;
  top: 0;
  margin: 0;
  padding: 0.4rem 0.8rem;
  width: fit-content;
  margin-top:-4rem;
  max-width: calc(100% - 1.5rem);
}
.blockquote-orange > h3 + p{
  margin-top:0.7rem;
}
@media screen and (min-width: 768px) {
  .blockquote-orange > h3{
    position: absolute;
    left: 3.5rem;
    top: -2rem;
    margin-top:0;
    width:auto;
  }
  .blockquote-orange > h3 + p{
    margin-top:0;
  }
  .blockquote-orange{
    padding:2.5rem;
  }
}