:root {

    --body-font-size: 1rem;
    --body-font-weight: 400;

    --header-bg: #FDE6C4;
    --header-text-color: #444444;
    --header-font-weight: 600;
    --header-subtitle-font-size: 0.85rem;
    --header-subtitle-text-color: #505050;
    --header-subtitle-btn-bg: #E8651B;
    --header-subtitle-btn-text-color: #fff;
    --header-subtitle-btn-font-size: 0.85rem;
    --footer-font-size: 0.85rem;
    --footer-text-color: #595959;

    --res-1-bg: linear-gradient(256.44deg, #66DAA2 4.13%, #96F4AA 96.77%);
    --res-2-bg: linear-gradient(77.56deg, #DFEA61 0%, #85E05B 97.67%);
    --res-3-bg: linear-gradient(254.79deg, #FFAD71 0%, #FFCE6E 94.64%);
    --res-4-bg: linear-gradient(255.97deg, #6FCEEC 2.85%, #59FFEB 100%);
    --res-5-bg: linear-gradient(75.24deg, #FFC3F2 3.08%, #ED78E8 100%);
    --res-6-bg: linear-gradient(254.9deg, #FF8989 4.86%, #FFBE8E 100%);
    --res-7-bg: linear-gradient(77.59deg, #D8B9F7 2.53%, #BCA5FF 98.26%);
    --res-text-color: #365A74;
    --res-font-size: 1.3rem;
    --res-mobile-font-size: 1rem;
    /*--res-font-size: 1.5rem;*/
    --res-font-weight: 600;

    --news-bg: #F2F2F2;
    --news-text-color: #595959;
    --news-date-color: #E8651B;
    --news-font-size: 0.85rem;
    --news-font-weight: 600;

    --item-bg: #CEEF4B;
    --item-text: #454545;

    --hover-brightness: 1.2;

    --category-text-color: #365A74;
    --category-font-weight: 600;

    --breadcrumb-text-color: #454545;
    --breadcrumb-font-weight: 600;

    --tab-main-icon-bg: #FFD059;
    --tab-main-icon-text-color: #454545;
    --tab-main-font-weight: 500;


    --sub-tab-pane-text-active-color: #E8651B;
    --sub-tab-pane-text-color: #F0C6AE;
    --sub-tab-pane-active-font-weight: 600;
    --sub-tab-pane-font-weight: 500;

    --media-text-color: #454545;
    --media-font-weight: 600;
    --media-border-width: 1pt;
    --media-border-style: solid;
    --media-border-color: #363636;

    --sub-tab-pane-btn-bg: #E8651B;
    --sub-tab-pane-btn-text-color: #fff;

}

html, body {
    font-family: 'Noto Sans HK', sans-serif;
    font-optical-sizing: auto;
    font-weight: var(--body-font-weight);
    font-size: var(--body-font-size);
    font-style: normal;
}
html {
    height: -webkit-fill-available;   
}
body {
    min-height: 100vh;
    min-height: -webkit-fill-available;
}
.page-container {
    position: relative;
    min-height: 100vh;
}
.content-wrap {
    padding-bottom: 150px;    /* Footer height */
}