@import url(//webarchive.lib.cuhk.edu.hk/20220903063158cs_///fonts.googleapis.com/earlyaccess/notosanstc.css);
        @import url(//webarchive.lib.cuhk.edu.hk/20220903063158cs_///fonts.googleapis.com/earlyaccess/cwtexkai.css);
        @import url(//webarchive.lib.cuhk.edu.hk/20220903063158cs_///fonts.googleapis.com/earlyaccess/cwtexyen.css);
        @import url(https://webarchive.lib.cuhk.edu.hk/20220903063158cs_/https://fonts.googleapis.com/earlyaccess/cwtexfangsong.css);
        @import url(https://webarchive.lib.cuhk.edu.hk/20220903063158cs_/https://fonts.googleapis.com/earlyaccess/cwtexming.css);
        body {
            font-family: 'Roboto', sans-serif !important;
        }
        
        #search {
            display: flex;
        }
        
        #search form {
            width: 100%;
            padding-left: 20px;
        }
        
        #search form input.serach-btn {
            vertical-align: middle;
        }
        
        #search form input#query {
            color: #949393;
            width: 90%;
            height: 84px;
            font-size: 25px;
            font-weight: 300;
            border: 0px;
            background: #fafafa;
            vertical-align: middle;
            padding-left: 15px;
        }
        
        #search #search-close-btn {
            cursor: pointer;
        }
        
        #header {
            background: #fafafa;
        }
        
        #header_link {
            display: flex;
            padding: 13px 0px 3px 0px;
        }
        
        #header_link #cuhk_logo {
            margin-right: 5px;
            margin-left: 10px;
        }
        
        #header-panel {
            align-self: center;
        }
        
        #header-panel ul {
            margin-bottom: 0px;
            text-align: right;
            display: flex;
            flex-direction: row;
            justify-content: flex-end;
            list-style: none;
        }
        
        #header-panel ul li {
            padding-right: 16px;
            border-right: 1px solid #878787;
            padding-left: 16px;
            cursor: pointer;
        }
        
        #header-panel ul li a {
            color: #878787;
            font-weight: 500;
        }
        
        #header-panel ul li img {
            border-bottom: 1px solid transparent;
            padding-bottom: 5px;
        }
        
        #header-panel ul li a#langselect_en,
        #header-panel ul li a#langselect_zh,
        #header-panel ul li a#langselect_cn {
            border-bottom: 1px solid transparent;
            padding-bottom: 3px;
        }
        
        #header-panel ul li a:hover {
            text-decoration: none;
            color: #2f2c2d;
        }
        
        #header-panel ul li img:hover,
        #header-panel ul li a#langselect_en:hover,
        #header-panel ul li a#langselect_zh:hover,
        #header-panel ul li a#langselect_cn:hover {
            border-color: #2f2c2d;
        }
        /*#header-panel ul li a#langselect_en:lang(en-gb) {
  display: none;
}*/
        
        #header-panel ul li a:not(#langselect_en) {
            font-family: 'Noto Sans TC', sans-serif;
        }
        
        #main-menu {
            background-color: #2f2c2d;
        }
        
        #main-menu li a {
            font-family: 'Roboto Condensed', sans-serif !important;
        }
        
        #main-menu nav ul.navbar-nav>li>a {
            font-size: 16px;
            color: #fff;
        }
        
        #index_boxes .moduletable .custom h2 {
            color: #FF8A00;
        }
        
        #index_events_annoucments_wrapper.mobile div.col-12.news {
            background-image: url(/20220903063158oe_/https://web.swk.cuhk.edu.hk/images/content/home/boxes/Homepage_Announcement_news_dZZ.jpg.jpg);
            padding: 0px;
            background-position: 1% 31%;
        }
        
        #index_events_annoucments_wrapper.mobile div.col-12.events {
            background-image: url(/20220903063158oe_/https://web.swk.cuhk.edu.hk/images/content/home/boxes/Homepage_up_coming_event_4DN.jpg);
            padding: 0px;
            background-position: 22% 50%;
        }
        
        #index_events_annoucments_wrapper.desktop .full-width-background {
            /* height: 417px; */
            /* background-image: linear-gradient(to right,rgba(32, 209, 207, 0.9) 0%, rgba(32, 209, 207, 0.9) 50%, rgba(255, 144, 32, 0.9) 50%, rgba(255, 144, 32, 0.9) 100%); */
        }
        
        #index_events_annoucments_wrapper.desktop .bg-img.news {
            background-image: url(/20220903063158oe_/https://web.swk.cuhk.edu.hk/images/content/home/boxes/Homepage_Announcement_news_dZZ.jpg.jpg);
            padding-right: 0px;
            background-position: center;
        }
        
        #index_events_annoucments_wrapper.desktop .bg-img.news .color-overlayer {
            background: rgba(32, 209, 207, 0.9);
            height: 417px;
        }
        
        #index_events_annoucments_wrapper.desktop .bg-img.events {
            background-image: url(/20220903063158oe_/https://web.swk.cuhk.edu.hk/images/content/home/boxes/Homepage_up_coming_event_4DN.jpg);
            padding-left: 0px;
            background-position: center;
        }
        
        #index_events_annoucments_wrapper.desktop .container {
            /* margin-top: -417px; */
        }
        
        #index_events_annoucments_wrapper.desktop .bg-img.events .color-overlayer {
            background: rgba(255, 144, 32, 0.9);
            height: 417px;
        }
        
        #index_events_annoucments_wrapper div.col-12>div {
            height: 100%;
        }
        
        #index_events_annoucments_wrapper.mobile div.col-12.news>div {
            background: rgba(32, 209, 207, 0.9);
        }
        /* #index_events_annoucments_wrapper div.col-12.news>div a:hover {
            color: #005c5b;
            cursor: pointer;
        } */
        
        #index_events_annoucments_wrapper div.col-12.events>div a:hover,
        #index_events_annoucments_wrapper div.col-12.events>div a:hover span.mod-articles-category-date {
            color: #743a00;
        }
        
        #index_events_annoucments_wrapper.mobile div.col-12.events>div {
            background: rgba(255, 144, 32, 0.9);
        }
        
        #index_events_annoucments_wrapper div.col-12 h2 {
            color: #FF8A00;
            font-size: 40px;
            font-weight: bold;
            line-height: 1;
            margin-bottom: 35px;
        }
        
        #index_events_annoucments_wrapper div.col-12 ul {
            list-style: none;
            padding-left: 0px;
        }
        
        #index_events_annoucments_wrapper div.col-12 ul li {
            /* margin-bottom: 20px; */
        }
        
        #index_events_annoucments_wrapper div.col-12.events ul li span.mod-articles-category-date {
            display: inline-block;
            line-height: 1.22;
            font-size: 18px;
            font-weight: 500;
            color: #fff;
            vertical-align: middle;
            text-align: center;
            max-width: 17%;
        }
        
        #index_events_annoucments_wrapper div.col-12.events ul li a.mod-articles-category-title {
            display: flex;
            width: 100%;
            vertical-align: middle;
            margin-bottom: 0px;
            flex-direction: row;
        }
        
        #index_events_annoucments_wrapper div.col-12 ul li a {
            line-height: 1.22;
            margin-bottom: 10px;
            color: #fff;
            font-size: 18px;
            font-weight: 400;
            display: flex;
        }
        
        #index_events_annoucments_wrapper div.col-12 ul li a:hover {
            text-decoration: none;
        }
        
        #index_events_annoucments_wrapper .title {
            display: flex;
        }
        
        #index_events_annoucments_wrapper .news .title h2 {
            /* width: 64%; */
            /* margin-right: 7%; */
            /* margin: 10px 0; */
        }
        
        #index_events_annoucments_wrapper .events .title h2 {
            margin-right: 7%;
            /* margin: 10px 0; */
        }
        
        @media (max-width: 767px) {
            #index_events_annoucments_wrapper .events .title h2 {
                padding-left: 15px;
            }
        }
        
        #index_events_annoucments_wrapper .title h2~div {
            margin-top: 8px;
        }
        
        #index_boxes h2 {
            color: #2f2c2d;
            font-weight: bold;
            margin-bottom: 42px;
        }
        
        #index_boxes .custom div.row>div {
            color: #2f2c2d;
        }
        
        #index_boxes .custom .box a {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            color: #2f2c2d;
        }
        
        #index_boxes .custom .box a:hover {
            text-decoration: none;
        }
        
        #index_boxes .custom .box a:hover span.icon img {
            transform: scale(1.2);
        }
        
        #index_boxes .custom .box .icon {
            height: 50px;
        }
        
        #index_boxes .custom .box:hover .title {
            color: rgb(255, 144, 32);
        }
        
        #index_boxes .custom .box img {
            max-width: 70px;
            max-height: 60px;
            transition: 0.3s ease all;
        }
        
        #index_boxes .custom .box .title {
            margin-top: 32px;
            width: 50%;
            text-align: center;
            line-height: 1.19;
            font-weight: 500;
        }
        /**** Inner ****/
        
        .inner_banner {
            max-height: 350px;
            overflow: hidden;
            display: flex;
        }
        
        .inner_banner img {
            width: 100%;
            align-self: center;
        }
        
        #inner {
            color: #565656;
            line-height: 23px;
        }
        
        #inner strong {
            color: #2f2c2d;
        }
        
        #inner em {
            /*color: #ff9020;
  font-style: normal;
  text-decoration: underline;*/
        }
        
        #inner .highlight {
            color: #ff9020;
            text-decoration: none;
        }
        
        #inner hr {
            border-top: 1px dashed #979797;
        }
        
        #inner div[itemprop="articleBody"] a {
            color: #ff9020;
            text-decoration: underline;
            word-break: break-word;
        }
        
        #inner div[itemprop="articleBody"] a.btn {
            background-color: white;
            border: 2px solid #ff9020;
            color: #ff9020;
            font-size: 20px;
            transition: .5s ease all;
            text-decoration: none;
            border-radius: 0px;
        }
        
        #inner div[itemprop="articleBody"] a.btn:hover {
            background-color: #ff9020;
            color: white;
        }
        
        #inner div[itemprop="articleBody"] h4 {
            font-size: 18px;
            font-weight: bold;
            color: #ff9020;
            margin-bottom: 20px;
        }
        
        #inner div[itemprop="articleBody"] .address:before {
            content: '';
            background: url(/20220903063158oe_/https://web.swk.cuhk.edu.hk/images/second_development/maps-and-flags.png);
            width: 18px;
            height: 21px;
            display: inline-block;
            margin-right: 10px;
            vertical-align: middle;
            background-repeat: no-repeat;
        }
        
        #inner div[itemprop="articleBody"] .tel:before {
            content: '';
            background: url(/20220903063158oe_/https://web.swk.cuhk.edu.hk/images/second_development/card-listing/telephone.png);
            width: 18px;
            height: 16px;
            display: inline-block;
            margin-right: 10px;
            vertical-align: middle;
            background-repeat: no-repeat;
        }
        
        #inner div[itemprop="articleBody"] .fax:before {
            content: '';
            background: url(/20220903063158oe_/https://web.swk.cuhk.edu.hk/images/second_development/icon-fax.png);
            width: 18px;
            height: 18px;
            display: inline-block;
            margin-right: 10px;
            vertical-align: middle;
            background-repeat: no-repeat;
        }
        
        #inner div[itemprop="articleBody"] .email:before {
            content: '';
            background: url(/20220903063158oe_/https://web.swk.cuhk.edu.hk/images/second_development/card-listing/black-envelope.png);
            width: 18px;
            height: 12px;
            display: inline-block;
            margin-right: 10px;
            vertical-align: middle;
            background-repeat: no-repeat;
        }
        
        #inner div[itemprop="articleBody"] .website:before {
            content: '';
            background: url(/20220903063158oe_/https://web.swk.cuhk.edu.hk/images/second_development/card-listing/grid-world.png);
            width: 18px;
            height: 18px;
            display: inline-block;
            margin-right: 10px;
            vertical-align: middle;
            background-repeat: no-repeat;
        }
        
        #inner div[itemprop="articleBody"] div.listing-table-container>table {
            border-top: none;
        }
        
        #inner div[itemprop="articleBody"] div.listing-table-container>table:first-child {
            border-top: 1px dashed #979797;
        }
        
        #inner div[itemprop="articleBody"] div.listing-table-container>table td {
            padding: 5px 5px 5px 0px;
        }
        
        #inner div[itemprop="articleBody"] table {
            border-top: 1px dashed #979797;
            border-bottom: 1px dashed #979797;
            width: 100%;
            margin-bottom: 1em;
        }
        
        #inner div[itemprop="articleBody"] table.table-no-border {
            border-top: none;
            border-bottom: none;
        }
        
        #inner div[itemprop="articleBody"] table td {
            padding: 15px 5px 15px 0px;
            vertical-align: top;
        }
        
        #inner div[itemprop="articleBody"] table tr:first-child td {
            padding-top: 30px;
        }
        
        #inner div[itemprop="articleBody"] table tr:last-child td {
            padding-bottom: 30px;
        }
        
        #inner div[itemprop="articleBody"] ul {
            list-style: none;
            padding-left: 20px;
            text-indent: 0px;
        }
        
        #inner div[itemprop="articleBody"] ul li {
            position: relative;
        }
        
        #inner div[itemprop="articleBody"] ul li:before {
            content: '—';
            position: absolute;
            width: 3px;
            height: 3px;
            font-weight: bold;
            transition: 1s all ease;
            left: 0px;
        }
        
        #inner div[itemprop="articleBody"]>ul>li:before,
        #inner div[itemprop="articleBody"] .col-12>ul>li:before,
        #inner div[itemprop="articleBody"] div>ul>li:before,
        #inner div[itemprop="articleBody"] table td>ul>li:before {
            left: -20px;
        }
        
        #inner div[itemprop="articleBody"] ul>li>ul>li,
        #inner div[itemprop="articleBody"] ol>li>ul>li {
            padding-left: 15px;
        }
        
        #inner div[itemprop="articleBody"] ul>li>ul>li:before,
        #inner div[itemprop="articleBody"] ol>li>ul>li:before {
            content: '>';
            width: 5px;
            height: 5px;
            position: absolute;
            transition: 1s all ease;
        }
        
        #inner div[itemprop="articleBody"] span.arrow-listing {
            padding-left: 15px;
            text-indent: -15px;
        }
        
        #inner div[itemprop="articleBody"] p.arrow-listing {
            padding-left: 30px;
            text-indent: -15px;
        }
        
        #inner div[itemprop="articleBody"] .arrow-listing:before {
            content: '>';
            width: 5px;
            height: 5px;
            position: absolute;
        }
        
        #inner .page-header {
            background-color: #ff9020;
            padding: 10px 15px;
            width: fit-content;
            display: none;
        }
        
        #inner .category-list .page-header {
            margin-left: 15px;
        }
        
        #inner #content {
            position: relative;
        }
        
        #inner .no-com.item-page .inner-menu~div[itemprop="articleBody"] {
            padding: 0px;
        }
        
        #inner .no-com.item-page .inner-menu~div[itemprop="articleBody"]:before {
            content: none;
        }
        /*Pull header up only when banner is shown*/
        
        #inner .inner_banner~.container .page-header {
            margin-top: -25px;
        }
        /**/
        
        #inner .page-header h1 {
            color: #fff;
            font-size: 26px;
            font-weight: 500;
            margin-bottom: 0px;
        }
        
        #inner .page-header:not(.article-header) {
            display: block;
        }
        
        #inner .page-header+.article-header {
            display: block;
        }
        
        #inner .page-header.article-header h2 {
            color: #fff;
            font-size: 26px;
            font-weight: 500;
            margin-bottom: 0px;
        }
        
        #inner .legend {
            margin-top: 17px;
            margin-bottom: 17px;
        }
        
        #inner .legend>div {
            margin-right: 50px;
        }
        
        #inner .legend>div img {
            margin-right: 10px;
        }
        
        #inner .item-page {
            position: relative;
        }
        
        #inner .item-page div[itemprop="articleBody"],
        #inner .item-page_news div[itemprop="articleBody"] {
            padding: 30px 20px 80px 20px;
        }
        
        #inner .item-page.col-count div[itemprop="articleBody"] {
            padding: 30px 20px 80px 20px;
        }
        
        #inner .full div[itemprop="articleBody"] {
            padding: 30px 0px 80px 0px;
        }
        
        #inner .staff-card-listing form {
            padding: 0px;
        }
        
        #inner .back-btn {
            background-color: #2f2c2d;
            position: absolute;
            top: 37px;
            right: 7%;
            padding: 0px 19px;
        }
        
        #inner .back-btn a {
            color: #fff;
            font-size: 14px;
        }
        
        .addtoany_container {
            position: absolute;
            right: 15px;
            top: 30px;
        }
        
        .addtoany_container.mobile {
            margin-top: 8px;
            position: relative;
            right: unset;
            top: unset;
            text-align: right;
        }
        
        #inner div.addtoany_container~div[itemprop="articleBody"] {
            padding: 10px 0px 80px 0px;
        }
        /*Director*/
        
        .director-message img {
            width: 100%;
        }
        
        .director-message .director-info {
            background-color: #2f2c2d;
            color: #ff9020;
            font-weight: normal;
            padding: 12px;
        }
        
        .director-message .director-info p {
            margin-bottom: 0.5em;
        }
        
        .director-message .director-info .name {
            font-weight: bold;
            font-size: 18px;
        }
        
        .director-message .director-info p:not(.name) {
            line-height: 20px;
        }
        /*News and Events*/
        
        .content-category_news form,
        .content-category_events form {
            padding: 0px 20px;
        }
        
        .category.table {
            border: none;
            margin-top: 30px;
        }
        
        .category.table tbody tr {
            background-color: transparent;
        }
        
        .category.table tbody tr:hover {
            background-color: transparent;
        }
        
        .category.table tbody tr:nth-of-type(odd) {
            background-color: transparent;
        }
        
        .category.table tbody tr td {
            border: none;
            border-bottom: 1px dashed #979797;
            padding: 15px 0px;
        }
        
        .category.table tbody tr td.list-title {
            width: 80%;
        }
        
        .category.table tbody tr td.list-date {
            text-align: right;
            font-size: 100%;
        }
        
        .category.table tbody tr td a {
            color: #565656;
        }
        
        .category.table tbody tr td a:hover {
            color: #ff9020;
            font-weight: 500;
        }
        /*Pagination*/
        
        .pagination {
            width: 100%;
            margin-top: 20px;
        }
        
        .pagination p.counter {
            display: none;
        }
        
        .pagination ul {
            display: flex;
            width: 100%;
            list-style: none;
            justify-content: flex-end;
        }
        
        .pagination ul li.pagination-start,
        .pagination ul li.pagination-end {
            display: none;
        }
        
        .pagination ul li {
            margin-right: 15px;
            margin-left: 15px;
            position: relative;
        }
        
        .pagination ul li:before {
            content: '';
            border: 2px solid #878787;
            border-radius: 15px;
            position: absolute;
            top: 11px;
            left: -15px;
            background-color: #878787;
        }
        
        .pagination ul li:nth-child(3):before {
            content: none;
        }
        
        .pagination ul li.pagination-next:before,
        .pagination ul li.pagination-prev:before {
            content: none;
        }
        
        .pagination ul li span {
            color: #20d1cf;
        }
        
        .pagination ul li a,
        .pagination ul li.pagination-next a,
        .pagination ul li.pagination-next span,
        .pagination ul li.pagination-prev a,
        .pagination ul li.pagination-prev span {
            color: #878787;
        }
        /*Inner Menu*/
        
        .inner-menu {
            padding: 0px 20px;
            margin-top: 30px;
        }
        
        .inner-menu>ul {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
        }
        
        .inner-menu>ul>li {
            margin-bottom: 10px;
        }
        
        .inner-menu>ul li {
            border: 2px solid #878787;
            padding: 5px 7px;
            margin-right: 20px;
        }
        
        .inner-menu>ul.menu_fifth_level_only li,
        .inner-menu>ul.menu_fourth_level_only li {
            margin-bottom: 15px;
        }
        
        .inner-menu>ul li:hover:not(.active):not(.show-child) {
            background-color: #2f2c2d;
            border-color: #2f2c2d;
        }
        
        .inner-menu>ul li a {
            color: #878787;
            font-size: 15px;
        }
        
        .inner-menu>ul li:hover:not(.show-child) a,
        .inner-menu>ul li.current.active:not(.show-child) a {
            color: #fff;
            text-decoration: none;
        }
        
        .inner-menu>ul li.current.active:not(.show-child) {
            background-color: #ff9020;
            border-color: #ff9020;
        }
        
        .inner-menu>ul>li.show-child {
            flex-basis: 100%;
            border: none;
            border-top: 1px dashed #979797;
            margin-top: 20px;
            padding-top: 30px;
            padding-left: 0px;
            padding-right: 0px;
        }
        
        .inner-menu>ul>li.show-child>a {
            pointer-events: none;
        }
        
        .inner-menu>ul>li.show-child>ul {
            background: transparent;
            display: flex;
            flex-flow: row wrap;
            border: none;
        }
        
        .inner-menu>ul>li>ul>li {
            margin-top: 15px;
        }
        
        #inner .item-page .inner-menu~div[itemprop="articleBody"] {
            padding: 30px 20px 80px 20px;
        }
        
        #inner .item-page .inner-menu~div[itemprop="articleBody"]:before {
            content: '';
            border-top: 1px solid #979797;
            display: block;
            width: 100%;
            height: 2px;
            margin-bottom: 30px;
        }
        /* Card Listing / People */
        
        .card-listing-row {
            margin-top: 30px;
        }
        
        .listing-card {
            box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.25);
            background: #fff;
        }
        
        .card-img {
            max-height: 310px;
            overflow: hidden;
        }
        
        .card-img img {
            width: 100%;
        }
        
        .card-info {
            padding: 9px 11px;
        }
        
        .card-info a.card-more {
            position: absolute;
            right: 25px;
        }
        
        .card-info p {
            margin-bottom: 0px;
        }
        
        .card-info .name {
            font-weight: bold;
            color: #ff9020;
        }
        
        .card-info .title {
            margin-top: -2px;
            margin-bottom: 10px;
        }
        
        .card-info .education {
            display: none;
        }
        
        .card-info .tel:before {
            content: '';
            background: url('/20220903063158oe_/https://web.swk.cuhk.edu.hk/images/second_development/card-listing/telephone.png');
            width: 16px;
            height: 16px;
            display: inline-block;
            margin-right: 10px;
            vertical-align: middle;
        }
        
        .card-info .email,
        .card-info .email a {
            color: #565656;
            word-break: break-all;
        }
        
        .card-info .email:before {
            content: '';
            background: url('/20220903063158oe_/https://web.swk.cuhk.edu.hk/images/second_development/card-listing/black-envelope.png');
            width: 16px;
            height: 12px;
            display: inline-block;
            margin-right: 10px;
            vertical-align: middle;
        }
        
        .item-page.staff-card-listing .people-full-image img {
            width: 100%;
        }
        
        #inner .item-page.staff-card-listing div[itemprop="articleBody"] h4 {
            margin-bottom: 0px;
        }
        
        #inner .item-page.staff-card-listing div[itemprop="articleBody"] {
            padding-left: 0px;
            padding-right: 0px;
        }
        
        .item-page div[itemprop="articleBody"] span.name {
            font-weight: bold;
            color: #ff9020;
        }
        
        .item-page.staff-card-listing span.education {
            display: block;
            margin-bottom: 16px;
        }
        
        #inner .item-page.staff-card-listing span.email a,
        #inner .item-page.staff-card-listing a.email {
            color: #565656;
            text-decoration: none;
        }
        
        .item-page.staff-card-listing span.email a:before,
        .item-page.staff-card-listing a.email:before {
            content: '';
            background: url('/20220903063158oe_/https://web.swk.cuhk.edu.hk/images/second_development/card-listing/black-envelope.png');
            width: 16px;
            height: 12px;
            display: inline-block;
            margin-right: 10px;
            vertical-align: middle;
        }
        
        .item-page.staff-card-listing span.tel:before {
            content: '';
            background: url('/20220903063158oe_/https://web.swk.cuhk.edu.hk/images/second_development/card-listing/telephone.png');
            width: 16px;
            height: 16px;
            display: inline-block;
            margin-right: 10px;
            vertical-align: middle;
        }
        
        #inner div[itemprop="articleBody"] .staff-list.table-listing {
            border-top: none;
            border-bottom: none;
        }
        
        #inner div[itemprop="articleBody"] .staff-list.table-listing tr td {
            border-bottom: 1px dashed #979797;
        }
        
        #inner div[itemprop="articleBody"] .staff-list.table-listing .name {
            font-weight: bold;
            color: #ff9020;
        }
        
        #inner div[itemprop="articleBody"] .staff-list.table-listing .title {
            margin-top: -2px;
            margin-bottom: 10px;
        }
        
        #inner div[itemprop="articleBody"] .staff-list.table-listing a {
            color: #565656;
            text-decoration: none;
        }
        
        #inner div[itemprop="articleBody"] .staff-list.table-listing .email {
            color: #565656;
            text-decoration: none;
        }
        
        #inner div[itemprop="articleBody"] .staff-list.table-listing .email:before {
            content: '';
            background: url(/20220903063158oe_/https://web.swk.cuhk.edu.hk/images/second_development/card-listing/black-envelope.png);
            width: 16px;
            height: 12px;
            display: inline-block;
            margin-right: 10px;
            vertical-align: middle;
        }
        
        #inner div[itemprop="articleBody"] .staff-list.table-listing .tel:before {
            content: '';
            background: url('/20220903063158oe_/https://web.swk.cuhk.edu.hk/images/second_development/card-listing/telephone.png');
            width: 16px;
            height: 16px;
            display: inline-block;
            margin-right: 10px;
            vertical-align: middle;
        }
        /*Hide Show*/
        
        .content_show {
            margin: 0px;
            padding: 0px 0px 5px 0px;
            display: inline-block;
            cursor: pointer;
        }
        
        .content_show>div:after {
            content: '';
            background-image: url('/20220903063158oe_/https://web.swk.cuhk.edu.hk/images/second_development/arrow-button-copy-3.png');
            position: relative;
            display: inline-block;
            width: 14px;
            height: 10px;
            margin-left: 10px;
            transition: 0.3s ease all;
        }
        
        .content_hide_container {
            height: 0px;
            overflow: hidden;
            padding: 0px;
        }
        
        #inner div[itemprop="articleBody"] .content_show_container:not(.open) .content_hide_container ul li:before {
            color: transparent;
            transition: 1s all ease;
        }
        
        #inner div[itemprop="articleBody"] .content_show_container.open .content_hide_container ul li:before {
            color: #565656;
        }
        
        .course-hide-show .content_show>div {
            position: relative;
        }
        
        .course-hide-show .content_show>div:first-child:after {
            background-image: url('/20220903063158oe_/https://web.swk.cuhk.edu.hk/images/second_development/keyboard-right-down-button-copy.png');
            position: absolute;
            right: 0px;
            top: 6px;
        }
        
        .course-hide-show .open .content_show>div:first-child:after {
            transform: rotate(180deg);
        }
        
        .course-hide-show-wrapper>div {
            border-top: 1px solid #979797;
            padding: 27px 10px;
        }
        
        .course-hide-show-wrapper>div:last-child {
            border-bottom: 1px solid #979797;
        }
        
        .course-hide-show-wrapper>div .content_show {
            width: 100%;
        }
        
        .course-hide-show-wrapper>div .content_show>div:first-child {
            width: 100%;
            color: #ff9020;
            font-size: 18px;
            font-weight: bold;
        }
        
        #inner div[itemprop="articleBody"] table.course-table-listing {
            border-top: none;
            border-bottom: none;
            width: 100%;
            font-size: 16px;
            color: #565656;
            font-weight: normal;
        }
        
        #inner div[itemprop="articleBody"] table.course-table-listing tr td {
            padding: 13px 0px;
        }
        
        #inner div[itemprop="articleBody"] table.course-table-listing:not(.single-col) tr td:last-child {
            text-align: right;
        }
        
        #inner div[itemprop="articleBody"] table.course-table-listing tr:first-child {
            border-bottom: 1px solid #979797;
        }
        
        #inner div[itemprop="articleBody"] table.course-table-listing tr:not(:first-child) td {
            border-bottom: 1px dashed #979797;
        }
        
        #inner div[itemprop="articleBody"] table.course-table-listing tr:last-child td {
            padding-bottom: 13px;
            border-bottom: 1px solid #979797;
        }
        
        #inner div[itemprop="articleBody"] table.course-table-listing p {
            margin-bottom: 0px;
        }
        /*Registration Form */
        
        .discount-msg {
            border-bottom: solid 1px #979797;
            margin-bottom: 1em;
        }
        
        .discount-msg img {
            margin-right: 10px;
        }
        
        .registration-process>div:after {
            content: '';
            background-image: url(/20220903063158oe_/https://web.swk.cuhk.edu.hk/images/second_development/form_icon/keyboard-right-arrow-button.png);
            width: 15px;
            height: 22px;
            position: absolute;
            display: inline-block;
            vertical-align: text-bottom;
            top: 45%;
            right: 15%;
        }
        
        .registration-process>div:last-child:after {
            content: none;
        }
        /** Accommodation  **/
        
        .carousel-item {
            height: 310px;
            overflow: hidden;
        }
        
        #inner .carousel-control-next {
            left: 10px;
            bottom: 20px;
            top: unset;
        }
        
        #inner .carousel-control-next-icon {
            background-image: url(/20220903063158oe_/https://web.swk.cuhk.edu.hk/images/second_development/thumbnail_next.png);
        }
        /** Share **/
        
        .share-btn {
            text-align: right;
            margin-top: -20px;
            margin-bottom: 20px;
        }
        
        #a2apage_dropdown {
            width: auto;
            min-width: unset;
            text-align: left;
            border-radius: 0px;
            margin-top: 4px;
            background: transparent;
            border: 0px;
        }
        
        #a2apage_dropdown #a2apage_mini_services {
            background-color: #fafafa;
            border: 1px solid #979797;
            border-radius: 6px;
        }
        
        #a2apage_dropdown a.a2a_i {
            width: 24px;
            float: none;
            padding: 8px;
            border-top: 0px;
            border-right: 0px;
            border-left: 0px;
            border: none;
        }
        
        #a2apage_dropdown a.a2a_i:last-child {
            border-bottom: 0px;
        }
        
        #a2apage_dropdown a.a2a_i .a2a_svg {
            margin-right: 25px;
        }
        
        #a2apage_dropdown.a2a_menu a:active,
        #a2apage_dropdown.a2a_menu a:focus,
        #a2apage_dropdown.a2a_menu a:hover {
            background-color: transparent;
            border-top: 0px;
            border-right: 0px;
            border-left: 0px;
        }
        
        .list-view .share-btn.mobile,
        .grid-view .share-btn.mobile {
            float: right;
            margin-top: 4px;
        }
        /*custom Style*/
        
        body.overview-of-programmes #inner div[itemprop="articleBody"] table tr:first-child td:first-child {
            width: 4%;
        }
        
        .cat-100 .item-page .inner-menu,
        .cat-99 .item-page .inner-menu {
            display: none;
        }
        /*Gallery*/
        
        .gallery {
            margin-top: 30px;
        }
        
        .gallery .jg-header {
            background-color: #ff9020;
            padding: 10px 15px;
            width: fit-content;
            color: white;
            max-width: 32.5%;
            font-size: 26px;
            font-weight: 500;
            margin-bottom: 0px;
        }
        /* News Story Css */
        
        .newsBackground {
            background-color: #FAFAFA
        }
        
        .storySliderImgTab {
            overflow: hidden;
            margin: 0 4px;
            border-radius: 11px 11px 0 0;
        }
        
        .storySliderImg {
            background-color: #FAFAFA;
            border-radius: 11px 11px 0 0;
            height: auto;
            max-height: 640px;
            max-width: 100%;
            width: 100%;
            -webkit-transform: scale(1);
            transform: scale(1);
            -webkit-transition: .3s ease-in-out;
            transition: .3s ease-in-out;
        }
        
        .storySliderImg:hover {
            -webkit-transform: scale(1.3);
            transform: scale(1.3);
        }
        
        .storySlider .slick-prev {
            border: 0;
            background-color: rgba(47, 44, 45, 0.7);
            position: absolute;
            z-index: 3;
            /* top: 300px; */
            left: 2%;
            color: white;
            width: 32px;
            height: 32px;
        }
        
        .storySlider .slick-prev:before {
            content: '';
        }
        
        .storySlider .slick-prev:hover {
            cursor: pointer;
            background-color: rgba(47, 44, 45, 0.7);
            color: white;
        }
        
        .storySlider .slick-prev:focus {
            outline: none;
            background-color: rgba(47, 44, 45, 0.7);
            color: white;
        }
        
        .storySlider .slick-next {
            border: 0;
            background-color: rgba(47, 44, 45, 0.7);
            position: absolute;
            z-index: 3;
            /* top: 300px; */
            right: 2%;
            color: white;
            width: 32px;
            height: 32px;
        }
        
        .storySlider .slick-next:before {
            content: '';
        }
        
        .storySlider .slick-next:hover {
            cursor: pointer;
            background-color: rgba(47, 44, 45, 0.7);
            color: white;
        }
        
        .storySlider .slick-next:focus {
            outline: none;
            background-color: rgba(47, 44, 45, 0.7);
            color: white;
        }
        
        .storySlider .material-icons {
            font-size: 30px;
        }
        
        .storySliderTab {
            padding: 10px;
            height: 150px;
            margin: 0px 4px 4px 4px;
            box-shadow: 0 0 4px 1px rgb(0 0 0 / 15%);
            border-radius: 0px 0px 11px 11px;
        }
        
        .storySliderTabTitle {
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
            font-size: 24px;
            font-family: Roboto;
            font-weight: 700;
            color: #302C2D;
            margin: 0 !important;
            line-height: 32px;
        }
        
        .storySliderTabTitle:hover {
            color: #302C2D;
            cursor: pointer;
        }
        
        .storySlider .card {
            border: 0;
        }
        
        .pillTab {
            /* padding: 0 10px; */
            border-radius: 11px;
            height: 146px;
            z-index: 2;
        }
        
        .pillTabWrap {
            margin-bottom: 7px;
            margin-left: 10px;
            overflow: hidden;
            border-radius: 11px;
        }
        
        .pillTabGrad {
            position: relative;
        }
        
        .pillTabGrad:hover img {
            -webkit-transform: scale(1.3);
            transform: scale(1.3);
        }
        /* .pillTabGrad:before {
            content: '';
            position: absolute;
            display: inline-block;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            border-radius: 11px;
            z-index: 1;
            background: -webkit-linear-gradient(bottom, rgba(87, 69, 60, 0)0%, rgba(0, 0, 0, 0.64)100%);
        } */
        
        .pillTabImageOverlay {
            position: absolute;
            display: inline-block;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            border-radius: 11px;
            z-index: 1;
            background: -webkit-linear-gradient(bottom, rgba(87, 69, 60, 0)0%, rgba(0, 0, 0, 0.64)100%);
            -webkit-transition: .3s ease-in-out;
            transition: .3s ease-in-out;
        }
        
        .pillTabGrad:hover .pillTabImageOverlay {
            background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.7)100%, rgba(0, 0, 0, 0.7)100%);
            -webkit-transition: .3s ease-in-out;
            transition: .3s ease-in-out;
        }
        
        .pillTabImage {
            /* background-size: contain; */
            /* background-image: url('/20220903063158oe_/https://web.swk.cuhk.edu.hk/swk-2022/images/home/latest-news/dummy pic_news section.png'); */
            /* background-blend-mode: overlay; */
            height: inherit;
            position: absolute;
            z-index: -1;
            border-radius: 11px;
            -webkit-transform: scale(1);
            transform: scale(1);
            -webkit-transition: .3s ease-in-out;
            transition: .3s ease-in-out;
            width: -webkit-fill-available;
        }
        
        .pillTabOrangeWrap {
            display: flex;
            flex-direction: column;
            margin-bottom: 10px;
            padding: 8px 10px;
            padding-bottom: 0;
            background-color: #FF9020;
            margin-left: 15px;
            /* margin-right: 5px; */
            height: 70px;
            width: 70px;
        }
        
        .pillTabOrangeMonth {
            margin: 0;
            text-align: center;
            font-family: 'Roboto';
            color: white;
            font-weight: 500;
            font-size: 20px;
            line-height: 27px;
            text-transform: uppercase;
        }
        
        .pillTabOrangeDate {
            margin: 0;
            color: #FFFFFF;
            font-family: Roboto;
            font-size: 35px;
            font-weight: 600;
            letter-spacing: 0;
            line-height: 27px;
            text-align: center;
        }
        
        .pillTab .mod-articles-category-title {
            font-family: 'Roboto';
            font-weight: 700;
            color: #FFFFFF;
            font-size: 20px;
            line-height: 25px;
            height: 75px;
            /* width: 368px; */
            letter-spacing: 0;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }
        
        .pillTab .mod-articles-category-title:hover {
            cursor: pointer
        }
        
        .pillTab .mod-articles-category-title:focus {
            text-decoration: none;
        }
        
        #index_events_annoucments_wrapper div.col-12>div {
            padding: 47px 15px;
        }
        /* Event Css */
        
        .eventSlider .slick-prev {
            border: 0;
            background-color: rgba(47, 44, 45, 0.7);
            z-index: 3;
            color: white;
            width: 32px;
            height: 32px;
            left: -4%;
        }
        
        .eventSlider .slick-prev:before {
            content: '';
        }
        
        .eventSlider .slick-prev:hover {
            cursor: pointer;
            background-color: rgba(47, 44, 45, 0.7);
            color: white;
        }
        
        .eventSlider .slick-prev:focus {
            outline: none;
            background-color: rgba(47, 44, 45, 0.7);
            color: white;
        }
        
        .eventSlider .slick-next {
            border: 0;
            background-color: rgba(47, 44, 45, 0.7);
            z-index: 3;
            color: white;
            width: 32px;
            height: 32px;
            right: -4%;
        }
        
        .eventSlider .slick-next:before {
            content: '';
        }
        
        .eventSlider .slick-next:hover {
            cursor: pointer;
            background-color: rgba(47, 44, 45, 0.7);
            color: white;
        }
        
        .eventSlider .slick-next:focus {
            outline: none;
            background-color: rgba(47, 44, 45, 0.7);
            color: white;
        }
        
        .eventSlider .material-icons {
            font-size: 30px;
        }
        
        .eventSliderTabTitle {
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
            font-size: 16px;
            margin: 0;
            font-family: 'Roboto';
            color: #302C2D;
            font-weight: bold;
            margin: 0 !important;
            line-height: 1.3;
        }
        
        .eventSlider .card.slick-slide {
            border: 1px solid transparent;
            -webkit-transform: scale(1);
            transform: scale(1);
            -webkit-transition: .3s ease-in-out;
            transition: .3s ease-in-out;
        }
        
        .eventSlider .card.slick-slide:hover {
            -webkit-transform: scale(1.02);
            transform: scale(1.02);
            -webkit-transition: .3s ease-in-out;
            transition: .3s ease-in-out;
        }
        
        .eventSlider .eventSliderImg:hover {
            filter: brightness(95%);
        }
        
        .eventSlider .slick-list.draggable {
            padding: 4px 0;
        }
        
        .more-div {
            display: flex;
            justify-content: flex-end;
        }
        
        .more-button {
            background-color: transparent;
            border: 0;
            display: flex;
            align-items: center;
            font-family: 'Roboto';
            font-weight: 700;
            font-size: 16px;
            color: #312C2D;
        }
        
        .more-button:hover {
            cursor: pointer;
        }
        
        .more-button:focus {
            outline: none;
        }
        
        @media(max-width: 991px) {
            .eventSlider .slick-prev {
                left: 2%;
                top: 28%;
            }
            .eventSlider .slick-next {
                right: 2%;
                top: 28%;
            }
        }
        
        .eventCardOrangeWrap {
            display: flex;
            flex-direction: column;
            color: #FF9020;
            text-align: center;
            padding-left: 0;
        }
        
        .col-3.eventCardOrangeWrap {
            max-width: 30%;
        }
        
        .eventCardOrangeMonth {
            font-size: 23px;
            line-height: 25px;
            width: 65px;
        }
        
        .eventCardOrangeMonth:lang(zh-tw) {
            font-size: 20px;
        }
        
        .eventCardOrangeDate {
            font-size: 27px;
            font-weight: 700;
            line-height: 25px;
            margin: 0;
            font-family: Roboto;
            font-size: 35px;
            font-weight: 900;
            letter-spacing: 0;
            line-height: 27px;
            text-align: center;
            margin-top: 5px;
        }
        
        .eventCardWrap {
            display: flex;
            flex-direction: column;
            /* justify-content: space-between; */
        }
        
        .eventCardTitle {
            margin-bottom: 5px;
            /* min-height: 72px; */
        }
        
        .eventCardDetail {
            width: 95%;
            display: flex;
            flex-direction: column;
        }
        
        .eventCardDetail>div {
            margin: 0;
            margin-bottom: 2px;
            font-size: 13px;
            font-family: 'Roboto';
            font-weight: 400;
            color: #302C2D;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            display: flex;
            align-items: flex-start;
        }
        
        .eventCardDetail img {
            display: inline;
            margin-right: 5px;
            vertical-align: baseline;
        }
        
        .eventCardDetail p {
            /* display: inline; */
            margin: 0;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
            line-height: 18px;
        }
        
        .eventCardButtonDiv {
            height: 30px;
            display: flex;
            align-content: center;
            align-items: center;
            justify-content: center;
        }
        
        .eventCardButtonDiv>p {
            margin: 0;
        }
        
        .eventCardButton {
            align-items: center;
            background-color: #FF8A00;
            border: 0;
            border-radius: 100px;
            box-sizing: border-box;
            color: #ffffff;
            cursor: pointer;
            display: flex;
            font-family: 'roboto';
            font-size: 13px;
            font-weight: 500;
            justify-content: center;
            line-height: 16px;
            max-width: 480px;
            min-height: 28px;
            min-width: 200px;
            overflow: hidden;
            padding: 0px;
            padding-left: 20px;
            padding-right: 20px;
            text-align: center;
            touch-action: manipulation;
            transition: background-color 0.167s cubic-bezier(0.4, 0, 0.2, 1) 0s, box-shadow 0.167s cubic-bezier(0.4, 0, 0.2, 1) 0s, color 0.167s cubic-bezier(0.4, 0, 0.2, 1) 0s;
            user-select: none;
            -webkit-user-select: none;
            vertical-align: middle;
            margin: 0;
        }
        
        .eventCardButton:hover {
            text-decoration: none;
            background-color: #e17b02;
            color: white;
        }
        
        .storySlider ul.slick-dots {
            bottom: 165px;
        }
        
        .eventSlider ul.slick-dots {
            bottom: -8%;
        }
        
        .eventSlider ul.slick-dots li button:before {
            color: #B9B6B1;
            opacity: 1;
        }
        
        .eventSlider ul.slick-dots li.slick-active button:before {
            color: #51493D;
            opacity: 1;
        }
        
        .storySlider .slick-dots li {
            margin: 0;
            height: 12px;
        }
        
        .eventSlider .slick-dots li {
            margin: 0;
        }
        
        ul.slick-dots li.slick-active button:before {
            color: #FF9020;
            opacity: 1;
            transform: scale(1.3);
        }
        
        ul.slick-dots li button:before {
            color: #F9F8F4;
            opacity: 1;
        }
        
        ul.slick-dots li:first-child button:before {
            transform: scale(0.8);
        }
        
        ul.slick-dots li:last-child button:before {
            transform: scale(0.8);
        }
        
        ul.slick-dots li.slick-active:first-child button:before {
            transform: scale(1.3);
        }
        
        ul.slick-dots li.slick-active:last-child button:before {
            transform: scale(1.3);
        }
        /* .slick-dots li button {
        font-size: 0;
        background-color: grey;
        padding: 4px;
        border: 0;
        border-radius: 5px;
    } */
        
        #homepage-news .half {
            /* padding-right: 20px;
            padding-left: 20px; */
            padding: 0;
        }
        
        #index_boxes .custom h2 {
            font-size: 35px;
        }
        
        @media (max-width: 767px) {
            #index_events_annoucments_wrapper div.col-12.events>div {
                padding: 0;
            }
            #index_events_annoucments_wrapper div.col-12.news>div {
                padding: 0;
            }
            #index_events_annoucments_wrapper div.col-12 h2 {
                font-size: 25px;
                margin-bottom: 15px;
                margin-top: 15px;
            }
            #index_boxes .moduletable .custom h2 {
                font-size: 25px;
                margin-bottom: 15px;
                margin-top: 15px;
                padding-top: 30px;
            }
            .pillTabWrap {
                margin: 10px 6px;
            }
            .pillTab {
                height: 120px;
            }
            .pillTabImage {
                height: auto;
            }
            .more-div {
                margin-bottom: 10px;
            }
        }
        
        @media (max-width: 550px) {
            #homepage-news .half {
                padding: 0;
            }
            .container.desktop .events {
                padding: 0;
            }
        }
        
        .camera_pag_ul li {
            height: 8px !important;
            width: 8px !important;
        }
        
        .camera_pag_ul li:first-child {
            transform: scale(0.8);
        }
        
        .camera_pag_ul li:last-child {
            transform: scale(0.8);
        }
        
        .camera_pag_ul li.cameracurrent {
            transform: scale(1.2);
        }
        
        .camera_overlayer {
            background: linear-gradient(130deg, rgba(0, 0, 0, 0.75) 0%, transparent 50%, transparent 100%);
            /*linear-gradient(315deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.52) 75.67%, #000000 100%);*/
        }
        
        #index_boxes {
            background: #FAFAFA;
        }
        /* @media (min-width: 1024px) {
            .eventCardOrangeMonth {
                width: 65px;
            }
        } */
        /* #camera_wrap_106 {
            height: 500px !important;
        } */
        
        .slideshowck .camera_prev {
            background: rgba(47, 44, 45, 0.7);
            left: 2%;
            top: 48%;
        }
        
        .slideshowck .camera_next {
            background: rgba(47, 44, 45, 0.7);
            right: 2%;
            top: 48%;
        }
        
        .slideshowck .camera_next>span {
            background: url(/20220903063158oe_/https://web.swk.cuhk.edu.hk/images/second_development/index-arrow-button.png);
            background-repeat: no-repeat;
            background-position: center !important;
        }
        
        .slideshowck .camera_prev>span {
            background: url(/20220903063158oe_/https://web.swk.cuhk.edu.hk/images/second_development/index-arrow-button.png);
            background-repeat: no-repeat;
            background-position: center !important;
            transform: rotate(180deg);
        }
        
        .slideshowck .camera_commands {
            display: none;
        }
        
        .slideshowck .camera_pag_ul li {
            /* width: 8px;
            height: 8px; */
            background-color: rgba(255, 255, 255, 0.7);
        }
        
        .camera_caption_desc p span {
            color: white;
            text-decoration: none;
        }