@-ms-viewport {
    width: device-width
}
@font-face {
    font-family: NotoSans-Thin;
    src: url("/assets/fonts/NotoSansThin/NotoSans-Thin.woff2") format("woff2"),
       url("/assets/fonts/NotoSansThin/NotoSans-Thin.woff") format("woff");
}
@font-face {
    font-family: NotoSans-Regular;
    src: url("/assets/fonts/NotoSans/NotoSans-Regular.woff2") format("woff2"),
       url("/assets/fonts/NotoSans/NotoSans-Regular.woff") format("woff");
}



@font-face {
    font-family: "Noto Sans TC";
    font-weight: 400;      
    font-style: normal;
    font-display: swap;      
    src: url("/assets/fonts/NotoSansTC/NotoSansTC-Regular.woff2") format("woff2"),
         url("/assets/fonts/NotoSansTC/NotoSansTC-Regular.woff") format("woff");
}
 
@font-face {
    font-family: "Noto Sans TC";
    font-weight: 300;
    font-style: normal;
    font-display: swap;
    src: url("/assets/fonts/NotoSansTC/noto-sans-tc-300.woff2") format("woff2"),
       url("/assets/fonts/NotoSansTC/noto-sans-tc-300.woff") format("woff");
}
 
@font-face {
    font-family: "Noto Sans TC";
    font-weight: 700;       
    font-style: normal;
    font-display: swap;
    src: url("/assets/fonts/NotoSansTC/NotoSansTC-Bold.woff2") format("woff2"),
         url("/assets/fonts/NotoSansTC/NotoSansTC-Bold.woff") format("woff");
}
@font-face {
    font-family: "Noto Sans SC";
    font-weight: 400;       
    font-style: normal;
    font-display: swap;    
    src: url("/assets/fonts/NotoSansSC/noto-sans-sc-regular.woff2") format("woff2"),
         url("/assets/fonts/NotoSansSC/noto-sans-sc-regular.woff") format("woff");
}
 
@font-face {
    font-family: "Noto Sans SC";
    font-weight: 300;          
    font-style: normal;
    font-display: swap;
    src: url("/assets/fonts/NotoSansSC/noto-sans-sc-300.woff2") format("woff2"),
       url("/assets/fonts/NotoSansSC/noto-sans-sc-300.woff") format("woff");
}
 
@font-face {
    font-family: "Noto Sans SC";
    font-weight: 700;       
    font-style: normal;
    font-display: swap;
    src: url("/assets/fonts/NotoSansSC/noto-sans-sc-700.woff2") format("woff2"),
         url("/assets/fonts/NotoSansSC/noto-sans-sc-700.woff") format("woff");
}

:root {
    --section-orange: #ff7d0f;
    --section-lorange: #ffad5c;
    --section-yellow: #ffd800;
    --section-lightyellow: #FFFAEF;
    --section-dgreen: #62ce8f;
    --section-ngreen: #94e37d;
    --section-lightgreen: #cce271;
    --section-purple: #B885F4;
    --section-peach: #ff6e6e;
    --section-pink: #f586ac;
    --section-dblue: #6c98ff;
    --section-nblue: #41aafc;
    --section-lblue: #77cdf4;
    --section-dgrey: #999999;
    --section-ngrey: #dddcda;
    --section-lgrey: #f0efee;
    --section-elgrey: #c3c8c8;
    --section-mustard: #EDCC43;
    --sub-title: #897038;
    --large-width: 1920px;
    --medimum-width: 1440px;
    --small-width: 1024px;
    --content-width: 860px;
}
html {
    width: 100%;
    overflow-x: hidden;
}
button{color:inherit;background-color:inherit;}
.notfound {
 padding-left:20px !important;
 padding-right:20px !important;
  
}
.notfound h1 {
  padding-bottom:30px;
  text-align:left;
  line-height: normal;
}
.nav-link:focus-visible {
    outline: auto !important;
    box-shadow: none !important;
}
.modal-backdrop {
    display: none !important;
}
audio::-webkit-media-controls-play-button,
audio::-webkit-media-controls-panel {

     color: #000;
}

audio::-webkit-media-controls-panel,
audio::-webkit-media-controls-enclosure {
     background-color: #fff !important;
    color: #333;
}

audio::-webkit-media-controls-play-button,
audio::-webkit-media-controls-pause-button {
    border-radius: 50%;
}

audio::-webkit-media-controls-current-time-display,
audio::-webkit-media-controls-time-remaining-display {
}

audio::-webkit-media-controls-panel:hover {
}
#audioAccordion audio::-webkit-media-controls-panel,
#audioAccordion audio::-webkit-media-controls-enclosure {
    background: transparent !important;
}
#audioAccordion audio::-webkit-media-controls-play-button,
#audioAccordion audio::-webkit-media-controls-enclosure {
    background-color: #fff;
    color:#fff;
    /* width:30px; */
    /* height: 30px; */
}

[data-type="artwork"]{
    margin:0 auto;
    margin-right: auto !important;
}
tbody, td, tfoot, th, thead, tr{
    border-width: initial;
    border-style: inherit;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.fade-out {
  animation: fadeOut ease 0.6s;
  -webkit-animation: fadeOut ease 0.6s;
  -moz-animation: fadeOut ease 0.6s;
  -o-animation: fadeOut ease 0.6s;
  -ms-animation: fadeOut ease 0.6s;
}
@keyframes fadeOut {
    0% {
        opacity:1;
    }
    100% {
        opacity:0;
    }
}
.fade-in {
    animation: fadeIn ease 0.6s;
    -webkit-animation: fadeIn ease 0.6s;
    -moz-animation: fadeIn ease 0.6s;
    -o-animation: fadeIn ease 0.6s;
    -ms-animation: fadeIn ease 0.6s;
}
@keyframes fadeIn {
    0% {
      opacity:0;
    }
    100% {
      opacity:1;
    }
}

html {
    font-size: 100.01%;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility
}

body {
    font-family: NotoSans-Regular;
    font-size: 1rem;
    color: #000;
    padding-right: 0 !important;
    background-color: #fff;    
}

[lang="zh-hk"] body {
    font-family: "Noto Sans TC";
  font-weight:300;
}
html.lang-sc body {
    font-family: "Noto Sans SC";
  font-weight:300;
}

.lang-zh-cn .search-box,
.lang-zh-cn .search-box::-moz-placeholder,
.lang-zh-cn .search-box::-webkit-input-placeholder,
.lang-zh-cn .search-box:-moz-placeholder,
.lang-zh-cn .search-box:-ms-input-placeholder,
.lang-zh-cn .important-notice-container,
.lang-zh-cn .about-us-details,
.lang-zh-cn .about-us-container,
.lang-zh-cn .introduction-container,
body.lang-zh-cn .theme-title-font-style,
.lang-zh-cn .important-notice-details,
.lang-zh-cn .enrolment-back,
.lang-zh-cn .free-text-details,
.lang-zh-cn .width-sitemap {
    font-family: NotoSansSC-Regular !important;
}
.lang-zh-hk .search-box,
.lang-zh-hk .search-box::-moz-placeholder,
.lang-zh-hk .search-box::-webkit-input-placeholder,
.lang-zh-hk .search-box:-moz-placeholder,
.lang-zh-hk .search-box:-ms-input-placeholder,
.lang-zh-hk .important-notice-container,
.lang-zh-hk .about-us-details,
.lang-zh-hk .about-us-container,
.lang-zh-hk .introduction-container,
body.lang-zh-hk .theme-title-font-style,
.lang-zh-hk .important-notice-details,
.lang-zh-hk .enrolment-back,
.lang-zh-hk .free-text-details,
.lang-zh-hk .width-sitemap {
    font-family: NotoSansTC-Regular !important;
}

.lang-zh-cn .event-details-title {
    font-weight: bold;
    font-family: NotoSansSC-Bold !important;
}
.lang-zh-hk .event-details-title {
    font-weight: bold;

    font-family: NotoSansTC-Bold !important;
}

.lang-zh-cn .event-details-present {
    font-family: NotoSansSC-Medium !important;
}
.lang-zh-hk .event-details-present {
    font-family: NotoSansTC-Medium !important;
}

.lang-zh-cn .event-details-date {
    /* font-family: NotoSansSC-Regular; */
}
.lang-zh-hk .event-details-date {
    /* font-family: NotoSansTC-Regular; */
}

body.lang-zh-cn .theme-title-font-semi-bold-style,
body.lang-zh-cn .theme-title-font-medium-style,
body.lang-zh-cn .theme-content-font-semi-bold-style,
.lang-zh-cn .accordion-tabs-container .accordion-flush .accordion-item .accordion-button,
.lang-zh-cn .transportation-method-details-content-title.theme-title-font-bold-style,
.lang-zh-cn .btn-download,
.lang-zh-cn .enrolment-left .event-details-title,
.lang-zh-cn .enrolment-left .event-details-present {
    font-family: NotoSansSC-Medium !important;
    /* font-family: Microsoft JhengHei !important; */
}
body.lang-zh-hk .theme-title-font-semi-bold-style,
body.lang-zh-hk .theme-title-font-medium-style,
body.lang-zh-hk .theme-content-font-semi-bold-style,
.lang-zh-hk .accordion-tabs-container .accordion-flush .accordion-item .accordion-button,
.lang-zh-hk .transportation-method-details-content-title.theme-title-font-bold-style,
.lang-zh-hk .btn-download,
.lang-zh-hk .enrolment-left .event-details-title,
.lang-zh-hk .enrolment-left .event-details-present {
    font-family: NotoSansTC-Medium !important;
    /* font-family: Microsoft JhengHei !important; */
}

body.lang-zh-cn .theme-content-font-style {
    /* font-weight: 400; */

    font-family: NotoSansSC-Regular !important;
    /* font-family: Microsoft JhengHei !important; */
}
body.lang-zh-hk .theme-content-font-style {
    font-family: NotoSansTC-Regular !important;
    /* font-family: Microsoft JhengHei !important; */
}

.lang-zh-cn .downloadable-document-row.header-row .downloadable-document-field,
.lang-zh-cn .info-table-bold .info-table-field,
.lang-zh-cn .info-table-row.header-row .info-table-field {
    /* font-weight: 500 !important; */
}

.lang-zh-cn .contact-us-container .semibold-font-style {
    font-family: NotoSansSC-Medium;
}
.lang-zh-hk .contact-us-container .semibold-font-style {
    font-weight: bold;
    font-family: NotoSansTC-Medium;
}

.p-20 {
    padding:20px;
}
.py-20 {
    padding-top:20px;
    padding-bottom:20px;
}

.search-title{
    text-transform: uppercase;
    color: #000;
    /* font-size: 3rem; */
    font-size: 32px;
    line-height: 3.4375rem;
    /* font-family: Montserrat-Bold; */
    font-family: Montserrat-SemiBold;
    margin-right: 1.875rem;
    margin-bottom: 0;
    /* font-weight: bold; */
}

.search-content {
  border-bottom:0px !important;
}

body.lang-zh-cn input.theme-content-font-style,
body.lang-zh-hk input.theme-content-font-style{
    font-family: NotoSans-Thin !important;
}

body.body-hidden {
    overflow: hidden
}

a {
    /* color: #000a4d; */
    -webkit-transition: color .3s, background-color .3s;
    transition: color .3s, background-color .3s;
    text-decoration: none !important;
    
}

a:focus,
a:hover {
    color: inherit;
    text-decoration: none
}

a:hover{
    /* color: #9900FF; */
}

a[class*=" ico-"],
a[class^=ico-] {
    text-decoration: none
}

a[class*=" ico-"]:hover,
a[class^=ico-]:hover {
    text-decoration: underline
}

a[class*=" ico-"]:before,
a[class*=" ico-"]:hover:before,
a[class^=ico-]:before,
a[class^=ico-]:hover:before {
    text-decoration: none !important
}

a[class*=" ico-"]:before,
a[class^=ico-]:before {
    margin-right: 7px;
    text-decoration: underline
}

hr {
    overflow: hidden;
    margin: 2em 0;
    border-top: 1px solid #858580;
    opacity: 1;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
    line-height: 1.5
}

.h1 a,
.h2 a,
.h3 a,
.h4 a,
.h5 a,
.h6 a,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
p a {
    color: inherit
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000000;
}

.h1,
h1 {
    font-size: 2.8125rem
}

@media (max-width:1199.98px) {

    .h1,
    h1 {
        font-size: 2.25rem
    }
}

@media (max-width:768px) {

    .h1,
    h1 {
        font-size: 1.75rem
    }
}

.h2,
h2 {
    font-size: 2.25rem
}

@media (max-width:1199.98px) {

    .h2,
    h2 {
        font-size: 2rem
    }
}

@media (max-width:768px) {

    .h2,
    h2 {
        font-size: 1.5rem
    }
}

.h3,
h3 {
    font-size: 2rem
}

@media (max-width:1199.98px) {

    .h3,
    h3 {
        font-size: 1.5rem
    }
}

@media (max-width:768px) {

    .h3,
    h3 {
        font-size: 1.375rem
    }
}

.h4,
h4 {
    font-size: 1.5rem
}

@media (max-width:1199.98px) {

    .h4,
    h4 {
        font-size: 1.375rem
    }
}

@media (max-width:768px) {

    .h4,
    h4 {
        font-size: 1.25rem
    }
}

.h5,
h5 {
    font-size: 1.375rem
}

@media (max-width:1199.98px) {

    .h5,
    h5 {
        font-size: 1.125rem
    }
}

@media (max-width:768px) {

    .h5,
    h5 {
        font-size: 1rem
    }
}

.h6,
h6 {
    font-size: 1.125rem
}

@media (max-width:1199.98px) {

    .h6,
    h6 {
        font-size: 1rem
    }
}

@media (max-width:768px) {

    .h6,
    h6 {
        font-size: .875rem
    }
}

iframe{
    border: 0;
}

figure {
    margin: 0
}

caption {
    text-align: center;
    caption-side: top
}

body,
html {
    min-height: 100%
}

body {
    -ms-overflow-style: scrollbar
}

.no-scroll {
    overflow: hidden
}

.no-scroll body {
    overflow: hidden;
    position: relative
}

.wrapper {
    position: relative;
    /* overflow: hidden; */
    min-width: 320px;
    min-height: 10px;
}

.container {
    /* max-width: 1676px !important; */
    max-width: 1440px !important;
    padding-left: 0;
    padding-right: 0;
}

@media (max-width:575.98px) {
    .container {
        /* padding-left: 24px;
        padding-right: 24px; */
        /* padding-left: 2rem;
        padding-right: 2rem; */
    }
    .page-foot__top-btm .container,
    .contact-us-faq .container,
    .opening-hours-container.container {
        padding-left: 0;
        padding-right: 0;
    }
    .opening-hours-container.container .row{
        /* display: block; */
        margin: 0;
    }
}

[data-whatinput=mouse] :focus {
    /* outline: 0 !important; */
}

[data-whatinput=touch] :focus {
    /* outline: 0 !important; */
}

.no-event{
    padding: 1rem;
    display: block;
}

/* .no-js * {
    -webkit-transition: none !important;
    transition: none !important
} */

.no-js-alert {
    position: fixed;
    z-index: 99999;
    width: 100%;
    padding: .75rem 1.25rem;
    color: #773431;
    background-color: #f7eded
}


.ico--lg-arrow:before {
    content: "\e904";
    color: #0e7e8b
}

.ico--to-top:before {
    content: "\e903"
}

.ico--tri:before {
    content: "\e900"
}

.ico--play-video:before {
    content: "\e901"
}

.ico--cross:before {
    content: "\e902"
}

.ico--lg-slash-arrow:before {
    content: "\e909"
}

.ico--plus:before {
    content: "\e90a"
}

.ico--minus:before {
    content: "\e90b"
}

.ico--print:before {
    content: "\e90c"
}

.ico--quote:before {
    content: "\e90d"
}

.ico--note:before {
    content: "\e90e"
}

.ico--right-arrow:before {
    content: "\e90f"
}

.ico--thick-right:before {
    content: "\e910"
}

.ico--search:before {
    content: "\e911"
}

.ico--share:before {
    content: "\e912"
}

.ico--sm-slash-arrow:before {
    content: "\e913"
}

.ico--pause:before {
    content: "\e907"
}

.ico--play:before {
    content: "\e908"
}

.ico--down:before {
    content: "\e802"
}

.ico--up:before {
    content: "\e803"
}

.ico--left:before {
    content: "\e804"
}

.ico--right:before {
    content: "\e805"
}

.ico--down-sm:before {
    content: "\e806"
}

.ico--left-sm:before {
    content: "\e807"
}

.ico--right-sm:before {
    content: "\e808"
}

.ico--up-sm:before {
    content: "\e809"
}

.ico--down-lg:before {
    content: "\e80c"
}

.ico--left-lg:before {
    content: "\e80d"
}

.ico--right-lg:before {
    content: "\e80e"
}

.ico--up-lg:before {
    content: "\e80f"
}

.ico--external:before {
    content: "\e812"
}

.ico--download:before {
    content: "\e815"
}

.ico--ok:before {
    content: "\e817"
}

.ico--circle-thick:before {
    content: "\f10c"
}

.ico--circle:before {
    content: "\f111"
}

.ico--circle-thin:before {
    content: "\f1db"
}

.border-bottom-none,
.border-bottom-none .grid-col {
    border-bottom: none !important;
    border-right: none !important;
}
.full-blk {
    position: relative;
    /* left: 50%;
    width: 100vw;
    margin-left: -50vw; */
}

.full-blk--bg-gray {
    margin-bottom: 1.875rem;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    background-color: #666
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.flex__media {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-item-align: start;
    align-self: flex-start;
    background-color: #666
}

.flex__img {
    max-width: 100%;
    height: auto !important
}

.flex__body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0
}

.flex--reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.flex__right {
    margin-left: auto
}

.flex--center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.flex--media-a .flex__media {
    -ms-flex-preferred-size: 16.79389313%;
    flex-basis: 16.79389313%;
    max-width: 16.79389313%;
    margin-right: 1.90839695%
}

.flex--media-b .flex__media {
    -ms-flex-preferred-size: 13.75rem;
    flex-basis: 13.75rem;
    max-width: 13.75rem;
    margin-right: 2.29007634%
}

.flex--media-c .flex__media {
    -ms-flex-preferred-size: 16.79389313%;
    flex-basis: 16.79389313%;
    max-width: 16.79389313%;
    margin-left: 2.29007634%
}

.query-crt {
    display: none;
    position: absolute;
    visibility: hidden
}

@media (max-width:575.98px) {
    .query-crt-xs {
        display: block
    }
}

@media (min-width:576px) and (max-width:768px) {
    .query-crt-sm {
        display: block
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .query-crt-md {
        display: block
    }
}

@media (min-width:992px) and (max-width:1199.98px) {
    .query-crt-lg {
        display: block
    }
}

@media (min-width:1200px) and (max-width:1439.98px) {
    .query-crt-xl {
        display: block
    }
}

@media (min-width:1440px) {
    .query-crt-xxl {
        display: block
    }
}

@media (-webkit-min-device-pixel-ratio:1.25),
(min-resolution:120dpi) {
    .query-crt-2x {
        display: block
    }
}

.mfp-container .mfp-content {
    max-width: 900px
}

.mfp-bottom-bar {
    margin-top: -30px
}

.mfp-title {
    font-size: 1em
}

.mfp-inline-holder .mfp-close {
    top: -40px;
    right: -6px;
    padding-right: 6px;
    text-align: right;
    color: #fff;
    width: 100%
}

.btn-download-img {
    font-size: .875rem;
    display: inline-block;
    margin-left: .5rem;
    padding: .125rem .5rem .1875rem;
    color: #fff;
    border-radius: 3px;
    background-color: #666;
    -webkit-transition: all .3s;
    transition: all .3s
}

@media (max-width:768px) {
    .btn-download-img {
        display: table;
        margin-left: 0;
        margin-top: .625rem
    }
}

.btn-download-img:focus,
.btn-download-img:hover {
    color: inherit;
    background-color: #000
}

.popup-video {
    width: 100%
}

.modal{
    padding-right: 0 !important;
}
.modal-backdrop{
    width: 100%;
}

.announcement .modal-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.25rem;
    color: #000a4d;
    font-weight: 700
}

@media (max-width:768px) {
    .announcement .modal-header {
        font-size: 1.125rem
    }
}

.btn--form {
    margin-right: 1.375rem;
    font-size: 1.125em !important;
    -webkit-transition: all .3s;
    transition: all .3s
}

.btn--form:focus,
.btn--form:hover {
    box-shadow: 0 0 10px 0 rgba(50, 50, 50, .5)
}

.btn--clone {
    float: right;
    margin-right: .75rem;
    color: #fff !important;
    background-color: #333
}

.btn--remove {
    font-size: .75rem;
    position: absolute;
    right: .75rem;
    top: 1.25rem;
    width: 1.25rem;
    height: 1.25rem;
    padding: 0;
    color: #fff !important;
    border-radius: 50%;
    background-color: #c6c6c6
}

.btn--remove>.ico {
    display: inline-block;
    -webkit-transform: scale(.7);
    transform: scale(.7)
}

.btn--reset {
    color: #979ca0 !important;
    background-color: #e1e1e1
}

.btn--submit {
    color: #fff !important;
    background-color: #5f79e0
}

.clear-btn {
    position: absolute;
    padding: 0 .375rem;
    border: 0;
    border-radius: 0;
    color: #6f6f6f;
    background: 0 0
}

[type=email],
[type=number],
[type=password],
[type=search],
[type=text],
[type=url] {
    outline: 1 !important;
    border-radius: 0
}

[type=email]::-moz-placeholder,
[type=number]::-moz-placeholder,
[type=password]::-moz-placeholder,
[type=search]::-moz-placeholder,
[type=text]::-moz-placeholder,
[type=url]::-moz-placeholder {
    color: #757575 !important;
    opacity: 1 !important;
}

[type=email]::-webkit-input-placeholder,
[type=number]::-webkit-input-placeholder,
[type=password]::-webkit-input-placeholder,
[type=search]::-webkit-input-placeholder,
[type=text]::-webkit-input-placeholder,
[type=url]::-webkit-input-placeholder {
    color: #757575 !important;
    opacity: 1 !important;
}

[type=email]:-moz-placeholder,
[type=number]:-moz-placeholder,
[type=password]:-moz-placeholder,
[type=search]:-moz-placeholder,
[type=text]:-moz-placeholder,
[type=url]:-moz-placeholder {
    color: #757575 !important;
    opacity: 1 !important;
}

[type=email]:-ms-input-placeholder,
[type=number]:-ms-input-placeholder,
[type=password]:-ms-input-placeholder,
[type=search]:-ms-input-placeholder,
[type=text]:-ms-input-placeholder,
[type=url]:-ms-input-placeholder {
    color: #757575 !important;
    opacity: 1 !important;
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration,
[type=search]::-webkit-search-results-button,
[type=search]::-webkit-search-results-decoration {
    display: none
}

[type=search]::-ms-clear,
[type=search]::-ms-reveal,
[type=text]::-ms-clear,
[type=text]::-ms-reveal {
    display: none;
    width: 0;
    height: 0
}

[placeholder] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.dropdown__btn {
    padding: 0;
    border: 0;
    background: 0 0;
    position: relative;
    width: 100%;
    padding: .5em 2.1875em .5em .625em;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: 0 0;
    -webkit-transition: all .3s;
    transition: all .3s
}

.dropdown__btn[aria-expanded=true]>.ico {
    -webkit-transform: translate3d(0, -50%, 0) rotate(180deg);
    transform: translate3d(0, -50%, 0) rotate(180deg)
}

.dropdown__btn>.ico {
    position: absolute;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    font-size: 1.0625em;
    right: .625rem;
    line-height: 1;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.dropdown__btn:focus,
.dropdown__btn:hover {
    color: #666
}

.dropdown-menu,
.dropdown__menu {
    width: 100%;
    /* max-height: 33rem; */
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    margin-top: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    font-size: 1.125rem
}
.page-head__bottom {
    position: relative;
    z-index: 90;
}
.dropdown__menu .container--nav a {
    color: #000;
}

@media (max-width:1199.98px) {

    .dropdown-menu,
    .dropdown__menu {
        font-size: 1rem
    }
}

.dropdown-menu-link,
.dropdown__menu-link {
    display: block;
    padding: .5em .625em;
    color: #000
}

.dropdown-menu-link:focus,
.dropdown-menu-link:hover,
.dropdown__menu-link:focus,
.dropdown__menu-link:hover {
    text-decoration: none
}

.dropdown__status {
    display: inline-block;
    width: 100%;
    height: 100%
}
.dropdown--icon-btn{
    display: flex;
    align-items: center;
}
.dropdown--icon-btn .dropdown__btn {
    padding: 0;
    border: 0;
    background: 0 0;
    line-height: 1
}

.dropdown--icon-btn .dropdown__btn .ico {
    position: static;
    -webkit-transform: none;
    transform: none
}

.dropdown--icon-btn .dropdown__menu {
    min-width: 0
}

.dropdown--search,
.dropdown--share {
    font-size: 1em
}
.dropdown--search .dropdown__btn {
    position: absolute;
    top: 5px;
}
.dropdown--search .dropdown__btn .dropdown__btn-close {
    float: right;
}
.dropdown--share .dropdown__menu {
    z-index: 10000;
    width: 6.25rem
}

@media (min-width:992px) and (max-width:1199.98px) {
    .dropdown--share .dropdown__btn {
        font-size: .8125rem
    }
}

.dropdown--notice,
.dropdown--search {
    position: static
}

.dropdown--notice .dropdown__menu,
.dropdown--search .dropdown__menu {
    width: 100%;
    color: #000;
    background-color: #EDEDED;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    font-size: 1rem;
    overflow-x: hidden;
}
.dropdown--notice .dropdown__menu {
    padding: 2rem 0 1.438rem 0;
    /* overflow: hidden; */
}
.dropdown--search .dropdown__menu {
    padding: 5rem 0 3.9375rem 0 !important;
}

.dropdown--nav .dropdown__menu {
    /* padding: 0.813rem 3.024rem 6.313rem 3rem; */
}
.dropdown--nav-mobi .dropdown__menu{
    padding: 0.688rem 0 3.75rem 0;
}
.dropdown__menu .container{
    padding-left: 0;
    padding-right: 0;
}
.nav-mobi-item{
    padding: 0.813rem 1.179rem 1.125rem 1.281rem;
}
/* @media (max-width:1199.98px) {
    .dropdown--search .dropdown__menu {
        font-size: .875rem
    }
}
@media (min-width:992px) and (max-width:1199.98px) {
    .dropdown--search .dropdown__btn {
        font-size: .8125rem
    }
}
@media (max-width:991.98px) {
    .dropdown--search .dropdown__btn>.ico {
        font-size: 1.5rem !important
    }
} */
.dropdown--notice .dropdown__btn[aria-expanded=true] .dropdown__btn-open,
.dropdown--search .dropdown__btn[aria-expanded=true] .dropdown__btn-open {
    display: none
}

.dropdown--notice .dropdown__btn[aria-expanded=false] .dropdown__btn-close,
.dropdown--search .dropdown__btn[aria-expanded=false] .dropdown__btn-close {
    display: none
}

.dropdown--notice .accordion-item{
    background-color: transparent !important;
    /* border-top: 1px solid rgba(0,0,0,0.3);
    border-bottom: 1px solid rgba(0,0,0,0.3); */
    border-left: 0;
    border-right: 0;
    border-radius: 0;
}
.dropdown--notice .accordion-header:hover{
    background-color: rgba(83,0,139,0.05) !important;
}
.dropdown--notice .accordion-button:not(.collapsed){
    background-color: transparent !important;
    box-shadow: none;
}
.dropdown--notice .accordion-button{
    background-color: transparent !important;
}

.dropdown__btn-close{
    width: 1.85em;
    display: block;
    text-align: center;
}

.js-clear-input {
    display: none
}

.page-head {
    position: relative;
    background-color: #fff;
    z-index: 100;
    transition: 0.3s ease;  
}

/* @media (max-width:1199.98px) {
    .page-head {
        padding: 1.0625em 0 1.75em
    }
} */

@media (max-width:991.98px) {
    .page-head {
        box-shadow: 0 3px 2px 0 rgba(0, 0, 0, .16);
        /* padding: .75em 0 */
    }
}

.page-head__top {
    border-bottom:1px solid #fff;
}


.page-head__inner__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 1920px;
    margin: 0 auto;    
    align-items: center;
    padding: 0 1rem;
    max-width: var(--large-width);
}
.page-head__inner__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.page-head__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: end;
}

.page-head__right .others .others__link{
    font-size: 0.875em;
}

.page-head__left .others .others__item {
    margin-left: 2.3125em;
}

.page-head--index {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-perspective: 1px;
    perspective: 1px;
        background-color: rgba(81,82,84,.95);
    z-index: 1901 !important;
}

[id=skip]:focus+.page-head--index {
    position: relative
}
.font-italic{
    font-style: italic;
    display: block;
    margin-right: 2px;
}
@media (min-width:992px) {
    .page-head--index:after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        z-index: -1;
        -webkit-transition: opacity .3s;
        transition: opacity .3s;
        content: ""
    }
}

