html {
    background-color: #f5f5f5;
}

body {
    font-family: 'Circular Std', 'Circular-Std-Book', 'arial', 'open sans', "Meiryo", "Meiryo UI", "Microsoft JhengHei UI", "Microsoft JhengHei", "微軟正黑體", sans-serif;
    max-width: 1920px;
    margin: 0 auto;
    background-color: #fff;
}

span {
    font-family: 'Circular Std', 'Circular-Std-Book', 'arial', 'open sans', "Meiryo", "Meiryo UI", "Microsoft JhengHei UI", "Microsoft JhengHei", "微軟正黑體", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Circular Std', 'Circular-Std-Book', 'arial', 'open sans', "Meiryo", "Meiryo UI", "Microsoft JhengHei UI", "Microsoft JhengHei", "微軟正黑體", sans-serif;
}

a {
    font-family: 'Circular Std', 'Circular-Std-Book', 'arial', 'open sans', "Meiryo", "Meiryo UI", "Microsoft JhengHei UI", "Microsoft JhengHei", "微軟正黑體", sans-serif;
    font-weight: 400;
}



.hkjc-crc-nav-bar {
    z-index: 99999;
}


.hkjc-content {
    margin-bottom: 80px;
    flex: 1;
}


h1 {
    font-size: 72px;
    line-height: 84px;
    color: #022169;
    margin-bottom: 20px;
    margin-top: 0;
    
}


h2 {
    font-size: 60px;
    line-height: 68px;
    color: #022169;
    margin-bottom: 20px;
    margin-top: 0;
}

h3 {
    font-size: 48px;
    line-height: 56px;
    color: #022169;
    margin-bottom: 20px;
    margin-top: 0;
}

h4 {
    font-size: 36px;
    line-height: 44px;
    color: #022169;
    margin-bottom: 20px;
    margin-top: 0;
    
}


h5 {
    font-size: 30px;
    line-height: 36px;
    color: #022169;
    margin-bottom: 20px;
    margin-top: 0;
}






p {
    font-size: 16px;
    line-height: 24px;
    color: #000;
    margin-bottom: 20px;
    font-weight: 400;
    margin-top: 0;
}

.hkjc-crc-header-wrapper {
    height: 0;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;

}


.hkjc-crc-container {
    max-width: 1920px;
    padding-left: 40px;
    padding-right: 40px;
}


.hkjc-crc-back {
    display: flex;
    flex: 0 0 100%;
    margin-top: 48px;
    margin-bottom: 48px;
}


.hkjc-crc-back a {
    display: flex;
    align-items: center;
    flex: 0 0 100%;
    color: #022169;
    font-size: 14px;
    line-height: 20px;
}

.hkjc-crc-back a span {
    display: flex;
    align-items: center;
    margin-right: 8px;
}


.hkjc-crc-back a:hover {
    opacity: 0.8;
}

.subtitle-lg {
    font-size: 18px;
    line-height: 28px;
    color: #022169;
    font-weight: 500;
}


.subtitle-md {
    font-size: 16px;
    line-height: 24px;
    color: #022169;
    font-weight: 500;
}

.subtitle-sm {
    font-size: 14px;
    line-height: 20px;
    color: #022169;
    font-weight: 500;
}

.title-lg {
    font-size: 30px;
    line-height: 36px;
    font-weight: 500;
}

.title-md {
    font-size: 24px;
    line-height: 32px;
    font-weight: 500;
}


.title-sm {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
}

.body-lg {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    margin-bottom: 20px;
}

.body-md {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    margin-bottom: 20px;
}


.body-sm {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    margin-bottom: 20px;
}


@media (max-width: 1024px)  {

    .hkjc-content {
        margin-bottom: 48px;
    }

 

}


@media (max-width: 768px) {



    
h1 {
    font-size: 60px;
    line-height: 68px;
    
}


h2 {
    font-size: 48px;
    line-height: 56px;
    
}

h3 {
    font-size: 36px;
    line-height: 44px;
}

h4 {
    font-size: 30px;
    line-height: 36px;
}


h5 {
    font-size: 24px;
    line-height: 32px;
}





p {
    font-size: 14px;
    line-height: 20px;
}

.subtitle-lg {
    font-size: 16px;
    line-height: 24px;
}


.subtitle-md {
    font-size: 14px;
    line-height: 20px;
}

.subtitle-sm {
    font-size: 12px;
    line-height: 16px;
}

.title-lg {
    font-size: 24px;
    line-height: 32px;
}

.title-md {
    font-size: 20px;
    line-height: 28px;
}


.title-sm {
    font-size: 18px;
    line-height: 26px;
}


.body-lg {
    font-size: 16px;
    line-height: 24px;
}

.body-md {
    font-size: 14px;
    line-height: 20px;
}


.body-sm {
    font-size: 12px;
    line-height: 16px;
}

.hkjc-crc-container {
    padding-left: 16px;
    padding-right: 16px;
}





}


@media (max-width: 350px) {

   
    
    
    h1 {
        font-size: 48px;
        line-height: 56px;
        
    }
    
    h2 {
        font-size: 36px;
        line-height: 44px;
    }
    
    h3 {
        font-size: 30px;
        line-height: 36px;
    }
    
    
    h4 {
        font-size: 24px;
        line-height: 32px;
    }

    h5 {
        font-size: 20px;
        line-height: 28px;
    }
    

}