:root {
  --gold: #5c4f3b;
  --white: white;
  --black: black;
  --beige: #e8d8a9;
  --transparent: #fff0;
  --red: #4c211b;
  --blue: #268e99;
  --dark_brown: #1f0e0c;
  --beige33: #e8d8a954;
  --light_gold: #b1a47f;
  --gold67: #5c4f3bab;
  --white50: #ffffff80;
  --beige67: #e8d8a9ab;
  --blue67: #3d9099ab;
  --navy: #0c2b73;
  --blue33: #268e9954;
  --white67: #ffffffab;
  --gold33: #5c4f3b54;
  --white33: #ffffff54;
  --navy67: #0c2b73ab;
  --red67: #4c211bab;
  --black33: #00000054;
}
html {
  scroll-behavior:smooth;
}
body {
  color: var(--gold);
  font-family: proxima-nova, sans-serif;
  font-size: 16.8px;
  line-height: 27px;
}

h1 {
  color: var(--white);
  text-align: center;
  letter-spacing: -.72px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: beaufort-pro, sans-serif;
  font-size: 72px;
  font-weight: 400;
  line-height: 75px;
}

h2 {
  letter-spacing: -.48px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: beaufort-pro, sans-serif;
  font-size: 48px;
  font-weight: 400;
  line-height: 51px;
}

p {
  margin-bottom: 0;
  padding-top: 12px;
}

a {
  color: var(--gold);
  cursor: pointer;
  text-decoration: none;
  transition: all .5s;
}

img {
  max-width: 100%;
}

.home_banner_container_out {
  width: 100%;
  position: relative;
}

.home_banner_container {
  flex-flow: column;
  width: 100%;
  min-height: 100dvh;
  margin-top: -100dvh;
  display: flex;
  position: relative;
}

.home_banner_video {
  z-index: -99;
  width: 100%;
  height: 100dvh;
  position: sticky;
  top: 0;
}