.page-head--index.index-hover:after {
    opacity: 1
}

.page-logo{
    padding: .75em 0;
  transform: translate(0, 0); /* Initial position (no translation) */
  transition: padding 0.3s ease-in-out, transform 0.3s ease-in-out; /* Smooth transition for both padding and transform */    
}
@media (min-width:992px) {
    .page-head--white:not(.index-hover) .page-logo__img-container {
        display: none
    }
}
.page-logo__img-container{
    display: block;
}
.page-logo__img-container--white {
    display: none
}

@media (min-width:992px) {
    .page-head--white:not(.index-hover) .page-logo__img-container--white {
        display: block
    }
}


.others {
    margin: 0;
    padding: 0;
    list-style: none !important;
    /* margin-bottom: .75em; */
    font-size: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    /* display: flex; */
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    /* -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; */
}
.others-start{
    -webkit-box-pack: start;
    -ms-flex-pack: start;
}

@media (max-width:1199.98px) {
    .others {
        /* font-size: .875rem; */
        font-size: 0.8rem;
    }
    .page-head__left .others .others__item {
        margin-left: 0.9em;
    }
    .others--icons {
        margin-left: 0.9rem;
    }
}

/* @media (max-width:991.98px) {
    .others {
        margin-bottom: 0
    }
} */

.others__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* margin-left: 1.25em; */
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.header-effect-nav .others__item {
    display: none;
}
.others__item:first-child,
.page-head__left .others .others__item:first-child {
    margin-left: 0
}
.header-mobi-notice-title,
.header-mobi-search-title,
.icon-notice-mobi,
.icon-search-mobi,
.icon-nav-mobi,
.dropdown--nav .container.container--nav-mobi{
    display: none !important;
}
.en-lang {
  font-weight:700;
}
.icon-search-black{
    width: 40px;
    height: 40px;
}
  .icon-search {
    filter:invert(1);
  }
.icon-notice-dot{
    height: 11.4px;
    width: 11.4px;
    background-color: #FF3D3D;
    border-radius: 50%;
    display: inline-block;
    border: 1.5px solid #000;
    position: absolute;
    /* right: 0.1rem;
    top: 0rem; */
    right: 0.4rem;
    top: 0.6rem;
    display: none;
}
.icon-info{
    width: 16px;
    height: 16px;
}
.inner-event .tooltip{
    /* top: -24rem !important;
    left: -11.2rem !important; */
}
.tooltip > .tooltip-inner {
    background-color: #666;
    /* margin: -29rem 0 0 -22.5rem; */
    max-width: 465px;
}
.tooltip .arrow {
    position: absolute;
    display: block;
    width: 0.8rem;
    height: 0.4rem;
}
.tooltip .arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid;
    border-top-color: #666;
    top: -1px;
    border-width: 0.4rem 0.4rem 0;
}
.tooltip .arrow {
    bottom: 0;
}

.modal#header-notice{
    /* overflow: hidden; */
    /* overflow: scroll; */
    overflow: auto;
}
.modal#header-notice,   
.modal#header-search {
    padding-right: 0 !important;
}

.modal#event-filter-mobi{
    z-index: 1902 !important;
}
#event-filter-mobi .modal-dialog{
    margin: 0 0 0 auto !important;
}
.dropdown--event-filter-mobi .dropdown__menu{
    padding: 18px 28px 66px 22px;
}
.header-mobi-filter-title{
    padding-bottom: 44px;
}
.header-mobi-filter-title-text{
    font-size: 17.22px;
    font-family: NotoSans-Regular;
    text-transform: uppercase;
}
.header-mobi-filter-content .filter-select{
    /* padding: 0.5rem; */
    padding-top: 0.6rem;
}

.icon-location{
    width: 28px;
    height: 28px;
}
.header-mobi-filter-content .filter-mobi-action{
    padding-top: 30px;
    flex: 1;
}
.header-mobi-filter-content .apply-filter,
.header-mobi-filter-content .clear-filter{
    /* width: 50%; */
    flex: auto;
}
.header-mobi-filter-content .apply-filter .btn-primary{
    border-radius: 25px;
    /* padding: 7px 48px; */
    /* padding: 7px 23px; */
    /* text-transform: uppercase; */
}
.search-filter-bar-mobi .clear-filter span{
    opacity: 0.5;
    margin-left: 0.438rem;
}

/* @media (max-width:1676px){ */
@media (max-width:1440px){
    .inner-event .tooltip{
        /* left: -9.2vw !important; */
    }
    .tooltip > .tooltip-inner {
        /* width: 26vw; */
    }
}
@media (max-width:1200px){
    .inner-event .tooltip{
        /* left: -50vw !important; */
    }
    .inner-event .tooltip > .tooltip-inner {
        width: 50vw;
        max-width: 50vw;
    }
    

    .dropdown--nav div.container.header-nav-desktop-container{
        display: block !important;
    }
    .dropdown--icon-btn .dropdown__btn-close,
    .icon-notice,
    .icon-nav,
    .dropdown--nav .container.container--nav,
    .others__item {
        display: none !important;
    }
    .header-effect-nav .others__item {
        display: flex !important;
      gap:20px;
    }
    .header-mobi-notice-title,
    .header-mobi-search-title,
    .icon-notice-mobi,
    .icon-search-mobi,
    .icon-nav-mobi,
    .dropdown--nav .container.container--nav-mobi,
    .li-notice,
    .li-search{
        display: block !important;
    }
    .opening-hour .others__item {
        display: flex !important;
    }
    .modal#header-notice,   
    .modal#header-search {
        z-index: 1902 !important;
    }
    .modal.header-effect-notice,   
    .modal.header-effect-search {
        margin-top: 0px;
    }
    .modal.header-effect-notice .modal-content,   
    .modal.header-effect-search .modal-content {
        min-height: auto !important;
    }
    .modal.header-effect-notice .container>.notice-top,   
    .modal.header-effect-search .container>.search-title{
        display: none;
    }
    #header-notice .modal-dialog,
    #header-search .modal-dialog {
        margin: 0 0 0 auto !important;
    }
    .header-modal{
        background-image: none !important;
    }

    .dropdown--search .dropdown__menu{
        /* padding: 0.688rem 1.24rem 1.688rem 1.25rem; */
        padding: 0.688rem 0 1.688rem 0 !important;
    }
    .dropdown--notice .dropdown__menu{
        padding: 0.688rem 0 0 0;
    }
    
    .dropdown--notice .accordion-item{
        background-color: transparent !important;
    }
    .header-effect-search .search-form{
        padding: 0 1rem;
    }
    .search-form{
        margin-top: 2.39rem;
        margin-bottom: 2.5rem !important;
        display: block !important;
        /* padding: 0 1.24rem; */
        padding: 0 20px;
    }
    .search-title{
        /* font-size: 1.125rem !important; */
        /* font-size: 1.375rem !important; */
        font-size: 22px !important;
        line-height: inherit !important;
        /* padding: 0 1.24rem 0.75rem; */
        padding: 0 20px 0.75rem;
        border-bottom: 1px solid rgba(0,0,0,.125);
        margin-right: 0 !important;
    }
    .header-effect-search .search-title{
        border-bottom: none;
    }
    .search-box{
        width: 100%;
        height: 3.125rem !important;
    }
    .search-btn .icon-search-black{
        width: 32px;
        height: 32px;
        margin-top: -20px;        
    }
    .search-box::-moz-placeholder {
        color: transparent !important;
    }
    .search-box::-webkit-input-placeholder {
        color: transparent !important;
    }
    .search-box:-moz-placeholder {
        color: transparent !important;
    }
    .search-box:-ms-input-placeholder {
        color: transparent !important;
    }
    .hot{
        margin-left: 0 !important;
    }
    .header-mobi-notice-title{
        /* padding: 0 0.875rem 1.813rem; */
        padding: 0.6rem 1.9rem 1.813rem;
    }
    .header-mobi-search-title{
        /* padding: 0 0 1.813rem; */
        /* padding: 0.6rem 0.6rem 1.813rem; */
        padding: 0.6rem 1.9rem 1.813rem;
    }
    #header-notice .accordion-button{
        flex-wrap: wrap;
    }
    #header-notice .accordion-button .notice-text{
        width: 97%;
    }
    #header-notice .accordion-button::after{
        position: absolute;
        right: 2rem;
        top: 1rem;
    }
    #header-notice .accordion-collapse .accordion-body{
        padding: 1.25rem 1.25rem !important;
    }
    .dropdown__menu .container.container--search{
        padding: 0 !important;
    }

    .header-effect-search .header-mobi-search-title{
        padding-top: 2px;
        padding-bottom: 0;
        border-bottom: 1px solid rgba(0,0,0,.125);
    }
    .header-effect-notice .header-mobi-notice-title{
        padding-top: 2px;
        padding-bottom: 0;
        position: relative;
    }

    .header-effect-search .header-mobi-search-title .search-title{
        padding-left: 0px;
    }
    .header-effect-notice .header-mobi-notice-title .notice-top{
        padding-left: 0px !important;
    }

    .header-effect-search .header-mobi-search-title .btn-close{
        top: 1.05rem;
        right: 3.2rem;
    }
    .header-effect-notice .header-mobi-notice-title .btn-close{
        top: 0.4rem;
        right: 3.2rem;
    }
    .icon-filter-text{
        font-family: NotoSans-Regular;
        font-size: 1em;
        /* color: #9900FF; */
        margin-left: 0.313rem;
        text-transform: uppercase;
    }
.header-effect-nav .others__item.others__item--textsize {
    display: none !important;
}    
}
/* header-mobi */
@media (max-width:991.98px) {
    
}

.others--icons {
    align-items: center;
}
.others__item--icon {
    /* margin-left: 1.5625em; */
    padding: 1.1878rem 1.125rem;
    width: 4rem;
    justify-content: center;
}

@media (max-width:991.98px) {
    .others__item--icon {
        margin-left: 0rem
    }
}

@media (max-width:991.98px) {
    .others__item--icon .dropdown--search {
        height: 1.5rem
    }
}



.others__item--icon .ico--print {
    font-size: 1.4375em !important
}

.others__item--icon .ico--share {
    font-size: 1.25em !important
}

.others__link {
    color: #fff;
    font-size: 1.125rem;
    /* font-weight: bold; */
    /*padding-right:20px;*/
}
.others__item > span {
    color: #fff;
}

.others__item > span{
    margin: 0 0.516em;
}
.icon-notice-mobi,
.icon-notice{
    /* width: 28px;
    height: 28px; */
    width: 40px;
    height: 40px;
    /* background-image: url(/assets/img/icon/icon-notice.svg); */
    background-image: url(/assets/img/icon/icon-notice.png);
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
}
.icon-notice:hover{
    /* background-image: url(/assets/img/icon/icon-notice-h.svg); */
    background-image: url(/assets/img/icon/icon-notice-h.png);
}
.icon-search-mobi,
.icon-search{
    width: 18px;
    height: 18px;
    background-image: url(/assets/img/icon/icon-search.svg);
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
}
/* .icon-search:hover{
    background-image: url(/assets/img/icon/icon-search-h.png);
} */
.icon-nav {
    /* width: 33px;
    height: 32px; */
    width: 40px;
    height: 40px;
    /* background-image: url(/assets/img/icon/icon-menu.svg); */
    background-image: url(/assets/img/icon/icon-menu-white.svg);
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
}
.icon-nav-mobi {
    /* width: 33px;
    height: 32px; */
    width: 40px;
    height: 40px;
    /* background-image: url(/assets/img/icon/icon-menu.svg); */
    background-image: url(/assets/img/icon/icon-menu.svg);
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
}
.icon-youtube,
.icon-facebook,
.icon-instagram,
.icon-twitter,
.icon-print,
.icon-email{
    width: 20px;
    height: 20px;
}
.icon-link{
    width: 19.2px;
    height: 19.2px;
}
.icon-exclamation-mark{
    width: 22px;
    height: 22px;
    background-image: url(/assets/img/icon/icon-exclamation-mark.svg);
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
}
.icon-wcag2aa{
    height: 31px;
    width: 88px;
}
.icon-web-for-all{
    height: 52px;
    width: 99px;
    /* margin: 0 20px 0 24px; */
}
.icon-hk_wdc{
    width: 123px;
    /* height: 46px; */
    height: auto;
}
.logo-govhk{
    /* width: 123px; */
    width: 88px;
    /* height: 43px; */
    height: auto;
}
.banner-pagination.disabled {
    display: none !important;
}
.swiper-button-next::after,
.swiper-button-prev::after{
    content: '' !important;
    text-indent: -1000em;
}

