.com-text-block > p + ul {
    margin-top: -15px;
}
header .header-wrapper .logo .hkpc-logo {
    margin-right: 10px;
    width: 375px;
    height: 62px;
}

@media (max-width: 1199px) {
    header .header-wrapper .logo .hkpc-logo {
        width: 226px;
        height: 30px;
    }
}

/*body.light header .menu .sso a:before {
    background-image: url(/assets/img/icon/ePass-solo-white.svg);
}*/

body header .menu .sso.en-US a:hover:before {
    background-image: url(/assets/img/icon/ePass-EN-white.png);
}

body header .menu .sso.zh-HK a:hover:before {
    background-image: url(/assets/img/icon/ePass-TC-white.png);
}

body header .menu .sso.zh-CN a:hover:before {
    background-image: url(/assets/img/icon/ePass-SC-white.png);
}


body.light header .menu .sso.en-US a:before {
    background-image: url(/assets/img/icon/ePass-EN-white.png);
}

body.light header .menu .sso.zh-HK a:before {
    background-image: url(/assets/img/icon/ePass-TC-white.png);
}

body.light header .menu .sso.zh-CN a:before {
    background-image: url(/assets/img/icon/ePass-SC-white.png);
}

body.light header .menu .sso.en-US a:hover:before {
    background-image: url(/assets/img/icon/ePass-EN.png);
}

body.light header .menu .sso.zh-HK a:hover:before {
    background-image: url(/assets/img/icon/ePass-TC.png);
}

body.light header .menu .sso.zh-CN a:hover:before {
    background-image: url(/assets/img/icon/ePass-SC.png);
}

/*header .header-wrapper .menu .sso a:before {
    width: 68px;
    height: 39px;
    background-size: 63px 38px;
    background-image: url(/assets/img/icon/ePass-solo.svg);
    background-position: left;
    content: "";
    display: inline-block;
    background-repeat: no-repeat;
}*/

header .header-wrapper .menu .sso a:before {
    width: 115px;
    height: 35px;
    background-size: 100% 65%;
    background-image: url(/assets/img/icon/ePass-EN.png);
    background-position: left;
    content: "";
    display: inline-block;
    background-repeat: no-repeat;
}

@media (max-width: 1200px) {
    header .header-wrapper .menu .sso a:before {
        width: 80px;
        height: 30px;
        background-size: 100% 45%;
    }
}




header .header-wrapper .menu .sso.en-US a:before {
    background-image: url(/assets/img/icon/ePass-EN.png);
}

header .header-wrapper .menu .sso.zh-HK a:before {
    height: 45px;
    background-image: url(/assets/img/icon/ePass-TC.png);
}

@media (max-width: 1200px) {
    header .header-wrapper .menu .sso.zh-HK a:before {
        width: 60px;
        height: 35px;
    }
}


header .header-wrapper .menu .sso.zh-CN a:before {
    height: 45px;
    background-image: url(/assets/img/icon/ePass-SC.png);
}


@media (max-width: 1200px) {
    header .header-wrapper .menu .sso.zh-CN a:before {
        width: 60px;
        height: 35px;
    }
}


@media (max-width: 1300px) {
    header .header-wrapper.zh-CN .menu nav > ul > li:not(:last-child) {
        margin-right: 10px;
    }

    header .header-wrapper.zh-HK .menu nav > ul > li:not(:last-child) {
        margin-right: 10px;
    }

    header .header-wrapper.zh-CN .menu .group > *:not(:last-child) {
        margin-right: 10px;
    }

    header .header-wrapper.zh-HK .menu .group > *:not(:last-child) {
        margin-right: 10px;
    }
}




body header .menu .sso {
    /*
    border: 1px solid #FFFFFF;
    border-radius: 29.5px;
    line-height: 18px;
    font-family: "Oscine",sans-serif;
    display: inline-block;
    */
    padding: 0px 10px;
    cursor: pointer;
    text-align: center;
    transition: all 0.2s ease-in-out;
    min-width: auto;
}

body.light header .menu .sso {
    border-color: #FFFFFF;
}
body.light header .menu .sso:hover {
    background-color: #FFFFFF;
}

