  .BannerType1 *,
  .BannerType2 *,
  .BannerType3 *,
  .BannerType4 *,
  .BannerType5 * {
      box-sizing: border-box;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
  }
  /* ------------- BannerType1 ------------ */
  
  .BannerType1 {
      float: right;
      width: 100%;
      margin: 0 0 10px;
      padding: 0;
      position: relative;
      overflow: hidden;
  }
  
  #sidebar .BannerType1 {
      width: 100%;
      margin: 0 0 10px;
  }
  
  .BannerType1 .BannerOnly {
      position: absolute;
      left: -67px;
      top: 9px;
      z-index: 1;
      width: 200px;
      padding: 3px;
      -webkit-transform: rotate(-30deg);
      -moz-transform: rotate(-30deg);
      -ms-transform: rotate(-30deg);
      -o-transform: rotate(-30deg);
      filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=-2);
      background: #cc0000;
      text-align: center;
      color: #fff;
      font-size: 10px;
      font-family: 'hotels bold', Arial, sans-serif;
  }
  
  #left #dle .BannerTitleCenter {
      display: contents;
  }
  
  .BannerType1 .BannerTitleCenter,
  .BannerType2 .BannerTitleCenter,
  .BannerType3 .BannerTitleCenter,
  .BannerType4 .BannerTitleCenter,
  .BannerType5 .BannerTitleCenter {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100%;
      position: absolute;
      width: 100%;
      right: 0;
      top: 0;
      z-index: 40;
  }
  
  .BannerType1 .BannerTitle {
      float: right;
      width: 100%;
      padding: 0 10px;
      line-height: 22px;
      color: #fdde09;
      text-align: center;
      font-family: 'hotels bold', Arial, sans-serif;
      font-size: 21px;
      text-shadow: 0 3px 5px #000;
  }
  
  .BannerType1 .BannerSubTitle {
      float: right;
      width: 100%;
      font-size: 16px;
      line-height: 16px;
      color: #fff;
      text-shadow: 0 3px 5px #000;
  }
  
  .BannerType1 .bgshadow {
      box-shadow: 0 -60px 51px rgba(0, 0, 0, 0.7) inset;
      position: absolute;
      float: right;
      width: 100%;
      height: 100%;
  }
  /* ------------- BannerType2 ------------ */
  
  .BannerType2 {
      float: right;
      width: 100%;
      margin: 0 0 10px;
      padding: 0;
      position: relative;
      overflow: hidden;
  }
  
  .BannerType2 .BannerOnly {
      position: absolute;
      left: -67px;
      top: 9px;
      z-index: 1;
      width: 200px;
      padding: 3px;
      -webkit-transform: rotate(-30deg);
      -moz-transform: rotate(-30deg);
      -ms-transform: rotate(-30deg);
      -o-transform: rotate(-30deg);
      filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=-2);
      background: #cc0000;
      text-align: center;
      color: #fff;
      font-size: 10px;
      font-family: 'hotels bold', Arial, sans-serif;
  }
  
  .BannerType2 .BannerTitle {
      float: right;
      width: 100%;
      padding: 0 10px;
      line-height: 23px;
      color: #000;
      text-align: center;
      font-family: 'hotels bold', Arial, sans-serif;
      font-size: 21px;
  }
  
  .BannerType2 .BannerSubTitle {
      float: right;
      width: 100%;
      font-size: 16px;
      line-height: 16px;
      color: #c00;
  }
  
  .BannerType2 .bgshadow {
      box-shadow: 0 -60px 51px rgba(255, 255, 255, 0.9) inset;
      position: absolute;
      float: right;
      width: 100%;
      height: 100%;
  }
  /* ------------- BannerType3 ------------ */
  
  .BannerType3 {
      float: right;
      width: 99%;
      padding: 0;
      margin: 0 0.5% 1%;
      position: relative;
      overflow: hidden;
  }
  
  .BannerType3 .BannerOnly {
      position: absolute;
      left: -53px;
      top: 15px;
      z-index: 1;
      width: 200px;
      padding: 5px;
      -webkit-transform: rotate(-30deg);
      -moz-transform: rotate(-30deg);
      -ms-transform: rotate(-30deg);
      -o-transform: rotate(-30deg);
      filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=-2);
      background: #cc0000;
      text-align: center;
      color: #fff;
      font-size: 1.1em;
      font-family: 'hotels bold', Arial, sans-serif;
  }
  
  .BannerType3 .BannerTitle {
      float: right;
      width: 100%;
      line-height: 17px;
      color: #000;
      text-align: center;
      font-family: 'hotels bold', Arial, sans-serif;
      font-size: 26px;
  }
  
  .BannerType3 .BannerSubTitle {
      float: right;
      width: 100%;
      font-size: 20px;
      color: #c00;
  }
  
  .BannerType3 .bgshadow {
      box-shadow: 0 -60px 51px rgba(255, 255, 255, 0.9) inset;
      position: absolute;
      float: right;
      width: 100%;
      height: 100%;
  }
  /* ------------- BannerType4 ------------ */
  
  .BannerType4 {
      float: right;
      width: 100%;
      padding: 0;
      margin: 0 0 10px;
      position: relative;
      overflow: hidden;
  }
  
  .BannerType4 .BannerOnly {
      position: absolute;
      left: -53px;
      top: 15px;
      z-index: 1;
      width: 200px;
      padding: 5px;
      -webkit-transform: rotate(-30deg);
      -moz-transform: rotate(-30deg);
      -ms-transform: rotate(-30deg);
      -o-transform: rotate(-30deg);
      filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=-2);
      background: #cc0000;
      text-align: center;
      color: #fff;
      font-size: 1.1em;
      font-family: 'hotels bold', Arial, sans-serif;
  }
  
  .BannerType4 .BannerTitle {
      float: right;
      width: 100%;
      line-height: 17px;
      color: #000;
      text-align: center;
      font-family: 'hotels bold', Arial, sans-serif;
      font-size: 26px;
  }
  
  .BannerType4 .BannerSubTitle {
      float: right;
      width: 100%;
      font-size: 20px;
      font-family: 'hotels bold', Arial, sans-serif;
      color: #c00;
  }
  
  .BannerType4 .bgshadow {
      box-shadow: 0 -60px 51px rgba(255, 255, 255, 0.9) inset;
      position: absolute;
      float: right;
      width: 100%;
      height: 100%;
  }
  /* ------------- BannerType5 ------------ */
  
  .BannerType5 {
      float: right;
      width: 99%;
      height: 110px;
      padding: 0;
      margin: 0 0.5% 1%;
      position: relative;
      overflow: hidden;
      background: #fff;
  }
  
  .BannerType5 .BannerTitleCenter {
      width: 55%;
  }
  
  .BannerType5.browncolor .bgshadow {
      background-color: #79562e;
  }
  
  .BannerType5.redcolor .bgshadow {
      background-color: #b90303;
  }
  
  .BannerType5.bluecolor .bgshadow {
      background-color: #006fa2;
  }
  
  .BannerType5.bluecolor2 .bgshadow {
      background-color: #00447b;
  }
  
  .BannerType5.orangecolor .bgshadow {
      background-color: #e44100;
  }
  
  .BannerType5.orangecolor .BannerOnly {
      background: #fdde09;
      color: #000;
  }
  
  .BannerType5.redcolor .BannerOnly,
  .BannerType5.bluecolor2 .BannerOnly,
  .BannerType5.bluecolor .BannerOnly {
      background: #fdde09;
      color: #000;
  }
  
  .BannerType5 img {
      float: left;
      object-fit: cover;
      height: 110px;
  }
  
  .BannerType5 .BannerOnly {
      position: absolute;
      left: -67px;
      top: 9px;
      z-index: 30;
      width: 200px;
      padding: 3px;
      -webkit-transform: rotate(-30deg);
      -moz-transform: rotate(-30deg);
      -ms-transform: rotate(-30deg);
      -o-transform: rotate(-30deg);
      filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=-2);
      background: #cc0000;
      text-align: center;
      color: #fff;
      font-size: 10px;
      font-family: 'hotels bold', Arial, sans-serif;
  }
  
  .BannerType5 .BannerTitle {
      float: right;
      line-height: 20px;
      color: #fdde09;
      text-align: center;
      font-family: 'hotels bold', Arial, sans-serif;
      font-size: 20px;
      padding: 0 10px;
  }
  
  .BannerType5 .BannerSubTitle {
      float: right;
      width: 100%;
      font-size: 15px;
      color: #fff;
  }
  
  .BannerType5 .bgshadow {
      position: absolute;
      right: -28px;
      height: 400px;
      top: -150px;
      z-index: 17;
      width: 60%;
      padding: 5px;
      -webkit-transform: rotate(-30deg);
      -moz-transform: rotate(-30deg);
      -ms-transform: inherit;
      -o-transform: rotate(-30deg);
      filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=-3);
      background-color: #272626;
      background-image: repeating-linear-gradient(-10deg, transparent, transparent 0px, rgba(255, 255, 255, .1) 1px, rgba(255, 255, 255, 0.1) 6px);
  }
  
  .BannerType5 .banner_price_start_from {
      position: absolute;
      left: 0;
      bottom: 0;
      z-index: 10;
      background: rgba(0, 0, 0, 0.48);
      color: #fff;
      text-align: center;
      font-size: 13px;
      padding: 30px 0 0;
      height: 100%;
      width: 57%;
      font-family: 'hotels bold', Arial, sans-serif;
  }
  
  .BannerType5 .banner_price_start_from span {
      font-size: 32px;
      float: right;
      line-height: 30px;
      width: 100%;
  }
  /* -------------------------------------- */
  
  .BannerType1 .banner_price_start_from,
  .BannerType2 .banner_price_start_from,
  .BannerType3 .banner_price_start_from,
  .BannerType4 .banner_price_start_from {
      position: absolute;
      right: 10px;
      top: 0;
      z-index: 10;
      background: rgba(255, 255, 255, 0.8);
      color: #c00;
      text-align: center;
      font-size: 9px;
      padding: 1px 5px 5px;
      width: 60px;
      font-family: 'hotels bold', Arial, sans-serif;
  }
  
  .BannerType1 .banner_price_start_from span,
  .BannerType2 .banner_price_start_from span,
  .BannerType3 .banner_price_start_from span,
  .BannerType4 .banner_price_start_from span {
      font-size: 17px;
      color: #c00;
      float: right;
      line-height: 12px;
      width: 100%;
  }
  
  .BannerType1 img,
  .BannerType2 img,
  .BannerType3 img {
      width: 100%;
      float: right;
      height: 140px;
      object-fit: cover;
  }
  
  .BannerType4 img {
      width: 100%;
      float: right;
  }
  
  .video_link {
      float: right;
      width: 100%;
      padding: 0;
      cursor: pointer;
      font-size: 13px;
      line-height: 30px;
      text-align: center !important;
      color: #fff !important;
      font-size: 17px !important;
      font-weight: normal;
      font-family: 'hotels bold', Arial, sans-serif;
  }
  
  .video_link .BannerType3 {
      margin: 0 0.5% 25px !important;
      ;
      background: #0061a9;
  }
  
  #dle a {
      float: right;
      width: 100%;
      border-bottom: 1px solid #ccc;
      padding: 0 0 10px;
      margin: 0 0 10px;
  }
  
  #dle img {
      float: right;
      width: 30%;
  }
  
  #dle .BannerTitle {
      float: left;
      width: 65%;
      font-family: 'hotels bold', Arial, sans-serif;
      line-height: 1.5rem;
      text-align: right;
      font-size: 1rem;
  }
  
  #dle .BannerSubTitle {
      font-family: 'hotels', Arial, sans-serif;
  }
  
  @media screen and (min-width: 650px) {
      .BannerType1 {
          width: 49%;
          margin: 0 0.5% 1%;
      }
      .BannerType2 {
          width: 49%;
          margin: 0 0.5% 1%;
      }
      .BannerType5 img {
          height: 130px;
          width: 50%;
      }
      .BannerType1 .BannerOnly,
      .BannerType2 .BannerOnly,
      .BannerType3 .BannerOnly,
      .BannerType4 .BannerOnly,
      .BannerType5 .BannerOnly {
          left: -53px;
          top: 15px;
          padding: 5px;
          font-size: 1.1em;
      }
      .BannerType1 .BannerTitle,
      .BannerType2 .BannerTitle {
          font-size: 21px;
          line-height: 22px;
      }
      .BannerType1 .BannerSubTitle,
      .BannerType2 .BannerSubTitle {
          font-size: 16px;
          line-height: 16px;
      }
      .BannerType1 .banner_price_start_from,
      .BannerType2 .banner_price_start_from,
      .BannerType3 .banner_price_start_from,
      .BannerType4 .banner_price_start_from {
          font-size: 12px;
          padding: 10px;
          width: 120px;
      }
      .BannerType1 .banner_price_start_from span,
      .BannerType2 .banner_price_start_from span,
      .BannerType3 .banner_price_start_from span,
      .BannerType4 .banner_price_start_from span {
          font-size: 30px;
          line-height: 25px;
      }
      .BannerType5 .BannerTitle {
          line-height: 26px;
          font-size: 26px;
      }
      .BannerType5 .banner_price_start_from span {
          font-size: 30px;
          line-height: 25px;
      }
      .BannerType5 .banner_price_start_from {
          font-size: 12px;
          padding: 30px;
          width: 45%;
      }
      .video_link {
          font-size: 16px;
          line-height: 40px;
          text-align: right;
      }
  }