.search-form {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 2.313rem;
}

@media (max-width:575.98px) {
    .search-form {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.card-time-box {
    background-image: url(/assets/img/icon/icon-time-h.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 16px;
    height: 16px;
    margin-right: 8px;
}

.card-venue-box {
    background-image: url(/assets/img/icon/icon-location-h.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 16px;
    height: 16px;
    margin-right: 8px;
}

.card-ticket-box {
    background-image: url(/assets/img/icon/icon-cal-ticket.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 16px;
    height: 16px;
    margin-right: 8px;
}

.card-discountTicket-box {
    background-image: url(/assets/img/icon/icon-cal-discount.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 16px;
    height: 16px;
    margin-right: 8px;
}

.card-phone-box {
    background-image: url(/assets/img/icon/icon-phone-small.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 16px;
    height: 16px;
    margin-right: 8px;
}
.word_input {
    padding-bottom:20px;
}
.search-box {
  width:100%;
    font-size: 1rem;
    padding: 1rem 5.8rem 1rem 1.375rem;
}

.input_value_content input {
    margin-right:10px;
}
.input_value_content .check_box,
.time_period,
.time_period_desc {
    margin-left: 27px;
}
.searchResultBtn {
    padding: 2px 2rem !important;
  font-size:1rem !important;
}
.search-box::-moz-placeholder {
    color: #000;
    opacity: 0.23;
    font-family: NotoSans-Regular;
    font-size: 1.5rem;
    line-height: 2.375rem;
}
.search-box::-webkit-input-placeholder {
    color: #000;
    opacity: 0.23;
    font-family: NotoSans-Regular;
    font-size: 1.5rem;
    line-height: 2.375rem;
}
.search-box:-moz-placeholder {
    color: #000;
    opacity: 0.23;
    font-family: NotoSans-Regular;
    font-size: 1.5rem;
    line-height: 2.375rem;
}
.search-box:-ms-input-placeholder {
    color: #000;
    opacity: 0.23;
    font-family: NotoSans-Regular;
    font-size: 1.5rem;
    line-height: 2.375rem;
}
  .advanced_search .search-box {
   border:1px solid #000 !important; 
    padding:1rem !important;
  }
@media (max-width:1199.98px) {
    .search-box {
        /* height: 3.25em;
        font-size: 1rem; */
    }
}

@media (max-width:768px) {
    .search-box {
        padding: .3125em 2.75em .3125em 3.5em
    }
}

@media (max-width:575.98px) {
    .search-box {
        max-width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        height: 3.125rem
    }
}

.search-btn {
    position: absolute;
    right: 1.688rem;
    top: 3px;
    padding: 0;
    font-size: 2em;
    color: #fff;
    font-weight: 700;
    border: 0;
    border-radius: 0;
    background-color: transparent;
  transform:translate(0px, 0px);
}
.sr-only,
.search-form .sr-only {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

@media (max-width:1199.98px) {
    .search-btn {
        top:10px;
    }
}

@media (max-width:575.98px) {
    .search-btn {
        margin-left: auto;
    }
}

.search-btn:focus,
.search-btn:hover {
    text-shadow: 0 0 5px rgba(255, 255, 255, .4)
}

.search-form__clear-btn {
    top: .7em;
    right: 7.35em;
    z-index: 1;
    font-size: 1.25em
}

@media (max-width:1199.98px) {
    .search-form__clear-btn {
        top: .88888889em;
        right: 7.11111111em;
        font-size: 1.125em
    }
}

@media (max-width:575.98px) {
    .search-form__clear-btn {
        right: .65em
    }
}

.search-form--mobi {
    clear: both;
    margin: 0 .9375em .9375em;
    border: 1px solid #666
}

.search-form__ico {
    position: absolute;
    top: .28571429em;
    left: .60714286em;
    font-size: 1.75em;
    color: #6f6f6f
}

@media (max-width:1199.98px) {
    .search-form__ico {
        top: .32142857em
    }
}

.lang__item {
    display: inline-block;
    vertical-align: middle;
    margin-left: .625rem
}

.lang__item:first-child {
    margin-left: 0
}

.lang__item.is-select {
    color: #000
}

.hot {
    text-align: center;
    padding-top:20px;
}

@media (max-width:768px) {
    .hot {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-top:10px;
    }
}

.hot__title {
    position: relative;
    font-size: 1.125rem;
    font-weight: 700;
    color: #000;
    font-family: NotoSans-Regular;
    margin-bottom: 0;
    text-align: center;
    padding-bottom: 20px;
}

@media (max-width:768px) {
    .hot__title {
        max-width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        padding-bottom: 10px;
    }
}

.hot__list {
    margin: 0;
    padding: 0;
    list-style: none !important;
    font-family: NotoSans-Regular;
    /* margin-left: -.875rem; */
    /* margin-bottom: -.125rem */
}

.hot__item {
    display: inline-block;
    padding: 0;
    /* margin-left: .875em; */
    margin-bottom: 20px;
    padding-right: 0.875rem;
}

.hot__item+.hot__item {
    position: relative;
    /* padding-left: .875rem; */
}


.hot__link {
    color: #000;
    font-family: NotoSans-Regular;
    border: 1px solid #000;
    padding: 10px 20px;
    border-radius: 20px;
    font-weight: 400;
    display: block;
}

.hot__link:focus,
.hot__link:hover {
    /* color: #fff;
    text-decoration: underline; */
}

.menu {
    position: relative;
    z-index: 1000;
    font-size: 1rem
}

@media (max-width:1439.98px) {
    .menu {
        font-size: .875rem
    }
}

@media (max-width:1199.98px) {
    .menu {
        font-size: .8rem
    }
}

.menu__list {
    margin: 0;
    padding: 0;
    list-style: none !important;
    text-transform: uppercase
}

.menu__list--lv1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-right: -.9375em
}

@media (max-width:1439.98px) {
    .menu__list--lv1 {
        margin-right: -.625em
    }
}

.menu__list--lv2,
.menu__list--lv2-row {
    font-family: NotoSans-Thin;
    position: absolute;
    top: 100%;
    left: .625em;
    z-index: -1;
    visibility: hidden;
    opacity: 0;
    background-color: #f7f7f7;
    -webkit-transform: translate3d(0, -60px, 0);
    transform: translate3d(0, -60px, 0);
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

@media (max-width:1439.98px) {

    .menu__list--lv2,
    .menu__list--lv2-row {
        left: .375em
    }
}

.menu__item--reverse .menu__list--lv2,
.menu__item--reverse .menu__list--lv2-row {
    left: auto;
    right: .625em
}

@media (max-width:1439.98px) {

    .menu__item--reverse .menu__list--lv2,
    .menu__item--reverse .menu__list--lv2-row {
        right: .375em
    }
}

.menu__list--lv2 {
    max-width: 30vw;
    width: 35.5625rem;
    background-color: #f3feff;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .15)
}

.menu__list--lv3 {
    margin-left: 0;
    display: none
}

.menu__item {
    position: relative
}

.menu__item.expanded>.btn-toggle-submenu,
.menu__item.is-active>.btn-toggle-submenu {
    color: #fff
}

.menu__item--lv1.is-active .menu__link--lv1,
.menu__item--lv1.is-selected .menu__link--lv1 {
    color: #0e7e8b
}

.menu__item--lv1.is-active .menu__link--lv1:before,
.menu__item--lv1.is-selected .menu__link--lv1:before {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    opacity: 1
}

.page-head--white:not(.index-hover) .menu__item--lv1.is-active .menu__link--lv1,
.page-head--white:not(.index-hover) .menu__item--lv1.is-selected .menu__link--lv1 {
    color: #fff;
    text-shadow: 0 0 5px rgba(255, 255, 255, .4)
}

.menu__item--lv1.is-active .menu__list--lv2 {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.menu__item--lv2 {
    position: relative
}

.menu__item--lv2:before {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: calc(100% - 2.25em);
    border-top: 1px solid rgba(0, 10, 77, .1);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    content: ""
}

.menu__item--lv2.expanded:before,
.menu__item--lv2.is-active:before {
    opacity: 0
}

.menu__item--lv2.expanded .menu__link--lv2,
.menu__item--lv2.is-active .menu__link--lv2 {
    color: #fefefd;
    background-color: #0e7e8b
}

.menu__item--lv2.has-sub .menu__link--lv2 {
    padding-right: 3.5rem
}

.menu__item--lv2-col {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    padding: .9375em
}

.menu__item--lv3 {
    position: relative
}

.menu__item--lv3:before {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: calc(100% - 2.25em);
    border-top: 1px solid rgba(0, 10, 77, .1);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    content: "";
    z-index: 1
}

.menu__link {
    display: block
}

.menu__link:focus,
.menu__link:hover {
    text-decoration: none
}

.menu__link--lv1 {
    position: relative;
    font-size: 1.25em;
    padding: .75em .75em .85em;
    text-align: center;
    color: #000a4d
}

.menu__link--lv1:before {
    position: absolute;
    bottom: 1.05em;
    left: 50%;
    width: calc(100% - 1.5em);
    height: .35em;
    -webkit-transform: translate(-50%, .25em);
    transform: translate(-50%, .25em);
    /* background: url(/assets/img/underline-pattern.png); */
    opacity: 0;
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, -webkit-transform .3s;
    transition: transform .3s, opacity .3s;
    transition: transform .3s, opacity .3s, -webkit-transform .3s;
    content: ""
}

.page-head--white:not(.index-hover) .menu__link--lv1:before {
    /* background: url(/assets/img/underline-pattern-white.png) */
}

/* @media (max-width:1676px) { */
@media (max-width:1440px) {
    .menu__link--lv1 {
        padding: .78947368em .63157895em .89473684em;
        font-size: 1.1875em
    }
}

@media (max-width:1439.98px) {
    .menu__link--lv1 {
        padding: .78947368em .52631579em
    }

    .menu__link--lv1:before {
        width: calc(100% - 1.05263158em)
    }
}

.page-head--white:not(.index-hover) .menu__link--lv1 {
    color: #fff
}

.menu__link--lv2 {
    font-size: 1.125em;
    position: relative;
    padding: 1.05555556em 1.38888889em;
    color: #6f6f6f;
    text-align: left;
    -webkit-transition: all .3s;
    transition: all .3s
}

.menu__link--lv3 {
    color: #fff;
    font-size: 1.125em;
    position: relative;
    padding: 1.05555556em 1.38888889em;
    color: #fff;
    background-color: #0a5b78;
    -webkit-transition: all .3s;
    transition: all .3s
}

.menu__link--lv3:focus,
.menu__link--lv3:hover {
    color: #fff;
    text-shadow: 0 0 5px rgba(255, 255, 255, .4)
}

.menu__link--lv3:focus,
.menu__link--lv3:hover {
    color: #fff
}

.btn-toggle-submenu {
    font-size: 1.5rem;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 100;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-height: 100%;
    padding: 2rem;
    text-align: center;
    color: #127e8b;
    background: 0 0;
    border: 0
}

.btn-toggle-submenu>.ico {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 1.375rem;
    line-height: 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transform-origin: center;
    transform-origin: center
}

.btn-toggle-submenu>.ico--up-lg {
    opacity: 0
}

.btn-toggle-submenu[aria-expanded=true]>.ico--down-lg {
    opacity: 0
}

.btn-toggle-submenu[aria-expanded=true]>.ico--up-lg {
    opacity: 1
}

@media (max-width:1439.98px) {
    .btn-toggle-submenu {
        font-size: 1.375rem;
        padding: 1.75rem
    }
}

@media (max-width:1199.98px) {
    .btn-toggle-submenu {
        font-size: 1.25rem;
        padding: 1.625rem
    }
}

.mobi-panel {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10000;
    width: 100%;
    height: 100%;
    padding-right: 0 !important
}

.mobi-panel__inner {
    will-change: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    padding-bottom: .625rem;
    pointer-events: auto;
    overflow-y: scroll !important;
    background-color: #0e7e8b;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(14, 126, 139, .95)), to(rgba(14, 126, 139, .95))), -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
    background-image: linear-gradient(to bottom, rgba(14, 126, 139, .95) 0, rgba(14, 126, 139, .95) 100%), linear-gradient(to bottom, #fff 0, #fff 100%);
    -webkit-overflow-scrolling: touch;
    /* overscroll-behavior-y: contain; */
}

.modal.fade .mobi-panel__inner {
    -webkit-transition: -webkit-transform .35s cubic-bezier(.25, .46, .45, .94);
    transition: -webkit-transform .35s cubic-bezier(.25, .46, .45, .94);
    transition: transform .35s cubic-bezier(.25, .46, .45, .94);
    transition: transform .35s cubic-bezier(.25, .46, .45, .94), -webkit-transform .35s cubic-bezier(.25, .46, .45, .94);
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.modal.show .mobi-panel__inner {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mobi-menu {
    position: relative;
    border-top: 1px solid #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(14, 126, 139, .95)), to(rgba(14, 126, 139, .95))), -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
    background: linear-gradient(to bottom, rgba(14, 126, 139, .95) 0, rgba(14, 126, 139, .95) 100%), linear-gradient(to bottom, #fff 0, #fff 100%);
    overflow: hidden
}

.mobi-menu__list {
    margin: 0;
    padding: 0;
    list-style: none !important
}

.mobi-menu__list--lv2 {
    position: relative;
    display: none;
    padding: 0 0 1.5rem
}

.mobi-menu__item--lv1:not(:last-child) .mobi-menu__list--lv2:before {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: calc(100% - 2.5rem);
    border-top: 1px solid rgba(243, 254, 255, .51);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    content: ""
}

.mobi-menu__list--lv3 {
    display: none;
    padding: 0 0 .75rem
}

.mobi-menu__item--lv2:not(:last-child) .mobi-menu__list--lv3:before {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: calc(100% - 2.5rem);
    border-top: 1px solid rgba(243, 254, 255, .51);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    content: ""
}

.mobi-menu__item {
    position: relative
}

.mobi-menu__item.is-active>.btn-toggle-mobi-submenu>.ico--plus {
    opacity: 0
}

.mobi-menu__item.is-active>.btn-toggle-mobi-submenu>.ico--minus {
    opacity: 1
}

.mobi-menu__item--lv1.is-active {
    background: rgba(0, 10, 77, .3)
}

.mobi-menu__item--lv2:first-child .mobi-menu__link--lv2 {
    padding-top: 1.125rem
}

.mobi-menu__item--lv2:first-child .mobi-menu__link--lv2:before {
    top: 1.625rem
}

.mobi-menu__item--lv2:first-child.is-active {
    margin-top: 0
}

.mobi-menu__item--lv2:first-child .btn-toggle-mobi-submenu {
    padding: 1.75rem 2.125rem
}

.mobi-menu__item--lv2.is-active {
    background: rgba(0, 10, 77, .3)
}

.mobi-menu__link {
    color: #fff;
    position: relative;
    display: block
}

.mobi-menu__link:focus,
.mobi-menu__link:hover {
    color: #fff;
    text-shadow: 0 0 5px rgba(255, 255, 255, .4)
}

.mobi-menu__link:before {
    font-family: wico !important;
    /* speak: none; */
    speak-as: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute
}

.mobi-menu__link--lv1 {
    padding: 1.1875rem 3rem 1.1875rem 1.25rem;
    font-size: 1.25rem;
    font-weight: 700
}

.mobi-menu__link--lv2 {
    font-family: NotoSans-Thin;
    font-size: 1rem;
    padding: .75rem 3rem .75rem 2.5rem
}

.mobi-menu__link--lv2:before {
    top: 1.25rem;
    left: 1.6875rem;
    width: .25rem;
    height: .25rem;
    background-color: #fff;
    content: ""
}

.mobi-menu__link--lv3 {
    font-family: NotoSans-Thin;
    font-size: 1rem;
    padding: .75rem 3rem .75rem 2.5rem
}

.btn-open-mobi-menu {
    position: relative;
    display: block;
    /* width: 2rem;
    height: 1.4375rem; */
    overflow: hidden;
    padding: 0;
    border-radius: 0;
    background: 0 0;
    border: 0
}

/* .btn-open-mobi-menu:focus:after,
.btn-open-mobi-menu:focus:before,
.btn-open-mobi-menu:focus>span,
.btn-open-mobi-menu:hover:after,
.btn-open-mobi-menu:hover:before,
.btn-open-mobi-menu:hover>span {
    background: #0e7e8b
} */

/* .btn-open-mobi-menu:after,
.btn-open-mobi-menu:before,
.btn-open-mobi-menu>span {
    position: absolute;
    left: 0;
    z-index: 100;
    display: block;
    width: 100%;
    height: .1875rem;
    border-radius: .25rem;
    content: "";
    background: #000a4d
} */

.btn-open-mobi-menu>span {
    top: .625rem
}

.btn-open-mobi-menu .sr-only {
    color: #000a4d
}

.btn-open-mobi-menu:before {
    top: 0
}

.btn-open-mobi-menu:after {
    top: auto;
    bottom: 0
}

.btn-close-mobi-menu {
    margin-left: 1.875rem;
    padding: 0;
    color: #fff;
    background: 0 0;
    font-size: 1.4375rem;
    border: 0
}


  
.mobile-top-block .btn-close {
 	width:20px !important;
  height:20px !important;
  position:relative;
  top:0px;
}
 [lang="zh-hk"] .mobile-top-block .others__link,
   [lang="zh-cn"] .mobile-top-block .others__link{
    font-weight:300;
  }
.btn-close-mobi-menu:before {
    margin-right: 0
}

.btn-toggle-mobi-submenu {
    font-size: .875rem;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 100;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-height: 100%;
    padding: 2.125rem;
    text-align: center;
    color: #fff;
    background: 0 0;
    border: 0
}

.btn-toggle-mobi-submenu>.ico {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 1.375rem;
    line-height: 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transform-origin: center;
    transform-origin: center
}

.btn-toggle-mobi-submenu>.ico--minus {
    opacity: 0
}

.mobi-menu__item--lv2>.btn-toggle-mobi-submenu {
    padding: 1.5rem 2.125rem
}

.mobi-lang {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: auto
}

.mobi-lang__link {
    color: #fff;
    margin-right: 1.5625rem;
    font-size: 1.125em
}

.mobi-lang__link:focus,
.mobi-lang__link:hover {
    color: #fff;
    text-shadow: 0 0 5px rgba(255, 255, 255, .4)
}

.mobi-others {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .875rem 1.25rem;
    background-color: #0e7e8b
}

.mobi-others:before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1.875rem;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    box-shadow: 10px 10px 30px rgba(0, 0, 0, .16);
    content: ""
}

.mobi-tools {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mobi-tools__item button {
    color: #fff
}

.mobi-tools__item button:focus,
.mobi-tools__item button:hover {
    color: #fff;
    text-shadow: 0 0 5px rgba(255, 255, 255, .4)
}

.mobi-tools__item--share {
    height: 1.25rem
}

.mobi-tools__item--share .ico {
    font-size: 1.25rem
}

.mobi-tools__item--search {
    margin-left: 2.25rem
}

.mobi-tools__item--search .ico {
    font-size: 1.5rem
}

.mobi-btm {
    position: relative;
    width: 100%;
    padding-top: 1.375rem;
    overflow: hidden
}

.mobi-btm:before {
    position: absolute;
    top: 0;
    left: 50%;
    width: calc(100% - 2.5rem);
    border-top: 1px solid rgba(243, 254, 255, .51);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    content: ""
}

.mobi-btm__link {
    font-family: NotoSans-Thin;
    color: #fff;
    position: relative;
    display: block;
    padding: .75rem 3rem .75rem 1.25rem
}

.mobi-btm__link:focus,
.mobi-btm__link:hover {
    color: #fff;
    text-shadow: 0 0 5px rgba(255, 255, 255, .4)
}

.remote-search {
    padding: 0;
    border-radius: 0;
    background: 0 0;
    border: 0
}

.btn-top {
    position: fixed;
    bottom: 5rem;
    right: 1rem;
    z-index: 100;
    width: 3.25em;
    font-size: 1rem;
    display: none;
    opacity: 1;
}

@media (max-width:575.98px) {
    .btn-top {
        right: 1.25em
    }
}

@media (min-width:1874px) {

}

.btn-top__inner {
    position: relative;
    bottom: 2.9375em;
    display: block;
    overflow: hidden;
    width: 3.125em;
    height: 2.8125em;
    /* padding: .3125rem; */
    padding: 0;
    /* color: #fff; */
    line-height: 1;
    border: 0;
    /* border-radius: 50%; */
    /* background-color: #0e7e8b; */
    -webkit-transition: all .3s;
    transition: all .3s
}

.btn-top__inner>.ico {
    display: block;
    font-size: 1.5625em
}

.page-foot {
    position: relative;
    font-size: 1rem;
    background: #EDEDED;
    border-top: 1px solid;
}
.page-foot a{
    color: #000;
}
.page-foot a:hover{

}
.page-foot .page-info__text,
.page-foot .page-info__details{
    font-family: NotoSans-Regular;
}
.page-foot__top {
    color: #000;
    border-bottom: 1px solid;
}
.container--nav .others__link,
footer .others__link {
    font-size: .8em;
}
.header-effect-nav .container--nav .others__link{
    font-size: 16px;
}
.dropdown--nav .container,
.page-foot__top .container-fluid {
    position: relative;
    padding: 0;
    gap: 2px;
}
.page-foot__top-item{
    /* padding: 0.3rem; */
}

.purple-border-button{
    border-radius: 25px;
    text-align: center;
    /* margin: 1.5rem 0; */
    margin: 0 0 1.5rem 1.5rem;
    display: inline-block;
}
.purple-border-button button.btn-floor-selector,
.purple-border-button button {
    background-color: #fff;
    border: 0;
    border-radius: 25px;
    font-size: 1.125rem;
    line-height: 1.625rem;
    color: #5C009A;
    margin-bottom: 1.5rem;
    font-family: Montserrat-SemiBold;
    margin: 3px;
    min-width: 74px;
    min-height: 34px;
    background-image: none;
    display: inline-block;
    width: auto;
    height: auto;
}
.purple-border-button button.selected,
.purple-border-button button.btn-floor-selector.active,
.purple-border-button button.active {
    cursor: default;
    background-color: transparent;
    border: none;
    color: #fff;
    background-image: none;
}
button.purple-button {
    border-radius: 25px;
    font-size: 1.375rem;
    line-height: 2rem;
    font-weight: 600;
    letter-spacing: 0;
    text-align: center;
    /* padding: 8px; */
    /* padding: 8px 16px; */
    /* padding: 8px 40px; */
    padding: 8px 20px;
    /* min-width: 337px; */
    /* min-width: 400px; */
    /* margin-bottom: 3rem; */
    text-transform: uppercase;
    display: block;
    /* margin: 2rem 0; */
}


.page-info {
    width: 100%;
}

@media (max-width:991.98px) {
    .page-info {
        max-width: 100%
    }
}
@media (max-width:500px) {
    .page-info{
        width: 100%;
        /* float: right; */
    }
}

.page-info__text,
.page-info__details{
    line-height: 2em;
    display: block;
    padding: 1.8rem 1rem;
    font-size: 16px;
}
  .mobile-top-block {
      display: flex;
    justify-content: space-between;    
  }
  
.page-info__list {
    font-size: 1.125em
}

@media (min-width:1200px) {
    .page-info__list {
        line-height: 1.33
    }
}

@media (max-width:1199.98px) {
    .page-info__list {
        font-size: 1em
    }
}

.page-info__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: .83333333em
}

.page-info__name {
    min-width: 6.77777778em;
    padding-right: .55555556em
}

.page-info__info {
    font-family: NotoSans-Thin;
    margin-bottom: 0
}

.page-info__info a {
    color: #fff;
    text-decoration: underline
}

.app {
    max-width: 30vw;
    width: 27.8125em
}

@media (max-width:991.98px) {
    .app {
        max-width: 100%
    }
}

.app__icon {
    width: 5.9375em;
    height: 5.9375em
}

@media (max-width:1199.98px) {
    .app__icon {
        width: 4.8125em;
        height: 4.8125em
    }
}

.app__title {
    margin-bottom: 1em;
    font-size: 1.5em;
    font-weight: 700
}

@media (max-width:768px) {
    .app__title {
        margin-bottom: .58333333em
    }
}

.app__name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #fff
}

.app__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #fff
}

.app__link:focus .app__desc,
.app__link:hover .app__desc {
    text-decoration: none
}

.app__desc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: .95454545em;
    font-size: 1.375em;
    font-weight: 700
}

@media (max-width:1199.98px) {
    .app__desc {
        font-size: 1.25em
    }
}

.page-date {
    font-family: NotoSans-Thin;
    margin-bottom: 1.5rem;
    font-size: 1.125em
}

.page-date :last-child:nth-child(2) {
    display: none
}

.page-date__date {
    display: inline-block
}

.logo-lcsd-w{
    width: 172px;
    /* height: 65px; */
    height: auto;
}
.logo-lcsd-channel{
    /* width: 192px; */
    width: 172px;
    /* height: 71px; */
    height: auto;
}

.last-updated-date,
.copyright {
    font-family: NotoSans-Regular;
    color: #000;
    font-size: 0.813rem;
}

.inner-top {
    padding-top: 2em;
    padding-bottom: 8.625em;
    background-color: #0e7e8b;
    background-size: auto 100%
}

@media (min-width:1920px) {
    .inner-top {
        background-size: cover
    }
}

@media (max-width:991.98px) {
    .inner-top {
        padding-top: 2em;
        padding-bottom: 6.875em
    }
}

@media (max-width:575.98px) {
    .inner-top {
        padding-top: 2em;
        padding-bottom: 4.875em
    }
}

.inner-content {
    position: relative
}

.dropdown__menu .container.container--search {
    /* max-width: 1005px !important; */
    /* max-width: 1069px !important; */
    max-width: 1200px !important;
    /* padding: 0; */
    padding: 0 2rem;
}
.container--nav{
    color: #fff;
}
.container--nav a{
    color: #fff;
}

@media print {
    .container {
        width: auto
    }

    a[href]:after {
        content: none !important
    }

    .announcement,
    .btn--toggle-all,
    .btn-top-box,
    .head-btm,
    .inner-top,
    .mobi-menu-trigger,
    .others,
    .page-foot,
    .side-menu {
        display: none !important
    }

    .inner-content {
        display: block !important
    }

    .side-content {
        max-width: none !important;
        margin: 30px 0 0;
        padding: 0;
        background: #fff
    }

    .collapse {
        display: block !important
    }
}

.boxShadow {
    box-shadow: 0 3px 30px rgba(0, 0, 0, .16);
    font-size: 1.125em
}


.full-width {
    width: 100%
}

.alignctr {
    text-align: center
}

section {
    padding-bottom: 2em
}

ol {
    counter-reset: item;
    margin-left: -30px
}

ol li {
    display: block
}

ol li span {
    font-size: 1.125em
}

ol > li:before {
    content: counters(item, ".") ". ";
    counter-increment: item
}
ol.resultList > li:before {
    content: "";
}

ol li.breadcrumb__item:before {
    content: none
}

span.small {
    font-size: .9em
}

.access {
    position: absolute;
    left: 0;
    top: -500px;
    width: 1px;
    height: 1px;
    overflow: hidden
}

.searchForm .search-box {
    font-family: NotoSans-Regular;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    color: #000;
    border: 0;
    background: #fff;
    border:1px solid;
}
.searchForm .search-box::placeholder {
    color: #757575 !important;
    opacity: 1 !important;;
}
.searchForm .search-box::-moz-placeholder {
    color: #757575 !important;
    opacity: 1 !important;;
}

.searchForm .search-box::-webkit-input-placeholder {
    color: #757575 !important;
    opacity: 1 !important;;
}

.searchForm .search-box:-moz-placeholder {
    color: #757575 !important;
    opacity: 1 !important;;
}

.searchForm .search-box:-ms-input-placeholder {
    color: #757575 !important;
    opacity: 1 !important;
}

@media (max-width:1199.98px) {
    .searchForm .search-box {
        height: 3.25em;
        font-size: 1rem
    }
}

@media (max-width:768px) {
    .searchForm .search-box {
        padding: .3125em 1.75em .3125em 1.75em
    }
}

@media (max-width:575.98px) {
    .searchForm .search-box {
        max-width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        height: 3.125rem
    }
}

.loader {
    border: 5px solid #f3f3f3;
    border-radius: 50%;
    border-top: 5px solid #3498db;
    width: 50px;
    height: 50px;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    margin: auto
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}



ul.sub-lists li:before{    content:"•";}
ul.sub-lists li{ line-height: 2em;}

/* ol.order-list > li{ } */

.others__item--textsize a{
    font-family: NotoSans-Regular;
}
.nav-contact .page-info__details,
.foot-contact .page-info__details{
    margin-top: 1.625rem;
    border-bottom: 1px solid #fff;
    /* font-family: NotoSans-Regular; */
    font-family: NotoSans-Thin;
    font-size: 1rem;
    /* font-weight: 700 !important; */
}
.nav-contact span,
.foot-contact span{
    font-family: NotoSans-Thin;
    font-weight: 100;
    color: #999;
    margin: 0 0.5rem;
}
.foot-top-m{
    display: none;
    width: 100%;
}
#bg-search-icon{
    background-color: rgba(0, 0, 0, 0);
}
.notice-top{
    display: flex;
    align-items: center;
    padding: 0 2rem 1.5rem;
}
.notice-top .icon-exclamation-mark{
    margin-right: 0.75rem;
    display: none;
}
.notice-list{
    padding: 0 4.125rem;
}
.notice-list.no-notice-list{
    padding: 0 2rem 1.5rem;
}
.notice-details{
    display: flex;
    padding: 1.438rem 0;
    border-bottom:  1px solid #000;
    opacity: 0.3;
    box-sizing: border-box;
}
.notice-date{
    color: #666666;
    font-size: 0.875rem;
    font-family: OpenSans-SemiBold;
    margin-right: 2.5rem;
}
.notice-date-dot-box{
    margin-right: 0.563rem;
    width: 9px;
}
.notice-date-dot {
    height: 9px;
    width: 9px;
    border-radius: 50%;
    display: inline-block;
}
.notice-text{
    color: #000;
    font-family: NotoSans-Regular;
    font-size: 1.125rem;
}
.modal-dialog{
    /* max-width: 99% !important;
    margin: 4.375rem 1% 0 auto !important; */
    max-width: 100% !important;
    margin: 0;
}
.modal-body{
    padding: 0 !important;
}
.modal-content{
    background-color: #EDEDED;
    border: 0 !important;
    /* height:100vh; */
    min-height: 100vh;
    overflow: auto;
    border-radius: 0;
}
#vtm-popup .modal-content {
    background-color: rgba(35, 31, 32, .65);
}
  #vtm-popup .popup-box {
    display: block;
  }
#vtm-popup .btn-close {
    filter: invert(1);
    position: relative;
    float: right;
    top: -0.3rem;
    right: 0rem;
  width:26px !important;
  height:26px !important;  
}
.vtm-block {
    padding:1rem;
}
.vtm-lightbox span { 
    color: #000;
    font-size: 1rem;
}
.vtm-link {
    display: flex !important;
    align-items: center;
    gap: 10px;    
}
  .vtm-section img {
 filter: invert(1); 
}
 .vtm-section .mobile-vtm img {
 filter: invert(0); 
}
  .page-head__right .vtm-link {
   padding:20px; 
    color:#fff;
  }
  .page-head__right .vtm-link img {
    filter:invert(1);
  }
#vtm-popup .container--popup {
    max-width: 65% !important;
}
.mobile-top-block {
    padding:1.8rem 1rem 0rem 1rem;
}
#header-search .modal-content {
    background-color: rgba(0, 0, 0, .7);
}
.header-close{
    display: none;
    /* width: 1.8em; */
    /* padding: 0 0.25em; */
    width: 20px;
    height: 20px;
}
#close-search {
    display: inline;
    background: #fff;
    width: 30px;
    height: 30px;
    padding: 4px;
    border-radius: 50px;    
}
.mobile-nav-head {
    border-bottom: 1px solid #000;
    display: flex;
    justify-content: space-between;
    align-items: center;    
}
.mobile-nav-head .btn-close {
    width: 15px !important;
    height: 15px !important;
    position: relative;
    top: 0;
    right: 1rem;    
}
.accordion-header {
    border-bottom: 1px solid #000;
    display: flex;
    justify-content: space-between;
    padding: 0 1rem;
    height: 100px;
    align-items: center;
}
.accordion-header a {
    font-size: 1.25rem;
}
.mobile-accordion .accordion-button {
    background-color: transparent !important;
    padding: 0px;
    width: auto;
}
.mobile-accordion .accordion-header span {
    color: #000 !important;
}
.accordion-body {
    color: #000;
    padding: 0px;
}
.accordion-body .nav-mobile a {
    padding:var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
}

#mobile-nav .accordion-button:not(.collapsed){
    background-color: transparent !important;
}
#mobile-nav .accordion-button:not(.collapsed)::after {
    background:url('/assets/img/icon/icon-down.svg');
    rotate: 180deg;
    background-repeat: no-repeat !important;
    transform: none !important;
}
#mobile-nav .accordion-button::after{
    background:url('/assets/img/icon/icon-down.svg');
    background-repeat: no-repeat !important;
    width: 28px;
    height: 28px;
}
.accordion-button:focus{
    /* box-shadow: none !important; */
}
#mobile-nav .accordion-item {
    border-radius: 0px;
    background: transparent;
    border: none;
}
  #mobile-nav .accordion-item h2 {
    font-weight:300;
  }