/*body:not(.light) header .header-wrapper .menu .sso {
    padding: 0px 10px;
    border: 1px solid #3D66DD;
    border-radius: 29.5px;
    line-height: 18px;
    font-family: "Oscine",sans-serif;
    color: #3D66DD;
    display: inline-block;
    text-align: center;
    background-color: transparent;
    cursor: pointer;
}*/


header .header-wrapper .menu .sso a:after {
    display: none;
}

header .header-wrapper .menu .sso a span {
    align-self: center;
    word-break: keep-all;
}

/* (01/08/2022) Truncating Multiple line form eaching result*/
.search-overlay .results .result-list .wrapper .result-item .item-desc {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Earth Icon */
.icon::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

/* (11/08/2022) Earth Icon to image*/
body.light .menu .group .lang .lang::before {
    /*font: normal normal normal 14px/1 FontAwesome;*/
    /*font-weight: 100;
    font-size: larger;*/
    /*content: "\f0ac";*/
    background-image: url(/assets/img/icon/Globe_white.png);
    content: "";
    padding-right: 30px;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
    background-position: center center;
    background-repeat: no-repeat;
}

body .menu .group .lang .lang::before {
    background-image: url(/assets/img/icon/Globe_black.png);
    content: "";
    padding-right: 30px;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
    background-position: center center;
    background-repeat: no-repeat;
}

header .header-wrapper .menu .lang ul {
    left: 19px;
}

header .header-wrapper .menu nav > ul > li:not(:last-child) {
    margin-right: 15px;
    white-space: nowrap;
}


header .header-wrapper .menu nav > ul > li:last-child {
    white-space: nowrap;
    margin-right: -10px;
}



/* (30/09/2022) Back to Top button*/

.top-container .wrapper span:before {
    position: relative;
    content: "";
    background-image: url("/assets/img/icon/arrow_up.svg");
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: center 100%;
    font-size: inherit;
    display: inline-block;
    width: 30px;
    height: 30px;
    padding-right: 10px;
    text-align: center;
    z-index: 580;
    box-sizing: content-box;
    vertical-align: bottom;
}

.top-container {
    background-color: #FFFFFF;
    color: #FFFFFF;
    padding: 10px 0;
    font-size: 16px;
    line-height: 25px;
    border-top: 1px solid #CBCBCB;
}

    .top-container .wrapper span {
        color: black;
        padding-left: 70%;
        font-weight: 800;
        font-size: 1.4rem;
        cursor: pointer;
    }



.qrcode-floating-button {
    position: fixed;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
}

@media (max-width: 991px) {
    .qrcode-floating-button {
        display: none;
    }
}

.qrcode-floating-button:hover img {
    width: 200px;
}

.qrcode-floating-button .wrapper {
    background: rgba(255, 255, 255, 0.3);
    padding: 5px;
    border-radius: 6px 0 0 6px;
}

.qrcode-floating-button .inner-wrap {
    padding: 8px;
    border-radius: 6px;
    text-align: center;
    background-image: linear-gradient(209.22deg, #2B9CF5 0%, #89EADD 100%);
}

.qrcode-floating-button img {
    display: block;
    width: 80px;
    margin-left: auto;
    margin-right: auto;
}

.qrcode-floating-button span {
    width: 60px;
    color: #FFFFFF;
    font-family: "Oscine", sans-serif;
    font-weight: 700;
    font-size: 13px;
    line-height: 1;
    margin-top: 10px;
    display: inline-block;
}

@media (max-width: 991px) {
    .content table.with-border .custom-responsive td {
        width: 100% !Important;
        display: inline-block;
    }
}
    

/*(30/01/2024) For general form */
.umbraco-forms-general-contact-us .umbraco-forms-container.col-md-12:has(.dataconsent) {
    border: 1px solid #DFDFDF;
    padding: 16px 20px;
    background-color: #FFFFFF;
}

.umbraco-forms-general-contact-us .umbraco-forms-container.col-md-12:has(.dataconsent) a {
    color: #3D66DD;
    text-decoration: underline;
}


/* (06/03/24) remove the space between header menu and content bar */
section.tab-nav {
    top:90px;
}