/* CSS Reset *//**********************************************************/
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}abbr,acronym,fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}q:after,q:before{content:''}img{vertical-align:text-bottom}

/* Fonts *//**********************************************************/
@font-face {
    font-family: 'Journalsansnew';
    src: url('JournalSansNew-Oblique.ttf') format('truetype'), url('JournalSansNew-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
  }
  @font-face {
    font-family: 'Journalsansnew';
    src: url('JournalSansNew-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: 'Journalsansnew';
    src: url('JournalSansNew.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'DFQianLongXingHK';
    src: url('DFQianLongXingHK-W7.otf') format('opentype');
    font-style: normal;
    font-display: swap;
  }

/* Global *//**********************************************************/
body { font-family: Journalsansnew, sans-serif ; color: #595757 ; font-size: 14px ; line-height: 20px ; background-color: #E7E7E8;}
a { color: #58595b; text-decoration: none; }

/* Reports *//**********************************************************/

.slider-wrapper{position: relative;}
.slide-4{ background-color: #E7E7E8; /*border-top: 1px solid #9c9c9c;*/}
.div-block-280 { height: 100%; border-right: 1px solid #9c9c9c; padding: 40px 70px; }
.text-block-125 { margin-bottom: 20px; font-size: 17px; font-weight: 700; }
.list-2 { margin-bottom: 60px; padding-left: 20px; list-style: disc; }
.underline { text-decoration: underline; }
.image-32 { width: 200px; object-fit: contain; object-position: 0% 0%;  margin-bottom: 20px;}
.slider-arrows{ width: 28%; position: absolute; bottom: 15px; text-align: right; }
.slider-arrows .slick-arrow{ width: 25px ; height: 25px; background: transparent; border: none; background-repeat: no-repeat; background-position: center; text-indent: -9999px; cursor: pointer; margin: 0 10px; }
.slider-arrows .slick-arrow.slick-prev{background-image: url(../images/prev.png);}
.slider-arrows .slick-arrow.slick-next{background-image: url(../images/next.png);}
.slick-list {padding:0 15% 0 0;}

@media screen and (max-width: 1600px) {
    .slider-arrows { width: 33%; }
    .slick-list {    padding:0;}
}

@media screen and (max-width: 1366px) {
    .slider-arrows { width: 40%; }
    .slick-list {padding:0 20% 0 0;}
}

@media screen and (max-width: 1024px) {
    .slider-arrows { width: 50%; }
    .slick-list {padding:0;}
}

@media screen and (max-width: 860px) {
    .slider-arrows { width:73%}
    .slick-list {padding:0 25% 0 0;}
}

@media screen and (max-width: 525px) {
    .slider-arrows { width: 100%; }
    .slick-list { padding:0;}
}

@media screen and (max-width: 479px) {
    .div-block-280 {border-right-style: none;  padding-left: 40px;  padding-right: 40px; }
}

/* Announcements *//**********************************************************/
.year-tabs { display: flex; flex-wrap: nowrap; overflow-x: auto; padding: 10px 0; border-bottom: 1px solid #9C9C9C; /*border-top: 1px solid #9C9C9C;*/ }
.year-tabs a { padding: 5px 20px; color: #222222; text-decoration: none; font-size: 20px; white-space: nowrap; }
.year-tabs a.active { color: #cfa043; }
.announcements-list { padding-top: 30px; }
.announcement-item { line-height: 24px; font-size: 18px; }
.announcement-item a { display: grid; grid-template-columns: 120px 1fr; gap: 15px; }
.announcement-item .title a { text-decoration: none; }
.announcement-item .title a:hover { color: #c59b6d; }
.year-heading { margin-bottom: 25px; font-size: 20px; }

[lang="zh-HK"] .announcement-item .date { width: 150px; }
[lang="zh-HK"] .announcement-item a {grid-template-columns: 150px 1fr;}