.accordion-item:first-of-type>.accordion-header .accordion-button {
    background-color: transparent !important;
    width: auto;
}
a.link-details{
    color: #9900FF;
    font-family: 'NotoSans-Regular';
}
a.link-details:hover{
    color: #38005D;
}
.accordion-body .link-details{
    margin-top: 0.563rem;
    display: block;
}
#accordion-notice .accordion-body .link-details{
    display: flex;
    align-items: center;
}
#accordion-notice .accordion-body img {
    width: auto;
}
@media (max-width: 768px) {
    #accordion-notice .accordion-body img {
        width: 100%;
        height:auto;
    }
}
.accordion-body .icon-arrow-notice{
    margin-left: 0.3rem;
}
#header-nav .modal-dialog{
    margin-top: 0 !important;
}
.page-nav__top{
    width: 100%;
    /* margin-bottom: 3rem; */
    margin: 1rem 0 3rem;
}
.page-nav__top-left{
    margin-bottom: 1rem;
}
.page-nav__top-right .page-info{
    max-width: 178px;
}
.page-nav__top-right .nav-subscribe__img{
    max-width: 131px;
    margin-left: 2.969rem;
    width: 131px;
    height: 131px;
}
.btn-close{
    background-image: url(/assets/img/icon/icon-close.svg) !important;
    background-size: contain !important;
    opacity: 1 !important;
    padding: 0 !important;
    width: 28px !important;
    height: 28px !important;
    position: absolute;
    top: 1rem;
    right: 0rem;
    z-index: 22;
}
.btn-close-black{
    background-image: url(/assets/img/icon/icon-close.svg) !important;
}
#header-nav{
    z-index: 2010 !important;
}
.header-effect-nav{
    width: 20%;
    min-width: 360px;
    left: auto;
    right: 0px;
    top: 0px;
    padding-right: 0px !important;
}
.header-effect-nav .modal-dialog,
.header-effect-nav .modal-content,
.header-effect-nav .dropdown--nav,
.header-effect-nav .dropdown__menu{
    height: 100%;
}

.header-effect-nav.modal.fade.headerModal .modal-dialog{
    transform: translate(0, 50px);
}
.header-effect-nav.modal.show.headerModal .modal-dialog{
    transform: none;
}
#header-nav .container.container--nav{
    padding: 0 2rem;
}
.page-foot-social{
    margin-top: 1rem;
}
.page-foot-social img{
    margin-right: 20px;
    width: 24px;
    height: 24px;
    object-fit: contain;
}
.page-foot-btm-left{
    max-width: 80%;
}
.page-foot-btm-right a{
    display: inline-block;
}
#accordion-footer-mobi .accordion-button{
    background-color: transparent !important;
    padding: 0.813rem 1.179rem 1.125rem 1.281rem;
    min-height: 63px;
}
#accordion-footer-mobi .accordion-item{
    border: none;
    background-color: transparent;
}
#accordion-footer-mobi .accordion-header{
    position: relative;
}

#accordion-footer-mobi .footer-mobi-link{
    position: absolute;
    z-index: 10;
    padding: 0.813rem 1.179rem 1.125rem 1.281rem;
}
#accordion-footer-mobi .accordion-body{
    /* padding: 0 1.5rem 1.5rem 1.781rem !important; */
    padding: 0 1.5rem 1.5rem 1.281rem !important;
}
#accordion-footer-mobi .accordion-button::after {
    background-image: url(/assets/img/icon/icon-arrow-acc-down-white.png) !important;
}
#accordion-footer-mobi .accordion-button:not(.collapsed)::after{
    background-image: url(/assets/img/icon/icon-arrow-acc-up-white.png) !important;
}
#accordion-footer-mobi .page-info__details{
    font-size: 1rem;
    font-family: NotoSans-Regular;
    line-height: 2.25rem;
    color: #fff;
}
#accordion-footer-mobi .footer-mobi-item{
    padding: 0.813rem 1.179rem 1.125rem 1.281rem;
}
    .desktop-footer-bottom-menu {
        display: block;
    }
    .mobile-footer-bottom-menu {
        display: none;
    }
    .page-foot-btm {
        grid-area: item1;
    }
    .page-foot-btm-left {
        grid-area: item2;
    }
    .page-foot-btm-right {
        grid-area: item3;
        text-align: right;
    }
    .page-foot__bottom {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    grid-template-areas:
        "item1 item1"
        "item2 item3";        
    }
    .page-foot-btm .foot-links {
        flex-direction: row;
    }    
@media (max-width:1504px) {
    #header-nav .container.container--nav{
        padding: 0;
    }
}
@media (max-width:1302px) {
    .page-foot-btm-right img{
        /* margin-top: 1rem; */
    }
}
.container--nav-mobi .btn-close{
    /* right: 0.938rem;
    top: 0.813rem; */
    top: 5px;
}
.container--nav-mobi .nav-subscribe__img{
    max-width: 131px;
    position: absolute;
    top: 2.063rem;
    right: 1.837rem;
}
.container--nav-mobi .page-nav__top{
    margin-bottom: 0.765rem;
    padding-right: 0.938rem;
    /* padding-left: 0.875rem; */
    padding-left: 1rem;
    /* margin-top: 0.9rem; */
    margin-top: 0;
    padding-top: 10px;
    padding-left: 31px;
}
.container--nav-mobi .accordion-button{
    /* background-color: #4D0065 !important; */
    padding: 0.813rem 1.179rem 1.125rem 1.281rem;
    min-height: 63px;
}
.container--nav-mobi .accordion-item{
    border: none;
    /* background-color: #4D0065; */
}
.container--nav-mobi .accordion-header{
    position: relative;
}

.container--nav-mobi .nav-mobi-link{
    position: absolute;
    z-index: 10;
    padding: 0.813rem 1.179rem 1.125rem 1.281rem;
}
.container--nav-mobi .accordion-body{
    padding: 0 1.5rem 1.5rem 1.781rem !important;
}
.container--nav-mobi .accordion-button::after {
    background-image: url(/assets/img/icon/icon-arrow-acc-down-white.png) !important;
}
.container--nav-mobi .accordion-button:not(.collapsed)::after{
    background-image: url(/assets/img/icon/icon-arrow-acc-up-white.png) !important;
}
.container--nav-mobi .others__link{
    font-size: 1rem;
    font-family: Montserrat-SemiBold;
}