.home_banner_video_filter {
  z-index: 0;
  background-color: var(--black);
  opacity: .5;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.important_notice_container {
  position: sticky;
  top: 0;
  background-color: var(--gold);
  color: var(--white);
  width: 100%;
  padding-left: 30px;
  padding-right: 30px;
  font-size: 20px;
  z-index: 10;
}

.text_beige_semibold {
  color: var(--beige);
  flex: none;
  font-weight: 600;
}

.important_notice_container_in {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 9px;
  padding-bottom: 12px;
  line-height: 1.5;
  display: flex;
}

.header_container {
  width: 100%;
  padding-left: 30px;
  padding-right: 30px;
}

.header_container_in {
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}

.header_up {
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 18px;
  padding-bottom: 18px;
  display: flex;
  position: relative;
}

.header_logo_btn {
  display: block;
}

.header_logo_img {
  width: auto;
  height: 96px;
}

.header_lang_btn_row {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  padding-top: 18px;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.header_lang_btn {
  border-bottom: 1px solid var(--transparent);
  opacity: .67;
  color: var(--white);
  text-transform: uppercase;
  padding-bottom: 3px;
  font-size: 14.4px;
  line-height: 20.4px;
}

.header_lang_btn:hover {
  opacity: 100;
  color: var(--beige);
}

.header_lang_btn.current {
  border-bottom-color: var(--beige);
  opacity: 100;
}

.header_lang_btn.en {
  font-family: proxima-nova, sans-serif;
}

.header_lang_btn.tc {
  font-family: Noto Sans HK, sans-serif;
}

.header_lang_btn.sc {
  font-family: Noto Sans SC, sans-serif;
}

.header_lang_btn.for_light_bg {
  color: var(--gold);
}

.header_lang_btn.for_light_bg:hover {
  color: var(--red);
}

.header_lang_btn.for_light_bg.current {
  border-bottom-color: var(--red);
}

.header_down {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.header_desktop_btn {
  color: var(--white);
  letter-spacing: .78px;
  text-transform: uppercase;
  font-size: 15.6px;
  line-height: 21.6px;
  display: block;
  position: relative;
}

.header_desktop_btn:hover {
  color: var(--beige);
}

.header_desktop_btn.for_chi {
  padding-bottom: 3px;
}

.header_desktop_btn.for_light_bg {
  color: var(--gold);
}

.header_desktop_btn.for_light_bg:hover {
  color: var(--red);
}

.header_desktop_btn_current_line {
  background-color: var(--beige);
  height: 1px;
  display: none;
  position: absolute;
  inset: 100% 0% auto;
}

.header_desktop_btn_current_line.for_light_bg {
  background-color: var(--blue);
}

.header_desktop_btn_block {
  position: relative;
}

.header_down_spacing {
  flex: none;
  width: 3vw;
  max-width: 48px;
}

.home_banner_content {
  color: var(--white);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: auto;
  margin-bottom: auto;
  padding: 48px;
  display: flex;
}

.home_banner_tagline {
  max-width: 960px;
}

.home_banner_tagline.sans_tc, .home_banner_tagline.sans_sc {
  letter-spacing: 2.88px;
  font-weight: 300;
  line-height: 84px;
}

.home_banner_paragraph {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 24px;
}

.home_banner_paragraph.for_chi {
  max-width: 480px;
}

.home_promo_video_container {
  width: 100%;
  padding-left: 39px;
  padding-right: 39px;
  overflow: hidden;
}

.home_promo_video_container_in {
  text-align: center;
  width: 100%;
  max-width: 1458px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 72px;
  padding-bottom: 144px;
}

.home_beige_title {
  color: var(--beige);
  text-align: center;
  display: block;
}

.img100 {
  width: 100%;
  display: block;
}

.home_banner_action_bg_container {
  z-index: 5;
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
  overflow: hidden;
}

.home_banner_action_bg_trigger_line {
  height: 100dvh;
  position: absolute;
  inset: 0% auto auto 0%;
}

.home_banner_action_bg {
  z-index: 2;
  opacity: .9;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.home_banner_action_bg_circle {
  background-color: var(--dark_brown);
  opacity: 0;
  border-radius: 999dvh;
  width: 360dvh;
  height: 360dvh;
  margin-top: -180dvh;
  margin-left: -180dvh;
  position: absolute;
  inset: 100% auto auto 50%;
  transform: scale(.01);
}

.booking_container_out {
  width: 100%;
  position: relative;
}

.booking_bg {
  z-index: -1;
  background-image: url('/asset/images/bg_pattern_light_yellow.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  width: 100%;
  height: 100dvh;
  position: sticky;
  top: 0;
}

.booking_container {
  width: 100%;
  margin-top: -100dvh;
  padding-left: 48px;
  padding-right: 48px;
}

.booking_container.for_inner_page {
  background-color: var(--beige33);
  margin-top: 0;
}

.booking_container_in {
  text-align: center;
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 96px;
  padding-bottom: 144px;
}

.mobile_menu_trigger_btn {
  color: var(--white);
  text-align: center;
  text-transform: uppercase;
  flex-flow: column;
  width: 108px;
  margin-right: -30px;
  padding: 24px 30px 18px;
  font-size: 13.2px;
  line-height: 18px;
  display: none;
  position: absolute;
  inset: 0% 0% auto auto;
}

.mobile_menu_trigger_btn:hover {
  color: var(--beige);
}

.mobile_menu_trigger_btn.in_menu {
  display: flex;
}

.mobile_menu_trigger_btn.for_light_bg {
  color: var(--gold);
}

.mobile_menu_trigger_btn.for_light_bg:hover {
  color: var(--blue);
}

.mobile_menu_trigger_btn_line1 {
  background-color: var(--beige);
  width: 100%;
  height: 2px;
  margin-left: auto;
  margin-right: auto;
}

.mobile_menu_trigger_btn_line1.for_light_bg {
  background-color: var(--blue);
}

.mobile_menu_trigger_btn_line2 {
  background-color: var(--beige);
  opacity: 0;
  width: 100%;
  height: 2px;
  margin: 2px auto -2px;
}

.mobile_menu_trigger_btn_line2.for_light_bg {
  background-color: var(--blue);
}

.mobile_menu_trigger_btn_line3 {
  background-color: var(--beige);
  opacity: 0;
  width: 100%;
  height: 2px;
  margin-bottom: 2px;
  margin-left: auto;
  margin-right: auto;
}

.mobile_menu_trigger_btn_line3.for_light_bg {
  background-color: var(--blue);
}

.mobile_menu_trigger_btn_text1 {
  z-index: 1;
  position: relative;
}

.home_info_row {
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.home_info_subtitle {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}

.home_info_address_btn {
  color: var(--white);
  max-width: 960px;
  font-size: 30px;
  font-weight: 100;
  line-height: 36px;
}

.home_info_address_btn:hover {
  color: var(--beige);
}

.home_info_hour_legend {
  opacity: .67;
  padding-top: 3.6px;
  font-size: 14.4px;
  line-height: 19.2px;
}

.info_hour_row {
  justify-content: space-between;
  width: 100%;
  max-width: 720px;
  padding-top: 24px;
  display: flex;
}

.info_hour_block {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.info_hour_number {
  font-family: proxima-nova, sans-serif;
  font-size: 30px;
  font-weight: 100;
  line-height: 36px;
}

.info_hour_text {
  color: var(--light_gold);
  text-transform: uppercase;
  max-width: 180px;
  padding-top: 3px;
  font-size: 14.4px;
  font-weight: 600;
  line-height: 17.4px;
}

.info_hour_line {
  background-color: var(--light_gold);
  opacity: .67;
  flex: none;
  width: 1px;
}

.booking_free_graphic_before {
  width: 210px;
  height: 210px;
  margin-bottom: -105px;
}

.booking_grid_container {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: flex;
}

.booking_grid_block {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--gold67);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--gold67);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--gold67);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--gold67);
  text-align: left;
  width: calc(33.33% - 12px);
  min-height: 100%;
  padding: 6px;
  display: flex;
}

.booking_grid_block:hover {
  border-color: var(--blue);
  color: var(--blue);
}

.booking_grid_block_in {
  background-color: var(--white50);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 30px;
  display: flex;
}

.booking_grid_title_before {
  font-size: 30px;
  font-weight: 300;
  line-height: 33px;
}

.booking_grid_arrow {
  flex: none;
  margin-top: auto;
  padding-top: 24px;
}

.generic_btn_arrow_in {
  flex: none;
  position: relative;
}

.generic_btn_arrow_before {
  z-index: 1;
  width: auto;
  height: 12px;
  display: block;
  position: relative;
}

.generic_btn_arrow_before.for_booking {
  height: 16.8px;
}

.generic_btn_arrow_after {
  opacity: 0;
  width: auto;
  height: auto;
  display: block;
  position: absolute;
  inset: 0%;
}

.text_together {
  display: inline-block;
}

.section_container_in {
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 96px;
  padding-bottom: 144px;
}

.section_anchor {
  width: 0;
  height: 0;
  position: absolute;
  inset: 0% auto auto 0%;
}

.footer_container {
  background-color: var(--gold);
  color: var(--white);
  width: 100%;
  padding-left: 48px;
  padding-right: 48px;
  position: relative;
  overflow: hidden;
}

.footer_container_in {
  width: 100%;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 96px;
  padding-bottom: 144px;
}

.footer_up {
  grid-column-gap: 48px;
  flex-flow: wrap;
  width: 100%;
  display: flex;
}

.footer_down {
  grid-column-gap: 36px;
  grid-row-gap: 6px;
  border-top: 1px solid var(--beige67);
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  padding-top: 48px;
  display: flex;
}

.footer_last_btn {
  color: var(--white);
  font-weight: 300;
}

.footer_last_btn:hover {
  color: var(--beige);
}

.footer_contact_us_block {
  width: 100%;
  padding-bottom: 48px;
}

.footer_title_row {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.footer_title_line {
  background-color: var(--beige67);
  width: 100%;
  height: 1px;
}

.footer_title_text {
  flex: none;
  padding-right: 12px;
  font-weight: 600;
}

.footer_contact_us_block_in {
  grid-column-gap: 48px;
  grid-row-gap: 24px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 18px;
  display: flex;
}

.footer_contact_us_item {
  margin-right: auto;
}

.footer_contact_us_item_title {
  color: var(--beige);
  text-transform: uppercase;
  padding-bottom: 3px;
  font-size: 14.4px;
  font-weight: 600;
  line-height: 17.4px;
}

.footer_contact_us_item_btn {
  color: var(--white);
  max-width: 360px;
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
  display: block;
}

.footer_contact_us_item_btn:hover {
  color: var(--beige);
}

.footer_other_link_btn {
  color: var(--white);
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
}

.footer_other_link_btn:hover {
  color: var(--beige);
}

.footer_other_link_block_in {
  z-index: 1;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 14.4px;
  display: flex;
  position: relative;
}

.footer_wechat_block {
  flex: none;
  width: 180px;
  padding-bottom: 30px;
}

.footer_wechat_text {
  text-align: center;
  font-size: 13.2px;
  line-height: 18px;
}

.footer_sns_btn_row {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  padding-top: 18px;
  display: flex;
}

.footer_sns_btn {
  display: block;
}

.footer_sns_btn:hover {
  opacity: .67;
}

.footer_sns_btn_icon {
  height: 36px;
  display: block;
}

.footer_other_link_block {
  width: 100%;
  padding-bottom: 48px;
}

.footer_up_in {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.footer_up_in.first {
  max-width: 432px;
}

.footer_wechat_img {
  width: 100%;
  display: block;
}

.mobile_menu_container {
  z-index: 99;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #1f0e0ce6;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
  overflow: auto;
}

.mobile_menu_container_in {
  flex-flow: column;
  width: 100%;
  min-height: 100dvh;
  display: flex;
}

.mobile_menu_trigger_btn_text_block {
  margin-top: 4px;
  position: relative;
}

.mobile_menu_content {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1080px;
  margin: auto;
  padding: 48px 96px 144px;
  display: flex;
}

.mobile_menu_btn {
  color: var(--white);
  font-family: beaufort-pro, sans-serif;
  font-size: 30px;
  line-height: 33px;
}

.mobile_menu_btn:hover {
  color: var(--beige);
}

.mobile_menu_btn.sans_tc, .mobile_menu_btn.sans_sc {
  letter-spacing: 1.2px;
  font-weight: 300;
}

.inner_banner_container_out {
  position: relative;
}

.inner_banner_bg_img_block {
  z-index: -10;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.inner_banner_bg_img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0% auto auto 0%;
}

.inner_banner_container {
  width: 100%;
  padding-left: 48px;
  padding-right: 48px;
}

.inner_banner_container_in {
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 60px;
  padding-bottom: 96px;
}

.inner_banner_container_in.for_light_bg {
  border-bottom: 1px solid var(--blue67);
}

.inner_breadcrumb_row {
  grid-column-gap: 9px;
  color: var(--white);
  letter-spacing: .78px;
  text-transform: uppercase;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-bottom: 18px;
  font-size: 13.2px;
  line-height: 18px;
  display: flex;
}

.inner_breadcrumb_row.for_light_bg {
  color: var(--gold);
}

.inner_breadcrumb_btn {
  color: var(--white);
}

.inner_breadcrumb_btn:hover {
  color: var(--beige);
}

.inner_breadcrumb_btn.for_light_bg {
  color: var(--gold);
}

.inner_breadcrumb_btn.for_light_bg:hover {
  color: var(--red);
}

.section_container {
  background-image: url('/asset/images/bg_pattern_light_yellow.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  width: 100%;
  padding-left: 48px;
  padding-right: 48px;
}

.event_listing_container {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.event_listing_container.for_event_listing {
  grid-column-gap: 30px;
  flex-flow: wrap;
}

.audio_guide_listing_container {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.audio_guide_listing_btn {
  width: 100%;
  display: flex;
}

.audio_guide_listing_btn:hover {
  color: var(--blue);
}

.audio_guide_listing_left {
  width: 50%;
}

.audio_guide_listing_right {
  justify-content: flex-end;
  align-items: center;
  width: 50%;
  padding-left: 48px;
  display: flex;
}

.audio_guide_listing_img {
  overflow: hidden;
}

.event_listing_right_in {
  width: 100%;
  max-width: 555px;
  margin-left: auto;
  margin-right: auto;
}

.event_listing_date_row {
  grid-column-gap: 9px;
  text-transform: uppercase;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 18px;
  font-weight: 600;
  line-height: 20.4px;
  display: flex;
}

.audio_guide_listing_date_line {
  background-color: var(--blue67);
  flex: none;
  width: 48px;
  height: 1px;
  margin-top: 9.9px;
  position: relative;
  overflow: hidden;
}

.audio_guide_listing_date_line_in {
  background-color: var(--blue);
  position: absolute;
  inset: 0%;
  transform: translate(-101%);
}

.audio_guide_listing_title {
  color: var(--blue);
  padding-top: 12px;
  padding-bottom: 3px;
}

.event_listing_date_line_in {
  background-color: var(--beige);
  position: absolute;
  inset: 0%;
  transform: translate(-101%);
}

.event_listing_date_line_in.for_light_bg {
  background-color: var(--blue);
}

.event_listing_btn_row {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 30px;
  display: flex;
}

.audio_guide_listing_btn_in {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  color: var(--blue);
  text-transform: uppercase;
  justify-content: flex-start;
  align-items: center;
  font-size: 18px;
  font-weight: 700;
  line-height: 21.6px;
  display: flex;
}

.audio_guide_detail_container {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  width: 100%;
  display: flex;
  position: relative;
}

.audio_guide_detail_container_in {
  flex-flow: column;
  width: 100%;
  display: flex;
}

.audio_guide_content_container {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.audio_guide_item_block_out {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.audio_guide_item_frame_before1 {
  border: 1px solid var(--gold67);
  position: absolute;
  inset: 0%;
}

.audio_guide_item_frame_after {
  border: 6px solid var(--blue67);
  opacity: 0;
  position: absolute;
  inset: 0%;
  transform: 0.5s opacity ease;
}
.audio_guide_item_block_out.playing .audio_guide_item_frame_after {
  opacity: 1;
}
.audio_guide_item_dropdown {
  width: 100%;
  padding: 7px;
  display: block;
  position: relative;
}

.audio_guide_item_dropdown:hover {
  color: var(--light_gold);
}

.audio_guide_item_dropdown_in {
  grid-column-gap: 30px;
  padding: 12px;
  display: flex;
}

.audio_guide_item_play_btn {
  border: 1px solid var(--blue67);
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  margin-top: 30px;
  margin-left: 30px;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
  transition: 0.5s opacity ease;
}
.playing .audio_guide_item_play_btn {
  opacity: 0;
  pointer-events: none;
}


.audio_guide_item_play_btn:hover {
  border-color: var(--navy);
}

.audio_guide_item_play_icon_block {
  position: relative;
}

.audio_guide_item_play_icon {
  z-index: 1;
  height: 18px;
  display: block;
  position: relative;
}

.audio_guide_item_dropdown_left {
  flex-flow: column;
  width: 100%;
  display: flex;
}

.audio_guide_item_dropdown_thumb {
  flex: none;
  width: 120px;
}

.audio_guide_item_play_bar {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: var(--gold);
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: auto;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 18px;
  display: flex;
}

.audio_guide_item_play_bar_text {
  flex: none;
  line-height: 18.6px;
}

.audio_guide_item_play_bar_line {
  background-color: #5c4f3b33;
  width: 100%;
  height: 2px;
  position: relative;
  overflow: hidden;
}

.audio_guide_item_play_bar_line_in {
  background-color: var(--blue);
  width: 0%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.audio_guide_item_play_bar_line_in.demo {
  width: 53%;
}

.audio_guide_item_dropdown_left_in {
  width: 100%;
  padding-top: 10.8px;
  padding-bottom: 0;
  padding-left: 90px;
  position: relative;
}

.audio_guide_item_info_row {
  grid-column-gap: 12px;
  color: var(--blue);
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  font-size: 18px;
  font-weight: 600;
  line-height: 21px;
  display: flex;
  padding-right: 32px;
}

.audio_guide_item_info_line {
  background-color: var(--blue);
  opacity: .67;
  flex: none;
  width: 1.44px;
  height: 18px;
}

.audio_guide_item_name_before {
  padding-top: 7.2px;
  font-family: beaufort-pro, sans-serif;
  font-size: 30px;
  line-height: 33px;
  display: block;
}

.audio_guide_item_dropdown_arrow {
  height: 10.8px;
  margin-top: 16.2px;
  display: block;
  position: absolute;
  inset: 0% 0% auto auto;
  transition: 0.5s transform ease;
}
.audio_guide_item_block_out.active .audio_guide_item_dropdown_arrow {
  transform: rotate(180deg);
}
.audio_guide_item_frame_before2 {
  border: 1px solid var(--light_gold);
  opacity: 0;
  position: absolute;
  inset: 0%;
}

.audio_guide_item_content {
  grid-column-gap: 30px;
  width: 100%;
  margin-top: -7px;
  margin-bottom: 0;
  padding-bottom: 55px;
  padding-left: 37px;
  padding-right: 37px;
  display: none;
  position: relative;
  opacity: 0;
  animation: fadeIn 0.5s ease 0s 1 normal forwards;
  z-index: 10;
}
.audio_guide_item_block_out.active .audio_guide_item_content {
  display: flex;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.audio_guide_item_block_bg {
  background-color: var(--white50);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  position: absolute;
  inset: 7px;
}

.audio_guide_item_pause_btn {
  border: 1px solid var(--blue67);
  border-radius: 99px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  margin-top: 30px;
  margin-left: 30px;
  position: absolute;
  inset: 0% auto auto 0%;
  pointer-events: none;
  opacity: 0;
  transition: 0.5s opacity ease;
}
.playing .audio_guide_item_pause_btn {
  pointer-events: auto;
  opacity: 1;
}

.audio_guide_item_pause_btn:hover {
  border-color: var(--navy);
}

.audio_guide_item_content_left {
  flex: none;
  width: 50%;
  max-width: 600px;
}

.audio_guide_item_content_right {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.audio_guide_item_content_right_in {
  width: 100%;
  margin-top: -12px;
}

.text_red_semibold {
  color: var(--red);
  font-weight: 600;
}

.audio_guide_transcript_btn_row {
  width: 100%;
  padding-top: 18px;
  display: flex;
}

.audio_guide_transcript_btn {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  color: var(--blue);
  text-transform: uppercase;
  justify-content: flex-start;
  align-items: center;
  font-size: 18px;
  font-weight: 700;
  line-height: 21.6px;
  display: flex;
}

.audio_guide_transcript_popup_container {
  z-index: 150;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
}

.audio_guide_transcript_popup_close_area {
  background-color: var(--gold);
  opacity: .9;
  width: 100%;
}

.audio_guide_transcript_popup_container_in {
  background-color: var(--white);
  flex: none;
  width: 70vw;
  max-width: 900px;
  padding-left: 48px;
  padding-right: 48px;
  position: relative;
  overflow: auto;
}

.audio_guide_transcript_popup_content {
  flex-flow: column;
  justify-content: center;
  width: 100%;
  max-width: 720px;
  min-height: 100dvh;
  margin-left: auto;
  margin-right: auto;
  padding-top: 96px;
  padding-bottom: 144px;
  display: flex;
}

.audio_guide_transcript_popup_close_btn {
  z-index: 1;
  text-align: center;
  text-transform: uppercase;
  flex-flow: column;
  width: 108px;
  padding: 30px 30px 18px;
  font-size: 13.2px;
  line-height: 18px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.audio_guide_transcript_popup_close_btn:hover {
  opacity: .67;
}

.audio_guide_transcript_popup_close_btn_line1 {
  background-color: var(--beige);
  opacity: 0;
  width: 100%;
  height: 2px;
  margin-left: auto;
  margin-right: auto;
}

.audio_guide_transcript_popup_close_btn_line2 {
  background-color: var(--gold67);
  width: 66.66%;
  height: 2px;
  margin: 2px auto -2px;
  transform: rotate(45deg);
}

.audio_guide_transcript_popup_close_btn_line3 {
  background-color: var(--gold67);
  width: 66.66%;
  height: 2px;
  margin-bottom: 2px;
  margin-left: auto;
  margin-right: auto;
  transform: rotate(-45deg);
}

.audio_guide_transcript_popup_close_btn_text {
  margin-top: 4px;
  position: relative;
}

.audio_guide_transcript_popup_title {
  padding-top: 12px;
  padding-bottom: 12px;
}

.home_info_address_btn_pin {
  color: var(--transparent);
  background-image: url('/asset/images/address_pin_beige.svg');
  background-position: 50% 55%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 18px;
  margin-right: 9px;
  display: inline-block;
}

.footer_contact_us_item_btn_pin {
  color: var(--transparent);
  background-image: url('/asset/images/address_pin_beige.svg');
  background-position: 50% 55%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 12.3px;
  margin-right: 6.15px;
  display: inline-block;
}

.generic_page_content {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  width: 100%;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.generic_page_content_text {
  width: 100%;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 12px;
}

.generic_page_content_img {
  width: 100%;
}

.generic_page_content_sub_title {
  color: var(--red);
  letter-spacing: -.36px;
  padding-top: 12px;
  padding-bottom: 3px;
  font-size: 36px;
  line-height: 39px;
}

.generic_page_content_sub_title.for_tc {
  letter-spacing: 1.44px;
  font-family: Noto Sans HK, sans-serif;
}

.generic_page_content_sub_title.for_sc {
  letter-spacing: 1.44px;
  font-family: Noto Sans SC, sans-serif;
}

.home_info_container {
  width: 100%;
  padding-left: 48px;
  padding-right: 48px;
  position: relative;
}

.home_info_container_in {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  border-bottom: 1px solid var(--beige33);
  color: var(--white);
  flex-flow: column;
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 96px;
  padding-bottom: 72px;
  display: flex;
}

.section_title_row {
  color: var(--blue);
  text-align: center;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 30px;
  display: flex;
  position: relative;
}

.home_promo_video_slider {
  background-color: var(--transparent);
  width: 100%;
  height: auto;
  padding-top: 24px;
}

.home_promo_video_slider_mask {
  width: 100%;
  height: auto;
  padding-bottom: 30px;
}

.home_promo_video_slide {
  text-align: left;
  width: 50%;
  padding-left: 9px;
  padding-right: 9px;
}

.home_promo_video_btn {
  color: var(--white);
  width: 100%;
  display: block;
}

.home_promo_video_btn:hover {
  color: var(--beige);
}

.slider_nav_hidden {
  display: none;
}

.counter_wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: var(--white);
  justify-content: center;
  align-items: center;
  width: 96px;
  margin-left: -48px;
  display: flex;
  position: absolute;
  inset: 100% auto auto 50%;
}

.counter_wrapper.for_home_exhibits {
  color: var(--gold);
  width: auto;
  margin-bottom: 39px;
  margin-right: 120px;
  inset: auto 9px 100% auto;
}

.counter_wrapper.for_home_center {
  padding-top: 3px;
}

.counter_wrapper.for_exhibition {
  color: var(--gold);
  padding-top: 3px;
}

.counter_line {
  background-color: var(--white67);
  width: 1px;
  height: 15.6px;
}

.counter_line.gold {
  background-color: var(--gold67);
}

.home_promo_video_slider_arrow {
  width: auto;
  margin-left: 39px;
  margin-right: 39px;
  padding: 9px;
  transition: opacity .5s;
  display: block;
  inset: 100% auto auto 50%;
}

.home_promo_video_slider_arrow:hover {
  opacity: .67;
}

.home_promo_video_slider_arrow.left {
  left: auto;
  right: 50%;
}

.slider_arrow_icon {
  width: auto;
  height: 16.8px;
  display: block;
}

.generic_img_btn_frame {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.home_img_btn_text {
  padding-top: 12px;
  padding-bottom: 6px;
  padding-right: 30px;
  font-size: 24px;
  font-weight: 300;
  line-height: 30px;
}

.back_to_top_btn {
  opacity: .67;
  color: var(--white);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 30px;
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
}

.back_to_top_btn:hover {
  opacity: 100;
  color: var(--beige);
}

.back_to_top_btn_arrow {
  height: 27px;
  display: block;
}

.highlight_exhibits_container {
  width: 100%;
  padding-left: 39px;
  padding-right: 39px;
  overflow: hidden;
}

.highlight_exhibits_container_in {
  width: 100%;
  max-width: 1458px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 96px;
  padding-bottom: 144px;
}

.highlight_exhibits_title_row {
  color: var(--blue);
  width: 100%;
  padding-bottom: 30px;
  padding-left: 9px;
  padding-right: 9px;
}

.highlight_exhibits_slider {
  z-index: 1;
  background-color: var(--transparent);
  width: 100%;
  height: auto;
}

.highlight_exhibits_slider_mask {
  width: 100%;
  height: auto;
}

.highlight_exhibits_slide {
  width: 33.33%;
  padding-left: 9px;
  padding-right: 9px;
}

.highlight_exhibits_slide_in {
  display: block;
}

.highlight_exhibits_slide_in:hover {
  color: var(--blue);
}

.highlight_exhibits_slide_in.no_link {
  color: var(--gold);
}

.highlight_exhibits_slider_arrow {
  width: auto;
  margin-bottom: 36px;
  padding: 9px;
  transition: opacity .5s;
  display: block;
  inset: auto 9px 100% auto;
}

.highlight_exhibits_slider_arrow:hover {
  opacity: .67;
}

.highlight_exhibits_slider_arrow.left {
  margin-right: 48px;
}

.home_event_container {
  background-color: var(--blue);
  color: var(--white);
  padding-left: 48px;
  padding-right: 48px;
}

.home_event_title_row {
  text-align: center;
  width: 100%;
  padding-bottom: 30px;
}

.home_event_slider {
  background-color: var(--transparent);
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.home_event_slider_mask {
  width: 100%;
  height: auto;
  padding-bottom: 30px;
}

.generic_slide {
  width: 100%;
  height: auto;
}

.home_event_title {
  color: var(--beige);
}

.exhibition_video_container {
  padding-top: 72px;
  display: none;
}

.exhibition_video_container_in {
  color: var(--blue);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 72px;
  display: flex;
  position: relative;
}

.exhibition_video_left {
  text-align: center;
  width: 100%;
}

.exhibition_title_row {
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: -18px;
  display: flex;
}

.generic_btn_row {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 30px;
  display: flex;
}

.generic_btn {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  text-transform: uppercase;
  justify-content: flex-start;
  align-items: center;
  font-size: 18px;
  font-weight: 700;
  line-height: 21.6px;
  display: flex;
}

.generic_btn:hover {
  color: var(--blue);
}

.exhibition_info_row {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  margin-top: -18px;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  display: flex;
}

.exhibition_info_line {
  background-color: var(--gold67);
  width: 1px;
  height: 18px;
}

.home_banner_scrolling_btn_row {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.home_banner_scrolling_btn {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: var(--white);
  letter-spacing: .78px;
  text-transform: uppercase;
  justify-content: flex-start;
  align-items: center;
  padding: 60px 30px;
  font-weight: 700;
  display: flex;
}

.home_banner_scrolling_btn:hover {
  color: var(--beige);
}

.home_banner_scrolling_btn_arrow {
  opacity: 1;
  width: 12px;
  margin-top: -18px;
  margin-bottom: -18px;
}

.home_extra_text_container {
  background-color: var(--white);
  width: 100%;
}

.home_extra_text_btn {
  justify-content: center;
  align-items: center;
  padding: 18px;
  font-weight: 600;
  display: flex;
}

.home_extra_text_btn:hover {
  color: var(--light_gold);
}

.home_extra_text_btn_text {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.home_extra_text_content {
  width: 100%;
  padding-bottom: 96px;
  padding-left: 48px;
  padding-right: 48px;
  display: none;
}

.home_extra_text_content_in {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  border-top: 1px solid var(--gold33);
  width: 100%;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 12px;
  display: flex;
}

.home_extra_text_col {
  width: 100%;
}
.home_event_slide_btn {
  color: var(--white);
  width: 100%;
  display: flex;
}

.home_event_slide_btn:hover {
  color: var(--beige);
}

.home_event_slide_left {
  width: 100%;
  overflow: hidden;
}

.home_event_slide_right {
  flex: none;
  justify-content: flex-end;
  align-items: center;
  width: 50%;
  padding-left: 48px;
  display: flex;
}

.home_event_slide_btn_in {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  color: var(--beige);
  text-transform: uppercase;
  justify-content: flex-start;
  align-items: center;
  font-size: 18px;
  font-weight: 700;
  line-height: 21.6px;
  display: flex;
}

.home_event_slide_title {
  color: var(--beige);
  padding-top: 12px;
  padding-bottom: 3px;
  font-size: 36px;
  line-height: 39px;
}

.home_event_date_line {
  background-color: var(--beige67);
  flex: none;
  width: 48px;
  height: 1px;
  margin-top: 9.9px;
  position: relative;
  overflow: hidden;
}

.event_listing_link {
  color: var(--white);
  width: 100%;
  display: flex;
}

.event_listing_link:hover {
  color: var(--beige);
}

.event_listing_link.for_light_bg {
  color: var(--gold);
}

.event_listing_link.for_light_bg:hover {
  color: var(--blue);
}

.event_listing_link.for_event_listing {
  color: var(--gold);
  flex-flow: column;
  width: calc(33.33% - 20px);
}

.event_listing_link.for_event_listing:hover {
  color: var(--blue);
}

.event_listing_left {
  width: 100%;
  overflow: hidden;
}

.event_listing_right {
  flex: none;
  justify-content: flex-end;
  align-items: center;
  width: 50%;
  padding-left: 48px;
  display: flex;
}

.event_listing_right.for_event_listing {
  width: 100%;
  padding-top: 18px;
  padding-left: 0;
  padding-right: 18px;
}

.event_listing_btn {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  color: var(--beige);
  text-transform: uppercase;
  justify-content: flex-start;
  align-items: center;
  font-size: 18px;
  font-weight: 700;
  line-height: 21.6px;
  display: flex;
}

.event_listing_btn.for_light_bg {
  color: var(--blue);
}

.event_listing_title {
  color: var(--beige);
  padding-top: 12px;
  padding-bottom: 3px;
  font-size: 36px;
  line-height: 39px;
}

.event_listing_title.for_light_bg {
  color: var(--blue);
}

.event_listing_title.for_event_listing {
  color: var(--blue);
  font-size: 27px;
  line-height: 29.4px;
}

.event_listing_date_line {
  background-color: var(--beige67);
  flex: none;
  width: 48px;
  height: 2px;
  margin-top: 9px;
  position: relative;
  overflow: hidden;
}

.event_listing_date_line.for_light_bg {
  background-color: var(--blue67);
}

.home_promo_video_one_block {
  width: 100%;
  max-width: 978px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 24px;
  padding-left: 9px;
  padding-right: 9px;
}

.home_event_date_line_in {
  background-color: var(--beige);
  position: absolute;
  inset: 0%;
  transform: translate(-101%);
}

.inner_page_first_paragraph {
  text-align: center;
  width: 100%;
  max-width: 750px;
  margin-top: -18px;
  margin-left: auto;
  margin-right: auto;
}

.inner_vert_spacing_container {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.about_us_img {
  z-index: 1;
  width: 100%;
  max-width: 960px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.about_us_content {
  width: 100%;
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
}

.about_us_content_title {
  color: var(--red);
  letter-spacing: -.36px;
  padding-bottom: 12px;
  font-size: 36px;
  line-height: 39px;
}

.about_us_content_title.above_subtitle {
  padding-bottom: 6px;
}

.about_us_content_title.for_tc {
  letter-spacing: 1.44px;
  font-family: Noto Sans HK, sans-serif;
}

.about_us_content_title.for_sc {
  letter-spacing: 1.44px;
  font-family: Noto Sans SC, sans-serif;
}

.about_us_img_in {
  object-fit: cover;
  width: 100%;
  display: block;
}

.visitor_info_opening_hours_row {
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.visitor_info_dropdown_container {
  border-top: 1px solid var(--gold33);
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}

.visitor_info_dropdown_block {
  width: 100%;
  padding-bottom: 1px;
  position: relative;
  overflow: hidden;
}

.visitor_info_dropdown_trigger_btn {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 18px;
  padding-bottom: 21px;
  display: flex;
}

.visitor_info_dropdown_trigger_btn:hover {
  opacity: .85;
  color: var(--light_gold);
}

.visitor_info_dropdown_trigger_btn_icon {
  flex: none;
  width: 24px;
  height: 24px;
  margin-top: 4.8px;
  margin-left: auto;
  margin-right: 12px;
  position: relative;
}

.visitor_info_dropdown_trigger_btn_icon_line1 {
  background-color: var(--gold67);
  width: 2px;
  margin-left: -1px;
  position: absolute;
  inset: 0% auto 0% 50%;
}

.visitor_info_dropdown_trigger_btn_icon_line2 {
  background-color: var(--gold67);
  height: 2px;
  margin-top: -1px;
  position: absolute;
  inset: 50% 0% auto;
}

.visitor_info_dropdown_block_in {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  width: 100%;
  padding-bottom: 30px;
  display: none;
}

.visitor_info_dropdown_line {
  background-color: var(--gold33);
  width: 100%;
  height: 1px;
  position: absolute;
  inset: auto 0% 0%;
}

.visitor_info_dropdown_line_current {
  z-index: 1;
  background-color: var(--gold);
  opacity: 0;
  width: 100%;
  height: 1px;
  position: absolute;
  inset: auto 0% 0%;
}

.visitor_info_dropdown_line_hover {
  background-color: var(--light_gold);
  opacity: 0;
  width: 100%;
  height: 1px;
  position: absolute;
  inset: auto 0% 0%;
  transform: translate(-101%);
}

.visitor_info_dropdown_paragraph_group {
  width: 100%;
  max-width: 960px;
}

.visitor_info_dropdown_paragraph_title {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}

.visitor_info_table_container {
  width: 100%;
  margin-top: 18px;
}

.visitor_info_table_row {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  border-bottom: 1px solid var(--gold33);
  width: 100%;
  display: flex;
}

.visitor_info_table_cell {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 9px;
  padding-bottom: 9px;
  display: flex;
}

.visitor_info_table_cell.title {
  text-transform: uppercase;
  padding-top: 0;
  font-weight: 600;
  line-height: 22.8px;
}

.visitor_info_dropdown_paragraph {
  padding-top: 6px;
}

.visitor_info_dropdown_point_form_row {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 6px;
  display: flex;
}

.visitor_info_dropdown_point_form_row.first {
  padding-top: 0;
}

.visitor_info_dropdown_point_form_number {
  flex: none;
  width: 24px;
}

.generic_text_link {
  color: var(--blue);
  text-decoration: underline;
}

.generic_text_link:hover {
  color: var(--navy);
}

.about_us_content_subtitle {
  color: var(--light_gold);
  padding-top: 24px;
  padding-bottom: 9px;
  font-size: 24px;
  font-weight: 300;
  line-height: 27px;
}

.visitor_info_dropdown_point_form_dot {
  background-color: var(--gold67);
  border-radius: 99px;
  flex: none;
  width: 6px;
  height: 6px;
  margin-top: 9.6px;
  margin-left: 3px;
  margin-right: 6px;
}

.text_semibold {
  font-weight: 600;
}

.visitor_info_dropdown_trigger_btn_icon_line_hover {
  background-color: var(--light_gold);
  opacity: 0;
  position: absolute;
  inset: 0%;
}

.booking_grid_title_after {
  color: var(--light_gold);
  font-size: 30px;
  font-weight: 300;
  line-height: 33px;
  display: none;
}

.visitor_info_dropdown_trigger_btn_icon_line_after {
  background-color: var(--light_gold);
  display: none;
  position: absolute;
  inset: 0%;
}

.home_promo_video_thumb_text {
  color: var(--white);
  justify-content: center;
  align-items: center;
  padding: 30px;
  font-size: 24px;
  font-weight: 300;
  line-height: 27px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.exhibition_video_line {
  background-color: var(--gold33);
  height: 1px;
  position: absolute;
  inset: 0% 9px auto;
}

.home_extra_text_btn_text_arrow {
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  position: relative;
}

.booking_free_row {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 30px;
  display: flex;
}

.audio_guide_item_name_after {
  color: var(--light_gold);
  padding-top: 7.2px;
  font-family: beaufort-pro, sans-serif;
  font-size: 30px;
  line-height: 33px;
  display: none;
}

.generic_lightbox_link {
  width: 100%;
  display: block;
}

.booking_grid_legend {
  color: var(--red);
  padding-top: 3.6px;
  font-size: 14.4px;
  line-height: 19.2px;
}

.booking_free_btn {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  border: 1px solid var(--white33);
  color: var(--white);
  text-transform: uppercase;
  justify-content: flex-start;
  align-items: center;
  padding: 3px;
  font-size: 18px;
  font-weight: 700;
  line-height: 21.6px;
  display: flex;
}

.booking_free_btn:hover {
  border-color: var(--blue);
  color: var(--blue);
}

.booking_free_btn.for_light_bg {
  border-color: var(--gold67);
}

.booking_free_btn.for_light_bg:hover {
  border-color: var(--blue);
}

.booking_free_btn_in {
  z-index: 1;
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  justify-content: flex-start;
  align-items: center;
  padding: 12px 45px 12px 48px;
  display: flex;
  position: relative;
}

.booking_free_btn_bg {
  z-index: -1;
  background-color: var(--blue);
  position: absolute;
  inset: 0%;
}

.booking_free_btn_bg_in {
  background-color: var(--white);
  opacity: 0;
  position: absolute;
  inset: 0%;
}

.text_2way_arrow {
  color: var(--transparent);
  background-image: url('/asset/images/generic_arrow_r_gold.svg'), url('/asset/images/generic_arrow_l_gold.svg');
  background-position: 100% 57%, 0 57%;
  background-repeat: no-repeat, no-repeat;
  background-size: 75%, 75%;
  width: 16.8px;
  display: inline-block;
}

.about_us_content_awards_row {
  grid-column-gap: 30px;
  grid-row-gap: 18px;
  flex-flow: wrap;
  width: 100%;
  padding-top: 12px;
  display: flex;
}

.about_us_content_awards_img {
  height: 72px;
}

.header_desktop_btn_hover_line {
  z-index: 3;
  background-color: var(--light_gold);
  opacity: 0;
  height: 1px;
  position: absolute;
  inset: 100% 0% auto;
}

.header_desktop_btn_hover_line.for_light_bg {
  background-color: var(--red);
}

.sans_tc, .body_tc {
  font-family: Noto Sans HK, sans-serif;
}

.h2_tc {
  letter-spacing: 1.92px;
  font-family: Noto Sans HK, sans-serif;
  font-weight: 300;
  line-height: 57px;
}

.h1_tc {
  letter-spacing: 2.88px;
  font-family: Noto Sans HK, sans-serif;
  font-weight: 300;
  line-height: 81px;
}

.body_sc, .sans_sc {
  font-family: Noto Sans SC, sans-serif;
}

.h2_sc {
  letter-spacing: 1.92px;
  font-family: Noto Sans SC, sans-serif;
  font-weight: 300;
  line-height: 57px;
}

.h1_sc {
  letter-spacing: 2.88px;
  font-family: Noto Sans SC, sans-serif;
  font-weight: 300;
  line-height: 81px;
}

.booking_coming_soon_popup_container {
  z-index: 150;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 48px;
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
}

.booking_coming_soon_close_area {
  background-color: var(--gold);
  opacity: .9;
  width: 100%;
  position: absolute;
  inset: 0%;
}

.booking_coming_soon_popup_container_in {
  background-color: var(--white);
  flex: none;
  width: 100%;
  max-width: 690px;
  padding-left: 48px;
  padding-right: 48px;
  position: relative;
  overflow: auto;
}

.booking_coming_soon_popup_close_btn {
  z-index: 1;
  text-align: center;
  text-transform: uppercase;
  flex-flow: column;
  width: 48px;
  padding: 18px 6px;
  font-size: 13.2px;
  line-height: 18px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.booking_coming_soon_popup_close_btn:hover {
  opacity: .67;
}

.booking_coming_soon_popup_content {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 96px;
  padding-bottom: 105px;
  display: flex;
}

.booking_coming_soon_popup_text {
  font-size: 36px;
  font-weight: 300;
  line-height: 45px;
}

.dotm_grid_container {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 18px;
  display: grid;
}

.dotm_grid_container.for_awards {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.dotm_grid_block {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  flex-flow: column;
  flex: 1;
  line-height: 22.8px;
  display: flex;
}

.dotm_stone_paragraph {
  padding-top: 12px;
  padding-bottom: 12px;
}

.dotm_2col_row {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  width: 100%;
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.dotm_2col_row.for_dougong {
  flex-flow: row-reverse;
}

.dotm_2col_content {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.dotm_2col_content.for_dougong {
  padding-bottom: 72px;
}

.dotm_dome_img {
  flex: none;
  width: 300px;
  max-width: 33.33%;
}

.dotm_dome_img.for_dougong {
  max-width: none;
  margin-bottom: -72px;
}

.dotm_ani_block {
  z-index: 1;
  background-color: var(--beige67);
  width: 100%;
  max-width: 960px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
}

.home_img_btn_text_smaller {
  opacity: .67;
  padding-top: 9px;
  line-height: 21.6px;
}

.no_top_padding {
  padding-top: 0;
}

.h1_level3 {
  color: var(--blue);
  letter-spacing: -.57px;
  font-size: 57px;
  line-height: 60px;
}

.dotm_ani_img1, .dotm_ani_img2 {
  z-index: 2;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0% auto auto 0%;
}

.dotm_ani_img3, .dotm_ani_img4, .dotm_ani_img5, .dotm_ani_img6, .dotm_ani_img7, .dotm_ani_img8, .dotm_ani_img9 {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0% auto auto 0%;
}

.dotm_ani_trigger_line {
  position: absolute;
  inset: 0% auto 50% 0%;
}

.dotm_ani_trigger_line_in {
  height: 50dvh;
  position: absolute;
  inset: auto auto 0% 0%;
}

.section_container_bg {
  z-index: -1;
  background-image: url('/asset/images/bg_pattern_light_yellow.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  width: calc(100% + 96px);
  height: 100dvh;
  margin-left: -48px;
  margin-right: -48px;
  position: sticky;
  top: 0;
}

.home_event_container_in {
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 96px;
  padding-bottom: 144px;
}

.exhibition_listing_tabs {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: -18px;
  display: flex;
}

.exhibition_listing_tabs_menu {
  justify-content: center;
  align-items: center;
  padding-bottom: 30px;
  display: flex;
  overflow: hidden;
}

.exhibition_listing_tab_link {
  border-left: 1px solid var(--gold33);
  background-color: var(--transparent);
  color: var(--gold67);
  margin-left: -1px;
  padding: 0 30px;
}

.exhibition_listing_tab_link:hover {
  color: var(--red);
}

.exhibition_listing_tab_link.w--current {
  background-color: var(--transparent);
  color: var(--gold);
  font-weight: 600;
}

.generic_tabs_content, .generic_tab_pane {
  width: 100%;
  height: auto;
}

.event_info_container {
  display: grid;
  grid-column-gap: 30px;
  grid-row-gap: 18px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 720px;
  padding-top: 24px;
  margin-left: auto;
  margin-right: auto;
}

.event_info_block {
  border-left: 1px solid var(--light_gold);
  width: 100%;
  padding-bottom: 6px;
  padding-left: 18px;
}

.event_info_text {
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
  display: block;
}

.event_info_title {
  color: var(--light_gold);
  text-transform: uppercase;
  padding-bottom: 3px;
  font-size: 14.4px;
  font-weight: 600;
  line-height: 17.4px;
}

.small_paragraph {
  padding-top: 7.2px;
  font-size: 13.2px;
  line-height: 20.4px;
}

.event_session_table_cell {
  border-bottom: 1px solid var(--gold33);
  width: 100%;
  padding-top: 6px;
  padding-bottom: 6px;
}

.event_session_table_cell.for_title {
  border-bottom-color: var(--gold67);
  padding-top: 24px;
  font-weight: 600;
}

.event_session_table_container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 18px 2fr;
  grid-auto-columns: 1fr;
  display: grid;
  overflow: hidden;
}

html.w-mod-js [data-ix="home-info-free-graphic-action"] {
  transform: rotate(0);
}

html.w-mod-js [data-ix="inner-banner-bg-img-action"] {
  transform: scale(1.1);
}

@media screen and (max-width: 991px) {
  body {
    font-size: 15.6px;
    line-height: 24.6px;
  }

  h1 {
    letter-spacing: -.6px;
    font-size: 60px;
    line-height: 62.4px;
  }

  h2 {
    letter-spacing: -.39px;
    font-size: 39px;
    line-height: 41.7px;
  }

  p {
    padding-top: 10.5px;
  }

  .important_notice_container {
    padding-left: 24px;
    padding-right: 24px;
  }

  .important_notice_container_in {
    padding-top: 7.5px;
    padding-bottom: 10.2px;
    font-size: 18px;
  }

  .header_container {
    padding-left: 24px;
    padding-right: 24px;
  }

  .header_up {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .header_logo_img {
    height: 84px;
  }

  .header_lang_btn_row {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    padding-top: 16.2px;
  }

  .header_lang_btn {
    padding-bottom: 2.4px;
    font-size: 13.2px;
    line-height: 18.6px;
  }

  .header_down {
    display: none;
  }

  .home_banner_content {
    padding: 36px;
  }

  .home_banner_tagline {
    max-width: 840px;
  }

  .home_banner_tagline.sans_tc, .home_banner_tagline.sans_sc {
    letter-spacing: 2.4px;
    line-height: 70.5px;
  }

  .home_banner_paragraph {
    max-width: 450px;
    padding-top: 19.2px;
  }

  .home_banner_paragraph.for_chi {
    max-width: 432px;
  }

  .home_promo_video_container {
    padding-left: 28.5px;
    padding-right: 28.5px;
  }

  .home_promo_video_container_in {
    padding-top: 54px;
    padding-bottom: 108px;
  }

  .booking_container {
    padding-left: 36px;
    padding-right: 36px;
  }

  .booking_container_in {
    padding-top: 72px;
    padding-bottom: 108px;
  }

  .mobile_menu_trigger_btn {
    width: 90px;
    margin-right: -24px;
    padding: 21px 24px 15px;
    font-size: 12px;
    line-height: 16.2px;
    display: flex;
  }

  .home_info_subtitle {
    font-size: 16.2px;
    line-height: 21px;
  }

  .home_info_address_btn {
    font-size: 27px;
    line-height: 31.8px;
  }

  .home_info_hour_legend {
    padding-top: 3px;
    font-size: 13.2px;
    line-height: 17.4px;
  }

  .info_hour_row {
    max-width: 600px;
    padding-top: 21px;
  }

  .info_hour_number {
    font-size: 27px;
    line-height: 31.8px;
  }

  .info_hour_text {
    max-width: 162px;
    padding-top: 2.4px;
    font-size: 13.2px;
    line-height: 15.9px;
  }

  .booking_free_graphic_before {
    width: 177px;
    height: 177px;
    margin-bottom: -88.5px;
  }

  .booking_grid_container {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .booking_grid_block {
    width: calc(33.33% - 10px);
    padding: 4.5px;
  }

  .booking_grid_block_in {
    padding: 24px;
  }

  .booking_grid_title_before {
    font-size: 25.5px;
    line-height: 28.2px;
  }

  .booking_grid_arrow {
    padding-top: 19.2px;
  }

  .generic_btn_arrow_before {
    height: 10.8px;
  }

  .generic_btn_arrow_before.for_booking {
    height: 14.7px;
  }

  .section_container_in {
    padding-top: 72px;
    padding-bottom: 108px;
  }

  .footer_container {
    padding-left: 36px;
    padding-right: 36px;
  }

  .footer_container_in {
    padding-top: 72px;
    padding-bottom: 120px;
  }

  .footer_down {
    grid-column-gap: 27px;
    grid-row-gap: 4.8px;
    padding-top: 36px;
  }

  .footer_contact_us_block {
    padding-bottom: 39px;
  }

  .footer_title_text {
    padding-right: 10.5px;
  }

  .footer_contact_us_block_in {
    grid-column-gap: 36px;
    grid-row-gap: 21px;
    padding-top: 16.2px;
  }

  .footer_contact_us_item_title {
    padding-bottom: 2.1px;
    font-size: 13.2px;
    line-height: 15.9px;
  }

  .footer_contact_us_item_btn {
    max-width: none;
    font-size: 16.8px;
    line-height: 21.6px;
  }

  .footer_other_link_btn {
    font-size: 16.8px;
    line-height: 21.6px;
  }

  .footer_other_link_block_in {
    grid-column-gap: 10.5px;
    grid-row-gap: 10.5px;
    padding-top: 12px;
  }

  .footer_wechat_block {
    width: 144px;
    padding-bottom: 25.5px;
  }

  .footer_wechat_text {
    font-size: 12px;
    line-height: 16.2px;
  }

  .footer_sns_btn_row {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding-top: 16.2px;
  }

  .footer_sns_btn_icon {
    height: 33px;
  }

  .footer_up_in {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
    flex: 0 auto;
    width: 100%;
    min-width: auto;
  }

  .footer_up_in.first {
    max-width: none;
  }

  .mobile_menu_content {
    grid-column-gap: 25.5px;
    grid-row-gap: 25.5px;
    max-width: 900px;
    padding: 36px 72px 108px;
  }

  .mobile_menu_btn {
    font-size: 25.5px;
    line-height: 28.2px;
  }

  .mobile_menu_btn.sans_tc, .mobile_menu_btn.sans_sc {
    letter-spacing: 1.02px;
  }

  .inner_banner_container {
    padding-left: 36px;
    padding-right: 36px;
  }

  .inner_banner_container_in {
    padding-top: 42px;
    padding-bottom: 72px;
  }

  .inner_breadcrumb_row {
    grid-column-gap: 7.5px;
    letter-spacing: .69px;
    padding-bottom: 15px;
    font-size: 12px;
    line-height: 16.2px;
  }

  .section_container {
    padding-left: 36px;
    padding-right: 36px;
  }
  .audio_guide_listing_container {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .audio_guide_listing_right {
    padding-left: 36px;
  }

  .event_listing_container {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .event_listing_container.for_event_listing {
    grid-column-gap: 24px;
  }

  .event_listing_date_row {
    grid-column-gap: 7.5px;
    font-size: 16.2px;
    line-height: 18.6px;
  }

  .audio_guide_listing_date_line {
    width: 42px;
    margin-top: 9px;
  }

  .audio_guide_listing_title {
    padding-top: 10.5px;
    padding-bottom: 2.4px;
  }

  .event_listing_btn_row {
    padding-top: 24px;
  }

  .audio_guide_listing_btn_in {
    grid-column-gap: 7.5px;
    grid-row-gap: 7.5px;
    font-size: 16.2px;
    line-height: 19.2px;
  }

  .audio_guide_detail_container {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
  }

  .audio_guide_content_container {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .audio_guide_item_block_out {
    padding-bottom: 17.5px;
  }

  .audio_guide_item_frame_after {
    border-width: 4.5px;
  }

  .audio_guide_item_dropdown {
    padding: 5.5px;
  }

  .audio_guide_item_dropdown_in {
    grid-column-gap: 24px;
    padding: 10.5px;
  }

  .audio_guide_item_play_btn {
    border-color: var(--blue33);
    width: 44px;
    height: 44px;
    margin-top: -61px;
    margin-left: 17.5px;
    position: relative;
    top: auto;
    left: auto;
  }

  .audio_guide_item_play_icon {
    height: 14.5px;
  }

  .audio_guide_item_dropdown_thumb {
    width: 60px;
  }

  .audio_guide_item_play_bar {
    grid-column-gap: 10.5px;
    grid-row-gap: 10.5px;
    padding: 0 16px 30.5px 72.5px;
    position: absolute;
    inset: auto 0% 0%;
  }

  .audio_guide_item_play_bar_text {
    line-height: 16.5px;
  }

  .audio_guide_item_dropdown_left_in {
    padding-top: 6px;
    padding-bottom: 53px;
    padding-left: 10.5px;
  }

  .audio_guide_item_info_row {
    grid-column-gap: 10.5px;
    font-size: 16.2px;
    line-height: 19.2px;
    padding-right: 24px;
  }

  .audio_guide_item_info_line {
    width: 1.2px;
    height: 16.2px;
  }

  .audio_guide_item_name_before {
    padding-top: 6px;
    font-size: 25.5px;
    line-height: 28.2px;
  }

  .audio_guide_item_dropdown_arrow {
    height: 9px;
    margin-top: 10.8px;
  }

  .audio_guide_item_content {
    flex-flow: column;
    margin-top: 0;
    margin-bottom: -17.5px;
    padding: 17.5px 29.5px 41.5px;
  }

  .audio_guide_item_block_bg {
    inset: 5.5px;
  }

  .audio_guide_item_pause_btn {
    border-color: var(--blue33);
    width: 44px;
    height: 44px;
    margin-top: -44px;
    margin-left: 17.5px;
    position: relative;
    top: auto;
    left: auto;
  }

  .audio_guide_item_content_left {
    width: 100%;
  }

  .audio_guide_item_content_right_in {
    margin-top: 0;
  }

  .audio_guide_transcript_btn_row {
    padding-top: 15px;
  }

  .audio_guide_transcript_btn {
    grid-column-gap: 7.5px;
    grid-row-gap: 7.5px;
    font-size: 16.2px;
    line-height: 19.2px;
  }

  .audio_guide_transcript_popup_container.preview {
    display: block;
  }

  .audio_guide_transcript_popup_container_in {
    width: 80vw;
    max-width: 750px;
    padding-left: 36px;
    padding-right: 36px;
  }

  .audio_guide_transcript_popup_content {
    max-width: 600px;
    padding-top: 72px;
    padding-bottom: 108px;
  }

  .audio_guide_transcript_popup_close_btn {
    width: 90px;
    padding: 24px 24px 15px;
    font-size: 12px;
    line-height: 16.2px;
    display: flex;
  }

  .audio_guide_transcript_popup_title {
    padding-top: 10.5px;
    padding-bottom: 10.5px;
  }

  .home_info_address_btn_pin {
    width: 16.2px;
    margin-right: 8.1px;
  }

  .footer_contact_us_item_btn_pin {
    width: 11.1px;
    margin-right: 5.55px;
  }

  .generic_page_content {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .generic_page_content_text {
    padding-top: 10.5px;
  }

  .generic_page_content_sub_title {
    letter-spacing: -.3px;
    padding-top: 10.5px;
    padding-bottom: 2.7px;
    font-size: 31.5px;
    line-height: 34.2px;
  }

  .generic_page_content_sub_title.for_tc, .generic_page_content_sub_title.for_sc {
    letter-spacing: 1.26px;
  }

  .home_info_container {
    padding-left: 36px;
    padding-right: 36px;
  }

  .home_info_container_in {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    padding-top: 72px;
    padding-bottom: 54px;
  }

  .section_title_row {
    padding-bottom: 24px;
  }

  .home_promo_video_slider {
    padding-top: 19.2px;
  }

  .home_promo_video_slider_mask {
    padding-bottom: 24px;
  }

  .home_promo_video_slide {
    padding-left: 7.5px;
    padding-right: 7.5px;
  }

  .counter_wrapper {
    width: 84px;
    margin-left: -42px;
  }

  .counter_wrapper.for_home_exhibits {
    margin-bottom: 30px;
    margin-right: 108px;
    right: 7.5px;
  }

  .counter_wrapper.for_home_center, .counter_wrapper.for_exhibition {
    padding-top: 2.4px;
  }

  .counter_line {
    height: 15px;
  }

  .home_promo_video_slider_arrow {
    margin-left: 34.5px;
    margin-right: 34.5px;
    padding: 7.5px;
  }

  .slider_arrow_icon {
    height: 15.6px;
  }

  .home_img_btn_text {
    padding-top: 10.5px;
    padding-bottom: 4.8px;
    padding-right: 24px;
    font-size: 21px;
    line-height: 26.4px;
  }

  .back_to_top_btn {
    padding: 24px;
  }

  .back_to_top_btn_arrow {
    height: 24px;
  }

  .highlight_exhibits_container {
    padding-left: 28.5px;
    padding-right: 28.5px;
  }

  .highlight_exhibits_container_in {
    padding-top: 72px;
    padding-bottom: 108px;
  }

  .highlight_exhibits_title_row {
    padding-bottom: 24px;
    padding-left: 7.5px;
    padding-right: 7.5px;
  }

  .highlight_exhibits_slide {
    padding-left: 7.5px;
    padding-right: 7.5px;
  }

  .highlight_exhibits_slider_arrow {
    margin-bottom: 27px;
    padding: 7.5px;
  }

  .highlight_exhibits_slider_arrow.left {
    margin-right: 42px;
  }

  .home_event_container {
    padding-left: 36px;
    padding-right: 36px;
  }

  .home_event_title_row, .home_event_slider_mask {
    padding-bottom: 24px;
  }

  .exhibition_video_container, .exhibition_video_container_in {
    padding-top: 54px;
  }

  .exhibition_title_row {
    margin-top: -15px;
  }

  .generic_btn_row {
    padding-top: 24px;
  }

  .generic_btn {
    grid-column-gap: 7.5px;
    grid-row-gap: 7.5px;
    font-size: 16.8px;
    line-height: 19.8px;
  }

  .exhibition_info_row {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    margin-top: -15px;
    font-size: 16.2px;
    line-height: 21px;
  }

  .exhibition_info_line {
    height: 16.2px;
  }

  .home_banner_scrolling_btn {
    grid-column-gap: 10.5px;
    grid-row-gap: 10.5px;
    letter-spacing: .69px;
    padding: 42px 24px;
  }

  .home_banner_scrolling_btn_arrow {
    width: 10.5px;
  }

  .home_extra_text_btn {
    padding: 15px;
  }

  .home_extra_text_btn_text {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .home_extra_text_content {
    padding-bottom: 72px;
    padding-left: 36px;
    padding-right: 36px;
  }

  .home_extra_text_content_in {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
    padding-top: 10.5px;
  }

  .home_event_slide_right {
    padding-left: 36px;
  }

  .home_event_slide_btn_in {
    grid-column-gap: 7.5px;
    grid-row-gap: 7.5px;
    font-size: 16.2px;
    line-height: 19.2px;
  }

  .home_event_slide_title {
    padding-top: 10.5px;
    padding-bottom: 2.4px;
    font-size: 30px;
    line-height: 34.8px;
  }

  .home_event_date_line {
    width: 36px;
    margin-top: 9px;
  }

  .event_listing_link.for_event_listing {
    width: calc(50% - 12px);
  }

  .event_listing_right {
    padding-left: 36px;
  }

  .event_listing_right.for_event_listing {
    padding-top: 15px;
    padding-right: 15px;
  }

  .event_listing_btn {
    grid-column-gap: 7.5px;
    grid-row-gap: 7.5px;
    font-size: 16.2px;
    line-height: 19.2px;
  }

  .event_listing_title {
    padding-top: 10.5px;
    padding-bottom: 2.4px;
    font-size: 30px;
    line-height: 34.8px;
  }

  .event_listing_title.for_event_listing {
    font-size: 25.5px;
    line-height: 27.6px;
  }

  .event_listing_date_line {
    width: 36px;
    margin-top: 8.4px;
  }

  .home_promo_video_one_block {
    max-width: 735px;
    padding-top: 19.2px;
    padding-left: 7.5px;
    padding-right: 7.5px;
  }

  .inner_page_first_paragraph {
    margin-top: -15px;
  }

  .inner_vert_spacing_container {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .about_us_content_title {
    letter-spacing: -.315px;
    padding-bottom: 10.5px;
    font-size: 31.5px;
    line-height: 36.3px;
  }

  .about_us_content_title.above_subtitle {
    padding-bottom: 5.25px;
  }

  .about_us_content_title.for_tc, .about_us_content_title.for_sc {
    letter-spacing: 1.26px;
  }

  .visitor_info_dropdown_trigger_btn {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    padding-top: 15px;
    padding-bottom: 17.7px;
  }

  .visitor_info_dropdown_trigger_btn_icon {
    width: 21px;
    height: 21px;
    margin-top: 3.9px;
    margin-right: 10.5px;
  }

  .visitor_info_dropdown_block_in {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    padding-bottom: 24px;
  }

  .visitor_info_dropdown_paragraph_title {
    font-size: 16.2px;
    line-height: 21px;
  }

  .visitor_info_table_container {
    margin-top: 15px;
  }

  .visitor_info_table_row {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .visitor_info_table_cell {
    padding-top: 7.5px;
    padding-bottom: 7.5px;
  }

  .visitor_info_table_cell.title {
    line-height: 20.4px;
  }

  .visitor_info_dropdown_paragraph, .visitor_info_dropdown_point_form_row {
    padding-top: 5.25px;
  }

  .visitor_info_dropdown_point_form_number {
    width: 22.5px;
  }

  .about_us_content_subtitle {
    padding-top: 21px;
    padding-bottom: 7.5px;
    font-size: 22.5px;
    line-height: 25.2px;
  }

  .visitor_info_dropdown_point_form_dot {
    width: 5.4px;
    height: 5.4px;
    margin-top: 8.4px;
    margin-left: 2.7px;
    margin-right: 5.4px;
  }

  .booking_grid_title_after {
    font-size: 25.5px;
    line-height: 28.2px;
  }

  .home_promo_video_thumb_text {
    padding: 24px;
    font-size: 21px;
    line-height: 23.7px;
  }

  .exhibition_video_line {
    left: 7.5px;
    right: 7.5px;
  }

  .booking_free_row {
    grid-column-gap: 7.5px;
    grid-row-gap: 7.5px;
    padding-top: 24px;
  }

  .audio_guide_item_name_after {
    padding-top: 6px;
    font-size: 25.5px;
    line-height: 28.2px;
  }

  .booking_grid_legend {
    padding-top: 3px;
    font-size: 13.2px;
    line-height: 17.4px;
  }

  .booking_free_btn {
    grid-column-gap: 7.5px;
    grid-row-gap: 7.5px;
    padding: 4.5px;
    font-size: 16.2px;
    line-height: 19.2px;
  }

  .booking_free_btn_in {
    grid-column-gap: 7.5px;
    grid-row-gap: 7.5px;
    padding: 10.5px 36.3px 10.5px 39px;
  }

  .text_2way_arrow {
    width: 15.6px;
  }

  .about_us_content_awards_row {
    grid-column-gap: 24px;
    grid-row-gap: 15px;
    padding-top: 10.5px;
  }

  .about_us_content_awards_img {
    height: 60px;
  }

  .h2_tc {
    letter-spacing: 1.56px;
    line-height: 46.5px;
  }

  .h1_tc {
    letter-spacing: 2.4px;
    line-height: 67.5px;
  }

  .h2_sc {
    letter-spacing: 1.56px;
    line-height: 46.5px;
  }

  .h1_sc {
    letter-spacing: 2.4px;
    line-height: 67.5px;
  }

  .booking_coming_soon_popup_container {
    padding: 36px;
  }

  .booking_coming_soon_popup_container_in {
    max-width: 570px;
    padding-left: 36px;
    padding-right: 36px;
  }

  .booking_coming_soon_popup_close_btn {
    width: 42px;
    padding: 15px 5.4px;
    font-size: 12px;
    line-height: 16.2px;
    display: flex;
  }

  .booking_coming_soon_popup_content {
    max-width: 600px;
    padding-top: 72px;
    padding-bottom: 79.5px;
  }

  .booking_coming_soon_popup_text {
    font-size: 30px;
    line-height: 37.5px;
  }

  .dotm_grid_container {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    padding-top: 15px;
  }

  .dotm_grid_block {
    grid-column-gap: 7.5px;
    grid-row-gap: 7.5px;
    line-height: 21px;
  }

  .dotm_stone_paragraph {
    padding-top: 10.5px;
    padding-bottom: 10.5px;
  }

  .dotm_2col_row {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
  }

  .dotm_2col_content.for_dougong {
    padding-bottom: 60px;
  }

  .dotm_dome_img {
    width: 240px;
  }

  .dotm_dome_img.for_dougong {
    margin-bottom: -60px;
  }

  .dotm_ani_block {
    width: calc(100% + 72px);
    max-width: none;
    margin-left: -36px;
    margin-right: -36px;
  }

  .home_img_btn_text_smaller {
    padding-top: 7.2px;
    line-height: 19.8px;
  }

  .h1_level3 {
    letter-spacing: -.48px;
    font-size: 48px;
    line-height: 50.4px;
  }

  .section_container_bg {
    width: calc(100% + 72px);
    margin-left: -36px;
    margin-right: -36px;
  }

  .home_event_container_in {
    padding-top: 72px;
    padding-bottom: 108px;
  }

  .exhibition_listing_tabs {
    margin-top: -15px;
  }

  .exhibition_listing_tabs_menu {
    padding-bottom: 24px;
  }

  .exhibition_listing_tab_link {
    padding-left: 24px;
    padding-right: 24px;
  }

  .event_info_container {
    grid-column-gap: 24px;
    grid-row-gap: 15px;
    padding-top: 21px;
  }

  .event_info_block {
    padding-bottom: 4.8px;
    padding-left: 15px;
  }

  .event_info_text {
    font-size: 16.8px;
    line-height: 21.6px;
  }

  .event_info_title {
    padding-bottom: 2.1px;
    font-size: 13.2px;
    line-height: 15.9px;
  }

  .small_paragraph {
    padding-top: 6px;
    font-size: 12px;
    line-height: 18px;
  }

  .event_session_table_cell.for_title {
    padding-top: 21px;
  }

  .event_session_table_container {
    grid-template-columns: 1fr 15px 2fr;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    letter-spacing: -.48px;
    font-size: 48px;
    line-height: 50.4px;
  }

  .home_banner_tagline.sans_tc, .home_banner_tagline.sans_sc {
    letter-spacing: 1.92px;
    line-height: 58.5px;
  }

  .info_hour_row {
    grid-column-gap: 30px;
    grid-row-gap: 10.5px;
    flex-flow: wrap;
    justify-content: center;
  }

  .info_hour_block.last {
    width: 100%;
  }

  .info_hour_number {
    font-size: 30px;
    line-height: 34.8px;
  }

  .info_hour_text {
    max-width: none;
  }

  .info_hour_line.second {
    display: none;
  }

  .booking_grid_block {
    width: calc(50% - 7.5px);
  }

  .booking_grid_block.last {
    width: 100%;
  }

  .mobile_menu_content {
    padding-left: 60px;
    padding-right: 60px;
  }

  .audio_guide_listing_btn {
    flex-flow: column;
  }

  .audio_guide_listing_left {
    width: 100%;
  }

  .audio_guide_listing_right {
    width: 100%;
    padding-top: 24px;
    padding-left: 0;
  }

  .audio_guide_detail_container {
    flex-flow: column;
  }

  .home_promo_video_slider_mask {
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    overflow: visible;
  }

  .home_promo_video_slide {
    width: 100%;
  }

  .counter_wrapper.for_home_exhibits {
    margin-top: -10.5px;
    margin-left: 9px;
    inset: 0% auto auto 0%;
  }

  .highlight_exhibits_slider {
    padding-top: 30px;
  }

  .highlight_exhibits_slide {
    width: 50%;
  }

  .highlight_exhibits_slider_arrow {
    margin-top: -13.2px;
    margin-bottom: 0;
    inset: 0% 0% auto auto;
  }

  .highlight_exhibits_slider_arrow.left {
    margin-left: 0;
  }

  .home_event_title_row {
    width: 100%;
    max-width: none;
  }

  .home_extra_text_btn_text {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
  }

  .home_extra_text_content_in, .home_event_slide_btn {
    display: block;
  }

  .home_event_slide_right {
    width: 100%;
    padding-top: 24px;
    padding-left: 0;
  }
  .home_extra_text_content_in, .event_listing_link {
    display: block;
  }

  .event_listing_right {
    width: 100%;
    padding-top: 15px;
    padding-left: 0;
  }

  .about_us_content {
    display: block;
  }

  .h1_tc, .h1_sc {
    letter-spacing: 1.92px;
  }

  .dotm_grid_container {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .dotm_grid_container.for_awards {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .dotm_2col_row.for_dougong {
    display: block;
  }

  .dotm_2col_content.for_dougong {
    padding-bottom: 24px;
  }

  .dotm_dome_img.for_dougong {
    width: 144px;
    margin-left: auto;
    margin-right: auto;
  }

  .h1_level3 {
    letter-spacing: -.39px;
    font-size: 39px;
    line-height: 41.4px;
  }

  /* .event_info_container {
    grid-template-columns: 1fr 1fr;
  } */
}

@media screen and (max-width: 479px) {
  body {
    font-size: 14.4px;
    line-height: 22.2px;
  }

  h1 {
    letter-spacing: -.36px;
    font-size: 36px;
    line-height: 37.8px;
  }

  h2 {
    letter-spacing: -.3px;
    font-size: 30px;
    line-height: 32.4px;
  }

  p {
    padding-top: 9px;
  }

  .important_notice_container {
    padding-left: 18px;
    padding-right: 18px;
  }

  .important_notice_container_in {
    padding-top: 6px;
    padding-bottom: 8.4px;
    font-size: 16px;
  }

  .header_container {
    padding-left: 18px;
    padding-right: 18px;
  }

  .header_up {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .header_logo_img {
    height: 72px;
  }

  .header_lang_btn_row {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    padding-top: 14.4px;
  }

  .header_lang_btn {
    padding-bottom: 1.8px;
    font-size: 12px;
    line-height: 15.6px;
  }

  .home_banner_content {
    padding: 24px;
  }

  .home_banner_tagline.sans_tc, .home_banner_tagline.sans_sc {
    letter-spacing: 1.44px;
    line-height: 45px;
  }

  .home_banner_paragraph {
    max-width: 390px;
    padding-top: 14.4px;
  }

  .home_banner_paragraph.for_chi {
    max-width: 360px;
  }

  .home_promo_video_container {
    padding-left: 18px;
    padding-right: 18px;
  }

  .home_promo_video_container_in {
    padding-top: 36px;
    padding-bottom: 72px;
  }

  .booking_container {
    padding-left: 24px;
    padding-right: 24px;
  }

  .booking_container_in {
    padding-top: 48px;
    padding-bottom: 72px;
  }

  .mobile_menu_trigger_btn {
    width: 72px;
    margin-right: -18px;
    padding: 18px 18px 12px;
    font-size: 10.8px;
    line-height: 14.4px;
  }

  .mobile_menu_trigger_btn_line1 {
    height: 1px;
  }

  .mobile_menu_trigger_btn_line2 {
    height: 1px;
    margin-bottom: -1px;
  }

  .mobile_menu_trigger_btn_line3 {
    height: 1px;
  }

  .home_info_subtitle {
    font-size: 14.4px;
    line-height: 18px;
  }

  .home_info_address_btn {
    font-size: 24px;
    line-height: 27.6px;
  }

  .home_info_hour_legend {
    padding-top: 2.4px;
    font-size: 12px;
    line-height: 15.6px;
  }

  .info_hour_row {
    grid-column-gap: 24px;
    grid-row-gap: 9px;
    padding-top: 18px;
  }

  .info_hour_number {
    font-size: 24px;
    line-height: 27.6px;
  }

  .info_hour_text {
    padding-top: 1.8px;
    font-size: 12px;
    line-height: 14.4px;
  }

  .booking_free_graphic_before {
    width: 144px;
    height: 144px;
    margin-bottom: -72px;
  }

  .booking_grid_container {
    grid-row-gap: 12px;
  }

  .booking_grid_block {
    width: 100%;
    padding: 3px;
  }

  .booking_grid_block_in {
    padding: 18px;
  }

  .booking_grid_title_before {
    font-size: 21px;
    line-height: 23.4px;
  }

  .booking_grid_arrow {
    padding-top: 14.4px;
  }

  .generic_btn_arrow_before {
    height: 9.6px;
  }

  .generic_btn_arrow_before.for_booking {
    height: 12.6px;
  }

  .section_container_in {
    padding-top: 48px;
    padding-bottom: 72px;
  }

  .footer_container {
    padding-left: 24px;
    padding-right: 24px;
  }

  .footer_container_in {
    padding-top: 48px;
    padding-bottom: 96px;
  }

  .footer_down {
    grid-column-gap: 18px;
    grid-row-gap: 3.6px;
    padding-top: 24px;
  }

  .footer_contact_us_block {
    padding-bottom: 30px;
  }

  .footer_title_text {
    padding-right: 9px;
  }

  .footer_contact_us_block_in {
    grid-column-gap: 24px;
    grid-row-gap: 18px;
    padding-top: 14.4px;
  }

  .footer_contact_us_item_title {
    padding-bottom: 1.2px;
    font-size: 12px;
    line-height: 14.4px;
  }

  .footer_contact_us_item_btn {
    max-width: 321px;
    font-size: 15.6px;
    line-height: 19.2px;
  }

  .footer_other_link_btn {
    font-size: 15.6px;
    line-height: 19.2px;
  }

  .footer_other_link_block_in {
    grid-column-gap: 9px;
    grid-row-gap: 9px;
    padding-top: 9.6px;
    padding-bottom: 48px;
  }

  .footer_wechat_block {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    flex-flow: row-reverse;
    justify-content: flex-end;
    align-items: flex-end;
    width: auto;
    padding-bottom: 21px;
    display: flex;
    position: absolute;
    inset: auto 0% 0%;
  }

  .footer_wechat_text {
    text-align: left;
    width: 100%;
    padding-bottom: 3px;
    font-size: 10.8px;
    line-height: 14.4px;
  }

  .footer_sns_btn_row {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    padding-top: 14.4px;
  }

  .footer_sns_btn_icon {
    height: 30px;
  }

  .footer_up_in {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .footer_wechat_img {
    width: 108px;
  }

  .mobile_menu_content {
    grid-column-gap: 21px;
    grid-row-gap: 21px;
    padding: 24px 48px 72px;
  }

  .mobile_menu_btn {
    font-size: 21px;
    line-height: 23.4px;
  }

  .mobile_menu_btn.sans_tc, .mobile_menu_btn.sans_sc {
    letter-spacing: .84px;
  }

  .inner_banner_container {
    padding-left: 24px;
    padding-right: 24px;
  }

  .inner_banner_container_in {
    padding-top: 24px;
    padding-bottom: 48px;
  }

  .inner_breadcrumb_row {
    grid-column-gap: 6px;
    letter-spacing: .6px;
    padding-bottom: 12px;
    font-size: 10.8px;
    line-height: 14.4px;
  }

  .section_container {
    padding-left: 24px;
    padding-right: 24px;
  }

  .audio_guide_listing_container {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
  }

  .audio_guide_listing_right {
    padding-top: 18px;
  }

  .event_listing_container {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
  }

  .event_listing_container.for_event_listing {
    grid-column-gap: 18px;
  }

  .event_listing_date_row {
    grid-column-gap: 6px;
    font-size: 14.4px;
    line-height: 16.8px;
  }

  .audio_guide_listing_date_line {
    width: 36px;
    margin-top: 8.1px;
  }

  .audio_guide_listing_title {
    padding-top: 9px;
    padding-bottom: 1.8px;
  }

  .event_listing_btn_row {
    padding-top: 18px;
  }

  .audio_guide_listing_btn_in {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    font-size: 14.4px;
    line-height: 16.8px;
  }

  .audio_guide_detail_container {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .audio_guide_content_container {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .audio_guide_item_block_out {
    padding-bottom: 13px;
  }

  .audio_guide_item_frame_after {
    border-width: 3px;
  }

  .audio_guide_item_dropdown {
    color: var(--light_gold);
    padding: 4px;
  }

  .audio_guide_item_dropdown_in {
    grid-column-gap: 18px;
    padding: 9px;
  }

  .audio_guide_item_play_btn {
    /* width: 30px; */
    /* height: 30px; */
    margin-top: -56px;
    margin-left: 13px;
  }

  .audio_guide_item_play_icon {
    height: 14.5px;
  }

  .audio_guide_item_dropdown_thumb {
    width: 48px;
  }

  .audio_guide_item_play_bar {
    grid-column-gap: 9px;
    grid-row-gap: 9px;
    padding-bottom: 26px;
    /* padding-left: 51px; */
    padding-right: 13px;
  }

  .audio_guide_item_play_bar_text {
    line-height: 14.4px;
  }

  .audio_guide_item_dropdown_left_in {
    padding-top: 4.8px;
    /* padding-bottom: 36px; */
    padding-left: 9px;
  }

  .audio_guide_item_info_row {
    font-size: 14.4px;
    line-height: 16.8px;
    padding-right: 20px;
  }

  .audio_guide_item_info_line {
    width: .96px;
    height: 14.4px;
  }

  .audio_guide_item_name_before {
    padding-top: 4.8px;
    font-size: 21px;
    line-height: 23.4px;
  }

  .audio_guide_item_dropdown_arrow {
    height: 7.2px;
    margin-top: 9.6px;
  }

  .audio_guide_item_content {
    margin-bottom: -13px;
    padding: 13px 22px 28px;
  }

  .audio_guide_item_block_bg {
    inset: 4px;
  }

  .audio_guide_item_pause_btn {
    /* width: 30px; */
    /* height: 30px; */
    /* margin-top: -30px; */
    margin-left: 13px;
  }

  .audio_guide_transcript_btn_row {
    padding-top: 12px;
  }

  .audio_guide_transcript_btn {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    font-size: 14.4px;
    line-height: 16.8px;
  }

  .audio_guide_transcript_popup_container_in {
    width: 90vw;
    padding-left: 24px;
    padding-right: 24px;
  }

  .audio_guide_transcript_popup_content {
    padding-top: 48px;
    padding-bottom: 72px;
  }

  .audio_guide_transcript_popup_close_btn {
    width: 72px;
    padding: 18px 18px 12px;
    font-size: 10.8px;
    line-height: 14.4px;
  }

  .audio_guide_transcript_popup_close_btn_line1 {
    height: 1px;
  }

  .audio_guide_transcript_popup_close_btn_line2 {
    height: 1px;
    margin-bottom: -1px;
  }

  .audio_guide_transcript_popup_close_btn_line3 {
    height: 1px;
  }

  .audio_guide_transcript_popup_title {
    padding-top: 9px;
    padding-bottom: 9px;
  }

  .home_info_address_btn_pin {
    width: 14.4px;
    margin-right: 7.2px;
  }

  .footer_contact_us_item_btn_pin {
    width: 9.9px;
    margin-right: 4.95px;
  }

  .generic_page_content {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }

  .generic_page_content_text {
    padding-top: 9px;
  }

  .generic_page_content_sub_title {
    letter-spacing: -.24px;
    padding-top: 9px;
    padding-bottom: 2.4px;
    font-size: 27px;
    line-height: 29.4px;
  }

  .generic_page_content_sub_title.for_tc, .generic_page_content_sub_title.for_sc {
    letter-spacing: 1.08px;
  }

  .home_info_container {
    padding-left: 24px;
    padding-right: 24px;
  }

  .home_info_container_in {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .section_title_row {
    padding-bottom: 18px;
  }

  .home_promo_video_slider {
    padding-top: 14.4px;
  }

  .home_promo_video_slider_mask {
    padding-bottom: 18px;
  }

  .counter_wrapper {
    width: 72px;
    margin-left: -36px;
  }

  .counter_wrapper.for_home_exhibits {
    margin-top: -9px;
    margin-left: 7.2px;
  }

  .counter_wrapper.for_home_center, .counter_wrapper.for_exhibition {
    padding-top: 1.8px;
  }

  .counter_line {
    height: 14.4px;
  }

  .home_promo_video_slider_arrow {
    margin-left: 30px;
    margin-right: 30px;
    padding: 6px;
  }

  .slider_arrow_icon {
    height: 14.4px;
  }

  .home_img_btn_text {
    padding-top: 9px;
    padding-bottom: 3.6px;
    padding-right: 18px;
    font-size: 18px;
    line-height: 22.8px;
  }

  .back_to_top_btn {
    padding: 18px;
  }

  .back_to_top_btn_arrow {
    height: 21px;
  }

  .highlight_exhibits_container {
    padding-left: 18px;
    padding-right: 18px;
  }

  .highlight_exhibits_container_in {
    padding-top: 48px;
    padding-bottom: 72px;
  }

  .highlight_exhibits_title_row {
    padding-bottom: 18px;
    padding-left: 6px;
    padding-right: 6px;
  }

  .highlight_exhibits_slider {
    padding-top: 24px;
  }

  .highlight_exhibits_slider_mask {
    width: 85%;
    overflow: visible;
  }

  .highlight_exhibits_slide {
    width: 100%;
    padding-left: 6px;
    padding-right: 6px;
  }

  .highlight_exhibits_slider_arrow {
    margin-top: -10.8px;
    padding: 6px;
  }

  .highlight_exhibits_slider_arrow.left {
    margin-right: 36px;
  }

  .home_event_container {
    padding-left: 24px;
    padding-right: 24px;
  }

  .home_event_title_row {
    padding-bottom: 18px;
    display: block;
  }

  .home_event_slider_mask {
    padding-bottom: 18px;
  }

  .exhibition_video_container, .exhibition_video_container_in {
    padding-top: 36px;
  }

  .exhibition_title_row {
    margin-top: -12px;
  }

  .generic_btn_row {
    padding-top: 18px;
  }

  .generic_btn {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    font-size: 15.6px;
    line-height: 18px;
  }

  .exhibition_info_row {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    margin-top: -12px;
    font-size: 14.4px;
    line-height: 18px;
  }

  .exhibition_info_line {
    height: 14.4px;
  }

  .home_banner_scrolling_btn {
    grid-column-gap: 9px;
    grid-row-gap: 9px;
    letter-spacing: .6px;
    padding: 24px 18px;
  }

  .home_banner_scrolling_btn_arrow {
    width: 9px;
  }

  .home_extra_text_btn {
    padding: 12px;
  }

  .home_extra_text_btn_text {
    grid-column-gap: 3px;
    grid-row-gap: 3px;
  }

  .home_extra_text_content {
    padding-bottom: 48px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .home_extra_text_content_in {
    padding-top: 9px;
  }
  .home_event_slide_right {
    padding-top: 18px;
  }

  .home_event_slide_btn_in {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    font-size: 14.4px;
    line-height: 16.8px;
  }

  .home_event_slide_title {
    padding-top: 9px;
    padding-bottom: 1.8px;
    font-size: 24px;
    line-height: 27.6px;
  }

  .home_event_date_line {
    width: 24px;
    margin-top: 8.1px;
  }
  
  .event_listing_link.for_event_listing {
    width: 100%;
  }

  .event_listing_right {
    padding-top: 12px;
  }

  .event_listing_right.for_event_listing {
    padding-top: 12px;
    padding-right: 0;
  }

  .event_listing_btn {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    font-size: 14.4px;
    line-height: 16.8px;
  }

  .event_listing_title {
    padding-top: 9px;
    padding-bottom: 1.8px;
    font-size: 24px;
    line-height: 27.6px;
  }

  .event_listing_title.for_event_listing {
    font-size: 21px;
    line-height: 22.8px;
  }

  .event_listing_date_line {
    width: 24px;
    height: 1px;
    margin-top: 7.8px;
  }

  .home_promo_video_one_block {
    padding-top: 14.4px;
    padding-left: 6px;
    padding-right: 6px;
  }

  .inner_page_first_paragraph {
    margin-top: -12px;
  }

  .inner_vert_spacing_container {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
  }

  .about_us_content_title {
    letter-spacing: -.27px;
    padding-bottom: 9px;
    font-size: 27px;
    line-height: 30.6px;
  }

  .about_us_content_title.above_subtitle {
    padding-bottom: 4.5px;
  }

  .about_us_content_title.for_tc, .about_us_content_title.for_sc {
    letter-spacing: 1.08px;
  }

  .visitor_info_dropdown_trigger_btn {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    padding-top: 12px;
    padding-bottom: 14.4px;
  }

  .visitor_info_dropdown_trigger_btn_icon {
    width: 18px;
    height: 18px;
    margin-top: 3px;
    margin-right: 9px;
  }

  .visitor_info_dropdown_block_in {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    padding-bottom: 18px;
  }

  .visitor_info_dropdown_paragraph_title {
    font-size: 14.4px;
    line-height: 18px;
  }

  .visitor_info_table_container {
    margin-top: 12px;
  }

  .visitor_info_table_row {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }

  .visitor_info_table_cell {
    padding-top: 6px;
    padding-bottom: 6px;
  }

  .visitor_info_table_cell.title {
    line-height: 16.8px;
  }

  .visitor_info_dropdown_paragraph, .visitor_info_dropdown_point_form_row {
    padding-top: 4.5px;
  }

  .visitor_info_dropdown_point_form_number {
    width: 21px;
  }

  .about_us_content_subtitle {
    padding-top: 18px;
    padding-bottom: 6px;
    font-size: 21px;
    line-height: 23.4px;
  }

  .visitor_info_dropdown_point_form_dot {
    width: 4.8px;
    height: 4.8px;
    margin-top: 7.2px;
    margin-left: 2.4px;
    margin-right: 4.8px;
  }

  .booking_grid_title_after {
    font-size: 21px;
    line-height: 23.4px;
  }

  .home_promo_video_thumb_text {
    padding: 18px;
    font-size: 18px;
    line-height: 20.4px;
  }

  .exhibition_video_line {
    left: 6px;
    right: 6px;
  }

  .booking_free_row {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    padding-top: 18px;
  }

  .audio_guide_item_name_after {
    padding-top: 4.8px;
    font-size: 21px;
    line-height: 23.4px;
  }

  .booking_grid_legend {
    padding-top: 2.4px;
    font-size: 12px;
    line-height: 15.6px;
  }

  .booking_free_btn {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    padding: 3px;
    font-size: 14.4px;
    line-height: 16.8px;
  }

  .booking_free_btn_in {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    padding: 9px 27.6px 9px 30px;
  }

  .text_2way_arrow {
    width: 14.4px;
  }

  .about_us_content_awards_row {
    grid-column-gap: 18px;
    grid-row-gap: 12px;
    padding-top: 9px;
  }

  .about_us_content_awards_img {
    height: 48px;
  }

  .h2_tc {
    letter-spacing: 1.2px;
    line-height: 36px;
  }

  .h1_tc {
    letter-spacing: 1.44px;
    line-height: 42px;
  }

  .h2_sc {
    letter-spacing: 1.2px;
    line-height: 36px;
  }

  .h1_sc {
    letter-spacing: 1.44px;
    line-height: 42px;
  }

  .booking_coming_soon_popup_container {
    padding: 24px;
  }

  .booking_coming_soon_popup_container_in {
    max-width: 360px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .booking_coming_soon_popup_close_btn {
    width: 36px;
    padding: 12px 4.8px;
    font-size: 10.8px;
    line-height: 14.4px;
  }

  .booking_coming_soon_popup_content {
    padding-top: 48px;
    padding-bottom: 54px;
  }

  .booking_coming_soon_popup_text {
    font-size: 24px;
    line-height: 30px;
  }

  .dotm_grid_container {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    grid-template-columns: 1fr 1fr 1fr;
    padding-top: 12px;
  }

  .dotm_grid_container.for_awards {
    grid-template-columns: 1fr 1fr;
  }

  .dotm_grid_block {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    line-height: 19.2px;
  }

  .dotm_stone_paragraph {
    padding-top: 9px;
    padding-bottom: 9px;
  }

  .dotm_2col_row {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .dotm_2col_content.for_dougong {
    padding-bottom: 18px;
  }

  .dotm_dome_img {
    width: 180px;
  }

  .dotm_dome_img.for_dougong {
    width: 108px;
    margin-bottom: -48px;
  }

  .dotm_ani_block {
    width: calc(100% + 48px);
    margin-left: -24px;
    margin-right: -24px;
  }

  .home_img_btn_text_smaller {
    padding-top: 5.4px;
    line-height: 18px;
  }

  .h1_level3 {
    letter-spacing: -.3px;
    font-size: 30px;
    line-height: 31.8px;
  }

  .section_container_bg {
    width: calc(100% + 48px);
    margin-left: -24px;
    margin-right: -24px;
  }

  .home_event_container_in {
    padding-top: 48px;
    padding-bottom: 72px;
  }

  .exhibition_listing_tabs {
    margin-top: -12px;
  }

  .exhibition_listing_tabs_menu {
    padding-bottom: 18px;
  }

  .exhibition_listing_tab_link {
    padding-left: 18px;
    padding-right: 18px;
  }

  .event_info_container {
    grid-column-gap: 18px;
    grid-row-gap: 12px;
    flex-flow: wrap;
    padding-top: 18px;
    display: flex;
  }

  .event_info_block {
    padding-bottom: 3.6px;
    padding-left: 12px;
  }

  .event_info_text {
    font-size: 15.6px;
    line-height: 19.2px;
  }

  .event_info_title {
    padding-bottom: 1.2px;
    font-size: 12px;
    line-height: 14.4px;
  }

  .small_paragraph {
    padding-top: 4.8px;
    font-size: 10.8px;
    line-height: 15.6px;
  }

  .event_session_table_cell.for_title {
    padding-top: 18px;
  }

  .event_session_table_container {
    grid-template-columns: 1fr 12px 1fr;
  }
}

/* #w-node-f9147527-86de-e65a-2430-b9b5fa989c8d-94f10e44 {
  grid-area: span 1 / span 2 / span 1 / span 2;
} */

#w-node-f53ec95b-955a-2244-8a84-7cd23ec477ee-94f10e44, #w-node-_51586dc4-a482-17ef-1997-4383d228ffae-94f10e44 {
  grid-area: span 8 / span 1 / span 8 / span 1;
}

@media screen and (max-width: 767px) {
  #w-node-_532a62a3-2b89-b261-5b9d-73a19313fa7c-55e00a1c, #w-node-_382e9545-d3ca-12bc-6b1b-3d9494f480df-76b7d839, #w-node-_29d52917-b33d-dd63-3ade-56e6127627ff-b073fd9f, #w-node-_532a62a3-2b89-b261-5b9d-73a19313fa7c-fe2551a3, #w-node-_9307b545-dac3-2058-7ccc-6b0c43607ad4-36745604, #w-node-_532a62a3-2b89-b261-5b9d-73a19313fa7c-78c4b9e1, #w-node-_6222a175-a429-3c08-eea6-48570a1255a5-53c5aac7 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_532a62a3-2b89-b261-5b9d-73a19313fa5e-55e00a1c, #w-node-_532a62a3-2b89-b261-5b9d-73a19313fa6e-55e00a1c, #w-node-_382e9545-d3ca-12bc-6b1b-3d9494f480c5-76b7d839, #w-node-_382e9545-d3ca-12bc-6b1b-3d9494f480d3-76b7d839, #w-node-_29d52917-b33d-dd63-3ade-56e6127627e5-b073fd9f, #w-node-_29d52917-b33d-dd63-3ade-56e6127627f3-b073fd9f, #w-node-_532a62a3-2b89-b261-5b9d-73a19313fa5e-fe2551a3, #w-node-_532a62a3-2b89-b261-5b9d-73a19313fa6e-fe2551a3, #w-node-_9307b545-dac3-2058-7ccc-6b0c43607aba-36745604, #w-node-_9307b545-dac3-2058-7ccc-6b0c43607ac8-36745604, #w-node-_532a62a3-2b89-b261-5b9d-73a19313fa5e-78c4b9e1, #w-node-_532a62a3-2b89-b261-5b9d-73a19313fa6e-78c4b9e1, #w-node-_6222a175-a429-3c08-eea6-48570a12558b-53c5aac7, #w-node-_6222a175-a429-3c08-eea6-48570a125599-53c5aac7 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}