/* About banner: match original section_Rm4Tkp01 height:74% of viewport */
html, body {
  min-height: 100%;
  height: auto !important;
  overflow-x: hidden;
}
.section_Rm4Tkp01 {
  height: 74vh !important;
  max-height: 74vh !important;
  margin-top: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: relative !important;
}
.section_Rm4Tkp01 .c-slider,
.section_Rm4Tkp01 .c-slider-mask,
.slider_DQJg7Z,
.slidermask_MnutaN {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}
.section_Rm4Tkp01 .c-slide,
.slide_QtafFI {
  display: block !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  background-image: url(/template/hn8/images/2_01.jpg) !important;
  background-size: cover !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
}
@media (max-width: 991px) {
  .section_Rm4Tkp01 {
    height: 36vh !important;
    max-height: 36vh !important;
    min-height: 180px !important;
  }
}
@media (max-width: 767px) {
  .section_Rm4Tkp01 {
    height: 32vh !important;
    max-height: 32vh !important;
    min-height: 160px !important;
  }
}

/* History photo mosaic — ensure visible */
.div_HwXJB6,
.div_ROMTOI,
.div_v1HZi9 {
  opacity: 1 !important;
  visibility: visible !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}
.div_HwXJB6,
.div_ROMTOI { min-height: 310px !important; }
.div_v1HZi9 { min-height: 620px !important; }
@media (max-width: 991px) {
  .div_v1HZi9 { min-height: 310px !important; height: 310px !important; }
}

/*
 * Center column photos (stack under [2015] on mobile).
 * styles5 lacked background on .div_xoJ7Cy2 → blank white block.
 */
.div_xoJ7Cy1,
.div_xoJ7Cy2 {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  width: 100% !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}
.div_xoJ7Cy1 {
  background-image: url(/template/hn8/images/2b_03_1.jpg) !important;
  height: auto !important;
  min-height: 180px !important;
  max-height: none !important;
}
.div_xoJ7Cy2 {
  background-image: url(/template/hn8/images/2b_03_2.jpg) !important;
  height: auto !important;
  min-height: 220px !important;
  max-height: none !important;
  margin-top: 12px !important;
}
.div_xoJ7Cy1 img,
.div_xoJ7Cy2 img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 160px !important;
  object-fit: cover !important;
}

/* Timeline circle / card photos (2011/2015/酒店/2016) */
.div_IYQKWk,
.div_IYQKWk2,
.div_KGn1Cf,
.div_KGn1Cf3 {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  width: 100% !important;
  height: auto !important;
  min-height: 200px !important;
  overflow: hidden !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}
.div_IYQKWk {
  background-image: url(/template/hn8/images/2_12.jpg) !important;
}
.div_IYQKWk2 {
  background-image: url(/template/hn8/images/2_16.jpg) !important;
}
.div_KGn1Cf {
  background-image: url(/template/hn8/images/2_161.jpg) !important;
}
.div_KGn1Cf3 {
  background-image: url(/template/hn8/images/2_23.jpg) !important;
}
.div_IYQKWk img,
.div_IYQKWk2 img,
.div_KGn1Cf img,
.div_KGn1Cf3 img,
.div_HwXJB6 img,
.div_ROMTOI img,
.div_v1HZi9 img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  min-height: 180px !important;
  object-fit: cover !important;
}

@media (max-width: 767px) {
  .div_IYQKWk,
  .div_IYQKWk2,
  .div_KGn1Cf,
  .div_KGn1Cf3 {
    min-height: 0 !important;
    height: auto !important;
    margin-bottom: 10px !important;
  }
  .div_IYQKWk img,
  .div_IYQKWk2 img,
  .div_KGn1Cf img,
  .div_KGn1Cf3 img {
    min-height: 160px !important;
    border-radius: 4px;
  }
  /* typo class in about.html: col-sm-4col-xs-12 */
  .column_rMIq0W6,
  .column_rMIq0W {
    width: 100% !important;
    float: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 12px 0 !important;
  }
  .div_xA6BVx,
  .div_teidM4 {
    margin-bottom: 18px !important;
  }
}

/* Brand bottom images */
.ta29 { display: block !important; width: 100% !important; }
.ta29m { display: none !important; }
@media (max-width: 767px) {
  .ta29 { display: none !important; }
  .ta29m { display: block !important; width: 110% !important; margin-left: -5% !important; }
}

/* Video poster area */
video[poster] {
  object-fit: cover;
  background-color: #111;
}


/* mobile about scroll harden */
@media (max-width: 767px) {
  html, body {
    height: auto !important;
    min-height: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }
  .section_Rm4Tkp01 {
    height: 36vw !important;
    min-height: 150px !important;
    max-height: 220px !important;
  }
  video {
    min-height: 0 !important;
    height: auto !important;
    max-height: 56vw !important;
    background: #111 !important;
  }
}