.container--nav-mobi .page-info__details{
    font-size: 1rem;
    font-family: NotoSans-Regular;
    line-height: 2.25rem;
    color: #fff;
}
.container--nav-mobi .page-info__text{
    color: #fff;
}
.nav-mobi-top{
    padding: 0.688rem 1.313rem;
}
.nav-mobi-top span{
    margin: 0 1rem;
}
.line {
    box-sizing: border-box;
    height: 1px;
    width: 100%;
    border: 1px solid #FFFFFF;
    opacity: 0.5;
}
.nav-mobi-btm{
    position: relative;
}

.size-circle{
    font-size: 1.25rem;
    line-height: 0.875rem;
}
.size-square{
    font-size: 1.5rem;
    line-height: 0.875rem;
}
.icon-type{
    width: 25px;
    /* height: 20px; */
    height: 25px;
}
.icon-filter-box{
    align-items: center;
}
.icon-filter{
    width: 18px;
    height: 16px;
}
.icon-filter-black{
    width: 21px;
    height: 19px;
}
.key-visual__body:before{
    background-image: none !important;
}

.swiper-slide{
    height: 100vh !important;
}
a.hover-dim .slider-play-btn,
.swiper-slide a,
.swiper-slide a{
    transition: transform 0.5s;
}

.icon-360-degree-view{
    width: 168px;
    height: 112px;
}

.swiper-slide a:hover{
    transform: scale(1.1);
}
a.hover-dim:hover .slider-play-btn {
    transform: translate(-50%, -50%) scale(1.1);
}

.slider-video-link{
    display: flex;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 168px;
    height: 168px;
    margin-left: -84px;
    margin-top: -84px;
}
.slider-play-btn{
    display: flex;
    align-items: center;
}

.venue-slider-container .slider-video-link{
    margin-top: -100px;
}
.modal.modal-popup{
    /* z-index: 11 !important; */
    z-index: 2000 !important;
}
.modal-popup .modal-dialog{
    margin: 0 !important;
}
.modal-popup .btn-close{
    width: 2vw !important;
    height: 2vw !important;
    max-width: 24px;
    max-height: 24px;
}
.modal-popup .dropdown__menu .btn-close{
    top: 4rem;
    right: 4rem;
    z-index: 2000;
}

.container--popup{
    /* max-width: 100% !important; */
}
.popup-box {
    padding-top: 6rem;
    padding-bottom: 6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100dvh;
}
.popup-box .content-section {
    text-align: left;
}
.popup-box iframe {
    /* position: absolute;
    top: 8%;
    left: 1%; */
    /* width: 98%;
    height: 92%; */
    width: 100%;
    height: 100%;
}
.popup-box iframe.image-video,
.popup-box iframe.iframe-video{
    /* height: 50%; */
    max-height: 720px;
}
.vtm-popup {
    height: 85vh !important;
}
.popup-box .popup-image-container{
    position: absolute;
    top: 8%;
    /* top: 13%;
    left: 1%;
    width: 98%;
    height: 92%; */
    /* display: inline !important; */
    /* display: block !important; */
    background-color: #fff;
    /* overflow: scroll; */
    /* margin: 0 24px; */
    margin: 0 110px;
}
/* .popup-box .popup-image-container img{
    display: block !important;
    width: 100%;
    height: auto;
} */
@media (max-width: 1440px) {
    .popup-box iframe.image-video,
    .popup-box iframe.iframe-video {
        /* height: 50%; */
        height: 50vw;
    }
}
@media (max-width: 767px) {
    .popup-box iframe.image-video,
    .popup-box iframe.iframe-video {
        /* height: 30%; */
    }
}
.modal-popup .dropdown__menu{
    background: transparent;
    overflow: hidden;
    max-height: initial;
}
.modal{
    z-index: 1902 !important;
}
.modal-backdrop{
    /* z-index: 1800 !important; */
    z-index: 1899 !important;
}
.btn-primary {
    background-color: #9900FF;
    border-color: #9900FF;
}
.btn-primary:focus, 
.btn-primary:hover{
    background-color: #38005D;
    border-color: #38005D;
}
.btn-outline-primary {
    border-color: #9900FF;
    color: #9900FF;
}
.btn-outline-primary:focus, 
.btn-outline-primary:hover{
    background-color: #fff;
    border-color: #38005D;
    color: #38005D;
}
.icon-free-enrolment{
    width: 29px;
    /* height: 30px; */
    margin-right: 0.5em;
}
.icon-download{
    width: 30px;
    height: 30px;
}
#image-video-popup{
    z-index: 2100 !important;
    padding-right: 0 !important;
}
.icon-online-event,
.icon-event-search{
    width: 50px;
    height: 50px;
}
.cal-filter-bar-mobi{
    position: relative;
}
.cal-filter-action-mobi{
    position: absolute;
    top: 43px;
    right: 27px;
    background: rgba(255,255,255,0.5);
    padding: 10px;
    border-radius: 5px;
    z-index: 3;
}
.event-details-page .container{
    padding-left: 0;
    padding-right: 0;
}
section.event-details-page{
    padding-bottom: 0;
}
.dropdown-toggle::after{
    background-image: url(/assets/img/icon/icon-arrow-acc-down-white.png);
    background-size: cover;
    width: 20px;
    height: 15px;
    font: 0/0 a;
    background-repeat: no-repeat;
    position: absolute;
    right: 4%;
    /* top: 10%; */
}
.dropdown-toggle.show::after{
    background-image: url(/assets/img/icon/icon-arrow-acc-up-white.png);
}
.icon-arrow-notice{
    /* width: 40px; */
    /* height: 16px; */
    width: 29px;
    height: 15px;
    /* background-image: url(/assets/img/icon/icon-arrow-notice.svg); */
    background-image: url(/assets/img/icon/icon-arrow-notice-purple.png);
    background-repeat: no-repeat;
    /* background-size: cover; */
    background-size: contain;
    display: inline-block;
    margin-left:4px;
}
a:hover .icon-arrow-notice{
    /* width: 40px;
    height: 16px;
    background-image: url(/assets/img/icon/icon-arrow-notice-h.svg);
    background-repeat: no-repeat;
    background-size: cover; */
}
.icon-arrow-notice-btn{
    width: 48px;
    height: 28px;
    /* background-image: linear-gradient(to right, #AF37A1 , #8105CE); */
    background-image: linear-gradient(to right, #ae37a0 , #8004ce);
    /* text-align: center; */
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1rem;
}
.icon-arrow-notice-white{
    width: 29px;
    height: 15px;
}
.header-logo{
    width: 101px;
    height: 63px;
}
.inner-page .header-logo {
    /*filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(0%) contrast(100%);*/
}
.header-top-logo {
    /* width: 250px; */
    width: 197px;
    /* height: 46.7px; */
    height: 37px;
}
.vtm-link {
    padding-right:20px;
}
.img-subscribe{
    max-width: 161px;
    max-height: 161px;
    width: 100%;
}
/* event lefttop icon */
.event-lefttop-box {
    position: absolute;
    z-index: 1;
    top: -1rem;
    /* left: -0.6rem; */
    left: -0.67rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.event-lefttop-text {
    position: absolute;
    /* top: 0.1rem; */
    top: 0.25rem;
    text-transform: uppercase;
    /* color: #000; */
    color: #fff;
    margin-left: -0.5rem;
}
.highlight-multi .performtype-box{
    /* display: inline-block; */
    display: flex;
    line-height: initial;
    /* height: 29px; */
    /* margin-top: 1rem; */
    margin-top: 0;
    position: relative;
    justify-content: left;
    flex-flow: wrap;
}
.highlight-multi .performtype-box .event-lefttop-text {
    position: relative;
    /* top: auto; */
    text-transform: uppercase;
    color: #fff;
    background-color: #9900FF;
    padding: 5px 10px;
    /* margin-left: auto; */
    /* margin-right: 0.5rem; */
    margin-right: 1rem;
    /* white-space: nowrap; */
    margin-left: 0rem;
    margin-top: 0.5rem;
}
.highlight-multi .event-title{
    margin-top: 1rem;
}
.lang-zh-cn .event-lefttop-text{
    /* font-weight: 500; */
}
.lang-zh-hk .event-lefttop-text{
    /* top: 0.13rem; */
    /* font-weight: bold; */
}
.event-lefttop-icon{
    height: 39px;
}
.event-lefttop-text-chinese-opera,
.event-lefttop-text-music,
.event-lefttop-text-drama,
.event-lefttop-text-dance{
    /* left: 0.6rem; */
}
.event-lefttop-chinese-opera{
    width: 166.5px;
}
.event-lefttop-community{
    width: 137px;
}
.event-lefttop-dance{
    width: 93.5px;
}
.event-lefttop-drama{
    width: 92.5px;
}
.event-lefttop-exhibition{
    width: 132.5px;
}
.event-lefttop-family-entertainment{
    width: 243.5px;
}
.event-lefttop-film{
    width: 71px;
}
.event-lefttop-lecture-talk{
    width: 159.5px;
}
.event-lefttop-multi-arts{
    width: 136px;
}
.event-lefttop-music{
    width: 95px;
}
.event-lefttop-online-series{
    width: 164px;
}
.event-lefttop-screening{
    width: 126.5px;
}
.event-lefttop-seminar{
    width: 103px;
}
.event-lefttop-variety-shows{
    width: 175.5px;
}
a.hover-dim figure::before,
.swiper-slide figure::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* height: calc(100% - 40px); */
    background-color: rgba(0,0,0,.25);
    opacity: 0;
    transition: opacity .5s;
}
a.hover-dim:hover figure::before{
    opacity: 1;
}
a.hover-dim .slider-play-btn{
    position: absolute;
    color: white;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    z-index: 2;
    width: inherit;
left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);    
}
.right-col a.hover-dim .slider-play-btn {
    /* left: auto;
    right: 28%; */
}
.icon-video-play {
    border-radius: 50%;
    width:5vw;
    height: 5vw;
}

.vr-btn .icon-vr-link {
    /* width: 5vw;
    height: 5vw;
    transform: translate(-50%, -150%);
    position: absolute;      */
}
.swiper-slide figure:hover::before{
    /* opacity: 1; */
}
.swiper-pagination-bullet {
    min-width: 8px;
    min-height: 8px;
    max-width: 12px;
    max-height: 12px;
    outline: 1px solid black
}
.swiper-pagination-bullets-dynamic{
    /* overflow: initial !important; */
}

@media (max-width:1070px) {

    .others--icons {
        /* margin-left: 0.9rem; */
        margin-left: 0;
    }
}
@media only screen and (max-width: 991px){
    .page-head__right #dropdown--search {
        display: none;
    }
    .foot-col {
        border-right: 1px solid !important;
    }
    .foot-col:last-child {
        border-right: none !important;
    }
    .page-nav__top{
        padding: 18px 1rem 1.813rem;
    }
    .head-border .icon-search-mobi, .head-border .icon-search, .head-border .icon-nav-mobi{
        filter: invert(1);
    }  
    .icon-search-mobi, .icon-search{
        width: 15px;
        height: 15px;
        filter: invert(1);
    }
    .icon-nav-mobi {
        width: 20px;
        height: 20px;        
        filter: invert(1);
    }
    .h-48px {
        height: 24.73px !important;
    }
    .header-mobi-search-title,
    .header-mobi-notice-title{
        padding: 18px 1rem 1.813rem;
    }

    .container--nav-mobi .page-nav__top{
        padding: 18px 1rem 0;
    }

    .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 0.3rem !important;
        /* margin: 0 0.75rem !important; */
    }
    /* .page-foot__top{
        padding: 1rem;
    } */
    .page-foot__top-right{
        margin-top: 0;
    }
    .foot-links{
        text-align: center;
    }
    .foot-links__item {
        font-size: 0.813rem;
    }
    .copyright{
        font-size: 0.813rem;
        margin: 0 auto;
    }
    .foot-top-left-m-logo img{
        width: 180px;
        height: 33px;
    }
    .foot-top-left-m-social .icon-facebook,
    .foot-top-left-m-social .icon-instagram,
    .foot-top-left-m-social .icon-twitter{
        /* width: 30px;
        height: 30px; */
    }
    .foot-top-left-m{
        /* margin-top: 1.5rem; */
        margin: 1.5rem 0;
    }
    .foot-top-left-m-social{
        margin-top: 2rem;
    }
    .foot-top-left-m-social a:nth-child(2){
        margin: 0 1.25rem;
    }
    .others__item--icon{
        padding: 0;
        width: 3rem;
        /* width: 2rem; */
    }
    .page-foot__top-btm{
        /* padding: 1rem !important; */
    }
    .page-foot__top-btm .container-fluid{
        padding: 0px;
    }
    .page-foot__top-right{
        /* margin: 0 auto; */
        padding: 0;
    }
    .page-foot__top-right .page-info{
        width: 100%;
    }
    .page-foot__top-right .page-info__text{
        font-size: 1rem;
        font-family: NotoSans-Regular;
        line-height: 2.25rem;
        /* padding: 0 1.5rem 0 1.281rem; */
        /* padding: 0 1.5rem 0 1.5rem; */
        padding: 0 1.25rem;
    }

    .page-foot-social{
        /* text-align: center; */
        margin: 1rem 1.25rem 1rem;
    }
    .header-effect-nav .page-foot-social{
        margin-left: 0;
    }
    .page-foot-social img{
        /* margin: 0 10px; */
    }
    .foot-links{
        display: flex;
        flex-direction: column;
        /* margin-bottom: 1rem; */
        text-align: left;
    }
    .footer-link-separate{
        display: none;
    }
    .modal.header-effect-notice,   
    .modal.header-effect-search {
        margin-top: 0px;
    }
    .header-effect-notice .dropdown--notice .dropdown__menu {
        height: calc(100vh - 74.72px);
    }
    .header-effect-search .header-mobi-search-title .btn-close{
        top: 1rem;
        right: 1.6rem;
    }
    .header-effect-notice .header-mobi-notice-title .btn-close{
        top: 0.5rem;
        right: 1.6rem;
    }
}
@media only screen and (max-width:375px){
    .others__item--icon{
        width: 2rem !important;
    }
    .header-effect-search .header-mobi-search-title .btn-close{
        top: 1rem;
        right: 1.2rem;
    }
    .header-effect-notice .header-mobi-notice-title .btn-close{
        top: 0.5rem;
        right: 1.2rem;
    }
}


/* shared - search filter with pagination */
.search-filter-bar {
    margin-bottom: 4.375rem;
}

