header,footer{opacity: 0;} .case-studies-page__facts, .case-studies-page__logos, .table-items-1, .table-items-2, .case-studies-page__gallery, .case-studies-page__quick-links{ padding: 0 0 30px; } .table-items-1, .table-items-2{ margin-top: 1em;} .case-studies-page__facts h2 { font-size: 28px; font-weight: 700; letter-spacing: .3px; text-align: center; padding-top: 20px; padding-bottom: 20px; @media screen and (max-width: 800px){ font-size: 20px; } @media screen and (max-width: 580px){ font-size: 18px; padding: 0 0 10px; } } .case-studies-page__facts ul { padding-left: 20px; font-size: 16px; @media screen and (max-width: 580px){ margin:0; font-size: 12px; } } .case-studies-page__facts__listing { margin: 0 20px; overflow: hidden; list-style: square; } .case-studies-page__factsulul li { line-height: 26px; font-size: 16px; } .case-studies-page__facts__listing li { width: 50%; float: left; line-height: 24px; padding-right: 50px; margin-bottom: 20px; @media screen and (max-width: 580px){ width:100%; } } .case-studies-page__facts__listing li span{ color:#2b2e34 } .case-studies-page__facts__listing li p{ margin:0; } .table-items-1 ._inner{ overflow: auto;} .table-items-1 table{border:1px solid #ececec;min-width: 800px;} .table-items-1 th{padding:10px 20px;border-left:1px solid #ececec;border-top:1px solid #ececec;background:#f7f7f7;} .table-items-1 td{padding:10px 20px;border-left:1px solid #ececec;border-top:1px solid #ececec;} .table-items-2 ._table{border:1px solid #ececec;min-width: 800px;display: flex;/*flex-wrap: wrap;*/flex-wrap: wrap; flex-direction: row;} .table-items-2 ._inner{ overflow: auto;} .table-items-2 ._tr{border-top:1px solid #ececec;border-right:1px solid #ececec;} .table-items-2 ._th{padding:10px 20px;} .table-items-2 ._td{padding:10px 20px; line-height: 120%;} .table-items-2 ._header{border:0;background:#f7f7f7; flex-shrink: 0;width:100%;} .table-items-2 ._header ._th{padding-top:20px;padding-bottom:20px;} .table-items-2 ._figure{padding-top:2em;} .table-items-2 ._figure big{font-size: 300%;font-weight: bold;} .table-items-2 ._item{width:33.3333%;grid-auto-rows: 1fr; flex:1 auto;margin-bottom:-1px;} .table-items-2 ._item ._th{border-bottom:1px solid #ececec;} .table-items-2 ._tr:last-child{border-bottom: 0;} .table-items-2 ._item:nth-child(4n){ border-right:0; } .case-studies-page__logos ._inner{ position: relative;} .case-studies-page__logos .box-slider{width:90%;margin:0 auto;} .case-studies-page__logos .box-slider__slider{} .case-studies-page__logos .box-slider__slider__image{ width:200px;height:100px; margin:0 auto; text-align: center; @media screen and (max-width: 580px){ width:88px;height:44px; } } .case-studies-page__logos .box-slider__slider__imag img{max-width:100%;max-height:100%;} .case-studies-page__logos .box-slider__prev{ position: absolute;left:0;top:50%; transform: translateY(-50%);} .case-studies-page__logos .box-slider__next{position: absolute;right:0;top:50%; transform: translateY(-50%);} .case-studies-page__logos .box-slider__prev svg, .case-studies-page__logos .box-slider__next svg{ @media screen and (max-width: 580px){ width:12px;height:13px; } } .case-studies-page__quick-links{ text-align: center;} .case-studies-page__quick-links .quick-links_title{color:#015f81;font-size: 20px;font-style:italic; margin-bottom: 1em;} .case-studies-page__quick-links .quick-links_url{} .case-studies-page__quick-links .quick-links_url a{font-size: 20px; color: #015f81; font-weight: 700; letter-spacing: .3px;} .slick-list, .slick-slider, .slick-track { position: relative; display: block; } .case-studies-page__gallery .news__gallery { margin: 20px 0; } .case-studies-page__gallery .news__gallery .gallery-card { text-align: center; } .case-studies-page__gallery .news__gallery .gallery-card .image { position: relative; height: 580px; margin-bottom: 45px; @media screen and (max-width: 800px){ height: 520px; } @media screen and (max-width: 580px){ height: 250px; } } .case-studies-page__gallery .news__gallery .gallery-card p { color: #999; font-size: 14px; @media screen and (max-width: 580px){ font-size: 12px; } } .case-studies-page__gallery .news__gallery .gallery-card .image img { max-height: 550px; width: auto!important; position: absolute; left: 50%; object-fit: contain; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); @media screen and (max-width: 800px){ max-height: 520px; } @media screen and (max-width: 580px){ max-height: 220px; } } .case-studies-page__gallery .news__gallery .slick-next, .case-studies-page__gallery .news__gallery .slick-prev { transition: all .2s; width: 50px; height: 80px; box-shadow: none; opacity: 1; @media screen and (max-width: 580px){ width: 26px; height: 48px; top: 115px; } } .case-studies-page__gallery .news__gallery .slick-next:before { margin-left: -10px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .case-studies-page__gallery .news__gallery .slick-prev:before { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } .case-studies-page__gallery .news__gallery .slick-next:before, .case-studies-page__gallery .news__gallery .slick-prev:before { content: ''; position: absolute; top: 50%; left: 50%; margin-left: -5px; margin-top: -8px; width: 12px; height: 12px; border-top: #fff 4px solid; border-right: #fff 4px solid; font-size: 20px; line-height: 50px; font-weight: 700; color: #fff; -webkit-font-smoothing: antialiased; } .case-studies-page__gallery .news__gallery .slick-dots { bottom: auto; top: 580px; @media screen and (max-width: 800px){ top: 540px; } @media screen and (max-width: 580px){ top: 270px; } } .case-studies-page__gallery .news__gallery .slick-dots li { margin: 0 12px 0 0; padding: 0; width: 10px; height: 10px; } .furtherReading .furtherReading__readingContent{ position: relative;} .furtherReading .furtherReading__readingContent::after{content: ""; display: block; width: 100vw; position: absolute; left: 50%; background: #f6f6f6; height: 100%; z-index: -1; top: 0; transform: translateX(-50%);} /* .resolution-suggestion .text p{color:#fff;}*/ .setting-up-card__links li{color:#2b2e34;} .setting-up-card__links li::marker{color:#d9242d} .case-studies__cover__left h2{ text-overflow: ellipsis; -webkit-line-clamp: 4; overflow: hidden; max-height: 5.2em; display: -webkit-box; -webkit-box-orient: vertical; } @media screen and (max-width: 580px){ .case-studies__cover__left h2{ -webkit-line-clamp: 4000; max-height: 9999em; } } .filter::before {content: "";position: fixed;backdrop-filter: grayscale(100%);pointer-events: none;inset: 0;z-index: 100;} .filter .header__logo{ position: relative; z-index: 700; } .filter .sticky{ z-index: 99; } .filter .headerMenu,.filter .header__menu{ filter: grayscale(1); } .filter.filter-logo .header__logo{filter: grayscale(1);} .sticky__innerRight:last-child .sticky__top__close{ display: none; } .sticky__innerRight:first-child .sticky__top__close{ display: block; } .news-page__inner .published_date{ display: none; } .news-page__inner .published_date:last-child{ display: block; } .case-studies-page .detailPage__detailContent__paragraph  .published_date, .client-profiles-page .detailPage__detailContent__paragraph  .published_date, .news-page__inner .detailPage__detailContent__paragraph  .published_date{ display: none; } .news-page__visual{ text-align: center; } .events-page__details__bold p{ margin: 0; font-size: inherit; line-height: inherit; } .m-form__field::placeholder{color:#444;} .m-form__textArea::placeholder{color:#444;} .m-form__dropdown>a span{ color:#444; } .adobe-download a{ text-decoration: underline;} .visuallyhidden { position: absolute; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(0 0 99.9% 99.9%); clip-path: inset(0 0 99.9% 99.9%); overflow: hidden; height: 1px; width: 1px; padding: 0; border: 0; } .events-page__text a{text-decoration: underline;} .ellipsis-row-2{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .ellipsis-row-3{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .ellipsis-row-4{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; } @media screen and (max-width: 580px){ .detailPage__detailContent__paragraph iframe,.detailPage__detailContent__ratio iframe{ aspect-ratio: 16/9; width:100%; height:100%; } .ellipsis-row-2{ -webkit-line-clamp: 3 } }
.events .eventTop__right img{width:100%;height:100%; }
@media screen and (max-width:580px){
    .general-page img{
        width:100%!important;
    }
}
.general-page [class$='__inner'] .slick-slide .box-slider__slider__image img{
    width:100%!important;
    height:100%!important;
    object-fit:fill
}
/*
    2024/01/12
    WA2023_120_InvestHK_20240102
    2.4.3
    Issue 1: Hidden content in background can still be accessed by screen reader.
*/
[aria-hidden="true"] a{
    pointer-events: none;
    visibility: hidden;
}
.detailPage__detailContent__paragraph iframe[width="560"],
.detailPage__detailContent__ratio iframe[width="560"]{
    aspect-ratio: 16/9;
    max-width: 100%;
    height: auto;
}
.event-banner{text-align: center;}
#eventForm .desc p,
#eventForm .data-right-desc p{display: block!important;}