:root {
    --gold: #5c4f3b;
    --white: white;
    --black: black;
    --beige: #e8d8a9;
    --transparent: #fff0;
    --red: #4c211b;
    --blue: #268e99;
    --dark_brown: #1f0e0c;
    --beige33: #e8d8a954;
    /* --light_gold: #b1a47f; */
    --light_gold: #69614b;
    --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: -0.72px;
    margin-top: 0;
    margin-bottom: 0;
    font-family: beaufort-pro, Noto Sans HK, Noto Sans SC, sans-serif;
    font-size: 72px;
    font-weight: 400;
    line-height: 75px;
}
h2 {
    letter-spacing: -0.48px;
    margin-top: 0;
    margin-bottom: 0;
    font-family: beaufort-pro, Noto Sans HK, Noto Sans SC, 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 0.5s;
}
button {
    border: 0;
    padding: 0;
    border-radius: 0;
    font-size: inherit;
    font-family: inherit;
    text-align: left;
    color: inherit;
    background-color: transparent;
    transition: all 0.5s;
    cursor: pointer;
}
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: 0.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: 20;
}
.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: 0.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: 0.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: 0.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(0.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: 0.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: 0.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;
}
a .generic_btn_arrow_in,
button .generic_btn_arrow_in {
    transition: 0.5s transform ease;
}
a:hover .generic_btn_arrow_in,
button:hover .generic_btn_arrow_in {
    transform: translateX(6px) translateY(0px) translateZ(0px);
}
.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%;
}
a .generic_btn_arrow_before,
button .generic_btn_arrow_before,
a .generic_btn_arrow_after,
button .generic_btn_arrow_after {
    transition: 0.5s opacity ease;
}
a:hover .generic_btn_arrow_before,
button:hover .generic_btn_arrow_before {
    opacity: 0;
}
a:hover .generic_btn_arrow_after,
button:hover .generic_btn_arrow_after {
    opacity: 1;
}
.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: 0.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, Noto Sans HK, Noto Sans SC, 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: 0.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;
    height: 120px;
}
.audio_guide_item_dropdown_thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.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: 0.67;
    flex: none;
    width: 1.44px;
    height: 18px;
}
.audio_guide_item_name_before {
    padding-top: 7.2px;
    font-size: 30px;
    line-height: 33px;
    display: block;
}
.body_en .audio_guide_item_name_before {
    font-family: beaufort-pro, Noto Sans HK, Noto Sans SC, sans-serif;
}
.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: 0.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: 0.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: -0.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 0.5s;
    display: block;
    inset: 100% auto auto 50%;
}
.home_promo_video_slider_arrow:hover {
    opacity: 0.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: 0.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 0.5s;
    display: block;
    inset: auto 9px 100% auto;
}
.highlight_exhibits_slider_arrow:hover {
    opacity: 0.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: 0.78px;
    text-transform: uppercase;
    justify-content: flex-start;
    align-items: center;
    padding: 60px 30px 90px;
    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: -0.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: 0.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, Noto Sans HK, Noto Sans SC, 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: inline-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%;
    transition: 0.5s opacity ease;
}
a:hover .booking_free_btn_bg_in,
button:hover .booking_free_btn_bg_in {
    opacity: 1;
}
.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, Noto Sans SC, sans-serif;
}
.h2_tc {
    letter-spacing: 1.92px;
    font-family: Noto Sans HK, Noto Sans SC, sans-serif;
    font-weight: 300;
    line-height: 57px;
}
.h1_tc {
    letter-spacing: 2.88px;
    font-family: Noto Sans HK, Noto Sans SC, sans-serif;
    font-weight: 300;
    line-height: 81px;
}
.body_sc,
.sans_sc {
    font-family: Noto Sans HK, Noto Sans SC, sans-serif;
}
.h2_sc {
    letter-spacing: 1.92px;
    font-family: Noto Sans HK, Noto Sans SC, sans-serif;
    font-weight: 300;
    line-height: 57px;
}
.h1_sc {
    letter-spacing: 2.88px;
    font-family: Noto Sans HK, 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: 0.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: 0.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: 0.67;
    padding-top: 9px;
    line-height: 21.6px;
}
.no_top_padding {
    padding-top: 0;
}
.h1_level3 {
    color: var(--blue);
    letter-spacing: -0.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);
}
/* Popup Text START */
.popup-txt {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(92, 79, 59, 0.9);
    z-index: 150;
}
.popup-txt__container {
    position: relative;
    width: 70vw;
    height: 100%;
    max-width: 900px;
    padding-left: 48px;
    padding-right: 48px;
    margin-left: auto;
    background-color: var(--white);
    overflow: auto;
}
.popup-txt__close {
    position: absolute;
    top: 20px;
    right: 30px;
    display: flex;
    flex-flow: column;
    align-items: center;
    font-size: 13px;
    line-height: 1;
    color: var(--gold67);
    text-transform: uppercase;
    transition: 0.5s opacity ease;
}
.popup-txt__close:hover {
    opacity: 0.67;
}
.popup-txt__close-icon {
    position: relative;
    display: block;
    width: 28px;
    height: 28px;
}
.popup-txt__close-icon:before,
.popup-txt__close-icon:after {
    content: "";
    position: absolute;
    top: calc(50% - 1px);
    left: 50%;
    display: block;
    width: 32px;
    height: 2px;
    transform: translateX(-50%) rotate(45deg);
    background-color: var(--gold67);
}
.popup-txt__close-icon:after {
    transform: translateX(-50%) rotate(-45deg);
}
.popup-txt__content {
    display: flex;
    flex-flow: column;
    justify-content: center;
    width: 100%;
    max-width: 720px;
    min-height: 100vh;
    margin-left: auto;
    margin-right: auto;
    padding-top: 96px;
    padding-bottom: 144px;
}
@media screen and (max-width: 991px) {
    .popup-txt__container {
        width: 80vw;
        max-width: 750px;
        padding-left: 36px;
        padding-right: 36px;
    }
    .popup-txt__close {
        top: 16px;
        right: 24px;
    }
    .popup-txt__close-icon {
        width: 22px;
        height: 22px;
    }
    .popup-txt__close-icon:before,
    .popup-txt__close-icon:after {
        width: 28px;
    }
    .popup-txt__content {
        max-width: 600px;
        padding-top: 72px;
        padding-bottom: 108px;
    }
}
@media screen and (max-width: 479px) {
    .popup-txt__container {
        width: 90vw;
        padding-left: 24px;
        padding-right: 24px;
    }
    .popup-txt__close {
        top: 12px;
        right: 18px;
        font-size: 11px;
    }
    .popup-txt__close-icon {
        width: 20px;
        height: 20px;
    }
    .popup-txt__close-icon:before,
    .popup-txt__close-icon:after {
        width: 24px;
    }
    .popup-txt__content {
        padding-top: 48px;
        padding-bottom: 72px;
    }
}
/* Popup Text END */
@media screen and (max-width: 991px) {
    body {
        font-size: 15.6px;
        line-height: 24.6px;
    }
    h1 {
        letter-spacing: -0.6px;
        font-size: 60px;
        line-height: 62.4px;
    }
    h2 {
        letter-spacing: -0.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: 0.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;
        height: 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: -0.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: 0.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: -0.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: -0.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: -0.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: -0.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: -0.36px;
        font-size: 36px;
        line-height: 37.8px;
    }
    h2 {
        letter-spacing: -0.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: 0.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: 0.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;
        height: 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: 0.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: -0.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: 0.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: -0.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: -0.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;
    }
}
/*  */
body.popup-open {
    overflow: hidden;
}
.txt-en {
    font-family: "proxima-nova", "Arial", "Microsoft JhengHei", "微軟正黑體",
        sans-serif !important;
}
.txt-en-2 {
    font-family: "beaufort-pro", serif !important;
}
.txt-tc {
    font-family: "noto-sans-tc", "Microsoft JhengHei", "微軟正黑體",
        "proxima-nova", "Arial", sans-serif !important;
}
.txt-sc {
    font-family: "noto-sans-sc", "noto-sans-tc", "Microsoft JhengHei",
        "微軟正黑體", "proxima-nova", "Arial", sans-serif !important;
}
.wrapper {
    width: 100%;
    max-width: 1516px;
    padding: 0 38px;
    margin: 0 auto;
}
.wrapper--s {
    max-width: 1036px;
}
.wrapper--xs {
    max-width: 826px;
}
@media screen and (max-width: 991px) {
    .wrapper {
        padding: 0 36px;
    }
}
@media screen and (max-width: 479px) {
    .wrapper {
        padding: 0 24px;
    }
}
.txt-blue {
    color: #268e99;
}
.txt-gold {
    color: #5c4f3b;
}
.txt-light-gold {
    color: #69614b;
}
.txt-beige {
    color: #e8d8a9;
}
.txt-red {
    color: #4c211b;
}
.sec-title {
    color: #268e99;
    font-size: 3rem;
    font-family: "beaufort-pro", serif;
    font-weight: normal;
    letter-spacing: -0.01em;
}
.sec-title--beige {
    color: #e8d8a9;
}
@media screen and (max-width: 991px) {
    .sec-title {
        font-size: 2.375rem;
    }
}
@media screen and (max-width: 479px) {
    .sec-title {
        font-size: 1.875rem;
    }
}
@media screen and (max-width: 375px) {
    .sec-title {
        font-size: 1.625rem;
    }
}
.fs-72 {
    font-size: 4.5rem;
    letter-spacing: -0.01em;
}
@media screen and (max-width: 991px) {
    .fs-72 {
        max-width: 840px;
        font-size: 3.75rem;
    }
}
@media screen and (max-width: 767px) {
    .fs-72 {
        font-size: 3rem;
    }
}
@media screen and (max-width: 479px) {
    .fs-72 {
        font-size: 2.25rem;
    }
}
@media screen and (max-width: 375px) {
    .fs-72 {
        font-size: 2rem;
    }
}
.fs-36 {
    font-size: 2.25rem;
    line-height: 1.25;
}
@media screen and (max-width: 991px) {
    .fs-36 {
        font-size: 1.875rem;
    }
}
@media screen and (max-width: 479px) {
    .fs-36 {
        font-size: 1.5rem;
    }
}
@media screen and (max-width: 375px) {
    .fs-36 {
        font-size: 1.375rem;
    }
}
.fs-30 {
    font-size: 1.875rem;
    line-height: 1.25;
}
@media screen and (max-width: 991px) {
    .fs-30 {
        font-size: 1.625rem;
    }
}
@media screen and (max-width: 479px) {
    .fs-30 {
        font-size: 1.375rem;
    }
}
@media screen and (max-width: 375px) {
    .fs-30 {
        font-size: 1.25rem;
    }
}
.fs-24 {
    font-size: 1.5rem;
    line-height: 1.25;
}
@media screen and (max-width: 991px) {
    .fs-24 {
        font-size: 1.375rem;
    }
}
@media screen and (max-width: 479px) {
    .fs-24 {
        font-size: 1.125rem;
    }
}
@media screen and (max-width: 375px) {
    .fs-24 {
        font-size: 1rem;
    }
}
.fs-20 {
    font-size: 1.25rem;
    line-height: 1.25;
}
@media screen and (max-width: 991px) {
    .fs-20 {
        font-size: 1.125rem;
    }
}
@media screen and (max-width: 479px) {
    .fs-20 {
        font-size: 1rem;
    }
}
.fs-18 {
    font-size: 1.125rem;
}
@media screen and (max-width: 991px) {
    .fs-18 {
        font-size: 1rem;
    }
}
@media screen and (max-width: 479px) {
    .fs-18 {
        font-size: 0.875rem;
    }
}
.fs-14 {
    font-size: 0.875rem;
}
@media screen and (max-width: 991px) {
    .fs-14 {
        font-size: 0.8125rem;
    }
}
@media screen and (max-width: 479px) {
    .fs-14 {
        font-size: 0.75rem;
    }
}
.fs-12 {
    font-size: 0.75rem;
}
.fw-300 {
    font-weight: 300;
}
.fw-400 {
    font-weight: 400;
}
.fw-500 {
    font-weight: 500;
}
.fw-600 {
    font-weight: 600;
}
.bg-gold {
    background-color: #5c4f3b;
}
.bg-gold-67 {
    background-color: rgba(92, 79, 59, 0.67);
}
.bg-beige-33 {
    background-color: rgba(232, 216, 169, 0.33);
}
.bg-blue {
    background-color: #268e99;
}
.bg-sec {
    clip-path: inset(0 0 0 0);
}
.bg-sec:before,
.bg-sec:after {
    content: "";
    display: table;
    clear: both;
}
.bg-sec__bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 110vh;
    height: 110lvh;
    z-index: -1;
}
.bg-sec__bg img,
.bg-sec__bg video {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.bg-sec__video-filter {
    position: absolute;
    inset: 0% auto auto 0%;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    background-color: #000;
    z-index: 0;
}
.bg-sec__bg-circle {
    background-color: #1f0e0c;
    opacity: 0;
    border-radius: 999dvh;
    width: 360dvh;
    height: 360dvh;
    margin-top: -180dvh;
    margin-left: -180dvh;
    position: absolute;
    inset: 100% auto auto 50%;
    scale: 0.01;
    -webkit-transition: opacity 1s ease, scale 1s ease;
    transition: opacity 1s ease, scale 1s ease;
}
.bg-sec__bg-circle-end {
    position: relative;
    top: 100px;
}
.padding-sec {
    padding-top: 78px;
    padding-bottom: 78px;
}
@media screen and (max-width: 991px) {
    .padding-sec {
        padding-top: 68px;
        padding-bottom: 68px;
    }
}
@media screen and (max-width: 767px) {
    .padding-sec {
        padding-top: 58px;
        padding-bottom: 58px;
    }
}
@media screen and (max-width: 479px) {
    .padding-sec {
        padding-top: 48px;
        padding-bottom: 48px;
    }
}
.margin-sec {
    margin-top: 78px;
    margin-bottom: 78px;
}
@media screen and (max-width: 991px) {
    .margin-sec {
        margin-top: 68px;
        margin-bottom: 68px;
    }
}
@media screen and (max-width: 767px) {
    .margin-sec {
        margin-top: 58px;
        margin-bottom: 58px;
    }
}
@media screen and (max-width: 479px) {
    .margin-sec {
        margin-top: 48px;
        margin-bottom: 48px;
    }
}
.overflow-hidden {
    overflow: hidden;
}
.txt-grp {
    display: inline-block;
    vertical-align: middle;
}
.img-holder {
    display: block;
    overflow: hidden;
}
.img-holder img {
    display: block;
    width: 100%;
    -webkit-transition: scale 0.5s ease;
    transition: scale 0.5s ease;
}
.img-holder:is(a, button):hover img,
a:hover .img-holder img,
button:hover .img-holder img {
    scale: 1.025;
}
.swiper--only-child-center .swiper-slide:first-child:last-child {
    width: 960px !important;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto !important;
}
.swiper-sec__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 24px;
    gap: 14px 28px;
}
@media screen and (max-width: 767px) {
    .swiper-sec__head {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-bottom: 16px;
    }
}
.swiper-sec__head .sec-title {
    margin-bottom: 0;
}
.swiper-sec__head:has(.swiper-pagination-lock) {
    gap: 0;
}
.swiper-sec:has(.swiper-pagination-lock):has(.swiper--only-child-center) .swiper-sec__head .sec-title {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.swiper-sec__top-control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 18px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: auto;
}
@media screen and (max-width: 767px) {
    .swiper-sec__top-control {
        width: 100%;
    }
}
.swiper-sec__top-control .swiper-sec__pagination {
    margin-right: 12px;
}
@media screen and (max-width: 767px) {
    .swiper-sec__top-control .swiper-sec__pagination {
        margin-right: auto;
    }
}
.swiper-sec__btm-control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 24px;
    gap: 28px;
}
.swiper-sec__btn {
    width: 26px;
    aspect-ratio: 1/1;
    background: url(/asset/images/icon-arrow-right-gold.svg) center/contain no-repeat;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
    cursor: pointer;
}
@media screen and (max-width: 479px) {
    .swiper-sec__btn {
        width: 22px;
    }
}
.swiper-sec__btn--beige {
    background-image: url(/asset/images/icon-arrow-right-beige.svg);
}
.swiper-sec__btn:hover {
    opacity: 0.5;
}
.swiper-sec__prev-btn {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
}
.swiper-sec__pagination {
    --color: #5c4f3b;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: auto;
    gap: 12px;
    color: var(--color);
    font-size: 1.125rem;
    line-height: 1;
}
@media screen and (max-width: 991px) {
    .swiper-sec__pagination {
        font-size: 1rem;
    }
}
.swiper-sec__pagination--white {
    --color: #fff;
}
.swiper-sec__slash {
    -ms-flex-item-align: stretch;
    align-self: stretch;
    width: 1px;
    background-color: var(--color);
}
.swiper-sec .swiper-pagination-lock {
    display: none;
}