.search-filter-bar .action, .highlight-multi .search-filter-bar .action, 
.highlight-multi .search-filter-bar-mobi .action {
    display: flex;
}
.highlight-multi .search-filter-bar-mobi .collapsible-action {
    /* margin-top: 1rem; */
}
/* .highlight-multi .search-filter-bar-mobi .collapsible-action .collapsible {
    background-color: #f0ecf3;
    color: #000000;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 1.2rem;
    border-top: 3px solid #c8c8c8;
    border-bottom: 1px solid #c8c8c8;
}
.highlight-multi .search-filter-bar-mobi .collapsible-action .collapsible:after {
    content: '\2228';
    color: #9900FF;
    font-size: 0.5rem;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}
.highlight-multi .search-filter-bar-mobi .collapsible-action .collapsible.active:after {
    content: "\2227";
    font-size: 0.5rem;
    font-weight: bold;
    color: #9900FF;
}
.highlight-multi .search-filter-bar-mobi .collapsible-action .content {
    padding: 0 18px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    background-color: #f1f1f1;
    border-top: 1px solid #c8c8c8;
    border-bottom: 1px solid #c8c8c8;
} 
.highlight-multi .search-filter-bar-mobi .collapsible-action .content .filter-select-group {
    padding: 1rem 0;
}*/
.highlight-multi .search-filter-bar-mobi .accordion-tabs-container{
    margin: 0;
}
.highlight-multi .search-filter-bar .filter-title {
    margin: 1rem 0.5rem 0.5rem;
}
.highlight-multi .search-filter-bar .filter-title > p {
    font-size: 1.3rem;
    font-weight: bold;
}
.highlight-multi .search-filter-bar .action .input-group-search, 
.highlight-multi .search-filter-bar-mobi .action .input-group-search {
    flex: auto;
}
.highlight-multi .search-filter-bar .action .filter-select-group, 
.highlight-multi .search-filter-bar-mobi .collapsible-action .content .filter-select-group {
    display: flex;
    flex-flow: wrap;
}
.highlight-multi .search-filter-bar .action .filter-select-group .filter-select-item {
    padding: 0.25rem 1rem;
    background: #ffffff;
    color: #5C009A;
    border: 2px solid #5C009A;
    border-radius: 25px;
    margin: 0.5rem 0.25rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.highlight-multi .search-filter-bar-mobi .collapsible-action .content .filter-select-group .filter-select-item,
.highlight-multi .search-filter-bar-mobi .content .filter-select-group .filter-select-item{
    padding: 0.25rem 1rem;
    background: #ffffff;
    color: #5C009A;
    border: 2px solid #5C009A;
    border-radius: 25px;
    margin: 0.5rem 0.25rem;
    cursor: pointer;
    display: inline-block;
}
.highlight-multi .search-filter-bar .action .filter-select-group .filter-select-item:hover, 
.highlight-multi .search-filter-bar .action .filter-select-group .filter-select-item.checked,
.highlight-multi .search-filter-bar-mobi .collapsible-action .content .filter-select-group .filter-select-item.checked,
.highlight-multi .search-filter-bar-mobi .content .filter-select-group .filter-select-item.checked
{
    background-image: linear-gradient(to right, #ae37a0 , #8004ce);
    /* border: 2px solid transparent; */
    border: 0;
    padding: 0.25rem 18px;
    color: #ffffff;
}
.highlight-multi .search-filter-bar .action .apply-filter > .filter-search-btn {
    /* min-width: 150px; */
    border-radius: 25px;
    margin: 1.5rem 0;
}
.search-filter-bar .input-group {
    /* border: 2px solid #000000; */
    /* border: 2px solid;
    border-image-slice: 1;
    border-width: 2px;
    border-image-source: linear-gradient( to right, #ae37a0, #8004ce ); */
    /* width: 16.875rem; */
    width: 18.875rem;
    /* height: 2.75rem; */
    /* height: 44px; */
    height: 52px;
    margin-right: 3rem;
    position: relative;
    border: 4px solid transparent;
    border-radius: 10px;
    background: linear-gradient( to right, #ae37a0, #8004ce );
    background-clip: padding-box;
    padding: 2px;
}
/*James 240809 */
.search-filter-bar-mobi .input-group {
    width: 18.875rem;
    height: 62px;
    margin-right: 0.5rem;
    position: relative;
    border: 4px solid transparent;
    border-radius: 10px;
    background: linear-gradient( to right, #ae37a0, #8004ce );
    background-clip: padding-box;
    padding: 2px;
}
.search-filter-bar .input-group::after{
    position: absolute;
    top: -4px; bottom: -4px;
    left: -4px; right: -4px;
    content: '';
    z-index: -1;
    border-radius: 16px;
}
.search-filter-bar .input-group-text, .search-filter-bar-mobi .input-group-text {
    border: none !important;
    background-color: #fff !important;
}
.search-filter-bar .form-text, .search-filter-bar-mobi .form-text {
    /* border: none !important; */
    border-color: transparent;
    /* outline: none !important; */
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    /* margin: 0; */
    margin: 0.1rem;
    font-size: 1rem;
    line-height: 1.375rem;
    padding-left: 0.5rem;
    color: #000;
    margin: 0;
    border-radius: 4px;
}
.highlight-multi .search-filter-bar .filter-search, .highlight-multi .search-filter-bar-mobi .filter-search {
    outline: none;
}
.highlight-multi .search-filter-bar-mobi .icon-search-mobi {
    width: 25px;
    height: 25px;
}
.search-filter-bar .form-select {
    border: none !important;
    /* padding: 0.375rem 2.25rem 0.375rem 0; */
    padding: 0.375rem 2.25rem 0.375rem 0.5rem;
    border-radius: 4px;
}
.search-filter-bar .icon-location {
    width: 28px;
    height: 28px;
}
.search-filter-bar .clear-filter {
    display: flex;
    white-space: nowrap;
    align-items: center;
    cursor: pointer;
}
.search-filter-bar .clear-filter span {
    opacity: 0.5;
    margin-left: 0.438rem;
}
.theme-programme-cards-display-container {
    display: flex;
    flex-wrap: wrap;
}
.theme-programme-cards-display-container .search-item {
    margin-bottom: 4.3125rem;
    /* width: 35.125rem; */
    /* max-width: 49%; */
    /* padding: 30px; */
    height: 450px !important;
    /* width: 50%; */
    width: 50%;
    /* max-width: 48%; */
}
.theme-programme-cards-display-container .pager-item {
    /* 20220903 Related Events style */
    margin-bottom: 4.3125rem;
    /* width: 35.125rem;
    max-width: 49%;
    padding: 30px; */
    height: 450px !important;
    /* width: 50%; */
    width: 50%;
    /* max-width: 48%; */
}
.pager {
    margin: 0px 5px;
}
.theme-programme-cards-display-container .pager-item:nth-child(2n+1),
.theme-programme-cards-display-container .search-item:nth-child(2n+1) {
    margin-right: auto;
}
.search-result-pagination-bar {
    padding: 2.3125rem 0 3.75rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.related-events-list-container .search-result-pagination-bar,
.event-highlighted-events-and-programmes-container .search-result-pagination-bar{
    padding-top: 0;
}
.search-pagination-prev, .search-pagination-next {
    width: 15px;
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #A800FF;
    position: relative !important;
    margin: 0 2.625rem;
}
.search-pagination-prev {
    margin-left: 0;
}
.search-pagination-next {
    margin-right: 0;
}
.search-pagination-prev:after, .search-pagination-next:after {
    font-family: swiper-icons;
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
    font-size: 1.625rem !important;
    font-weight: 900;
    color: #9900FF;
}
.search-pagination-next:after {
    /* content: 'next'; */
}
.search-pagination-prev:after{
    /* content: 'prev'; */
}
.search-pagination-next {
    background-image: url(/assets/img/icon/icon-slider-next-h.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 40px;
    height: 40px;
}
.search-pagination-prev {
    background-image: url(/assets/img/icon/icon-slider-prev-h.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
    width: 40px;
    height: 40px;
}
.search-pagination-number {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.875rem;
    text-align: center;
    color: #9900FF;
    width: 2.5rem;
    margin: 0 0.5rem;
    font-family: Montserrat-SemiBold;
}
.search-pagination-number.active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background-color: #9900FF;
    color: #fff;
    border-radius: 4px;
    height: 2.125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.125rem;
    margin: 0 0.65625rem;
    cursor: default;
}
.search-pagination-dots {
    width: 2.5rem;
    margin: 0 0.5rem;
    font-family: NotoSans-Regular;
    font-size: 1.5rem;
    line-height: 1.875rem;
    text-align: center;
    height: 1.875rem;
}
.search-filter-bar input.form-select[type="date"]{
    /* padding-right: 11px; */
    height: 40px;
}
input[type="date"]::-webkit-inner-spin-button {
    opacity: 0;
}

.event-circle-info {
    height: 71.76px;
    width: 71.68px;
    background-color: #FFFFFF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    color: #000;
    font-size: 1rem;
    line-height: 1.3075rem;
    position: absolute;
    bottom: -11px;
    right: -11px;
    transform: rotate(15deg);
    /* box-shadow: 1px 1px 11px 0 rgb(0 0 0 / 15%); */
    box-shadow: 1px 1px 11px 0 rgba(0,0,0,0.15);
}
.event-circle-info .event-circle-info-label {
    font-size: 1.3075rem;
}
.lang-zh-cn .event-circle-info{
    font-weight: 500;
    font-size: 18px;
}
.lang-zh-hk .event-circle-info{
    font-weight: bold;
    font-size: 18px;
    /* font-size: 12px;
    line-height: 12px; */
}
.event-circle-info-bg{
    transform: none;
    background-image: url(/assets/img/icon/icon-event-circle-bg.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    color: #fff;
    text-align: center;
    background-color: transparent;
    box-shadow: none;
    font-size: 0.7rem;
    line-height: 0.7rem;
}
.event-circle-info-bg span{
    text-transform: uppercase;
    width: 45px;
}
.event-circle-info-bg .event-circle-info-label {
    font-size: 1rem;
}
  a .event-title{

    /* margin: 1.1rem 0; */

    font-size: 1.5rem;

    line-height: 1.875rem;

    color: #000000;

    display: block;

    font-weight: 500;

}
.scale1Important{
    transform: scale(1) !important;
}
@media (max-width: 1200px) {    /* for container width*/
    .header-effect-nav.modal.fade.headerModal .modal-dialog{
        transform: translate(50px, 0px)
    }
    .header-effect-nav.modal.show.headerModal .modal-dialog{
        transform: none;
    }
    .header-effect-nav {
        width: 100%;
        min-width: unset;
    }
    .header-effect-nav .page-nav__top{
        margin: 1rem 0 2rem;
    }
    .header-effect-nav .page-nav__top button{
        top: 1.5rem;
    }
    .theme-programme-cards-display-container {
        /* margin: 0 0 0 -9px; */
        /* width: calc(100% + 9px); */
    }
    .theme-programme-cards-display-container .search-item {
        /* margin-bottom: 2.0625rem; */
        /* margin-bottom: 10.5625rem; */
    }

    span.always-inline {
        display: inline-block;
    }
    .highlight-multi .accordion-tabs{
        margin-bottom: 0;
    }
}
@media (max-width: 1010px) {
    .theme-programme-cards-display-container .pager-item,
    .theme-programme-cards-display-container .search-item {
        /* height: 400px !important; */
        height: 430px !important;
    }
}
@media (max-width: 900px) {
    .theme-programme-cards-display-container .pager-item,
    .theme-programme-cards-display-container .search-item {
        /* height: 320px; */
        width: 100%;
        max-width: 100%;
        /* height: 450px; */
        height: 400px !important;
        padding: 0;
    }
    .event-highlighted-events-and-programmes-page .theme-programme-cards-display-container .search-item,
    .related-events-list-container .theme-programme-cards-display-container .pager-item{
        margin-bottom: 10.5625rem;;
    }
    .section-whatson .slider--event .event-title span,
    .related-events-list-container .theme-programme-cards-display-container .pager-item a .event-title{
        font-size: 1.25rem;
        line-height: 1.625rem;
    }
}
@media (max-width: 700px) {

}
@media (max-width: 500px) {
    .theme-programme-cards-display-container .pager-item,
    .theme-programme-cards-display-container .search-item {
        height: 350px;
    }
}

/* shared - theme listing table */
div.search-result-list-content-table {
    width: 100%;
    margin-bottom: 1.6875rem;
}
div.search-result-list-content-table-header {
    /* background-color: rgb(83 0 139 / 8%); */
    background-color: rgba(83,0,139,0.08);
    height: 3.75rem;
    font-size: 0.875rem;
    font-family: OpenSans-SemiBold;
    color: #000;
    display: flex;
    align-items: center;
}
.search-result-table-programme-title {
    font-family: OpenSans-SemiBold;
    font-size: 0.875rem;
    width: 19.875rem;
    margin-left: 0.75rem;
}
.event-programme-search-page .search-result-pagination-bar {
    padding-bottom: 6.125rem;
}
.search-result-table-programme-title a {
    color: #670081 !important;
    text-decoration: underline !important;
}
.search-result-table-presenter {
    width: 8.8125rem;
    margin-left: 2.375rem;
}
.search-result-table-date-time {
    width: 9rem;
    margin-left: 2.375rem;
}
.search-result-table-type {
    width: 5.1875rem;
    margin-left: 2.375rem;
}
.search-result-table-venue {
    width: 4.25rem;
    margin-left: 2.375rem;
}
.search-result-table-ticket-price {
    width: 6.4375rem;
    margin-left: 2.375rem;
}
.search-result-table-contact-num {
    width: 5rem;
    margin-left: 2.6875rem;
    margin-right: 1.125rem;
}

.icon-whatsapp{
    width: 20px;
    height: 20px;
}
.icon-signal{
    width: 20px;
    height: 20px;
}
.dropdown--event-details-copied{
    position: absolute;
    left: 45%;
    top: 40%;
}
.dropdown--event-details-copied #btn-close-event-details-copied{
    top: -30px;
    right: 0px;
}
.event-details-copied-box{
    padding: 20px 40px;
}
.image-expand,
.popup-floor-image{
    margin: 0 auto;
    display: block;
    /* width: 90%; */
    width: 60vw;
    height: auto;
}
.modal-cal-event-filter-mobi{
    z-index: 1902 !important;
}
.modal-cal-event-filter-mobi .modal-dialog{
    margin: 0 !important;
}
.container--cal-event-filter-mobi{
    padding: 18px 28px 66px 22px !important;
}
.btn-show-filter-mobi{
    display: flex;
    align-items: center;
}
.icon-text-size{
    width: 30px;
    height: 30px;
    background-image: url(/assets/img/icon/icon-text-size.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.icon-text-size:hover {
    background-image: url(/assets/img/icon/icon-text-size-h.png);
}
.sidebar-content-desc .icon-time,
.sidebar-content-desc .icon-phone,
.sidebar-content-desc .icon-cal-website{
    width: 20px;
    height: 20px;
    /* width: 30px;
    height: 30px; */
    /* margin-right: 10px; */
    margin-right: 0.688rem;
    /* margin-top:5px; */
    margin-top:4px;
}
.icon-flex-box{
    display: flex;
    align-items: self-start;
}
.slider-auto-video{
    /* width: 100%;
    height: 51vw;
    max-height: 735px; */

    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    /* height: 100vh; */
    height: 56vw;
    transform: translate(-50%, -50%);
    border: none;
}
.sub-menu-video-banner .slider-auto-video{
    height: 57vw;
}
a.back-button-link:hover{
    text-decoration: underline !important;
}
.main-content{
    padding-bottom: 3rem;
}
.scroll-menu{
    display: flex;
    flex-direction: column;
    margin-bottom: 1rem;
}
.scroll-menu-link{
    text-align: left;
    width: fit-content;
}
.scroll-content .theme-hr{
    margin: 1rem 0;
}
.scroll-content-title{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 1rem;
}
.scroll-content-table{
    border: 1px solid rgba(7,1,12,0.08);
    width: 100%;
}
.scroll-content-table th{
    font-weight: bold;
    font-size: 18px;
    background-color: rgba(7,1,12,0.08);
    /* line-height: 3; */
    padding: 5px;
    border: 1px solid rgba(7,1,12,0.08);
    text-align: center;
}
.scroll-content-table td{
    padding: 5px;
    border: 1px solid rgba(7,1,12,0.08);
}
.scroll-content-table td:not(:first-child){
    text-align: center;
}
.scroll-content-details{
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}
.scroll-content-tooltip{
    color: #666;
    padding: 0;
    font-family: OpenSans-SemiBold;
    font-size: 0.75rem;
    /* margin: 0 10px; */
    margin: -5px 10px 0;
}
.icon-lights-white,
.icon-virtual-tour-white{
    width: 40px;
    height: 40px;
}
.logo-graphic-white{
    width: auto;
    height: 50px;
}
.icon-slider{
    /* display: flex; */
    padding-bottom: 10px;
}
.icon-slider .swiper-wrapper{
    justify-content: center;
    height: 120px;
    align-items: center;
}
.icon-slider-link{
    display: flex;
    flex-direction: column;
    text-align: center;
    height: 74px;
    /* width: 264px; */
    /* justify-content: space-evenly; */
    justify-content: end;
}
.icon-slider-img{
    margin: 0 auto;
    height: 50px;
    width: auto;
}
.icon-slider-link span{
    color: #fff
}
.icon-slider-link .icon-location-white{
    width: 30px;
    height: 30px;
}
.icon-slider-link .icon-search{
    width: 40px;
    height: 40px;
}
.icon-slider-pagination{
    text-align: center;
}
.icon-slider .swiper-slide a:hover{
    transform: scale(1);
}
.gallery{
    margin: 1rem 0 2rem;
}
.gallery:after {
    content: '';
    display: block;
    clear: both;
}
.gallery-item,
.gallery-sizer {
  width: 50%;
}
.gallery-item {
  float: left;
  height: 300px;
  /* border: 10px solid #fff;
  border-color: hsla(0, 0%, 0%, 0); */
  overflow: hidden;
  padding: 20px 20px 20px 0;
}
.gallery-item a.image-expand-link{
    height: inherit;
    display: block;
    padding-top: 20px;
}
.gallery-item-height2 { 
    height: 600px; 
}
.gallery-item-height2 a.image-expand-link{
    height: inherit;
    display: block;
    padding-top: 20px;
}
.gallery-img{
    object-fit: cover;
    width: 100%;
    height: inherit;
}
.icon-print-purple,
.icon-email-purple,
.icon-facebook-purple,
.icon-whatsapp-purple,
.icon-link-purple,
.icon-weibo-purple,
.icon-wechat-purple
{
    width: 20px;
    height: 20px;
    object-fit: contain;
}
.slider-inner-container{
    max-width: 1440px;
    margin: 0 auto;
}
.width-normal-table,
.width-full-table{
    margin: 2rem 0;
}
.width-normal-table .accordion-body-subtitle,
.width-full-table .accordion-body-subtitle{
    font-size: 2rem;
}
.width-full-table table{
    width: 100%;
}
.layout-table th,
.layout-table td{
    padding: 0 10px 0 0;
    vertical-align: top;
}
.data-table th,
.data-table td{
    /* padding: 5px; */
    padding: 5px 10px;
    vertical-align: top;
}
.data-table{
    border: 1px solid #cccccc;
}
.data-table th{
    background-color: #e7e6e7;
    font-size: 18px;
    /* line-height: 3.75rem; */
    min-height: 60px;
    vertical-align: middle;
}
.layout-table td span,
.data-table th span,
.data-table td span{
    text-align: center;
    display: block;
}
.btn-header-nav-back{
    all: unset;
    background-image: url(/assets/img/icon/arrow-up.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 24px;
    height: 24px;
    left: 0;
    position: absolute;
}
.btn-header-nav-expand{
    all: unset;
    background:url('/assets/img/icon/icon-down.svg');;
    background-repeat: no-repeat;
    background-size: contain;
    width: 24px;
    height: 24px;
    left: 0;
}

.flex-1{
    flex: 1;
}
.flex-2{
    flex: 2;
}
.w-full{
    width: 100%;
}
.border-x-0{
    border-left-width: 0px;
    border-right-width: 0px;
}
.leading-23rem{
    line-height: 2.3rem;
}
.grow{
    flex-grow: 1;
}
.text-right{
    text-align: right;
}
.style-unset{
    all: unset;
}
.button-shadow{
    box-shadow: 0 0 0 0.25rem rgba(13,110,253,.25);
}
.button-focus-shadow:focus{
    box-shadow: 0 0 0 0.25rem rgba(13,110,253,.25);
}
.hover-text-9900FF:hover{
    color: #9900FF;
}
.transition{
    transition: color .3s, background-color .3s;
}
.-right-01{
    right: -0.1rem;
}
.text-2rem{
    font-size: 2rem;
}
.mt-18px{
    margin-top: 18px;
}

.show{
    display: block;
}
.hide{
    display: none;
}
.font-18px{
    font-size: 18px;
}
.font-24px{
    font-size: 24px;
}
.w-96px{
    width: 96px;
}
.h-48px{
    height: 48px;
}
.mb-1rem{
    margin-bottom: 1rem;
}
.transition-transform{
    transition: transform 0.3s;
}
.ease-out{
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.effect-page .reveal {
    position: relative;
    opacity: 0;
}
.effect-page .reveal.effected {
    opacity: 1;
}
.effect-page .effected.fade-bottom {
    animation: fade-bottom 1s ease-in;
}
.z-1{
    z-index: 1;
}
.p-4px{
    padding: 4px;
}
.text-09rem{
    font-size: 0.9rem;
}
.overflow-hidden{
    overflow: hidden;
}
.text-ellipsis{
    text-overflow: ellipsis;
}
.whitespace-nowrap{
    white-space: nowrap;
}
.underline{
    text-decoration-line: underline;
}
.pt-8px{
    padding-top: 8px;
}
.pb-8px{
    padding-bottom:8px;
}
.pl-4px{
    padding-left:4px
}
.pl-8px{
    padding-left:8px
}
.border-b{
    border-bottom: 1px solid black;
}
.border-9B86A9{
    border-color:#9B86A9
}
.border-f6f6f6{
    border-color:#f6f6f6
}
.items-center{
    align-items: center;
}
.aspect-video{
    aspect-ratio: 16 / 9;
}
.object-cover{
    object-fit: cover;
}
@keyframes fade-bottom {
    0% {
      transform: translateY(50px);
      opacity: 0;
    }
    100% {
      transform: translateY(0);
      opacity: 1;
    }
}
@keyframes fade-left {
    0% {
      transform: translateX(-100px);
      opacity: 0;
    }
    100% {
      transform: translateX(0);
      opacity: 1;
    }
}
@keyframes fade-right {
    0% {
      transform: translateX(100px);
      opacity: 0;
    }
    100% {
      transform: translateX(0);
      opacity: 1;
    }
}
@media (min-width: 1440px) {
    .slider-inner-container .container-fluid{
        max-width: 1440px;
        overflow: hidden;
    }
    .venue-slider-container .slider-inner-container .container-fluid{
        overflow: hidden;
    }
}
@media (max-width: 1440px) {
    .slider-auto-video{
        width: 141vw;
        height: 82vw;
    }
    .sub-menu-video-banner .slider-auto-video{
        height: 57vw;
    }
}
@media (max-width: 1200px) {
    .search-result-pagination-bar {
        padding-top: 1.4375rem;
    }
    .search-pagination-number, .search-pagination-dots {
        margin: 0 0.4290625rem;
        width: 2.144375rem;
    }
    .search-pagination-number.active {
        margin: 0 0.5621875rem;
        width: 1.823125rem;
    }
    .search-pagination-prev {
        margin-right: 2.14525rem;
    }
    .search-pagination-next {
        margin-left: 2.14525rem;
    }
    .search-result-list-content-table-mobile {
        /* margin-left: -20px;
        margin-right: -20px; */
    }
    .search-result-list-content-table-mobile .search-result-list-content-table-row {
        display: block;
        height: initial;
        margin-bottom: 0.75rem;
        /* border-top: solid 1px rgb(0 0 0 / 20%); */
        border-top: solid 1px rgba(0,0,0,0.2);
        width:100%;
    }
    .search-result-list-content-table-sub-row {
        display: flex;
    }
    .search-result-list-content-table-sub-row > *:first-child {
        width: 23.846%;
        margin: 0;
        /* background-color: rgb(83 0 139 / 8%); */
        background-color: rgba(83,0,139,0.08);
        min-width: 23.846%;
        padding: 0.5rem 0.3125rem 0.3125rem 0.5rem;
        font-size: 0.75rem;
        line-height: 1.125rem;
        font-weight: bold;
    }
    .search-result-list-content-table-sub-row > *:nth-child(2) {
        width: 76.154%;
        margin: 0;
        /* background-color: rgb(255 255 255 / 80%); */
        background-color: rgba(255,255,255,0.8);
        min-width: 76.154%;
        padding: 0.5rem 0.9375rem 0.3125rem;
        font-size: 0.8125rem;
        line-height: 1.125rem;
    }
    .search-result-list-content-table-sub-row:last-child > * {
        padding-bottom: 1rem;
    }
    .search-result-list-content-table-sub-row:first-child > * {
        padding-top: 0.75rem;
    }


    .event-programme-search-page .search-result-pagination-bar {
        padding-top: 2.715rem;
        padding-bottom: 6.625rem;
    }

    .icon-online-event,
    .icon-event-search{
        width: 30px;
        height: 30px;
    }
    button.purple-button {
        font-size: 1.125rem;
        line-height: 1.625rem;
    }
    .mob-pl-4px{
        padding-left:4px
    }
}
@media (max-width: 991px) {
    .slider-auto-video{
        width: 171vw;
        height: 97vw;
    }  
}
@media (max-width: 900px) {
    .search-result-pagination-bar {
        padding-top: 6rem;
    }
    .related-events-list-container .search-result-pagination-bar,
    .event-highlighted-events-and-programmes-container .search-result-pagination-bar{
        padding-top: 2rem;
    }
}
@media (max-width: 768px){
    .page-head__top .container{
        /* padding: 0 1rem; */
    }
    .slider-auto-video{
        width: 264vw;
        height: 149vw;
    }
}
@media (max-width: 600px){
    .btn-close {
        top:1.4rem;
    }
    .event-highlighted-events-and-programmes-page .theme-programme-cards-display-container .search-item,
    .related-events-list-container .theme-programme-cards-display-container .pager-item{
        margin-bottom: 4.5625rem;
    }
    .search-result-pagination-bar {
        padding-top: 0rem;
    }

}
@media (max-width:575px) {
    button.purple-button{
        margin: 0 auto;
        display: block;
    }
}
@media (max-width: 500px){
    .slider-auto-video{
        width: 307vw;
        height: 175vw;
    }
    .icon-slider-link span{
        font-size: 14px;
    }
    .sub-menu-video-banner .slider-auto-video{
        /* width: 100vh; */
        width: 141vw;
        height: 82vw;
    }.form-btn-container .form-btn .btn-outline-primary,
    .form-btn-container .form-btn .btn-primary,
    button.purple-button,
    .btn-free-enrolment,
    .event-details-buy-ticket a{
        font-size: 1rem !important;
    }
    .event-highlighted-events-and-programmes-page .theme-programme-cards-display-container .search-item,
    .related-events-list-container .theme-programme-cards-display-container .pager-item{
        margin-bottom: 1rem;
    }
    .search-result-pagination-bar {
        padding-top: -3rem;
    }
    .left-col, .right-col {
        padding: 2.5rem 40px !important;
    }
}
@media (max-width: 425px){
    .slider-auto-video{
        width: 412vw;
        height: 232vw;
    }
    .icon-slider-img{
        height: 37px;
    }
}
@media (max-width: 375px) {
    button.purple-button{
        /* min-width: 250px; */ 
    }
}
@media (max-width: 350px) {
    button.purple-button{
        /* min-width: 250px; */ 
        font-size: 14px !important;
    }
}
@media (max-width: 305px) {
    .popup-box{
        height: 110vh;
    }
}

@media only screen and (max-width: 1200px) and (min-width: 769px) {
    .cal-info {
        width: 50%;
        margin: 0 auto;        
    }
}

/* New style */

body {
    margin:0;
}
header .container-fluid {
    padding:0px;
}


.page-head__left,
.page-head__right {
    width: 33%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;    
    /* -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;     */
}
.page-head__right #dropdown--search #icon-search-mobi {
    display: block !important;
}
.swiper-button-prev {
    bottom: 0 !important;
    top: 100% !important;    
}

.section-orange {
    background-color: var(--section-orange);
}
.section-lorange {
    background-color: var(--section-lorange);
}
.section-yellow {
    background-color: var(--section-yellow);
}
.section-lightyellow {
    background-color: var(--section-lightyellow);
}
.section-dgreen {
    background-color: var(--section-dgreen);
}
.section-ngreen {
    background-color: var(--section-dgreen);
}
.section-lightgreen {
    background-color: var(--section-lightgreen);
}
.section-purple {
    background-color: var(--section-purple);
}
.section-peach {
    background-color: var(--section-peach);
}
.section-pink {
    background-color: var(--section-pink);
}
.section-dblue {
    background-color: var(--section-dblue);
}
.section-nblue {
    background-color: var(--section-nblue);
}
.section-lblue {
    background-color: var(--section-lblue);
}
.section-dgrey {
    background-color: var(--section-dgrey);
}
.section-ngrey {
    background-color: var(--section-ngrey);
}
.section-lgrey {
    background-color: var(--section-lgrey);
}
.section-elgrey {
    background-color: var(--section-elgrey);
}
.section-mustard {
    background-color: var(--section-mustard);
}


.main-nav ul li{
    list-style-type: none;
}
.main-head {
    padding: 0 41px;
}
.navbar{
    padding: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    max-height: 100vh;
    display: flex;
    flex-direction: column;
    z-index: 10;
}
.navbar-toggler{
    display: block;
    border: none;
    background: transparent;
    font-size: 1.8rem;
    cursor: pointer;
    padding: 0.2rem 0.5rem;
    transition: all 0.4s ease;
    border: 2px solid #000;
    border-radius: 4px;
}
.navbar-toggler:hover{
    opacity: 0.7;
}
.navbar-collapse{
    overflow-y: scroll;
    display: none;
}
.navbar-nav > li > a{
    display: block;
    position: relative;
    color: #fff;
    font-size: 1.125rem;
}
  .navbar-nav > li > a:hover {
    color:#fff;
  }
.inner-page .navbar-nav > li > a{
    /* text-transform: uppercase; */
    display: block;
    position: relative;
    color: #fff;
}
.drop-icon{
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}
.navbar-nav > li .sub-menu {
    border-bottom: 1px solid #fff;
}
.sub-menu h4{
    text-transform: capitalize;
    font-size: 1rem;
    padding: 0.5rem 0;
}
.dropdown__menu a:focus-visible,
.mobile-accordion .accordion-button:focus-visible,
.btn-close:focus-visible {
    outline: auto;
    outline-color: #000;
    box-shadow: none;
}
.sub-menu ul li{
    width: fit-content;
}
.sub-menu ul li a{
    opacity: 0.8;
    /* transition: padding 0.5s ease; */
    transition: all 0.5s ease;
}
.sub-menu ul li a:hover{
    padding-left: 14px;
    opacity: 0.9;
}
.sub-menu ul li p{
    line-height: 1.5rem;
    color: #fff;
}
.sub-menu{
    display: none;
    padding:0 41px;
    border-top: 1px solid #fff;
}
.sub-menu-item{
    padding-left: 1.2rem;
    padding-top: 9px;
    padding-bottom: 9px;
}
.sub-menu-item:nth-child(3){
    background: #ddd;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.sub-menu-item:nth-child(3) h2{
    text-transform: capitalize;
    margin: 1.5rem 0;
}
.sub-menu-item:nth-child(3) .btn{
    border: 1px solid #000;
    text-transform: uppercase;
    font-size: 0.9rem;
    padding: 0.6rem 1rem;
    cursor: pointer;
    background: #000;
    color: #fff;
    transition: all 0.5s ease;
}
.sub-menu-item:nth-child(3) .btn:hover{
    background: transparent;
    color: #000;
}
.sub-menu-item:nth-child(4){
    width: 50%;
    margin: 0 auto;
    padding: 2rem 0;
}

/* header */
.scrolling-head .header-logo {
    height: 63px;
}

.scrolling-head .page-logo {
  padding: .75rem 0px;
  transform: translate(0px, 0px); /* Final position (translated 50px on x and y axes) */
}

.arrow-up {
    width: 0; 
    height: 0; 
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #fff;
    margin:-15px auto 0px auto;
}
.headerModal {
    height: 100vh;
}
.li-nav,
.mobile-search,
.other-search {
    display: none;
}
.language-switcher {
    display: flex;
    align-items: center;
}


.langbtn {
    padding: 16px;
    font-size: 16px;
    border: none;
    background: transparent;
    color:#fff;
    margin-left: -10%;
}
header:hover .language-switcher:after {
    content: '';
    background:url('/assets/img/icon/icon-down.svg');
    width:24px;
    height: 24px;
    display: block;     
  filter:invert(1);
}
header:hover .language-switcher:hover:after,
.language-switcher.active:after {
    content: "";
    background:url('/assets/img/icon/icon-up.svg');
    width:24px;
    height: 24px;
    display: block; 
  filter:invert(1);  
}
.language-switcher:after {
    content: "";
    background:url('/assets/img/icon/icon-down.svg');
    width:24px;
    height: 24px;
    display: block;
  filter:invert(1);  
}
/* .language-switcher:hover:after,
.language-switcher.active:after {
    content: "";
    background:url('/assets/img/icon/icon-up.svg');
    width:24px;
    height: 24px;
    display: block; 
} */

.language-switcher-content {
    display: none;
    position: absolute;
    min-width: 125px;
    top: 60px;
    z-index: 1;
    background-color: #fff;
    box-shadow: 0px 0px 45px -2px rgba(0,0,0,0.44);
-webkit-box-shadow: 0px 0px 45px -2px rgba(0,0,0,0.44);
-moz-box-shadow: 0px 0px 45px -2px rgba(0,0,0,0.44);    
}

.language-switcher-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.language-switcher.hover .language-switcher-content,
.language-switcher .language-switcher-content.show {  
    display: block;
    z-index:99;
    text-align: center;
    margin-left: -20%;    
}
.resultList li {
    border-bottom: 1px solid #000;
    padding: 20px 0px 40px 0px;
}
.noresultli li {
    display: list-item;
    list-style-type: disc;    
    padding: 0px;
    border-bottom: 0px;
}
.resultList li .itemTitle {
    overflow-wrap: break-word;
    font-size: 1.25rem;
    padding: 10px 0px;
  font-weight:bold;
}
.resultList li .linkInfo a {
    font-size: 1rem;
    color: #757575;
}

.pagination-container .resultList {
    list-style: none;
}
.pagination-container .resultList li {
    padding: 0px;   
    border-bottom: 0px;
}
.pagination-container .resultList li a {
    font-size: 1.1rem;
    margin: 0.25rem 0.25rem;
    height: 2.5rem;
    width: 2.5rem;
    display: block;
    text-align: center;
    color: #000000;
    border-bottom: 2px solid transparent;
}
.pagination-container .resultList li a.active {
    border-bottom: 2px solid #ffffff;
    border-radius: 0px;
}
#prev-search:after {
    content: '';
    background:url('/assets/img/icon/icon-prev.svg');
    width: 24px;
    height: 24px;        
    display: block;
}
#prev-search.disabled:after {
    opacity: 0.2;
}
#next-search:after {
    content: '';
    background:url('/assets/img/icon/icon-next.svg');
    width: 24px;
    height: 24px;        
    display: block;
}
#next-search.disabled:after {
    opacity: 0.2;
}
.search-content {
    background-color: #EDEDED;
}
.search_box {
    position: relative;
}
@media only screen and (max-width:991.98px){
    .d-flex {
        flex-direction: row;
    }
    .language-switcher,
    .li-search,
    .opening-hour,
    .vtm-link {
        display: none !important;
    }
    .mobile-vtm {
     display:flex !important; 
    }
    .li-nav,
    .mobile-search,
    .other-search {
        display: block !important;
    }  
    .modal-popup .btn-close{
        width: 36px !important;
        height: 36px !important;
        max-width: 36px;
        max-height: 36px;
    }
    .modal-popup .dropdown__menu .btn-close {
        right: 2rem;
        top: 2rem;
    }     
    .foot-row-start {
        flex-direction: row !important;
    }  
}  
@media screen and (min-width: 768px) and (max-width:991.98px){
    .page-head__inner__top {
        padding:0px 41px;
    }
    .page-head__bottom {
        position: absolute;
        top: 0;
        /* height: 100vh; */
        /* display: block; */
        z-index: 9999;
        width: 100%;        
    }
}
@media screen and (max-width: 767px){
    .page-head__inner__top {
        padding:0px 1rem;
    }
}

/* Media Queries */
@media screen and (min-width: 992px){
    .navbar{
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        position: relative;
    }
    .navbar-toggler{
        display: none;
    }
    .navbar-collapse{
        display: block!important;
        overflow-y: hidden;
        flex: 1 0 auto;
    }
    .navbar-nav{
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        flex-direction: row;
    }
    .navbar-nav > li {
        /* padding: 1rem 2rem; */
    }
  .navbar-nav > li > a,
    .inner-page .navbar-nav > li > a {
    padding: 14.5px 1.8rem;
    }
    .navbar-nav > li > a p{
        border-bottom: 2px solid transparent;
       font-weight:400;
    }
    .sub-menu{
        position: absolute;
        left: 0;
        width: 100%;
        top: 100%;
        background: rgb(81,82,84, .95);
    }
    .navbar-nav > li.hover .sub-menu,
    .navbar-nav > li .sub-menu.active {
        display: block!important;
        grid-template-columns: repeat(2, 1fr);
        padding: 0 5rem;
    }
    .navbar-nav > li:hover .sub-menu-item a,
    .navbar-nav > li .sub-menu-item.active a {
        border-bottom: none;
    } 
    /* .navbar-nav > li .sub-menu{
        padding: 0 5rem;
    }
    .navbar-nav > li .sub-menu-item a {
        border-bottom: none;
    }   */
    /* .navbar-nav > li:hover>a, .navbar-nav > li.active>a{ */
    .navbar-nav > li:hover a p, .navbar-nav > li.active > a.nav-link p, .navbar-nav > li .sub-menu.active a:focus p {
        border-bottom: 2px solid #ffffff;
        width: fit-content;
      color:#fff;
    }
  .navbar-nav > li:hover > .sub-menu a p, .navbar-nav > li.active .sub-menu > a p {
    border-bottom: 0px;
  }

    a.nav-link {
        display: flex;
        align-items: center;
    }
    .sub-menu-item a.nav-link:before {
        content: '';
        background-color: transparent;
        width: 8px;
        height: 8px;
        border-radius: 50px;
        margin-right: 10px;
    }
    .sub-menu-item a.nav-link.active:before {
        content: '';
        background-color: #fff;
        width: 8px;
        height: 8px;
        border-radius: 50px;
        margin-right: 10px;
    }
    .sub-menu-item{
        padding-left: 0;
        width: 50%;
        float: left;
        /* padding:20px; */
    }
    .sub-menu-item:nth-child(3){
        padding-left: 2rem;
        padding-right: 2rem;
    }

    /* header */
    .header{
        height: calc(100vh - 75px);
        top: 0px;
    }
    .header-hidden {
        top: -230px;
      display:none;
    }
    .header h2{
        font-size: 6rem;
    }
    .header p{
        width: 40%;
    }
    .sub-menu-item{
        border-left:1px solid #fff;
    }
    .sub-menu-item:last-child {
        border-right:1px solid #fff;
    }    
}
  @media screen and (min-width: 1440px){
    .navbar-nav > li > a,
      .inner-page .navbar-nav > li > a{
      padding: 14.5px 4rem;
    }    
  }
.navbar-nav {
    max-width: 1920px;
    margin: 0 auto;
    padding: 0 1rem;
}
.sub-menu-inner {
    display: flex;
        max-width: 1920px;
        width: 100%;
        margin: 0 auto;
        justify-content: space-evenly;
}
.listen-btn,
.details-btn {
    background: #FFFFFF 0% 0% no-repeat;
    padding: 22px 10px;
    border: 1px solid #000000;
    border-radius: 32px;
    max-height: 40px;
    display: flex;
    align-items: center;
    margin: 0 auto;
    width: 110px;
    justify-content: space-evenly;
    color: black;
    font-weight: 200;    
    margin: 0 auto;
}
.plan-btn {
    background: #FFFFFF 0% 0% no-repeat;
    padding: 22px 10px;
    border: 1px solid #000000;
    border-radius: 32px;
    max-height: 40px;
    display: flex;
    align-items: center;
    margin: 0 auto;
    width: 180px;
    justify-content: space-evenly;
    color: black;
    font-weight: 200;    
    margin: 0 auto;
}
.listen-btn:hover,
.details-btn:hover,
.plan-btn:hover {
    background: #000000 0% 0% no-repeat;
    color: #fff; 
}
.details-btn:after,
.plan-btn:after {
    content: "";
    background: url("/assets/img/icon/icon-next.svg");
    width:28px;
    height: 28px;
    display: block;
}
.listen-btn:after {
    content: "";
    background: url("/assets/img/icon/icon-audio.svg");
    width:20px;
    height: 20px;
    display: block;
}
.listen-btn:hover:after,
.details-btn:hover:after,
.plan-btn:hover:after {
    filter: brightness(0) saturate(100%) invert(100%) sepia(2%) saturate(421%) hue-rotate(101deg) brightness(121%) contrast(100%);
}

ul.opening-hour .open:before,
ul.opening-hour.opened-white p:before,
ul.opening-hour .closed:before {
    content: "";
    width:20px;
    height: 20px;
    display: block;
    margin-right: 10px;   
}
ul.opening-hour .open:before {
    background: url("/assets/img/icon/icon-opening-hours-white.png");
}
ul.opening-hour.opened-white p:before {
    background: url("/assets/img/icon/icon-opening-hours.png");
}
ul.opening-hour .closed:before {
    background: url("/assets/img/icon/icon-opening-hours-closed-white.png");
}
ul.opening-hour.opened-white p.closed:before {
    background: url("/assets/img/icon/icon-opening-hours-closed.png");
}


#grouped-hours-list .label,
#visit-hours-list .label {
    font-size: 1.25rem;
    color: #444444;
}
#grouped-hours-list .time,
#visit-hours-list .time {
    font-size: 1.5rem;
    color: #000000;
    align-items: center;
    display: flex;    
}
/* #grouped-hours-list .today .time:after {
    content: 'Today';
    background: #ffa500;
    color: #000;
    padding: 5px 20px;
    border-radius: 50px;
    margin-left: 8px;
    font-size: 0.875rem;
} */
.today-tag {
    background: #ffa500;
    color: #000;
    padding: 5px 20px;
    border-radius: 50px;
    margin-left: 8px;
    font-size: 0.875rem;    
} 
.opening-hour p {
    align-items: center;
    color: #fff;
    display: flex;
}
.inner-page .opening-hour p {
    padding-left: 10px;
}

/* footer */
.foot-row-start {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr;
}
.foot-row {
    padding: 0;
    width: 100%;
    --bs-gutter-x: 0rem;
    margin: 0;
}
.foot-row .full-inner {
    padding-top:20px;
    padding-bottom: 20px;
}
.foot-col {
    border-right:1px solid;
    padding:40px;
}
.foot-col .sec-col a{
    line-height: 30px;
}
.foot-col:last-child {
    border-right:0px;
}
.foot-col .page-info__details {
    padding: 0rem;
}
.foot-col .page-info__details p {
    font-size: 1.5rem;
}
.foot-title {
    font-size: 1.5rem;
}
.head-border {
    border-bottom:1px solid;
}
.foot-subtitle {
    color: #7C6941;
    text-transform: uppercase;
}
.foot-full-col {
    padding-left:41px;
    padding-right:41px;
}
 

.museum-info {

    list-style: none;

    padding-left: 0px;

}

.museum-info li {

    display: flex;

    align-items: center;

    padding-bottom: 10px;

}

.museum-info li p {

    padding-left: 20px;

}

.museum-location:before {

    content: "";

    background: url('/assets/img/icon/icon-address.svg');

    width:21px;

    height:20px;

    display: block;

    float: left;

}

.museum-map:before {

    content: "";

    background: url('/assets/img/icon/icon-map.svg');

    width:20px;

    height:20px;

    display: block;

    float: left;

}

.museum-opening:before {

    content: "";

    background: url('/assets/img/icon/icon-date.svg');

    width:20px;

    height:20px;

    display: block;

    float: left;
}
.swiper02 {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .footer-slide {
    text-align: center;
    height: calc((100% - 30px) / 2) !important;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 150px;
  }
  .footer-slide>a:focus-visible {
    outline-offset: -1px;
  }

  .footer-slide a:before {
    display: none;
  }

@media (max-width:991.98px) {
    .page-foot__top-left {
        max-width: 100%;
    }
    .page-foot__top-b{
        margin-bottom: 30px
    }
}

.page-foot__top-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.page-foot__top-right .page-info{
    width: 26rem;
}
@media (max-width:991.98px) {
    .page-foot__top-right {
        max-width: 100%;
        -ms-flex-preferred-size: 100%;
        /* flex-basis: 100%; */
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media (max-width:768px) {
    .page-foot__top-right {
        /* margin-top: 50px; */
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    } 
}
.page-foot__bottom {
    padding:20px 41px !important;
    justify-content: space-between;
    align-items: end;
}
.page-foot__top-btm {
    padding: 18px 41px;
    position: relative;
}
.page-foot__top-btm .container-fluid{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: calc(100% - 28px - 28px);
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    padding-left:0;
    padding-right: 0;
}
.page-foot__top-btm img{
    margin: 5px 10px 5px 0;
    object-fit: contain;
}
.footslide {
    max-width: 1920px;
    display: flex;align-items: center;
}

.foot-links {
    margin: 0;
    padding: 0 0 1rem 0;
    list-style: none !important;
    /* margin-right: 1.25em; */
    /* margin-bottom: 0.5em */
    line-height: normal;
}

.foot-links__item {
    position: relative;
    display: inline-block;
    vertical-align: top;
    /* margin-bottom: .3125em */
}

.foot-links__item:not(:last-child) {
    margin-right: 0.5rem;
}

.foot-links__link {
    font-family: NotoSans-Regular;
}

a.foot-links__link:focus,
a.foot-links__link:hover {
    text-decoration: underline;
}
.foot-links .foot-links__item,
.foot-links a{
    font-family: NotoSans-Regular;
    font-size: 0.813rem;
    color: #000;
}
.icon-back-to-top {
    rotate: -45deg;
    width: 50px;
    height: 50px;
    top: 0;
    transition: top ease 0.5s;    
    position: relative;
    background: #fff;
    border-radius: 100%;
    padding: 10px;    
}
.icon-back-to-top:hover {
    top: -10px;
}
#confirm-date {
    display: none !important;
}
@media (max-width:767px) {
    .others__item--icon{
        padding: 1.1878rem 0;
        /* width: 3rem; */
    }
    .others__item--icon{
        display: flex !important;
    }    
   .li-search {
    display:none !important;
  }
.li-search.mobile-search {
    display:block !important;
  }   
    .foot-row-start {
        display: block !important;
    }
    .foot-col:nth-child(2) {
        border-right: none !important;
    }
    .foot-col {
        border-bottom: 1px solid #000;
    }
    .foot-col:last-child {
        border-bottom: none !important;
    }
    .page-foot-social {
        text-align: center;
    }
    .foot-row .full-inner {
        padding-bottom: 0px;
    }
    .d-flex {
        flex-direction: column;
    }
    .page-foot__bottom {
        align-items: start;
    }
    .left-col {
        border-right: none !important;
        border-bottom: 1px solid;
    }
    .museum-info li p {
        font-size: 0.875rem;
    }
    .museum-info li {
        align-items: start;
    }
}
@media screen and (min-width: 768px) and (max-width:1920px){
    .navbar-nav,
    .page-head__inner__top {
        max-width: var(--medimum-width);
        margin: 0 auto;
    }
  .sub-menu-inner {
    max-width:1440px;
  }    
}

@media (max-width: 768px) {
#vtm-popup .container--popup {
    max-width: 90% !important;
}   
  #vtm-popup .popup-box {
    padding-top:2rem;
  }

.page-info__details,
.foot-subtitle {
    font-size: 1.125rem;
}
.foot-col .page-info__details p {
    font-size: 1.125rem;   
}    
.foot-title {
    font-size: 1rem;
}
  .header-effect-nav .container--nav .others__link_en {
    font-weight:600;
  }    
    .page-head__bottom {
        position: absolute;
        top: 0;
        /* height: 100vh; */
        /* display: block; */
        z-index: 9999;
        width: 100%;        
    }
    .foot-row-start {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto;
        grid-template-areas: 
            "item1 item2"
            "item3 item3";
    }

    .foot-col:nth-child(1) {
        grid-area: item1;
        padding: 20px;
    }

    .foot-col:nth-child(2) {
        grid-area: item2;
        padding: 20px;
    }

    .page-foot__top-b{
        margin-bottom: 0px
    }   
    .foot-full-col {
    padding-left: 20px;
    padding-right: 20px;
} 
    .foot-col:nth-child(3) {
        grid-area: item3;
        padding: 20px;
    }   
    .icon-search-mobi, .icon-search {
        filter: invert(1);
    }
    .mobile-footer-bottom-menu {
        display: block;
    }
    .mobile-footer-bottom-menu .mobile-bottom {
        text-align: center;
    }
    .mobile-footer-bottom-icon {
        padding-top:20px;
    }
    .desktop-footer-bottom-menu {
        display: none;
    }
    .mobile-footer-bottom-menu {
        display: block;
    }
}
 @media only screen and (max-width: 768px) {
    #pagination {
        flex-direction: row !important;
    }
 }
  
  /* floor plan */
.floor-plan-link{
    cursor:pointer;
}
.floor-plan-popup .container.container--popup{
    max-width:100% !important;
}
.floor-plan-popup .popup-box .floor-plan-container {
    display: flex;
    width: 100%;
    height: 100%;
    max-width:1600px;
    max-height:800px;
    position:relative;
    overflow: hidden;
  }
  .floor-plan-popup .popup-box .floor-plan-container .floor-plan {
    flex:3;
    width:100%;
    overflow: hidden;
    position: relative;
  }
  .floor-plan-popup .popup-box .floor-plan-container .floor-plan .map{
    width:100%;
    height:100%;
    touch-action: none;
  }
  .floor-plan-popup .popup-box .floor-plan-container .floor-plan .HM-logo{
      position: absolute;
      top: 20px;
      left: 20px;
      z-index: 2;
    display:none;
  }
  .floor-plan-popup .popup-box .floor-plan-container .floor-plan .Back{
      position: absolute;
      top: 23px;
      right: 62.5px;
      z-index: 2;
      cursor:pointer;
  }
  .floor-plan-popup .popup-box .floor-plan-container .floor-plan .Back>button {
      user-select: none;
      background: white;
      padding: 2px 4px;
      box-shadow: 0px 0px 8px 1px lightgray;
      font-size: 14px;
      border:none;
    color:#000;
  }
  .floor-plan-popup .popup-box .floor-plan-container .floor-plan .English{
      position: absolute;
      top: 23px;
      right: 25.5px;
      z-index: 2;
  }
  .floor-plan-popup .popup-box .floor-plan-container .floor-plan .top-transprant-background{
    position: absolute;
    top: 0;
    height: 80px;
    background: linear-gradient(180deg, white, transparent);
    width: 100%;
    left: 0;
    z-index: 1;
    pointer-events: none;
  }
  .floor-plan-popup .popup-box .floor-plan-container .floor-plan .left-transprant-background{
    position: absolute;
    top: 0;
    height: 100%;
    background: linear-gradient(90deg, white, white 50%, transparent);
    width: 180px;
    left: 0;
    z-index: 1;
    pointer-events: none;
  }
  .floor-plan-popup .popup-box .floor-plan-container .floor-plan .left-gf-button{
    position:absolute;
    z-index: 2;
    top: calc(50% + 70px);
    left: 30px;
    transform: translateY(-50%);
  }
  .floor-plan-popup .popup-box .floor-plan-container .floor-plan .left-1f-button{
    position:absolute;
    z-index: 2;
    top: 50%;
    left: 30px;
    transform: translateY(-50%);
  }
  .floor-plan-popup .popup-box .floor-plan-container .floor-plan .left-2f-button{
    position:absolute;
    z-index: 2;
    top: calc(50% - 70px);
    left: 30px;
    transform: translateY(-50%);
  }
  .floor-plan-popup .popup-box .floor-plan-container .floor-plan .left-floor-button-group>button{
      position:absolute;
      z-index: 2;
      left: 40px;
      transform: translateY(-50%);
      box-shadow: 0px 0px 8px 1px lightgray;
      border: 1px solid lightgray;
      border-radius:50%;
      width:50px;
      height:50px;
      display:flex;
      align-items:center;
      justify-content:center;
      cursor:pointer;
      user-select: none;
      font-size: 16px;
      background: white;
  }
  .pan-button-group{
    position: absolute;
    right:0;
    bottom:0;
    width: 120px;
    height: 80px;
    bottom:35px;
    right:35px;
  }
  .pan-button-group>div{
    position: relative;
    display:contents;
  }
  .pan-button-group>div>button{
    position:absolute;
    width:40px;
    height:40px;
    background:white;
    border:1px solid lightgray;
    cursor:pointer;
    font-size: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 4px;
    color:#000;
  }
  .pan-button-group>div>button.pan-up{
    top:0;
    left:33.33%;
  }
  .pan-button-group>div>button.pan-left{
    top:50%;
    left:0;
  }
  .pan-button-group>div>button.pan-right{
    top:50%;
    left:66.66%;
  }
  .pan-button-group>div>button.pan-down{
    top:50%;
    left:33.33%;
  }
  .pan-button-group>div>button.pan-center{
    top:0;
    left:66.66%
  }
  .floor-plan-popup .popup-box .floor-plan-container .floor-plan .zoom-button-group{
    position:absolute;
    z-index: 2;
    bottom: 35px;
    left: 45px;
    display:flex;
    flex-direction: column;
    box-shadow: 0px 0px 8px 1px lightgray;
  }
  .floor-plan-popup .popup-box .floor-plan-container .floor-plan .zoom-button-group>button{
    width:40px;
    height:40px;
    background:white;
    border:1px solid lightgray;
    cursor:pointer;
    font-size: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 2px;
  }
  .floor-plan-popup .popup-box .floor-plan-container .floor-plan .zoom-button-group>button:first-child{
    border-bottom: none;
  }
  .floor-plan-popup .popup-box .floor-plan-container .floor-plan .zoom-button-group #hit-area-zoom-in,
  .floor-plan-popup .popup-box .floor-plan-container .floor-plan .zoom-button-group #hit-area-zoom-out,
  .floor-plan-popup .popup-box .floor-plan-container .floor-plan .left-2f-button,
  .floor-plan-popup .popup-box .floor-plan-container .floor-plan .left-1f-button,
  .floor-plan-popup .popup-box .floor-plan-container .floor-plan .left-gf-button{
    cursor:pointer;
  }

/*browser zoom*/
@media only screen and (max-height: 528px) {
    .floor-plan-popup #btn-close-slider-video{
        display:none;
    }
    .floor-plan-popup .popup-box{
        padding-top:0;
        padding-bottom:0;
    }

    .floor-plan-popup .popup-box .floor-plan-container {
        flex-direction: column;
        max-width:675px;
        max-height:900px;
        overflow-y: auto;
    }
    .floor-plan-popup .popup-box .floor-plan-container .floor-plan {
        flex:1;
        height: 450px;
        max-height: 450px;
        min-height: 450px;
    }
    .floor-plan-popup .popup-box .floor-plan-container .floor-plan .zoom-button-group{
        bottom: 20px;
        left: 30px;
        transform: translateX(-8px);
    }
    .floor-plan-popup .popup-box .floor-plan-container .floor-plan .zoom-button-group>button{
        width:30px;
        height:30px;
      }
    .floor-plan-popup .popup-box .floor-plan-container .floor-plan .left-floor-button-group>button{
        left: 20px;
        transform: translateY(-50%);
        width:40px;
        height:40px;
        font-size: 12px;
    }
    .floor-plan-popup .popup-box .floor-plan-container .floor-plan .top-transprant-background{
        height: 40px;
        display: none;
      }
    .floor-plan-popup .popup-box .floor-plan-container .floor-plan .left-transprant-background{
        width: 90px;
        display: none;
    }
    .floor-plan-popup .popup-box .floor-plan-container .floor-plan .Back{
        right: 20.5px;
    }
    .floor-plan-popup .container{
        padding: 0;
    }
    .pan-button-group{
        width: 90px;
        height: 60px;
        bottom:20px;
        right:20px;
      }
      .pan-button-group>div>button{
        width:30px;
        height:30px;
      }
}
@media only screen and (max-height: 630px) and (min-height: 528px) {
    .floor-plan-popup .popup-box .floor-plan-container .floor-plan .zoom-button-group{
        flex-direction: row;
    }
    .floor-plan-popup .popup-box .floor-plan-container .floor-plan .zoom-button-group>button:first-child{
        border-bottom: 1px solid lightgray;
    }
}
/*end of browser zoom*/

  /* mobile */
  @media only screen and (max-width: 768px) {
    #pagination {
        flex-direction: row !important;
    }
    .floor-plan-popup #btn-close-slider-video{
        display:none;
    }
    .floor-plan-popup .popup-box{
        padding-top:0;
        padding-bottom:0;
    }

    .floor-plan-popup .popup-box .floor-plan-container {
        flex-direction: column;
        max-width:675px;
        max-height:900px;
    }
    .floor-plan-popup .popup-box .floor-plan-container .floor-plan {
        flex:1;
        height: 450px;
        max-height: 450px;
        min-height: 450px;
    }
    .floor-plan-popup .popup-box .floor-plan-container .floor-plan .zoom-button-group{
        bottom: 20px;
        left: 30px;
        transform: translateX(-8px);
    }
    .floor-plan-popup .popup-box .floor-plan-container .floor-plan .zoom-button-group>button{
        width:30px;
        height:30px;
      }
    .floor-plan-popup .popup-box .floor-plan-container .floor-plan .left-floor-button-group>button{
        left: 20px;
        transform: translateY(-50%);
        width:40px;
        height:40px;
        font-size: 12px;
    }
    .floor-plan-popup .popup-box .floor-plan-container .floor-plan .top-transprant-background{
        height: 40px;
        display: none;
      }
    .floor-plan-popup .popup-box .floor-plan-container .floor-plan .left-transprant-background{
        width: 90px;
        display: none;
    }
    .floor-plan-popup .popup-box .floor-plan-container .floor-plan .Back{
        right: 20.5px;
    }
    .floor-plan-popup .container{
        padding: 0;
    }
    .pan-button-group{
        width: 90px;
        height: 60px;
        bottom:20px;
        right:20px;
      }
      .pan-button-group>div>button{
        width:30px;
        height:30px;
      }
  }

  /* floor plan menu*/
  .floor-plan-popup .popup-box .floor-plan-container .floor-plan-menu {
    flex:1;
    box-shadow: -4px 0px 3px 0px lightgray;
    display: flex;
    flex-direction: column;
    z-index:1;
    background: white;
  }
  .floor-plan-popup .popup-box .floor-plan-container .floor-plan-menu .floor-plan-menu-content{
    background: white;
    overflow-y: auto;
  }
  .floor-plan-popup .popup-box .floor-plan-container .floor-plan-menu .floor-plan-menu-title{
    font-size: 20px;
    font-weight: bold;
    border-bottom: 1px solid lightgray;
    background: white;
    text-align: center;
    min-height: 56px;
    display:flex;
    justify-content: center;
    align-items: center;
}
  /* mobile */
  @media only screen and (max-width: 768px) {
    .floor-plan-popup .popup-box .floor-plan-container .floor-plan-menu {
        flex:1;
        height: calc(100dvh - 450px)
    }
    .floor-plan-popup .popup-box .floor-plan-container .floor-plan-menu .floor-plan-menu-title{
        display:none;
    }
  }
  .floor-plan-popup .popup-box .floor-plan-container .floor-plan-menu .floor-plan-menu-category-name{
    cursor:pointer;
    font-size:19px;
    height:60px;
    display:flex;
    align-items: center;
    border-bottom: 1px solid lightgray;
    padding-left:24px;
    padding-right:24px;
    justify-content: space-between;
  }
  .floor-plan-popup .popup-box .floor-plan-container .floor-plan-menu .floor-plan-menu-category-name.active{
    color: #EB6B23;
    font-weight: bold;
  }
  .floor-plan-popup .popup-box .floor-plan-container .floor-plan-menu .floor-plan-menu-category-name .bi-arrow-up{
    display: none;
  }
  .floor-plan-popup .popup-box .floor-plan-container .floor-plan-menu .floor-plan-menu-item-list{
    display: none;
    overflow:hidden;
  }
  .floor-plan-popup .popup-box .floor-plan-container .floor-plan-menu .floor-plan-menu-item-list .floor-plan-menu-item-list-content{
    background: #EAEAEA;
    border-bottom: 1px solid lightgray;
    min-height: 45px;
    display:flex;
    font-size:16px;
    padding-left:24px;
    padding-right:24px;
    padding-top: 8px;
    padding-bottom: 8px;
    cursor:pointer;
    font-weight: 400;
  }
  .floor-plan-popup .popup-box .floor-plan-container .floor-plan-menu .floor-plan-menu-item-list .floor-plan-menu-item-list-content:hover{
    background: #F2F2F2;
  }
  .floor-plan-popup .popup-box .floor-plan-container .floor-plan-menu .floor-plan-menu-item-list .floor-plan-menu-item-list-content.active{
    font-weight: bold;
  }
  .floor-plan-popup .popup-box .floor-plan-container .floor-plan-menu .floor-plan-menu-item-list .floor-plan-menu-item-content-item-icon{
    margin-right:16px;
  }
  .floor-plan-popup .popup-box .floor-plan-container .floor-plan-menu .floor-plan-menu-item-list .floor-plan-menu-item-content-item-icon>img{
    width: 35px;
    height: 35px;
  }
  .floor-plan-popup .popup-box .floor-plan-container .floor-plan-menu .floor-plan-menu-item-list .floor-plan-menu-item-content-item-title{
    display:flex;
    align-items: center;
  }
  /* close of floor plan menu*/

  /* start of floor-plan-detail-popup*/
  .floor-plan-popup .popup-box .floor-plan-container .floor-plan-detail-sidebar{
    position: absolute;
    width:25%;
    height:100%;
    right:0;
    background: white;
    z-index:2;
    transform: translateX(100%);
    transition: transform 300ms ease-in-out;
    display:flex;
    flex-direction: column;
  }
  .floor-plan-popup .popup-box .floor-plan-container .floor-plan-detail-sidebar .sidebar-close-button{
    min-height:56px;
    display:flex;
    align-items: center;
    justify-content: center;
    cursor:pointer;
    font-size: 19px;
    border-bottom: 1px solid lightgray;
    background: white;
    z-index:2;
  }
  .floor-plan-popup .popup-box .floor-plan-container .floor-plan-detail-sidebar .sidebar-close-button>span{
    margin-right:12px;
  }
  .sidebar-image{
    width:100%;
    min-width: 100%;
    border-bottom: 5px solid #EA7119;
  }
  .sidebar-content{
    overflow-y:auto;
  }
  .sidebar-content-2{
    padding:20px;
  }
  .sidebar-content-key{
    font-size:0.75rem;
    color:#6B6B6B;
  }
  .sidebar-content-value{
    font-size:1rem;
    color:black;
  }
  .sidebar-content-value.sidebar-content-artwork{
    color: #EB6B23;
    font-weight: 500;
  }
  .sidebar-content-key:not(:first-child){
    margin-top:20px;
  }
  .sidebar-content-link>a{
    color: #6A19EA !important;
    text-decoration: underline !important;
  }

/*browser zoom*/
@media only screen and (max-height: 528px) {
    .floor-plan-popup .popup-box .floor-plan-container .floor-plan-detail-sidebar{
        width:100%;
    }
    .floor-plan-popup .popup-box .floor-plan-container .floor-plan-detail-sidebar .sidebar-close-button{
        min-height:50px;
        box-shadow: 0px 4px 3px 0px lightgray;
    }
    .sidebar-content{
        padding:20px;
    }
    .sidebar-content-2{
        padding:0px;
    }
    .sidebar-content-key{
        margin-top:20px;
    }
}

  /* mobile */
  @media only screen and (max-width: 768px) {
    .floor-plan-popup .popup-box .floor-plan-container .floor-plan-detail-sidebar{
        width:100%;
    }
    .floor-plan-popup .popup-box .floor-plan-container .floor-plan-detail-sidebar .sidebar-close-button{
        min-height:50px;
        box-shadow: 0px 4px 3px 0px lightgray;
    }
    .sidebar-content{
        padding:20px;
    }
    .sidebar-content-2{
        padding:0px;
    }
    .sidebar-content-key{
        margin-top:20px;
    }
  }
  /* close of floor-plan-detail-popup*/

  /* close of floor plan */

  /*footer*/
.foot-button-next,.foot-button-prev{
    opacity: 1 !important;
    position: absolute;
    z-index: 2;
    top: 0 !important;
    height: 100% !important;
}
.foot-button-next {
    right: 41px !important;
    position: absolute;
}
.foot-button-prev {
    left: 41px !important;
}
.foot-button-prev .home-button-prev-icon {
    background-image: url(/assets/img/icon/right-arrow.svg);
    width: 28px;
    height: 28px;     
    rotate: 180deg;
    filter: invert(0); 
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.foot-button-next .home-button-next-icon {
    background-image: url(/assets/img/icon/right-arrow.svg);
    width: 28px;
    height: 28px;     
    filter: invert(0);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
@media (max-width:768px) {
    .foot-button-next{
        right: 20px !important;
    }
    .foot-button-prev {
        left: 20px !important;
    }
    .page-foot__top-btm{
        padding: 20px;
    }
}

/* lightbox */
#lightbox{
    display: none;
}