.popup-video {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    padding: 24px;
    background-color: rgba(92, 79, 59, 0.95);
    z-index: 99;
}
.popup-video__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.popup-video__close {
    position: relative;
    display: block;
    width: 50px;
    height: 50px;
    margin-left: auto;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.5);
    overflow: hidden;
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
}
@media screen and (max-width: 991px) {
    .popup-video__close {
        width: 40px;
        height: 40px;
    }
}
.popup-video__close:hover {
    background-color: #000;
}
.popup-video__close:before,
.popup-video__close:after {
    content: "";
    position: absolute;
    top: calc(50% - 1px);
    left: 30%;
    display: block;
    width: 40%;
    height: 2px;
    background-color: #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.popup-video__close:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.popup-video iframe,
.popup-video video {
    display: none;
    aspect-ratio: 16/9;
    max-width: 100%;
    max-height: calc(100% - 50px);
    margin: auto;
}
.exhibits-card__item {
    --color: inherit;
    --color-hover: #268e99;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: left;
    gap: 12px;
    color: var(--color);
    -webkit-transition: color 0.5s ease;
    transition: color 0.5s ease;
}
.exhibits-card__item--theme-light {
    --color: #fff;
    --color-hover: #e8d8a9;
}
.exhibits-card__item--theme-dark {
    --color-hover: #4c211b;
}
.exhibits-card__item:is(a, button):hover,
a:hover .exhibits-card__item,
button:hover .exhibits-card__item {
    color: var(--color-hover);
}
.exhibits-card__item-img {
    width: 100%;
}
.exhibits-card__item-img--play {
    position: relative;
}
.exhibits-card__item-img--play:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90px;
    aspect-ratio: 1/1;
    border: 1px solid #fff;
    border-radius: 50%;
    background: url(/asset/images/icon-play-btn-tri.svg) center/75% no-repeat rgba(38, 142, 153, 0.9);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
@media screen and (max-width: 991px) {
    .exhibits-card__item-img--play:after {
        width: 72px;
    }
}
@media screen and (max-width: 479px) {
    .exhibits-card__item-img--play:after {
        width: 54px;
    }
}
.exhibits-card__item-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.exhibits-card__item-title {
    margin-bottom: 6px;
}
.exhibits-card__item-title:last-child {
    margin-bottom: 0;
}
.exhibits-card__item-desc {
    opacity: 0.67;
}