/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2015å¹´4æœˆ2æ—¥, ä¸‹åˆ04:42:36
    Author     :  Tony Tsang@ITAP
*/
html {line-height: 1.4em;}
#header{font-family: Arial,æ–°ç´°æ˜Žé«”,sans-serif}
#footer{font-family: Arial,æ–°ç´°æ˜Žé«”,sans-serif}
#page{/*overflow:hidden;*/}
body{font-family: Helvetica,æ–°ç´°æ˜Žé«”,sans-serif}
.ui-widget {font-family: Helvetica,æ–°ç´°æ˜Žé«”,sans-serif}
/* Breadcrumb */
.breadcrumb{font-size:1em;}
.breadcrumb li a{margin-left:4px;}
.breadcrumb li a#custom-breadcrumbs-home{margin-left:0px;}
/* System status report. */
body div.main-content-area{font-size:0.8em;}
.ok,
.messages--status {
  background-color: #f8fff0 !important;
  color: #234600 !important;
}

/* line 249, ../sass/components/_misc.scss */
.warning,
.messages--warning {
  background-color: #fffce5 !important;
  color: #840 !important;
}

.error,
.messages--error {background-color: #fef5f1 !important; color: #8c2e0b !important;}
.i18n-en #page #main {background-color: #ffffff;  color: #333333;}
#page #main h1#page-title{margin-top:15px;margin-bottom:15px;}

article > div.field a,
.sidebars .more-link a,
.webform-client-form .form-item a,
.node-branch-library .field-type-text-with-summary .field-items .field-item a,
.view .view-content .field-content a{color:#895a89; cursor:pointer;}
.field-name-body.field-type-text-with-summary{text-align: justify}
.field-type-text-with-summary{text-align: justify}
.field-type-text-with-summary p{text-align: justify}
.field-name-body.field-type-text-with-summary table{text-align:justify;}
article > div.field a:hover,
.sidebars .more-link a:hover,
.webform-client-form .form-item a:hover,
.node-branch-library .field-type-text-with-summary .field-items .field-item a:hover,
.view .view-content .field-content a:hover{color:#895a89;text-decoration: underline;}
.view .views-field-body .field-content ol>li,
.node-branch-library .field-type-text-with-summary .field-items ol>li {list-style-type: decimal;padding-left: 20px;} 
.view .views-field-body .field-content ul>li,
.node-branch-library .field-type-text-with-summary .field-items ul>li {background: url("https://webarchive.lib.cuhk.edu.hk/20230227165229oe_/https://www.lib.cuhk.edu.hk/sites/cuhk/themes/sparrow/images/ico_bullet_pt.png") no-repeat scroll 2px 8px transparent;padding-left: 22px;}
.view .views-field-body .field-content ul>li ul>li,
.node-branch-library .field-type-text-with-summary .field-items ul>li ul>li {background: url("/20230227165229oe_/https://libapps-au.s3-ap-southeast-2.amazonaws.com/sites/5311/images/bullet_purple.png") no-repeat scroll 2px 8px transparent;padding-left: 22px;}
article > div.field ol>li {list-style-type: decimal;padding-left: 20px;} 
article > div.field ul>li {background: url("https://webarchive.lib.cuhk.edu.hk/20230227165229oe_/https://www.lib.cuhk.edu.hk/sites/cuhk/themes/sparrow/images/ico_bullet_pt.png") no-repeat scroll 2px 8px transparent;padding-left: 22px;}
article > div.field ul>li>ul>li{background: url("/20230227165229oe_/https://libapps-au.s3-ap-southeast-2.amazonaws.com/sites/5311/images/bullet_purple.png") no-repeat scroll 2px 8px transparent;padding-left: 22px;}
.field-type-text-with-summary table{width:100% !important;table-layout: fixed;}
.field-type-text-with-summary table td{padding: 10px !important;border: 1px solid #dddddd !important;}
.field-type-text-with-summary table th{padding: 10px !important;border: 1px solid #dddddd !important;background-color:#999999;}
.alert-box{background-color: #F2DADA;border-color: #E8C2C8;color: #CE5452;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;padding:15px;}
.front .view-id-today_news_event.view .view-content .field-content a {color:#222222; cursor:pointer;font-size:12px;}
.front .view-id-today_news_event.view .view-content .field-content a:hover {color:#222222;text-decoration: underline;font-size:12px;}
/*******************Text-Resize**********************/
#block-textsize-form a.textsize_decrease{overflow:hidden;}
#block-textsize-form a.textsize_normal{overflow:hidden;}
#block-textsize-form a.textsize_increase{overflow:hidden;}
/*******************404 setting*********************/
.page-not-found-form input[type="text"]{background-color: #ffffff; border-color: #999999;  border-radius: 3px;  border-style: solid;  border-width: 1px;  font-size: 0.8em;  height: 36px;  margin-left: 10px;  margin-right: 10px;  outline: medium none;  padding: 7px;}
.page-not-found-form .form-submit{border-radius:3px;width: 135px;  height: 36px;  font-weight: 700;  font-size: 0.8em;  outline: none;  border: none;  color: #ffffff;  background-color: #6d1b6d;}
/*******************Sitemap*********************/
.site-map-menus .site-map-menu a{text-decoration: none;}
.site-map-menus .site-map-menu a:hover{text-decoration: underline;}
/*******************Form setting*********************/
.webform-client-form .day{float:none;width:auto}
.webform-client-form hr{border:1px solid #ededed}
.webform-client-form > div > div > label{margin:0 0.8em;font-size:1em}
.webform-client-form fieldset {}
.webform-client-form fieldset > div > div > label{font-size:1em}
.webform-client-form fieldset > div > div label.option{font-size:1em}
.webform-client-form > div > div label.option{font-size:1em}
.webform-client-form .form-item.webform-component.webform-container-inline label{margin:0 0.8em}
.webform-client-form fieldset > div > div label.option{margin:0 0.8em}
.webform-client-form > div > div.form-actions {  display: block;width:100%;margin-bottom: 0.5em;margin-top: 0.5em;}
.webform-client-form fieldset {  border-bottom: 2px solid #ededed;  border-image: none !important;  border-left: 0 none !important;  border-right: 0 none !important;  border-top: 0 none !important;  margin: 0;margin-bottom:1em;  padding: 0.5em 0;}
/*.webform-client-form .radiobtn-hidden{display:none;}*/
.webform-client-form .form-item.form-type-radio {margin-bottom:5px}
.webform-client-form > div > div > input[type="text"], .webform-client-form > div > div input[type="email"],
.webform-client-form fieldset > div > div > input[type="text"], .webform-client-form fieldset > div > div input[type="email"]{
  background-color: #ffffff;
  border-color: #999999;
  border-radius: 3px;
  border-style: solid;
  border-width: 1px;
  font-size: 1em;
  height: 36px;
  margin-left: 10px;
  margin-right: 10px;
  outline: medium none;
  padding: 7px;
}
.webform-client-form fieldset .form-item.webform-component.webform-component-select > select,
.webform-client-form .form-item.webform-component.webform-component-select > select {
        height: 36px;
        background-color: #ffffff;
        border-radius: 3px;
        border-top-color: #999999;
        border-top-style: solid;
        border-bottom-color: #999999;
        border-bottom-style: solid;
        border-right-color: #999999;
        border-right-style: solid;
        border-left-color: #999999;
        border-left-style: solid;
        padding: 7px 10px;
        font-size: 1em;
        outline: none;
        border-width: 1px;
        height: 100%;
        margin:0 0.8em;
        /*-moz-appearance: none;
        -webkit-appearance: none;*/
 }
.webform-container-inline.webform-component-textarea .form-textarea-wrapper{margin:0 0.8em}
.form-item div.description{margin:0 0.8em}
.webform-client-form .webform-submit.button-primary.form-submit{margin:0 0.8em}
.webform-client-form textarea{margin:0 0.8em;background-color: #ffffff; border-color: #999999; border-radius: 3px; border-style: solid;  border-width: 1px;}
.form-item input.error,.form-item textarea.error,.form-item select.error {  border: 1px solid #c00 !important;}
.webform-component-markup{width:100%}
.webform-client-form hr{margin:0;}
.webform-client-form .child-no-l-margin{margin-left:0.8em}
.webform-client-form .child-no-l-margin label,
.webform-client-form .child-no-l-margin input{margin-left: 0px !important}
.webform-client-form #edit-reset{background-color: #ffffff;border: 1px solid #6d1b6d;color: #6d1b6d;font-size: 1em;font-weight: 700;height: 36px;margin-left: 1em;outline: medium none;width: 135px;}
.webform-client-form .webform-submit.button-primary.form-submit{font-size:1em;}
.webform-client-form .display_inline_block{display: inline-block;}
.webform-client-form .display_inline_block div{display: inline-block;}

/******************For some specific form*******************/
.webform-client-form .displayblock{display:block}
.webform-client-form.webform-client-form-702 .webform-component--request-e-mail-confirmation{display:block}
.webform-component--date-set .webform-component-date{display:inline-block !important;}
.webform-client-form.webform-client-form-791 .webform-component--class-showing-information{}
.webform-client-form.webform-client-form-791 fieldset .form-item{display:inline-block}
.webform-client-form.webform-client-form-791 .webform-component--class-showing-information .form-item{margin:0.5em 0;display:inline-block;}
.webform-client-form.webform-client-form-861 > div > div {display: table-row; margin-bottom: 0.5em; margin-top: 0.5em;}
.webform-client-form.webform-client-form-861 .form-item.webform-component.webform-container-inline label { display: table-cell;  padding: 10px 20px 10px 0;margin:0px;vertical-align: top}
.webform-client-form.webform-client-form-861 .form-item.webform-component.webform-container-inline.webform-component-radios > label{vertical-align: text-top}
.webform-client-form.webform-client-form-861 .form-item.webform-component.webform-container-inline.webform-component-radios .form-radios label{vertical-align:baseline;display:inline;}
.webform-client-form.webform-client-form-861 > div > div > input[type="text"], 
.webform-client-form.webform-client-form-861 > div > div input[type="email"], 
.webform-client-form.webform-client-form-861 fieldset > div > div > input[type="text"], 
.webform-client-form.webform-client-form-861 fieldset > div > div input[type="email"] {  background-color: #ffffff;  border-color: #999999;  border-radius: 3px;  border-style: solid;  border-width: 1px;  display: table-cell;  font-size: 1em;  height: 36px;  margin: 10px 0;  outline: medium none;}
.webform-client-form.webform-client-form-861 textarea {display: table-cell;background-color: #ffffff;border-color: #999999;border-radius: 3px;border-style: solid; border-width: 1px; outline: medium none;margin:0px;}
.webform-client-form-861 .webform-container-inline.webform-component-textarea .form-textarea-wrapper {  display: table-cell;  padding: 13px 0 10px;}
.webform-client-form > div > div.form-actions{display:block;}
/*****************************************************/
#navigation .links li, #navigation .menu li{
    padding:0px;
}

#block-superfish-1 > ul#superfish-1 > li.last{
    width: auto !important;
}
#block-superfish-1 > ul#superfish-1 > li.sf-depth-1.sf-no-children {
    display: table;
    font-size: 1em;
    font-weight: lighter;
    margin: 0;
    padding: 0px 0 0px 0 !important;
    width: auto;
}
#block-superfish-1 > ul#superfish-1 > li.sf-depth-1.sf-no-children:hover{
    background-color: #5b165b;
}
#block-superfish-1 > ul#superfish-1 > li.sf-depth-1.sf-no-children > a{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    min-width: 1px;
}
#superfish-1 > li.menuparent {padding: 0px !important}
#block-superfish-1 > ul#superfish-1 > li > a.libraries-main {  height: 45px;  padding: 8px 28px;}
#block-superfish-1 > ul#superfish-1 > li > a.using-library-main {  height: 45px;  padding: 8px 20px;}
#block-superfish-1 > ul#superfish-1 > li > a.collection-main.sf-depth-1 {  height: 45px;  padding: 8px 20px;}
#block-superfish-1 > ul#superfish-1 > li > a.learning-support-main.sf-depth-1 {  height: 45px;  padding: 8px 20px 7px 20px;}
#block-superfish-1 > ul#superfish-1 > li > a.research-support-main.sf-depth-1 {  height: 45px;  padding: 8px 20px;}
#block-superfish-1 > ul#superfish-1 > li > a.help-main.sf-depth-1 {  height: 45px;  padding: 8px 20px 7px 20px;}
#block-superfish-1 > ul#superfish-1 > li > a.about-main.sf-depth-1 {  height: 45px;  padding: 8px 20px; }
#block-superfish-1 > ul#superfish-1 > li ul li {background-color: #400640;padding: 0 0 !important;width: 100% !important;}
#block-superfish-1 > ul#superfish-1 > li ul li > a {color: #ffffff;padding: 10px 20px 10px 25px;}
#footer .menu a.active {color:#000000;}
.green_logo img{width:45px;height:46px;}
.back-to-top-div{float: left; z-index:10;}
.back-to-top-link{overflow:hidden;z-index:1000;position: fixed; bottom:12px;right:12px; display: none;background:url("/20230227165229oe_/https://libapps-au.s3-ap-southeast-2.amazonaws.com/sites/5311/images/back01.png") 0px 0px no-repeat;width:50px;height:50px;text-indent:-9999px}
body.node-type-default-page #content{width:100%;float:left;}
#block-menu-menu-information > ul > .first {
  margin-right: -3px;
}
#header_menu > div#header_menu_left{width:57.2%!important;}
#header_menu > div#header_menu_right{width:42.8%;}
.facebook_icon,.whatsapp_icon,.youtube_icon,.instagram_icon,.telegram_icon,.linkedin_icon{float:left;}
.whatsapp_icon {background-repeat: no-repeat; height: 24px !important; width: 24px !important; padding: 0; border: none; color: transparent; background-color: transparent; outline: none; display: block; margin: 0; background-size: cover; cursor: pointer; background-image: url(https://webarchive.lib.cuhk.edu.hk/20230227165229oe_/https://www.lib.cuhk.edu.hk/sites/cuhk/themes/sparrow/images/ico_whatsapp.png); line-height: 0; font-size: 0;}
.instagram_icon {background-repeat: no-repeat; height: 24px !important; width: 24px !important; padding: 0; border: none; color: transparent; background-color: transparent; outline: none; display: block; margin: 0; background-size: cover; cursor: pointer; background-image: url(https://webarchive.lib.cuhk.edu.hk/20230227165229oe_/https://www.lib.cuhk.edu.hk/sites/cuhk/themes/sparrow/images/ico_instagram.png); line-height: 0; font-size: 0;}
.telegram_icon {background-repeat: no-repeat; height: 24px !important; width: 24px !important; padding: 0; border: none; color: transparent; background-color: transparent; outline: none; display: block; margin: 0; background-size: cover; cursor: pointer; background-image: url(https://webarchive.lib.cuhk.edu.hk/20230227165229oe_/https://www.lib.cuhk.edu.hk/sites/cuhk/themes/sparrow/images/ico_telegram.png); line-height: 0; font-size: 0;}
.linkedin_icon {background-repeat: no-repeat; height: 24px !important; width: 24px !important; padding: 0; border: none; color: transparent; background-color: transparent; outline: none; display: block; margin: 0; background-size: cover; cursor: pointer; background-image: url(https://webarchive.lib.cuhk.edu.hk/20230227165229oe_/https://www.lib.cuhk.edu.hk/sites/cuhk/themes/sparrow/images/ico_linkedin.png); line-height: 0; font-size: 0;}
/***********************Layout for Content Type ***************************/
/************ Index Page Icon Grid Layout ***********/
.node-type-i-icon-grid-v .field-name-body{margin:0px;float:left;}
.node-type-i-icon-grid-v .field-name-field-i-icon-grid-v{float:left;width:100%} 
.node-type-i-icon-grid-v .field-name-field-i-icon-grid-head-text{float:left;margin-bottom:15px;}
.node-type-i-icon-grid-v #page #main .field-name-field-i-icon-grid-head-text > .field-items > .field-item p:first-child{margin-top:0em;}
.node-type-i-icon-grid-v .field-name-field-i-icon-grid-v > .field-items > .field-item{width:16%;float:left;margin:0 15px 5px 15px;height:162px;overflow:hidden;}
.node-type-i-icon-grid-v .field-name-field-i-icon-grid-v .field-name-field-i-icon-grid-img{width:100%;}
.node-type-i-icon-grid-v .field-name-field-i-icon-grid-v .field-name-field-i-icon-grid-img > .field-items > .field-item a{width:100%;border:0px;}
.node-type-i-icon-grid-v .field-name-field-i-icon-grid-v .field-name-field-i-icon-grid-img > .field-items > .field-item a img{margin:0 auto;float:none;width:100px;height:100px;display:block;border:0px;}
.node-type-i-icon-grid-v .field-name-field-i-icon-grid-v .field-name-field-i-icon-grid-img > .field-items > .field-item > img{margin:0 auto;float:none;width:100px;height:100px;display:block;}
.node-type-i-icon-grid-v .field-name-field-i-icon-grid-v .field-name-field-i-icon-grid-l {width:100%;}
.node-type-i-icon-grid-v .field-name-field-i-icon-grid-v .field-name-field-i-icon-grid-l > .field-items > .field-item {width:100%;float:left}
.node-type-i-icon-grid-v .field-name-field-i-icon-grid-v .field-name-field-i-icon-grid-l > .field-items > .field-item a{text-align: center;width:100%;float:left;color:#6d1b6d;cursor:pointer;font-size:1em;}
.node-type-i-icon-grid-v .field-name-field-i-icon-grid-v .field-name-field-i-icon-grid-l > .field-items > .field-item a:hover{text-align: center;color:#6d1b6d;font-size:1em;}
.node-type-i-icon-grid-v .field-name-field-i-icon-grid-v .field-name-field-i-icon-grid-des {width:100%;}
.node-type-i-icon-grid-v .field-name-field-i-icon-grid-v .field-name-field-i-icon-grid-des > .field-items > .field-item {width:100%;text-align:justify;float:left}
.node-type-i-icon-grid-v .field-name-field-i-icon-grid-v .field-name-field-i-icon-grid-des > .field-items > .field-item p{text-align:justify}
/************ Index Page Icon Listing Layout ***********/
.node-type-i-icon-list-v .field-name-body{margin:20px 0px;}
.node-type-i-icon-list-v .field-name-field-i-icon-g > .field-items > .field-item{width:100%;float:left;margin:0px;}
.node-type-i-icon-list-v .field-name-field-i-icon-g .field-name-field-i-icon-list-v-img {float:left;width:17%;}
.node-type-i-icon-list-v .field-name-field-i-icon-g .field-name-field-i-icon-list-v-img > .field-items > .field-item {width:100%;margin:1em 0;}
.node-type-i-icon-list-v .field-name-field-i-icon-g .field-name-field-i-icon-list-v-img > .field-items > .field-item a{width:100%;border:0px;}
.node-type-i-icon-list-v .field-name-field-i-icon-g .field-name-field-i-icon-list-v-img > .field-items > .field-item a img{border:0px;width:100px;height:100px;margin:0 auto; display:block;float:none;}
.node-type-i-icon-list-v .field-name-field-i-icon-g .field-name-field-i-icon-list-v-img > .field-items > .field-item > img{border:0px;width:100px;height:100px;margin:0 auto; display:block;float:none;}
.node-type-i-icon-list-v .field-name-field-i-icon-g .field-name-field-i-icon-list-v-l {float:left;width:82%;margin-top:18px}
.node-type-i-icon-list-v .field-name-field-i-icon-g .field-name-field-i-icon-list-v-l  > .field-items > .field-item {width:100%}
.node-type-i-icon-list-v .field-name-field-i-icon-g .field-name-field-i-icon-list-v-l  > .field-items > .field-item  a{margin-bottom:10px;width:100%;border:0px;text-align: left; float:left;color:#6d1b6d;cursor:pointer;font-size:1em;}
.node-type-i-icon-list-v .field-name-field-i-icon-g .field-name-field-i-icon-list-v-l  > .field-items > .field-item  a:hover{text-align: left;color:#6d1b6d;font-size:1em;}
.node-type-i-icon-list-v .field-name-field-i-icon-g .field-name-field-i-icon-list-v-des {float:left;width:82%;}
.node-type-i-icon-list-v .field-name-field-i-icon-g .field-name-field-i-icon-list-v-des  > .field-items > .field-item {width:100%;text-align:justify}
/************ Index Page Icon View Layout ***********/
.node-type-i-icon-v .field-name-field-i-icon-head-txt{float:left;text-align:left;margin-bottom:15px;}
.node-type-i-icon-v #page #main .field-name-field-i-icon-head-txt > .field-items > .field-item p:first-child{margin-top:0em;}
.node-type-i-icon-v .field-name-body{float:left;text-align:left}
.node-type-i-icon-v .field-name-field-i-icon-g-v {float:left;width:100%;}
.node-type-i-icon-v .field-name-field-i-icon-g-v > .field-items > .field-item{width:194px;float:left;margin:10px 23px 15px;}
.node-type-i-icon-v .field-name-field-i-icon-g-v .field-name-field-i-icon-img {float:left;width:194px;}
.node-type-i-icon-v .field-name-field-i-icon-g-v .field-name-field-i-icon-img > .field-items > .field-item {width:100%}
.node-type-i-icon-v .field-name-field-i-icon-g-v .field-name-field-i-icon-img > .field-items > .field-item a{width:100%;border:0px;}
.node-type-i-icon-v .field-name-field-i-icon-g-v .field-name-field-i-icon-img > .field-items > .field-item a:hover{}
.node-type-i-icon-v .field-name-field-i-icon-g-v .field-name-field-i-icon-img > .field-items > .field-item a img{border:7px solid #DDDDDD;width:100px;height:100px;margin:0 auto; display:block;float:none;}
.node-type-i-icon-v .field-name-field-i-icon-g-v .field-name-field-i-icon-img > .field-items > .field-item a img:hover{border:7px solid #ded1de;}
.node-type-i-icon-v .field-name-field-i-icon-g-v .field-name-field-i-icon-img > .field-items > .field-item > img{border:7px solid #DDDDDD;width:100px;height:100px;margin:0 auto; display:block;float:none;}
/*********************Highlight************************/
.not-front.node-type-highlights-articles article.node-highlights-articles{width:664px;border:4px solid #cdcdcd;margin-top:30px}
.not-front.node-type-highlights-articles article.node-highlights-articles .field.field-name-title-field{float: left;font-size: 1.2em;font-weight: bold;padding: 20px 10px 10px 30px;width: 200px;text-align: left;}
.not-front.node-type-highlights-articles article.node-highlights-articles .field.field-name-field-image{float: right;padding: 20px 20px 20px 0;width: 395px;}
.not-front.node-type-highlights-articles article.node-highlights-articles .field.field-name-field-image img{height: 226px;width: 395px;}
.not-front.node-type-highlights-articles article.node-highlights-articles .field.field-name-body.field-type-text-with-summary{float: left;padding: 0 10px 10px 30px;width: 200px;text-align:left}
.not-front.node-type-highlights-articles article.node-highlights-articles .field.field-name-field-article-link {float: left;width: 200px;padding: 0 10px 10px 30px;}
.not-front.node-type-highlights-articles .field-name-body .field-item > p {  font-size: 12px;  text-align: left;}
.not-front.node-type-highlights-articles .field-name-body .field-item > p:first-child { margin-top:0em !important;}
/*******************************************************/
/*************** Content Page with Anchor***************/
.node-type-content-page-with-anchor .landing-sibling-menu{display: block;float: left;padding: 0px 10px 15px 10px;width: 100%;}
.node-type-content-page-with-anchor .landing-sibling-menu li{float:left;font-weight:normal}
.node-type-content-page-with-anchor .landing-sibling-menu li::before {content: "";padding-right:0px;}
.node-type-content-page-with-anchor .landing-sibling-menu li::after { content: "|"; padding-left: 10px; padding-right: 10px;}
.node-type-content-page-with-anchor .landing-sibling-menu li.last::after {content: "";}
.node-type-content-page-with-anchor .landing-sibling-menu li a{color:#6d1b6d;font-size:1.2em}
.node-type-content-page-with-anchor .landing-sibling-menu li a:hover{text-decoration:underline}
.node-type-content-page-with-anchor .landing-sibling-menu li.is-active a{color:#E3E3E3;cursor:default;}
.node-type-content-page-with-anchor .landing-sibling-menu li.is-active a:hover{color:#E3E3E3;text-decoration:none;cursor:default;}
.node-type-content-page-with-anchor .field-name-body.field-type-text-with-summary{float:left; width:100%;}
/***************Content Page For Target************/
.node-type-content-page-with-anchor .content_part .content_part_left{float:left;width:50%}
.node-type-content-page-with-anchor .content_part .content_part_right{float:left;width:50%}
/***************Content Page Staff Box************/
article .field-type-text-with-summary .content-staff-div{float:left;width:100%;}
article .field-type-text-with-summary .content-staff-div .content-staff-box { float: left;width: 31%;padding: 1%;height: 231px;}
article .field-type-text-with-summary .content-staff-div .content-staff-box .staff-email-address a::before{content: url("https://webarchive.lib.cuhk.edu.hk/20230227165229oe_/https://www.lib.cuhk.edu.hk/sites/cuhk/themes/sparrow/images/ico_mail.png");float: left;padding-right: 8px;padding-top: 2px;}
article .field-type-text-with-summary .content-staff-div .content-staff-box .staff-contact span::before{content: url("https://webarchive.lib.cuhk.edu.hk/20230227165229oe_/https://www.lib.cuhk.edu.hk/sites/cuhk/themes/sparrow/images/ico_phone.png");float: left;height: 14px;padding-right: 8px;padding-top: 1px;}
article .field-type-text-with-summary .content-staff-div .content-staff-box .staff-contact > span{float:left;text-align:left;width:100%;}
/*******************************************************/
.index-grid-box .grid-icon-box {float:left;width:100%;}
.index-grid-box .grid-icon-box a {float:left;width:100%;}
.index-grid-box .grid-icon-box a.grid-icon-link img{width:100px;height:100px;float:none;margin:0 auto;display:block;}
.index-grid-box .grid-icon-box img{width:100px;height:100px;float:none;margin:0 auto;display:block;}
.index-grid-box .grid-content{width:100%;float:left;}
.index-grid-box .grid-content .grid-content-title {text-align:center;}#block-search-form
.index-grid-box .grid-content .grid-content-title a{color:#6d1b6d;cursor:pointer;font-size:0.8em;}
.index-grid-box .grid-content .grid-content-title a:hover{color:#6d1b6d;font-size:0.8em;}
.index-grid-box .grid-content .grid-content-content {text-align:justify}
.index-grid-box .grid-content .grid-content-content .grid-content-content-div{display: block;float: none;margin: 0 auto;width: 85%;}
.index-grid-box .grid-content .grid-content-content a,
.index-grid-box .grid-content .grid-content-content .grid-content-content-div a{cursor:pointer;font-size:0.8em;}
.index-grid-box .grid-content .grid-content-content a:hover,
.index-grid-box .grid-content .grid-content-content .grid-content-content-div a:hover{font-size:0.8em;}
.cuhk-style-sub-header{color:#6d1b6d;font-size:1.1em;}
.content_anchor_list{width:100%;margin-bottom:22px;}
.content_anchor_list span{margin:0px 10px;}
.content_anchor_list a{color:#6d1b6d;font-size:0.8em;}
.content_part{width:100%;float:left;}
#page #main .content_part .content p:first-child {  margin: 0 0 1em;}
.content_part .content_image{width:180px;float:left}
.content_part .content_image img{width:130px !important;height:130px !important;margin:0 auto; display:block;float:none;}
.content_part .content{float:left;width:780px;text-align:left;}
/******************Play MP4 Video************************/
.video-play-error{padding:20px;}
/******************News Event Page************************/
.view-content .item-list .views-row {padding:10px 0px;border-bottom:1px solid #EDEDED;margin-top:15px;}
.view-id-today_news_event.view-display-id-page .view-filters {  border: 2px solid #ededed;  margin: 10px 0 15px;  padding: 15px;display:none;}
.view-id-today_news_event.view-display-id-page_1 .view-filters {  border: 2px solid #ededed;  margin: 10px 0 15px;  padding: 15px;display:none;}
.view-id-today_news_event.view-display-id-page .view-filters .views-widget-filter-gid{display:none;}
.view-id-today_news_event.view-display-id-page_1 .view-filters .views-widget-filter-gid{display:none;}
.view-id-today_news_event.view-display-id-page .views-exposed-form .views-exposed-widget{margin-left:20px;}
.view-id-today_news_event.view-display-id-page .views-exposed-form .branch-list-wrapper{float:left;margin-left:34px;}
.view-id-today_news_event.view-display-id-page .views-exposed-form .views-submit-button{margin-left:25px;}
.view-id-today_news_event.view-display-id-page .views-exposed-form .views-exposed-widget .form-submit {margin-top: 1.4em;width: 100px;}
.view-id-today_news_event.view-display-id-page_1 .views-exposed-form .views-exposed-widget{margin-left:20px;}
.view-id-today_news_event.view-display-id-page_1 .views-exposed-form .branch-list-wrapper{float:left;margin-left:34px;}
.view-id-today_news_event.view-display-id-page_1 .views-exposed-form .views-submit-button{margin-left:30px;}
.view-id-today_news_event.view-display-id-page_1 .views-exposed-form .views-exposed-widget .form-submit {margin-top: 1.4em;width: 100px;}
/**********************************************************/
/**********************Branch Library************************/
/*******Listing**********/
.view-branch-square-menu-links .square-menu__title{font-size:1em}
#page #main .libraries-image-menu ul li.libraries-list:before {content:"";padding-right:0px;}
#page #main .libraries-image-menu ul li.libraries-list {float:left;width: 33%;margin-right:0;margin-bottom:20px;height:180px;border:0px;position:relative;background:transparent;padding-left:0px;display:block;}
#page #main .libraries-image-menu ul li.libraries-list .library-box {width: 100%;}
#page #main .libraries-image-menu ul li a{display:block;height:auto;width:100%;position:relative;top:auto;text-align: center;line-height:21px;}
/*******Detail**********/
.node-type-branch-library #page div#main nav.breadcrumb {
  display: initial;
  float: left;
  position: absolute;
  margin-top: -40px;
  margin-left: -214px;
}
.node-type-branch-library #page div#main aside.sidebars {margin-top: 30px;}
.node-type-branch-library #page div#main aside.sidebars .views-field-field-telephone span, 
.node-type-branch-library #page div#main aside.sidebars .views-field-field-telephone div, 
.node-type-branch-library #page div#main aside.sidebars .views-field-field-branch-email span, 
.node-type-branch-library #page div#main aside.sidebars .views-field-field-branch-email div,
.node-type-branch-library #page div#main aside.sidebars .views-field-field-address span,
.node-type-branch-library #page div#main aside.sidebars .views-field-field-address div {
  line-height: 22px;
  margin: 0;
  padding: 0 0 0 18px;
  font-size:1em;
}
.node-type-branch-library #page div#main aside.sidebars .views-field-field-telephone .item-list ul li{
    padding:0 0 0 0px;
}
.node-type-branch-library #page div#main aside.sidebars .views-field-field-branch-email .item-list ul li{
    padding:0 0 0 0px;    
}
.node-type-branch-library #page div#main aside.sidebars .views-field-field-branch-address .item-list ul li{
    padding:0 0 0 0px;
}

.node-type-branch-library #page div#main .branchlibnews div.view-branch-library-news{font-size:1em;}
.node-type-branch-library #page div#main aside.sidebars .views-field-field-telephone, 
.node-type-branch-library #page div#main aside.sidebars .views-field-field-branch-email, 
.node-type-branch-library #page div#main aside.sidebars .views-field-field-address{font-size:1em;}

.node-type-branch-library #page div#main aside.sidebars .views-field-field-address:before {
    position: absolute;
    content: url(https://webarchive.lib.cuhk.edu.hk/20230227165229oe_/https://www.lib.cuhk.edu.hk/sites/cuhk/themes/sparrow/images/ico_address_round.png);
}

/**********************************************************/
/**********************E-database************************/
.edb-title-guide-others{background:url("/20230227165229oe_/https://libapps-au.s3-ap-southeast-2.amazonaws.com/sites/5311/images/icon_other.gif") no-repeat scroll 0px 1px;width:16px;height:16px;text-indent: -9999px;float:left;}
.edb-guide-pdf-icon {background:url("/20230227165229oe_/https://libapps-au.s3-ap-southeast-2.amazonaws.com/sites/5311/images/icon_pdf.gif") no-repeat scroll 0px 1px;width:16px;height:16px;text-indent: -9999px;float:left;}
.edb-title-guide-pdf-icon {background:url("/20230227165229oe_/https://libapps-au.s3-ap-southeast-2.amazonaws.com/sites/5311/images/icon_pdf.gif") no-repeat scroll 0px 1px;width:16px;height:16px;text-indent: -9999px;float:left;}
.edb-guide-flash-icon {background:url("/20230227165229oe_/https://libapps-au.s3-ap-southeast-2.amazonaws.com/sites/5311/images/icon_flash.gif") no-repeat scroll 0px 1px;width:16px;height:16px;text-indent: -9999px;float:left;}
.field-name-field-e-db-title-android,
.field-name-field-e-db-title-mobile-web,
.field-name-field-e-db-title-ios{float:left;}
.e-db-title-android{background:url("/20230227165229oe_/https://libapps-au.s3-ap-southeast-2.amazonaws.com/sites/5311/images/android.png") no-repeat scroll 0px 1px;width:37px;height:40px;text-indent: -9999px;float:left;}
.e-db-title-mw{background:url("/20230227165229oe_/https://libapps-au.s3-ap-southeast-2.amazonaws.com/sites/5311/images/web.png") no-repeat scroll 0px 1px;width:37px;height:43px;text-indent: -9999px;float:left;}
.e-db-title-ios{background:url("/20230227165229oe_/https://libapps-au.s3-ap-southeast-2.amazonaws.com/sites/5311/images/iphone.png") no-repeat scroll 0px 1px;width:37px;height:43px;text-indent: -9999px;float:left;}
.e_db_title_mw_remark{display:none;float:left;}
.e_db_title_ios_remark{display:none;float:left;}
.e_db_title_android_remark{display:none;float:left;}
.e-db-title-remarks{}
.region-content .title-list-view .view-content .db-title-content-header{float:left;width:100%;background-color:#6d1b6d;}
.title-list-view {}
.title-list-view .db-title-content-header .db-title-left-header{width:250px;color:#ffffff;text-align: center;float:left;padding:10px 10px;}
.title-list-view .db-title-content-header .db-title-mid-header{width:580px;color:#ffffff;text-align: center;float:left;border-right:3px solid #ffffff;border-left:3px solid #ffffff;padding:10px 10px;}
.title-list-view .db-title-content-header .db-title-right-header{width:108px;color:#ffffff;text-align: center;float:left;padding:10px 10px;}
.title-list-view .e-db-title-row{width:100%;display:table;}
.title-list-view .e-db-title-row >.e-db-title-upper-row{display:block;width:100%;background-color:#ffffff;border-bottom:3px solid #ffffff;}
.title-list-view .e-db-title-row >.e-db-title-bottom-row{display:block;width:100%;}
.title-list-view .e-db-title-row >.e-db-title-upper-row .e-db-title-left-col{background-color:#DED1DE;display:table-cell;width:250px;padding:10px 10px;border-right:3px solid #ffffff;}
.title-list-view .e-db-title-row >.e-db-title-upper-row .e-db-title-mid-col{background-color:#DED1DE;display:table-cell;width:580px;padding:10px 10px;border-right:3px solid #ffffff;}
.title-list-view .e-db-title-row >.e-db-title-upper-row .e-db-title-right-col{background-color:#DED1DE;display:table-cell;width:108px;padding:10px 10px;}
.title-list-view .e-db-title-row >.e-db-title-upper-row .e-db-title-right-col .edb-guide-html-icon{background:url("/20230227165229oe_/https://libapps-au.s3-ap-southeast-2.amazonaws.com/sites/5311/images/icon_html.jpg") no-repeat scroll 0px 1px;width:16px;height:16px;text-indent: -9999px;float:left;}
.edb-guide-html-icon{background:url("/20230227165229oe_/https://libapps-au.s3-ap-southeast-2.amazonaws.com/sites/5311/images/icon_html.jpg") no-repeat scroll 0px 1px;width:16px;height:16px;text-indent: -9999px;float:left;}
/*********************Opening Hour Calendar*************************/
#script-warning {display: none;background: #eee;border-bottom: 1px solid #ddd;padding: 0 10px;line-height: 40px;text-align: center;font-weight: bold;font-size: 12px;color: red;}
#loading {display: none;position: absolute;top: 10px;right: 10px;}
.opening_hour_content.fc{margin-top:11px;}
#opening-hour-calendar {max-width: 900px;margin: 0 auto;}
.library_name_section .library_section_name ul{padding:0px 0px 0px 0px}
.opening_time .opening_time_section ul{padding:0px 0px 0px 0px}
.library_name_col .library_name_sub_section_btn_div{float:left;min-width: 10px;}
.library_name_col .library_name_section .sub_section,
.library_name_col .opening_time .sub_section{display:none}
.library_name_col .library_name_section .show_item,
.library_name_col .opening_time .show_item{display:block}
.opening_hour_content .dayView{float:left;display:block;margin-bottom:2em}
.opening_hour_content .weekView{float:left;display:block;margin-bottom:2em}
.opening_hour_content .dayView .opening_hour{float:left; }
.opening_hour_content .dayView .opening_hour .opening_hour_detail_col .date_box{width:411px;float:none;margin:10px 0px 10px 0px;display:block}
.opening_hour_content .weekView .opening_hour .opening_hour_detail_col .week_date_box{width:262px;height:auto;float:left;margin:10px 0px 10px 0px}
.opening_hour_content .weekView .opening_hour .opening_hour_detail_col .week_date_box_no_title{width:117px;height:auto;float:left;margin:10px 0px 10px 0px}
.opening_hour_content .weekView .opening_hour .opening_hour_detail_col .week_date_name_blank_div {float: left;width: 138px;border:1px solid #dddddd;padding:2px 4px;}
.opening_hour_content .opening_hour .opening_hour_detail_col .week_date_box .date_name {float: left;display:block;padding:2px;font-size:14px;border:1px solid #dddddd;width:108px;}
.opening_hour_content .opening_hour .opening_hour_detail_col .week_date_box_no_title .date_name {float: left;display:block;font-size:14px;border:1px solid #DDDDDD;padding:2%;width:96%;}
.opening_hour_content .weekView .opening_hour .opening_hour_detail_col .week_date_name_box{float:none;margin-bottom:0px;}
.opening_hour_content .dayView .opening_hour_detail .date_name{font-size: 1.5em;padding: 10px 0 26px;}
.opening_hour_content .dayView .opening_hour_detail .library_name_col{float:left;display:block;border:1px solid #ededed;width:100%;}
.opening_hour_content .dayView .opening_hour_header{background-color:#8E598E;float:left;width:413px;color:#ffffff;}
.opening_hour_content .dayView .opening_hour_header .library_name_head{float:left;width:50%;padding: 3% 2% 3% 2.5%;}
.opening_hour_content .dayView .opening_hour_header .opening_time_head{float:left;width:41%;padding: 3% 2% 3% 2.5%;}
.opening_hour_content .dayView .library_name_col .library_name_sub_section_btn_div{float:left;min-width: 10px;margin-right:3px}
.opening_hour_content .dayView .opening_hour_detail .library_name_col .opening_time{float: left;padding: 3% 2% 3% 2.5%;width: 40%;}
.opening_hour_content .dayView .opening_hour_detail .library_name_col .library_name_section{border-right: 1px solid #ededed;float: left;padding: 3% 2% 3% 2.5%;width: 50%;}
.opening_hour_content .dayView .library_name_col .library_name_section .library_section_name ul {padding:0px 0px 0px 9px}
.opening_hour_content .dayView .library_name_col .library_name_section .library_section_name ul li{background:url("/20230227165229oe_/https://libapps-au.s3-ap-southeast-2.amazonaws.com/sites/5311/images/bullet_purple.png") no-repeat 0 9px;padding-left: 11px;}
.opening_hour_content .dayView .library_name_col .opening_time .opening_time_section ul li{background:url("/20230227165229oe_/https://libapps-au.s3-ap-southeast-2.amazonaws.com/sites/5311/images/bullet_purple.png") no-repeat 0 9px;padding-left: 11px;}
.opening_hour_content .alert-box{margin:15px 0px;}
.opening_hour_content .weekView .opening_hour .opening_hour_detail_col{font-size:0.8em;}
.opening_hour_content .weekView .library_name_col{float:left;}
.opening_hour_content .weekView .library_name_col .library_name_sub_section_btn_div{float:left;min-width: 10px;margin-right:2px}
.opening_hour_content .weekView .library_name_col .library_name_section{float:left;width:138px;border:1px solid #DDDDDD;padding:2px 4px;}
.opening_hour_content .weekView .library_name_col .opening_time{float:left;width:109px;padding:3px 2px;}
.opening_hour_content .weekView .library_name_col .library_name_section .library_section_name ul{padding:0px 0px 0px 5px}
.opening_hour_content .weekView .library_name_col .opening_time .opening_time_section ul{padding:0px 0px 0px 5px}

/**********************************************************/
.tinynav { display: none }


/***********************************************************/
#block-quicktabs-resources {}
#block-quicktabs-resources #quicktabs-resources {}
#block-quicktabs-resources #quicktabs-resources .ui-widget-header {background:none;color: #222; font-weight: 700;border:0px;}
#block-quicktabs-resources .ui-corner-all, 
#block-quicktabs-resources .ui-corner-top, 
#block-quicktabs-resources .ui-corner-left, 
#block-quicktabs-resources .ui-corner-tl{border:0px}
#block-quicktabs-resources .ui-corner-all, 
#block-quicktabs-resources .ui-corner-top, 
#block-quicktabs-resources .ui-corner-right, 
#block-quicktabs-resources .ui-corner-tr { border-top-right-radius: 0;}
#block-quicktabs-resources .ui-corner-all, 
#block-quicktabs-resources .ui-corner-top, 
#block-quicktabs-resources .ui-corner-left, 
#block-quicktabs-resources .ui-corner-tl {  border-top-left-radius: 4px;}
#block-quicktabs-resources .ui-corner-all, 
#block-quicktabs-resources .ui-corner-bottom,
#block-quicktabs-resources .ui-corner-left,
#block-quicktabs-resources .ui-corner-bl {border-bottom-left-radius: 0px;}
#block-quicktabs-resources .ui-corner-all, 
#block-quicktabs-resources .ui-corner-bottom, 
#block-quicktabs-resources .ui-corner-right, 
#block-quicktabs-resources .ui-corner-br {border-bottom-right-radius: 0px;}
#quickcont .header__region.region.region-header > * { display: inline-block;  margin-bottom: 0;}
#quickcont .integrate_search_box_wrapper{float:left;}
#quickcont .integrate_search_box_wrapper{box-shadow: 3px 4px 0 0 rgba(0, 0, 0, 0.5);-webkit-box-shadow: 3px 4px 0 0 rgba(0, 0, 0, 0.5);-moz-box-shadow: 3px 4px 0 0 rgba(0, 0, 0, 0.5);float: left;overflow: hidden;width: 71%;}
#quickcont .integrate_search_box_wrapper .integrate_search_box.r-tabs{position:relative}
#quickcont .r-tabs .r-tabs-accordion-title { display: none;}
#quickcont ul.r-tabs-nav {height: 30px;margin-left: 16px;width: 100%;position: relative}
#quickcont .r-tabs .r-tabs-nav li{color:#ffffff;text-align: center}
#quickcont .r-tabs .r-tabs-nav .r-tabs-state-active{background-color: #6d1b6d;border-top: 3px solid rgba(140, 35, 140, 0.8);height: 27px;width:138px;position: relative}
#quickcont .r-tabs .r-tabs-nav .r-tabs-state-active:after{top: 100%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0; position: absolute;    pointer-events: none;    border-top-color: #6d1b6d;    border-width: 4px;    margin-left: -4px;}
#quickcont .r-tabs .r-tabs-nav .r-tabs-state-active a{color:#ffffff;font-size:0.9em}
#quickcont .r-tabs .r-tabs-nav .r-tabs-state-default{background-color: #cdcdcd;border-top: 5px solid #333333;height: 25px;margin-left: 1px;position: relative;width: 138px;}
#quickcont .r-tabs .r-tabs-nav .r-tabs-state-default a{ color: #333333;display: inline-block;font-size: 0.8em;font-weight: 700;height: 100%;line-height: 25px;text-align: center;width: 100%;}
#quickcont .r-tabs .r-tabs-panel { display: none;background-color:#ffffff;float: left;height: 130px;padding: 18px 30px 22px;width: 673px;}
#quickcont .r-tabs .r-tabs-panel.r-tabs-state-active {  display: block;}
#quickcont .r-tabs .r-tabs-panel form {position: relative;}
.integrate_search_box_wrapper .r-tabs-panel a:hover{text-decoration: underline}
#quickcont .purplewrapper {border-radius: 0;}
#quickcont .purplewrapper .purple-dropdown {background: url("/20230227165229oe_/https://libapps-au.s3-ap-southeast-2.amazonaws.com/sites/5311/images/arrow_bottom.png") no-repeat scroll right center #6d1b6d;width: 76%;}
#quickcont .purplewrapper select{width:100%;background: transparent;}
#quickcont .purplewrapper select option{background-color:#6d1b6d;}
#quickcont #e-resource-tab form div.subject-list-box select {
  -moz-appearance: none;
 -webkit-appearance: none;
  background-color: #ffffff;
  background-image: none;
  border-color: #999999;
  border-radius: 3px;
  border-style: solid;
  border-width: 1px;
  font-size: 0.8em;
  height: 36px;
  outline: medium none;
  padding: 7px;
  width: 100%;
}
#quickcont form > ul > li::before, #quickcont #quicktabs-container-resources ul > li::before,
#quickcont #e-resource-tab ul > li::before
{
  content: url("https://webarchive.lib.cuhk.edu.hk/20230227165229oe_/https://www.lib.cuhk.edu.hk/sites/cuhk/themes/sparrow/images/ico_bullet_pt.png");
  padding-right: 10px;
}
#quickcont #e-resource-tab ul > li{font-size:0.7em}
#quickcont #e-resource-tab p {
  color: #6d1b6d;
  float: right;
  font-size: 0.8em;
  margin: 0.8em 0;
}
#quickcont form > ul, #quickcont #quicktabs-container-resources ul,#quickcont #e-resource-tab ul {
  display: inline-block;
  margin-left: 3px;
  margin-top: 9px;
  width: 75%;
}
#quickcont div.advanceHelp { color: #6d1b6d;font-size: 0.7em;margin: 5px 12px;position: absolute; right: -1px; top: 38px;}
#quickcont .libguides-btn{background-color: #ffffff;background-image: none;border-color: #999999;border-radius: 3px;border-style: solid;border-width: 1px;font-size: 0.8em;height: 22px;outline: medium none;padding: 7px;width: 97%;float:left;cursor:pointer;}
div#block-views-highlights-slideshow-block h2{font-size: 21px; }
.opening-hour h2.block-title {  font-size: 21px;  line-height: 21px; width:100%}
.i18n-en .opening-hour h2.block-title {  font-size: 21px;  line-height: 24px;margin-bottom:2px}
.slide-bar-area .opening-hour{float:left;margin-left:10px}
.front .opening-hour .ui-tabs .ui-state-default, .ui-tabs .ui-widget-content .ui-state-default, .ui-tabs .ui-widget-header .ui-state-default{float:left;margin-left:10px;}
.front .opening-hour .ui-tabs .ui-state-default.ui-corner-top.ui-tabs-active.ui-state-active{float:left;}
.front .opening-hour .opening-hour-tab .ui-widget-header{background:none;border:none;padding:0px;margin:0px;}
.front .opening-hour .opening-hour-tab.ui-tabs .ui-tabs-nav li{margin:0px; padding:0px;}
.front .opening-hour .opening-hour-tab .ui-widget-header .ui-state-default{background:none #E0E0E0;}
.front .opening-hour .opening-hour-tab .ui-widget-header .ui-state-default.ui-state-active{background:none #ffffff;-moz-box-shadow: 0px -3px 6px -3px #B7B7C7;-webkit-box-shadow: 0px -3px 6px -3px  #B7B7C7; box-shadow: 0px -3px 6px -3px #B7B7C7;/* For IE 8 */    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=90, Color='#B7B7C7')";    /* For IE 5.5 - 7 */    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=90, Color='#B7B7C7');    margin-bottom:-1px;}
.front .opening-hour .opening-hour-tab.ui-tabs .ui-tabs-nav li a{padding:0.5em 0em}
.front .opening-hour .opening-hour-tab.ui-tabs .ui-tabs-nav li a{width:100%;height:21px;overflow:hidden;}
.front .opening-hour .opening-hour-tab.ui-tabs .ui-tabs-nav li.opening-hour-tab-header a div{width:20px;float:none;display:block;margin:0 auto;}
.front .opening-hour .opening-hour-tab.ui-tabs .ui-tabs-nav li.opening-hour-tab-header a div .opening-hour-header-icon{background: url("/20230227165229oe_/https://libapps-au.s3-ap-southeast-2.amazonaws.com/sites/5311/images/opening_hour_icon.png") no-repeat scroll 0 0px;height:20px;width:20px;text-indent: -9999px;float:left}
.front .opening-hour .opening-hour-tab.ui-tabs .ui-tabs-nav li.pc-availability-tab-header a div{width:21px;float:none;display:block;margin:0 auto;}
.front .opening-hour .opening-hour-tab.ui-tabs .ui-tabs-nav li.pc-availability-tab-header a div .pc-availability-header-icon{background: url("/20230227165229oe_/https://libapps-au.s3-ap-southeast-2.amazonaws.com/sites/5311/images/pc_availability_icon.png") no-repeat scroll 0 1px;height:20px;width:21px;text-indent: -9999px;float:left}
.front .opening-hour .opening-hour-tab.ui-tabs .ui-tabs-nav li.ui-state-active a { height: 22px;overflow:hidden;}
.front .indexOpeningHour .opening_hour{font-size:12px;float:left}
.front .ui-tabs .indexOpeningHour.ui-tabs-panel {padding:0.5em 0em 0.5em 0.2em;background:none repeat scroll 0 0 #ffffff; height:296px;width:100%;}
.front .ui-tabs .indexPCAvailability.ui-tabs-panel {padding:0.5em 0em 0.5em 0.2em;background:none repeat scroll 0 0 #ffffff; height:296px;}
.front .opening-hour > .ui-widget-content{background:none;border:none;}
.front .opening-hour  .ui-tabs-panel{border-top:1px solid #EDEDED;}
.front .opening-hour .ui-corner-all{border-radius:0px;}
.front .opening_hour_detail{width:100%;float:left;}
.front .opening_hour_detail .library_name_col{float:left;}
.front .opening-hour-control{float:left;}
.front .opening-hour .opening-hour-tab {float:left;width:290px;padding:0.2em 0em 0.2em 0.4em;}
.front .opening-hour {width:291px;float:left;}
.front .opening_hour_detail .library_name_section{width:149px;float:left}
.front .opening_hour_detail .opening_time{width:124px ;float:left}
.front .opening-hour .opening-hour-tab.ui-tabs .ui-tabs-nav li{}
.front .opening-hour .opening-hour-tab.ui-tabs .ui-tabs-nav li:last-child {}
.front .opening-hour .opening-hour-tab.ui-tabs .ui-tabs-nav li.opening-hour-tab-header{width:140px;margin-right:6px;float:left;}
.front .opening-hour .opening-hour-tab.ui-tabs .ui-tabs-nav li.pc-availability-tab-header{width:140px;float:left}
.front .opening_hour_more .opening_hour_more_link{font-size:12px;}
.front .opening_hour_disclaimer {font-size:10px;}
.indexOpeningHour{float:left;}
.indexOpeningHour .opening_hour{margin:0px;font-size:0.8em; float:none;width:284px;}
.indexPCAvailability .pc_availability{margin:0px;font-size:12px; float:none;width:284px;}
.indexOpeningHour .opening_hour .opening_hour_detail_col .date_box{float: none;height: 212px;margin: 10px 0;}
.front .indexPCAvailability .pc_availability{margin:0em 0em 0em 0em;width:284px;}
.front .indexPCAvailability .pc_availability .pc_library_name_heading{width:60%;font-weight:normal;text-align:left;}
.front .indexPCAvailability .pc_availability .pc_number_heading{width:20%;font-weight:normal;text-align:left;}
.front .indexPCAvailability .pc_availability .pc_total_heading{width:20%;font-weight:normal;text-align:left;}
.front .indexPCAvailability .pc-status{width:100%;float:left;margin:10px 0px 0px 0px;font-size:12px;font-weight:normal;}
.front .indexPCAvailability .pc-reload{width:100%;float:left;margin:10px 0px 0px 0px;font-size:12px;font-weight:normal;}
.opening_hour_more_link{cursor:pointer;text-decoration: none}
.opening_hour_more_link:hover{cursor:pointer;text-decoration: underline}
.pc_avail_reload{cursor:pointer;text-decoration: none}
.pc_avail_reload:hover{text-decoration: underline}
.view_sub_section_btn{cursor: pointer;background: url("/20230227165229oe_/https://libapps-au.s3-ap-southeast-2.amazonaws.com/sites/5311/images/plus_minus_icon.png") no-repeat scroll 0 0px;height:10px;width:9px;text-indent: -9999px;float:left;margin-top: 6px;}
.view_sub_section_btn_click{cursor: pointer;background: url("/20230227165229oe_/https://libapps-au.s3-ap-southeast-2.amazonaws.com/sites/5311/images/plus_minus_icon.png") no-repeat scroll 0 -10px;height:10px;width:9px;text-indent: -9999px;float:left;margin-top: 6px;}
.day{width:100%;float:left;}
.head{width:100%;}
.head .branch_name_header{float:left;width:200px;}
.head .branch_section_header{float:left;width:150px;}
.head .branch_time_header{float:left;width:150px;}
.content{width:500px}
.content > div {float:left}
.branch_name{width:200px;float:left;}
.branch_content{width:300px;float:right;}
.branch_content .branch_section{width:150px;float:left;}
.branch_content .branch_time{width:150px;float:right;}
.ui-widget-content a,
.ui-widget-content .opening_hour .library_name a,
.ui-widget-content .opening_hour .library_section_name a{color:#333333}
.ui-widget-content .opening_hour .library_name a:hover, 
.ui-widget-content .opening_hour .library_section_name a:hover{text-decoration: underline}
div#block-views-today-news-event-block{box-shadow: 3px 4px 0 0 rgba(0, 0, 0, 0.5);float: left;margin-left: 1px;}
div#block-views-today-news-event-block > div.view-today-news-event .more-link a{font-size: 12px;color:#333333;font-weight:normal}
div#block-views-today-news-event-block > div.view-today-news-event .more-link a:hover {
    text-decoration: underline;
}
div#block-views-today-news-event-block > div.view-today-news-event {background-color: #ffffff;height: 161px;overflow-y: auto;padding: 4px 15px 5px;  width: 228px;}
.view-id-today_news_event.view-display-id-page .field-content > a,
.view-id-today_news_event.view-display-id-page_1 .field-content > a,
.view-id-today_news_event.view-display-id-page .views-field-field-start-date  .field-content,
.view-id-today_news_event.view-display-id-page_1 .views-field-field-start-date  .field-content{font-weight:bold}
.field-name-field-start-date .field-item {font-weight:bold}
/*************************Branch page********************************/
.node-type-branch-library #page .todaysopeninghours h5{font-size:20px;}
.node-type-branch-library #page .todaysopeninghours p{font-size:27px;}
.node-type-branch-library .group-right .field-items a {background:none;display: table;  margin-left: 19px;padding:0px;}
.node-type-branch-library .group-right .field-items a:hover{text-decoration: underline}
.node-type-branch-library .group-right .field-items .field-item {
  background: url("https://webarchive.lib.cuhk.edu.hk/20230227165229oe_/https://www.lib.cuhk.edu.hk/sites/cuhk/themes/sparrow/images/ico_bullet_pt.png") no-repeat scroll left 7px;
}

/********************************************************************/
/************************EDB Title Content Page**********************/
.node-type-database-title .field{margin:0.5em 0em;}
.node-type-database-title .field .field-label{width:30%;color:#606060}
.node-type-database-title .field-name-field-e-db-title-name .field-item{font-size:2em;}
.node-type-database-title .field-name-field-e-db-title-year .field-item p{margin:0px 0px 0px 0px !Important;}
.node-type-database-title .field-name-field-e-db-title-location2-link{margin-left:30%}
.node-type-database-title .field-name-field-e-db-title-location3-link{margin-left:30%}
.node-type-database-title .field-name-field-e-db-title-location4-link{margin-left:30%}
.node-type-database-title .field-name-field-e-db-title-android-remark{float:left;display:none;}
.node-type-database-title .field-name-field-e-db-title-ios-remark{float:left;display:none;}
.node-type-database-title .field_e_db_title_mobile_web_r{float:left;display:none;}
.node-type-database-title .field-name-field-e-db-title-related-subject{float:left;width:100%}
.node-type-database-title .field-name-field-e-db-title-related-subject .field-item{float:left;margin-left:10px;}
.node-type-database-title .field-name-field-e-db-title-related-subject .field-item:first-child{margin-left:0px}
.node-type-database-title .field-name-field-e-db-title-related-subject .field-item a{}
.node-type-database-title .field-name-field-e-db-title-related-type{float:left;width:100%}
.node-type-database-title .edb-guide-html-icon {background:none;width:auto;height:auto;text-indent: 0px;}
.node-type-database-title .edb-guide-flash-icon {background:none;width:auto;height:auto;text-indent: 0px;}
.node-type-database-title .edb-guide-pdf-icon {background:none;width:auto;height:auto;text-indent: 0px;}
.node-type-database-title .edb-title-guide-others {background:none;width:auto;height:auto;text-indent: 0px;}
.node-type-database-title .e-db-title-android{background:none;width:auto;height:auto;text-indent: 0px;}
.node-type-database-title .e-db-title-mw{background:none;width:auto;height:auto;text-indent: 0px;}
.node-type-database-title .e-db-title-ios{background:none;width:auto;height:auto;text-indent: 0px;}
.node-type-database-title .field-name-field-e-db-title-android,
.node-type-database-title .field-name-field-e-db-title-mobile-web,
.node-type-database-title .field-name-field-e-db-title-ios{float:none;}

/***************************Staff Directory**************************/
.page-node-11.node-type-basic-page-with-side-menu #content{float:left;width:100%;}
.page-node-11.node-type-basic-page-with-side-menu #content article li:before {}
.page-node-11.node-type-basic-page-with-side-menu #content article a {}
.page-node-11.node-type-basic-page-with-side-menu #content article a:hover {}

.team.management_team{display:block;}
.team.department{display:none;}
.team.lib_office{display:none;}
.staff-directory-item-list{width:100%;float:left;}
.staff-directory-item-list > h3{background-color: #e4dae4; border-left-color: #5b165b;border-left-width: 4px;border-left-style: solid;font-size: 1em;padding: 8px;padding-left: 10px; border-bottom: 1px solid #999;margin-bottom:0px}
.staff-directory-item-list > h4{background-color: #cdcdcd; display: block;font-weight: 700;  font-size: 0.9em;  padding: 5px;margin-bottom:0px;margin-top:0px;padding-left: 17px;}
.staff-directory-item-list > .staff-content-box{padding:16px;border-color:#cdcdcd;border-style: solid;border-width: 1px;border-top: none;background-color: #ffffff;width:930px;float:left;}
.staff-directory-item-list > .staff-content-box > .staff-image{float:left;width:100px;height:100px;}
.staff-directory-item-list > .staff-content-box > .staff-image img{width:100px;height:100px;}
.staff-directory-item-list > .staff-content-box .staff-content{width:800px;float:left;margin-left:18px;}
.staff-directory-item-list > .staff-content-box .staff-content .staff-basic-info{width:100%;}
.staff-directory-item-list > .staff-content-box .staff-content .staff-basic-info .staff-post{font-style:italic;font-size:0.85em;}
.staff-directory-item-list > .staff-content-box .staff-content .staff-basic-info .staff-name{font-size:0.85em;font-weight:bold;}
.staff-directory-item-list > .staff-content-box .staff-content .staff-basic-info .staff-name h5{margin-top:0px;margin-bottom:0px;font-size:1em}
.staff-directory-item-list > .staff-content-box .staff-content .staff-detail-info{width:100%;}
.staff-directory-item-list > .staff-content-box .staff-content .staff-detail-info .staff-desc{width:60%;display:inline-table;font-size:0.85em;padding-top:5px;text-align:justify;}
.staff-directory-item-list > .staff-content-box .staff-content .staff-detail-info .staff-contact-info{width:34%;padding-left:30px;font-size:0.85em;display:inline-table;}
.staff-directory-item-list > .staff-content-box .staff-content .staff-detail-info .staff-contact-info .staff-directory-phone{line-height:normal;}
.staff-directory-item-list > .staff-content-box .staff-content .staff-detail-info .staff-contact-info .staff-directory-phone:before{content:url(https://webarchive.lib.cuhk.edu.hk/20230227165229oe_/https://www.lib.cuhk.edu.hk/sites/cuhk/themes/sparrow/images/ico_phone.png);padding-right:8px;float:left;padding-top:1px;height:14px;}
.staff-directory-item-list > .staff-content-box .staff-content .staff-detail-info .staff-contact-info .staff-directory-email{line-height:normal;margin-top:5px;}
.staff-directory-item-list > .staff-content-box .staff-content .staff-detail-info .staff-contact-info .staff-directory-email:before{content:url(https://webarchive.lib.cuhk.edu.hk/20230227165229oe_/https://www.lib.cuhk.edu.hk/sites/cuhk/themes/sparrow/images/ico_mail.png);padding-right:8px;float:left;padding-top:0px;}
.staff-directory-item-list > .staff-content-box .staff-content .staff-detail-info .staff-contact-info .staff-directory-twitter{line-height:normal;margin-top:5px;float:left;width:100%;}
.staff-directory-item-list > .staff-content-box .staff-content .staff-detail-info .staff-contact-info .staff-directory-twitter:before{content:url(/20230227165229oe_/https://libapps-au.s3-ap-southeast-2.amazonaws.com/sites/5311/images/icon_twitter.png);padding-right:8px;float:left;padding-top:0px;width:14px;height:14px;}
.staff-directory-item-list > .staff-content-box .staff-content .staff-detail-info .staff-contact-info .staff-directory-blog{line-height:normal;margin-top:5px;}
.staff-directory-item-list > .staff-content-box .staff-content .staff-detail-info .staff-contact-info .staff-directory-blog:before{content:url(https://webarchive.lib.cuhk.edu.hk/20230227165229oe_/https://www.lib.cuhk.edu.hk/sites/cuhk/themes/sparrow/images/ico_mail.png);padding-right:8px;float:left;padding-top:0px;}
.staff-directory-item-list > .staff-content-box.staff-content-box-no-desc .staff-content .staff-basic-info{float: left;width: 60%;}
.staff-directory-item-list > .staff-content-box.staff-content-box-no-desc .staff-content .staff-detail-info{float: left;width: 40%;}
.staff-directory-item-list > .staff-content-box.staff-content-box-no-desc .staff-content .staff-detail-info .staff-contact-info{width:100%}
.staff-directory-item-list > .staff-content-box.staff-content-box-no-desc .staff-content .staff-detail-info .staff-desc{display:none;}
.staff-directory-item-list > .staff-content-box.staff-content-box-no-desc .staff-content .staff-detail-info .staff-contact-info .staff-directory-email a{float: left;}
/**********************************************************************/
.page-node-855 article .field-name-field-i-icon-grid-l{display:none}
.page-node-849 #block-menu-block-2{display:none;}
/*********************************************************************/
/*******************Wifi Printer Table************************/
.stacktable.large-only { display: table; }
.stacktable.small-only { display: none; }
#wifiprinter-table>*:active,#wifiprinter-table>*:hover {cursor:default;}
#wifiprinter-table {margin-bottom:20px;}
#wifiprinter-table .library-table {width:785px;display:none;}
#wifiprinter-table .title{background: rgba(140,90,136,1); /* For browsers that do not support gradients */background: -webkit-linear-gradient(left,rgba(140,90,136,1),rgba(193,162,205,1)); /* For Safari 5.1 to 6.0 */background: -o-linear-gradient(right, rgba(140,90,136,1),rgba(193,162,205,1)); /* For Opera 11.1 to 12.0 */background: -moz-linear-gradient(right, rgba(140,90,136,1),rgba(193,162,205,1)); /* For Firefox 3.6 to 15 */background: linear-gradient(to right,rgba(140,90,136,1),rgba(193,162,205,1)); /* Standard syntax */width:785px;height:42px;overflow:hidden;margin-top:8px;}
#wifiprinter-table .title span {color:#fff;font-size:16px;margin-left:20px; vertical-align:middle; line-height:42px; float:left;}
#wifiprinter-table .title .title-arrow-down{/*background:url(/20230227165229oe_/https://libapps-au.s3-ap-southeast-2.amazonaws.com/sites/5311/images/arrow_down.png);*/float:right; width:42px; height:42px;margin-right:20px;}
#wifiprinter-table table {width:100%; border-collapse: collapse; margin-top:0;margin-bottom:0;}
#wifiprinter-table th {background-color: rgba(187,189,191,1); }
#wifiprinter-table .odd{background-color:rgba(241,241,242,1); }
#wifiprinter-table .even {background-color: rgba(219,220,222,1);}
#wifiprinter-table th, #wifiprinter-table td {text-align:center;font-size:12px; border:0!important;height:24px;}
#wifiprinter-table tr {border-bottom:0!important;}
#wifiprinter-table th {border-bottom:4px solid #fff!important;}
@media all and (min-width: 992px) {
    

    .mean-container .mean-bar{display:none;}
    div#block-superfish-1 {  display: block !important;}
    #superfish-1 > li.menuparent{width:auto}
    .front .header__region.region.region-header{width:100%}
    .front-page-resource-tab{width:72%;float:left;}
    .front-page-resource-tab > h2 {display:none}
    .front .header__region.region.region-header{z-index:100}
    body.node-type-default-page #content{width:100%;float:left;}
    #block-superfish-2 > ul#superfish-2 > li ul li{font-size:12px}
    #block-superfish-2 > ul#superfish-2 > li ul{width:200px !important}
    .front .opening-hour .opening-hour-tab.ui-tabs .ui-tabs-nav li.opening-hour-tab-header{width:140px;margin-right:6px;float:left;}
    .front .opening-hour .opening-hour-tab.ui-tabs .ui-tabs-nav li.pc-availability-tab-header{width:140px;float:left}
    /*********************Header Right ***********************************/
    .header .cuhk-search-box::before {  bottom: 2px;  position: absolute;  right: 23px;}
     #footer .cuhk-search-box {display:none;}
    .header .cuhk-search-box {  padding-left: 1em;  position: relative;}
    .header .cuhk-search-box form {  background-color: transparent; background-repeat: no-repeat;  background-size: cover;  border: medium none;  color: transparent;  cursor: pointer;  display: inline-block;  height: 24px !important;  margin: 0;  outline: medium none;  padding: 0;  width: 24px !important;}
    .header .cuhk-search-box form .container-inline {  height: 24px;  position: relative;}
    .header .cuhk-search-box form .container-inline .form-item.form-type-textfield.form-item-search-block-form {  display: none;  margin: 0;  position: absolute;  right: 100%;}
    .header .cuhk-search-box form .container-inline div#edit-actions {display: block;position: absolute;top: 0;left: 0;}
    .header .cuhk-search-box form .container-inline .form-actions.form-wrapper input[type="submit"] {display:none;}
    .header .cuhk-search-box form .container-inline .form-item.form-type-textfield.form-item-search-block-form.expanded,
    .header .cuhk-search-box form .container-inline .search_icon.expanded,
    .header .cuhk-search-box form .container-inline .form-actions.form-wrapper input[type='submit'].expanded {
        display: block;
      }
    .header .cuhk-search-box form .container-inline .form-item{margin:0.2em 0;}
    .header .cuhk-search-box form .container-inline .search_icon, .cuhk-search-box form .container-inline .form-actions.form-wrapper input[type='submit'].expanded {background-repeat: no-repeat;    height: 24px !important;    width: 24px !important;    padding: 0;    border: none;    color: transparent;   background-color: transparent;    outline: none;    display: block;    margin: 0;    background-size: cover;    cursor: pointer;    background-image: url(https://webarchive.lib.cuhk.edu.hk/20230227165229oe_/https://www.lib.cuhk.edu.hk/sites/cuhk/themes/sparrow/images/ico_search.png); overflow:hidden; }
    .cuhk-search-block-form--2{border: 1px solid #d1d0ce;border-radius: 3px;height: 30px;min-width: 200px;outline: medium none;padding: 5px 5px 5px 28px;position: relative;top: -2px;}
    div.cuhk-search-box form .container-inline .search_icon.expanded{background-color: transparent;background-image: url("/20230227165229oe_/https://libapps-au.s3-ap-southeast-2.amazonaws.com/sites/5311/images/close-24.png");background-repeat: no-repeat;background-size: cover;border: medium none;color: transparent;cursor: pointer;display: block;height: 24px !important;left: -196px;margin: 0;outline: medium none;padding: 0;position: absolute;top: 1px;width: 24px !important;}
     /***********************************************************************/
     #block-textsize-form--2{display:none;}
     
     #block-locale-language--2{display:none;}
     /*******************FlexSlider************************/
    #block-views-highlights-slideshow-block {
        width:665px;
        margin-right:8px;
        float:left;
    }
    #block-views-highlights-slideshow-block .index-slider > .view-content {
        border:4px solid #cdcdcd;
    }
    #block-views-highlights-slideshow-block .index-slider > .view-content > .flexslider{
        border:0px;
        box-shadow: none;
        border-radius: 0px;
        margin:0 0 30px;
    }
    
    #block-views-highlights-slideshow-block .index-slider > .view-content > .flexslider .flex-control-nav {bottom: -28px;position: absolute;text-align: center;width: 100%;}
    #block-views-highlights-slideshow-block .index-slider > .view-content li > .views-field-field-article-link > .field-content{float:left;width:200px;        padding:20px 10px 10px 30px;font-size: 19px;font-weight: bold;text-align:left;}
    #block-views-highlights-slideshow-block .index-slider > .view-content li > .views-field-field-image > div.field-content {float: right;width: 395px;padding:20px 20px 20px 0;   }
    #block-views-highlights-slideshow-block .index-slider > .view-content li div.flex-caption {float: left;margin-left: 0px;margin-right: 0px;margin-top: 0px;width:200px;padding:0px 10px 10px 30px;font-size: 1em;line-height: 1.4em;text-align:left;}
    #block-views-highlights-slideshow-block .index-slider > .view-content li  div.flex-caption p{
        margin:0.2em 0 !important;
    }
    
    #block-views-highlights-slideshow-block .view .views-field-body .field-content ul > li{  background: transparent url("https://webarchive.lib.cuhk.edu.hk/20230227165229oe_/https://www.lib.cuhk.edu.hk/sites/cuhk/themes/sparrow/images/ico_bullet_pt.png") no-repeat scroll 2px 3px;  padding-left: 22px;}
    #block-views-highlights-slideshow-block .index-slider .flex-direction-nav a::before{content:""}
    #block-views-highlights-slideshow-block .index-slider .flex-direction-nav a{display:block}
    #block-views-highlights-slideshow-block .index-slider .flex-direction-nav .flex-prev{
        display:block !important;                                                                                    
        background-image: url("/20230227165229oe_/https://libapps-au.s3-ap-southeast-2.amazonaws.com/sites/5311/images/arrow_left_wBG.png");
        color: #6d1b6d;
        height: 52px;
        overflow: hidden;
        position: absolute;
        text-indent: -9999px;
        top: 140px;
        width: 15px;
        z-index: 10;
        left:0px !important;
        opacity: 1 !important;
    }
    #block-views-highlights-slideshow-block .index-slider .flex-direction-nav .flex-next{
        background-image: url("/20230227165229oe_/https://libapps-au.s3-ap-southeast-2.amazonaws.com/sites/5311/images/arrow_right_wBG.png");
        color: #6d1b6d;
        display: block !important;
        height: 52px;
        overflow: hidden;
        position: absolute;
        text-indent: -9999px;
        top: 140px;
        width: 15px;
        z-index: 10;
        right:0px !important;
        opacity: 1 !important;
    }
    
     #block-menu-menu-target--2 {display:none}
    /*******************Branch Page**************************/
    .node-type-branch-library #content {margin-top: 30px;} 
    .node-type-branch-library #page .todaysopeninghours{z-index:100;}
    .node-type-branch-library #page .branchlogo{z-index:100;}
    .branchNav-btn{background-color: #6d1b6d;  bottom: -176px;  height: 32px;  position: absolute;  text-indent: -9999px;  width: 32px;  z-index: 100;display:block}
    .branchNav-btn.prev{background-image:url(/20230227165229oe_/https://libapps-au.s3-ap-southeast-2.amazonaws.com/sites/5311/images/arrow_left.jpg);right:32px;}
    .branchNav-btn.next{background-image: url("/20230227165229oe_/https://libapps-au.s3-ap-southeast-2.amazonaws.com/sites/5311/images/arrow_right.jpg");right: 0;}
    .sidebar .view-branch-square-menu-links div.item-list ul li.views-row {
        width: 90px;
        list-style: none;
        padding: 10px 0;
        border: 2px solid #ccc;
        text-align: center;
        display: inline-block;
        margin-right: 3px;
        margin-bottom: 6px;
        float: left;
    }
    .sidebar .view-branch-square-menu-links div.item-list ul li.views-row-5 div.views-field {
        height: 87px;
    }
    .node-type-branch-library .block.block-views.branchlibnews {
        float: left;
    }
    .sidebar .view-branch-square-menu-links div.item-list ul li.views-row.views-row-even{margin-left:4px;}
    /********************************************************/
    /*******************Full Calendar************************/
    .fc-day-grid-container.fc-scroller{height:auto !important}
    /********************************************************/
    /***********************Footer****************************/
    footer #block-system-main-menu > ul.menu > li.menu__item{width:12%;}
    #block-system-main-menu > .menu > .menu__item > .menu > .menu__item > .menu { display: none;}
    /********************************************************/
    /*#footercenterer footer, #footercenterer .region.region-bottom{display:table}
    #footercenterer .footer-note .footer-note-inner-div{width:515px;margin:0 auto;display:block}
    #footercenterer .footer-note .footer-note-inner-div .privacy-policy{float:left;}
    #footercenterer .footer-note .footer-note-inner-div .cuhk-privacy-policy{float:left;}
    #footercenterer .footer-note .footer-note-inner-div .copyright{float:left;}
    #footercenterer .footer-note .footer-note-inner-div .divider{float:left;margin:0 20px 0 20px;}*/
    /*footer #block-system-main-menu > ul.menu > li.menu__item{width:auto;}
    footer #block-system-main-menu > ul.menu > li:has(a.libraries-main) {width: 72px;}
    footer #block-system-main-menu > ul.menu > li > a.using-library-main:parent {  width: 142px;}
    footer #block-system-main-menu > ul.menu > li > a.collection-main:parent {width: 100px;}
    footer #block-system-main-menu > ul.menu > li > a.learning-support-main:parent {width: 137px;}
    footer #block-system-main-menu > ul.menu > li > a.research-support-main:parent {width: 137px;}
    footer #block-system-main-menu > ul.menu > li > a.help-main:parent {width: 65px;}
    footer #block-system-main-menu > ul.menu > li > a.about-main:parent {width: 75px;}
    footer #block-system-main-menu > ul.menu > li > a.about-main:not(*:root):parent { width: 70px; }*/
    
    /*** footer logo ***/
    #footercenterer div.region.region-bottom > div#block-block-1 ul {padding-top: 10px;}
    #footercenterer .footer-logo{display:inline-block;}

}
@media all and (max-width: 991px) {
    /*******************************************************************/
    .mean-container .mean-bar{display:block;}
    div#block-superfish-1 {  display: none !important;}
    #header_menu > div#header_menu_left{width:100% !important;}
    #block-textsize-form--2 {bottom: -41px;left: 50%;margin-left: -161px;position: absolute;width: 70px;}
    #block-textsize-form--2 a.textsize_decrease {overflow:hidden;background-image: none !important;width: 20px !important; height: 24px !important; margin: 0 !important;position: absolute;left: 12px;top: 0;    }
    #block-textsize-form--2 a.textsize_decrease:before {content: 'A';font-size: 10px;position: relative;font-family: 'Arial';top: 11px;left: 3px;}
    #block-textsize-form--2 a.textsize_decrease:hover { color: #ccc; }
    #block-textsize-form--2 a.textsize_increase {overflow:hidden;background-image: none !important;width: 20px !important;height: 24px !important;margin: 0 !important;position: absolute;right: 0px;top: 0;    }
    #block-textsize-form--2 a.textsize_increase:before { content: 'A';font-size: 20px;position: relative;font-family: 'Arial';top: 8px; left: 5px;}
    #block-textsize-form--2 a.textsize_increase:hover { color: #ccc;}
    #block-textsize-form--2 a.textsize_normal {overflow:hidden;background-image: none !important;width: 20px !important;height: 24px !important; margin: 0 !important;position: absolute;left: 30px;top: 0;}
    #block-textsize-form--2 a.textsize_normal:before { content: 'A';font-size: 14px; position: relative;font-family: 'Arial';top: 10px; left: 3px;}
    #block-textsize-form--2 a.textsize_normal:hover {color: #ccc;}
    div#block-locale-language--2 {bottom: -62px;color: #333333;font-size: 12px;height: 20px;left: 50%;margin-left: -78px;position: absolute;text-align: right;width: 80px;}
    div#block-locale-language--2 ul.language-switcher-locale-url {border-left: 1px solid #ccc;float:left;border-right: 1px solid #ccc;float:left;}
    div#block-locale-language--2 ul.language-switcher-locale-url li {float: left;margin-left: 10px;}
    div#block-locale-language--2 ul.language-switcher-locale-url li.last {float: left;margin-right: 10px;}    
    div#block-sharethis-sharethis-block--2 { bottom: -66px;display: block;float: left;left: 50%;margin-left: 68px;position: absolute;}
    div#block-menu-menu-footer-social {  left: 50%;  margin-left: -16px;  position: absolute;  text-align: center; bottom:-71.5px}
    div#block-menu-menu-branch-social {  left: 50%;  margin-left: 95px;  position: absolute; bottom:-66px}
    #block-textsize-form{display:none;}
    .header .cuhk-search-box{display:none;}
    #footer .cuhk-search-box div#edit-actions {left: 50%;margin-left: 83px;position: absolute;top: 0;}
    #footer .cuhk-search-box #cuhk-search-block-form input[type="text"]{ border: 1px solid #999999;border-radius: 3px;color: #999999;height: 35px;outline: 0 none;right: 0;width: 230px;padding-right:36px}
    #footer .cuhk-search-box #cuhk-search-block-form input#edit-submit { background-image: url("/20230227165229oe_/https://libapps-au.s3-ap-southeast-2.amazonaws.com/sites/5311/images/ico-search-icon-mobile.png"); background-size: cover;  border: 1px solid #EDEDED;  height: 28px;  margin-right: 4px;  margin-top: 4px;  text-indent: -9999px;  width: 28px;}
    #footer .cuhk-search-box {bottom: -26px;left: 50%;margin-left: -116px;position: absolute;}
    #footer .cuhk-search-box a.search_icon {display: none;}
    #footer, .region.region-bottom{margin-top:90px;margin-top:0;}
    /*#footercenterer {padding-bottom:47px;}
     #footercenterer footer, #footercenterer .region.region-bottom{display:table;margin-top:79px;}
     #footercenterer .footer-note-first-row {display: block;  float: none;  margin: 0 auto;  width: 169px;}
    #footercenterer .footer-note .footer-note-inner-div{width:311px;margin:0 auto;display:block}
    #footercenterer .footer-note .footer-note-inner-div .privacy-policy{float:left;}
    #footercenterer .footer-note .footer-note-inner-div .cuhk-privacy-policy{float:left;}
    #footercenterer .footer-note .footer-note-inner-div .copyright{float:left;}
    #footercenterer .footer-note .footer-note-inner-div .divider{float:left;margin:0 20px 0 20px;}
    #footercenterer .footer-note-first-row .divider.last{display:none}*/
	 
    /*** footer logo ***/
    #footercenterer div.region.region-bottom > div#block-block-1 ul {padding-top: 10px;}
    #footercenterer .footer-logo{display:inline-block;}
 
    div#block-menu-menu-information--2 ul li.menu__item.is-leaf {
        background: transparent none repeat scroll 0 0;
        border-right: 1px solid #ffffff;
        color: #ffffff;
        display: block;
        float: left;
        height: 34px;
        line-height: 34px;
        margin-right: -1px;
        text-align: center;
        width: 50%;
    }
    div#block-menu-menu-information--2 ul li.menu__item.is-leaf.last {border-right: 0px;}
   .i18n-en .opening-hour h2.block-title {font-size: 18px;line-height: 1.4em;margin-top: 25px;text-align: center;width: 100%;}
   .front div#block-views-today-news-event-block {float: left;height: 280px;margin-top: 230px;padding-left: 0;width: 100%;overflow-y:auto;}
   .front div#block-views-today-news-event-block > div.view-today-news-event {background-color: #ffffff;height: auto;margin-right: 5%;  overflow-y: auto;  padding: 0;  width: 95%;}
    body.front #header_menu > .region.region-quicklinks {  float: left;  margin-bottom: 200px;  margin-top: -510px;  padding-top: 15px;}
    div#block-views-today-news-event-block h2.block__title.block-title {font-size: 18px;}
    div#block-views-highlights-slideshow-block{margin-top:15px}
    div#block-views-highlights-slideshow-block h2 {font-size: 18px;letter-spacing: normal; margin: 0 0 20px; padding: 0 0 0 20px;}
    .field-type-text-with-summary p{float:none !important;}
    .field-type-text-with-summary p img{float: none !important;height: auto;margin:0 auto; display:block;}
    
    /*******************404 page***************************/
    .page-not-found-form input[type="text"] { margin-left:0px;margin-right:0px; background-color: #ffffff;  border-color: #999999;  border-radius: 3px;  border-style: solid;  border-width: 1px;  font-size: 0.8em;  height: 36px;  outline: medium none;  padding: 7px;  width: 100%;}
    .page-not-found-form .form-submit {  background-color: #6d1b6d;  border: medium none;  border-radius: 3px;  color: #ffffff;  font-size: 0.8em;  font-weight: 700;  height: 36px;  margin-top: 10px;  outline: medium none;  width: 100%;}
    /******************************************************/
    /*******************FlexSlider************************/
    #block-views-highlights-slideshow-block {
        width:100%;
        margin-right:8px;
        float:left;
    }
    #block-views-highlights-slideshow-block .index-slider > .view-content {
        border:4px solid #cdcdcd;
    }
    #block-views-highlights-slideshow-block .index-slider > .view-content > .flexslider{
        border:0px;
        box-shadow: none;
        border-radius: 0px;
        margin:0 0 30px;
    }
    
    #block-views-highlights-slideshow-block .index-slider > .view-content > .flexslider .flex-control-nav {
        bottom: -28px;
        position: absolute;
        text-align: center;
        width: 100%;
      }
    
    #block-views-highlights-slideshow-block .index-slider > .view-content li > .views-field-field-article-link > .field-content{
        float:none;
        width:90%;
        padding:0px;
        font-size: 1.2em;
        font-weight: bold;
        display:block;
        margin:0 auto;
        
    }
    #block-views-highlights-slideshow-block .index-slider > .view-content li > .views-field-field-image > div.field-content {
      display: block;float: none;margin: 1em auto;width: 90%;
    }
    #block-views-highlights-slideshow-block .index-slider > .view-content li  div.flex-caption {
      float: none;
      margin: 0 auto;
      width:90%;
      padding:0px;
      font-size: 0.9em;
      line-height: 1.4em;
      margin:0 auto;
      text-align:left;
    }
    #block-views-highlights-slideshow-block .index-slider > .view-content li> div.flex-caption p{
        margin:0.2em 0 !important;
    }
    div#block-views-highlights-slideshow-block .index-slider .view-content .views-field-field-article-link{
        padding:0px;
        width:auto;
        font-size:1.2em;
        text-align:left;
    }
    #block-views-highlights-slideshow-block .view .views-field-body .field-content ul > li{  background: transparent url("https://webarchive.lib.cuhk.edu.hk/20230227165229oe_/https://www.lib.cuhk.edu.hk/sites/cuhk/themes/sparrow/images/ico_bullet_pt.png") no-repeat scroll 2px 2px;  padding-left: 22px;}
    #block-views-highlights-slideshow-block .index-slider .flex-direction-nav a::before{content:""}
    #block-views-highlights-slideshow-block .index-slider .flex-direction-nav a{display:block}
    #block-views-highlights-slideshow-block .index-slider .flex-direction-nav .flex-prev{
        display:block !important;                                                                                    
        background-image: url("/20230227165229oe_/https://libapps-au.s3-ap-southeast-2.amazonaws.com/sites/5311/images/arrow_left_wBG.png");
        color: #6d1b6d;
        height: 52px;
        overflow: hidden;
        position: absolute;
        text-indent: -9999px;
        top: 140px;
        width: 15px;
        z-index: 10;
        left:-13px !important;
        opacity: 1 !important;
    }
    #block-views-highlights-slideshow-block .index-slider .flex-direction-nav .flex-next{
        background-image: url("/20230227165229oe_/https://libapps-au.s3-ap-southeast-2.amazonaws.com/sites/5311/images/arrow_right_wBG.png");
        color: #6d1b6d;
        display: block !important;
        height: 52px;
        overflow: hidden;
        position: absolute;
        text-indent: -9999px;
        top: 140px;
        width: 15px;
        z-index: 10;
        right:-13px !important;
        opacity: 1 !important;
    }
    /************ Branch Library Listing ***************/
    #page #main .libraries-image-menu ul li.libraries-list {display: block;float: none;height:auto;margin: 1em auto;width: 100%;}
 

    /************ Index Page Integrate Search Box Tab ***********/
    div#block-views-today-news-event-block {  box-shadow: 0px 0px 0 0 rgba(0, 0, 0, 0.5);}
    div#block-views-today-news-event-block .more-link a{top:0}
    #quickcont #resource-book-articles li,
    #quickcont #resource-articles li,
    #quickcont #resource-book li{font-size:0.8em}
    #quickcont #e-resource-tab p { color: #6d1b6d; float: left; font-size: 0.8em; margin: 0.7em 0 0;}
    #quickcont #e-resource-tab ul > li { font-size: 0.8em;}
    #quickcont div.advanceHelp { color: #6d1b6d;font-size: 0.8em;position:relative;top:0;right:0;margin:5px 2px 0;}
    #quickcont form > ul, #quickcont #quicktabs-container-resources ul, #quickcont #e-resource-tab ul {width: 100%;}
    /************ Index Page Icon Grid Layout ***********/
    .node-type-i-icon-grid-v .field-name-body{margin:20px 0px;float:left;text-align:justify}
    .node-type-i-icon-grid-v .field-name-field-i-icon-grid-v{float:left;}    
    .node-type-i-icon-grid-v .field-name-field-i-icon-grid-v > .field-items > .field-item{width:auto;float:none;margin:0px;margin-top:15px;height:auto;}
    .node-type-i-icon-grid-v .field-name-field-i-icon-grid-v .field-name-field-i-icon-grid-img{width:100%;float:left;}
    .node-type-i-icon-grid-v .field-name-field-i-icon-grid-v .field-name-field-i-icon-grid-img > .field-items > .field-item a{width:100%;border:0px;}
    .node-type-i-icon-grid-v .field-name-field-i-icon-grid-v .field-name-field-i-icon-grid-img > .field-items > .field-item a img{margin:0 auto;float:none;width:100px;height:100px;display:block;border:0px;}
    .node-type-i-icon-grid-v .field-name-field-i-icon-grid-v .field-name-field-i-icon-grid-img > .field-items > .field-item > img{margin:0 auto;float:none;width:100px;height:100px;display:block;}
    .node-type-i-icon-grid-v .field-name-field-i-icon-grid-v .field-name-field-i-icon-grid-l {width:100%;}
    .node-type-i-icon-grid-v .field-name-field-i-icon-grid-v .field-name-field-i-icon-grid-l > .field-items > .field-item {width:100%;float:left}
    .node-type-i-icon-grid-v .field-name-field-i-icon-grid-v .field-name-field-i-icon-grid-l > .field-items > .field-item a{text-align: center;width:100%;float:left;color:#6d1b6d;cursor:pointer;font-size:1.1em;}
    .node-type-i-icon-grid-v .field-name-field-i-icon-grid-v .field-name-field-i-icon-grid-l > .field-items > .field-item a:hover{text-align: center;color:#6d1b6d;font-size:1.1em;}
    .node-type-i-icon-grid-v .field-name-field-i-icon-grid-v .field-name-field-i-icon-grid-des {width:100%;}
    .node-type-i-icon-grid-v .field-name-field-i-icon-grid-v .field-name-field-i-icon-grid-des > .field-items > .field-item {width:100%;text-align:justify;float:left}
    .node-type-i-icon-grid-v .field-name-field-i-icon-grid-v .field-name-field-i-icon-grid-des > .field-items > .field-item p{text-align:justify}
    /************ Index Page Icon Listing Layout ***********/
    .node-type-i-icon-list-v .field-name-body{margin:20px 0px;float:left;text-align:justify}
    
    .node-type-i-icon-list-v .field-name-field-i-icon-g > .field-items > .field-item{width:100%;float:left;margin:0px;}
    .node-type-i-icon-list-v .field-name-field-i-icon-g .field-name-field-i-icon-list-v-img {float:left;width:100%;;}
    .node-type-i-icon-list-v .field-name-field-i-icon-g .field-name-field-i-icon-list-v-img > .field-items > .field-item {width:100%}
    .node-type-i-icon-list-v .field-name-field-i-icon-g .field-name-field-i-icon-list-v-img > .field-items > .field-item a{width:100%;border:0px;}
    .node-type-i-icon-list-v .field-name-field-i-icon-g .field-name-field-i-icon-list-v-img > .field-items > .field-item a img{border:0px;width:100px;height:100px;margin:0 auto; display:block;float:none;}
    .node-type-i-icon-list-v .field-name-field-i-icon-g .field-name-field-i-icon-list-v-img > .field-items > .field-item > img{border:0px;width:100px;height:100px;margin:0 auto; display:block;float:none;}
    .node-type-i-icon-list-v .field-name-field-i-icon-g .field-name-field-i-icon-list-v-l {float:left;width:100%;margin-top:18px}
    .node-type-i-icon-list-v .field-name-field-i-icon-g .field-name-field-i-icon-list-v-l  > .field-items > .field-item {width:100%}
    .node-type-i-icon-list-v .field-name-field-i-icon-g .field-name-field-i-icon-list-v-l  > .field-items > .field-item  a{margin-bottom:10px;width:100%;border:0px;text-align: center; float:left;color:#6d1b6d;cursor:pointer;font-size:1.1em;}
    .node-type-i-icon-list-v .field-name-field-i-icon-g .field-name-field-i-icon-list-v-l  > .field-items > .field-item  a:hover{text-align: center;color:#6d1b6d;font-size:1.1em;}
    .node-type-i-icon-list-v .field-name-field-i-icon-g .field-name-field-i-icon-list-v-des {float:left;width:100%;}
    .node-type-i-icon-list-v .field-name-field-i-icon-g .field-name-field-i-icon-list-v-des  > .field-items > .field-item {width:100%;text-align:justify}
    /************ Index Page Icon View Layout ***********/
    .node-type-i-icon-v .field-name-field-i-icon-head-txt{float:left;text-align:justify}
    .node-type-i-icon-v .field-name-body{float:left;text-align:justify}
    .node-type-i-icon-v .field-name-field-i-icon-g-v {float:none;width:100%;}
    .node-type-i-icon-v .field-name-field-i-icon-g-v > .field-items > .field-item{width:100%;float:left;margin:10px 0px 15px;}
    .node-type-i-icon-v .field-name-field-i-icon-g-v .field-name-field-i-icon-img {float:left;width:100%;}
    .node-type-i-icon-v .field-name-field-i-icon-g-v .field-name-field-i-icon-img > .field-items > .field-item {width:100%}
    .node-type-i-icon-v .field-name-field-i-icon-g-v .field-name-field-i-icon-img > .field-items > .field-item a{width:100%;border:0px;}
    .node-type-i-icon-v .field-name-field-i-icon-g-v .field-name-field-i-icon-img > .field-items > .field-item a:hover{}
    .node-type-i-icon-v .field-name-field-i-icon-g-v .field-name-field-i-icon-img > .field-items > .field-item a img{border:7px solid #DDDDDD;width:100px;height:100px;margin:0 auto; display:block;float:none;}
    .node-type-i-icon-v .field-name-field-i-icon-g-v .field-name-field-i-icon-img > .field-items > .field-item a img:hover{border:7px solid #ded1de;}
    .node-type-i-icon-v .field-name-field-i-icon-g-v .field-name-field-i-icon-img > .field-items > .field-item > img{border:7px solid #DDDDDD;width:100px;height:100px;margin:0 auto; display:block;float:none;}
    /******************Highlight Article****************/
    .not-front.node-type-highlights-articles article.node-highlights-articles {  border: 4px solid #cdcdcd;  margin-top: 30px;  width: 100%;}
    .not-front.node-type-highlights-articles article.node-highlights-articles .field.field-name-field-image {  float: right;  padding: 20px 0;  width: 100%;}
    .not-front.node-type-highlights-articles article.node-highlights-articles .field.field-name-field-image img {  width: 100% !important;height:auto}
    .not-front.node-type-highlights-articles article.node-highlights-articles .field.field-name-title-field {float: left;font-size: 1.2em;font-weight: bold;padding: 20px 0px 10px 10px;width: 92%;}
    .not-front.node-type-highlights-articles article.node-highlights-articles .field.field-name-body.field-type-text-with-summary {float: left;padding: 0 12px 10px;  width: 92%;}
    .not-front.node-type-highlights-articles article.node-highlights-articles .field.field-name-field-article-link {  float: left;  padding: 0 12px 10px;  width: 92%;}
    /***************Content Page For Target************/
    .node-type-content-page-with-anchor .content_part .content_part_left{float:left;width:100%}
    .node-type-content-page-with-anchor .content_part .content_part_right{float:left;width:100%}
    /******************Branch Library ******************/
     .node-type-branch-library #page #quickcont {  display: block;  width: 100%;}
     .node-type-branch-library #page #quickcont div.region-header {}
     .branchNav-btn{display:none;}
     #quickcont .header__region.region.region-header > * {  display: inline-block;}
     #quickcont .header__region.region.region-header.view-branch-top-banner {  display: block;  float: left;  overflow: auto;  top: auto;  width: 100%;  z-index: auto;}
     #block-views-branch-top-banner-block > div > .view-content {  left: auto;  position: relative;  top: auto;}
     .views-field.views-field-field-branch-logo {  display: block;  float: left;  width: 100%;}
     .views-field-field-branch-logo .field-content {  float: left;  width: 100%;}
     body.node-type-branch-library .branchlogo {  left: auto;  margin-top: 0;  position: relative;  top: auto;  width: 100%;  z-index: auto;}
     .view-branch-top-banner .views-row.views-row-1.views-row-odd.views-row-first.views-row-last > div {  float: left;width:100%}  
    body.node-type-branch-library .region.region-quicklinks {margin-top:0px}
    body.node-type-branch-library .todaysopeninghours {
    background-color: #6d1b6d;
    color: #ffffff;
    height: 66px;
    left: auto;
    letter-spacing: 1px;
    padding-top: 15px;
    padding-bottom: 15px;
    position: relative;
    text-align: center;
    top: auto;
    width: 100%;
    z-index: auto;
  }
#header_menu > .region.region-quicklinks {  background-color: #e4dae4;  float: left;  height: 200px;}
     /******************Opening Hour Calendar******************/
     
    .fc-content-skeleton tbody{display:none;}
    .fc-content-skeleton thead td.fc-day-number{font-size:1.4em}
    .opening_hour_content .dayView .opening_hour .opening_hour_detail_col .date_box {display: block;float: none;margin: 10px 0;width: 100%;}
    .opening_hour_content .dayView .opening_hour_header {background-color: #8e598e;border: 1px solid #8e598e;color: #ffffff;float: left;width: 100%;}
    /******************News Event Page************************/
    .view-id-today_news_event.view-display-id-page .view-filters {padding: 15px 37px 15px 37px;}
    .view-id-today_news_event.view-display-id-page .views-exposed-form .views-exposed-widget {float: none;margin-left: 0;margin-top: 17px;}
    .view-id-today_news_event.view-display-id-page .views-exposed-form .container-inline-date .date-padding{width:100%;}
    .view-id-today_news_event.view-display-id-page .views-exposed-form .container-inline-date .form-item, 
    .view-id-today_news_event.view-display-id-page .views-exposed-form .container-inline-date .form-item input {width: 100%;}
    .view-id-today_news_event.view-display-id-page .views-exposed-form .container-inline-date .form-item input{padding: 1%;width: 100%;}
    .view-id-today_news_event.view-display-id-page .views-exposed-form select{width:100%;padding: 1%;}
    .view-id-today_news_event.view-display-id-page .views-exposed-form .branch-list-wrapper{float:none;margin-left:0px;margin-top:18px}
    .view-id-today_news_event.view-display-id-page .views-exposed-form .views-submit-button{margin-left:0px;}
    .view-id-today_news_event.view-display-id-page .views-exposed-form .views-exposed-widget .form-submit{margin-top:0.6em}

    /***************Content Page Staff Box************/
    article .field-type-text-with-summary .content-staff-div {  float: left;  width: 100%;}
    article .field-type-text-with-summary .content-staff-div .content-staff-box {  float: none;  height: 231px;  padding: 1%;  text-align: center;  width: 98%;}
    article .field-type-text-with-summary .content-staff-div .content-staff-box .staff-email-address a::before{content: url("https://webarchive.lib.cuhk.edu.hk/20230227165229oe_/https://www.lib.cuhk.edu.hk/sites/cuhk/themes/sparrow/images/ico_mail.png");float: none;padding-right: 8px;padding-top: 2px;}
    article .field-type-text-with-summary .content-staff-div .content-staff-box .staff-contact span::before{content: url("https://webarchive.lib.cuhk.edu.hk/20230227165229oe_/https://www.lib.cuhk.edu.hk/sites/cuhk/themes/sparrow/images/ico_phone.png");float: none;height: 14px;padding-right: 8px;padding-top: 1px;}
    article .field-type-text-with-summary .content-staff-div .content-staff-box .staff-contact > span{float:none;text-align:center;}

    /********************Webform*****************************/
    .webform-client-form > div > div > label{margin:0}
    .webform-client-form .form-item.webform-component.webform-container-inline label {margin: 0;}
    .webform-client-form .webform-submit.button-primary.form-submit {margin:0px;width:100%;}
    .webform-client-form #edit-reset {margin-left: 0;margin-top: 2em;width: 100%;}
    .webform-client-form .form-item div.description{margin:0}
    .webform-client-form fieldset > div > div > input[type="text"], .webform-client-form fieldset > div > div input[type="email"],
    .webform-client-form > div > div > input[type="text"], .webform-client-form > div > div input[type="email"] {
        font-size: 1em;
        height: 36px;
        margin-left: 0px;
        margin-right: 0px;
        width:100%;
      }
    .webform-client-form fieldset .form-item.webform-component.webform-component-select > select,
    .webform-client-form .form-item.webform-component.webform-component-select > select {
        padding: 7px;
        font-size: 1em;
        height: 100%;
        width:100%;
        margin:0;
      }
      .webform-client-form fieldset textarea, .webform-client-form textarea{margin:0;}
    /*******************************************************/
    .webform-client-form.webform-client-form-861 > div > div {display: block; margin-bottom: 0.5em; margin-top: 0.5em;}
    .webform-client-form.webform-client-form-861 .form-item.webform-component.webform-container-inline label { display: block;}
    .webform-client-form.webform-client-form-861 .form-item.webform-component.webform-container-inline.webform-component-radios .form-radios label{vertical-align:baseline;display:inline;}
    .webform-client-form.webform-client-form-861 > div > div > input[type="text"], 
    .webform-client-form.webform-client-form-861 > div > div input[type="email"], 
    .webform-client-form.webform-client-form-861 fieldset > div > div > input[type="text"], 
    .webform-client-form.webform-client-form-861 fieldset > div > div input[type="email"] {  background-color: #ffffff;  border-color: #999999;  border-radius: 3px;  border-style: solid;  border-width: 1px;  display: block;  font-size: 1em;  height: 36px;  margin: 10px 0;  outline: medium none;}
    .webform-client-form-861 .webform-container-inline.webform-component-textarea .form-textarea-wrapper {  display: block;  padding: 13px 0 10px;}
	/*******************Wifi Printer Table************************/
	.stacktable.large-only { display: none; }
  	.stacktable.small-only { display: table; }
	#wifiprinter-table>*:active,#wifiprinter-table>*:hover {cursor:default;}
	#wifiprinter-table .library-table {width:430px;display:none;}
    #wifiprinter-table .title{width:430px;margin-top:8px;margin-bottom:0;}
	#wifiprinter-table .title .title-arrow-down{margin-right:0;}
    #wifiprinter-table .st-head-row {height:24px;background:rgba(208,210,211,1);}
    #wifiprinter-table .st-head-row > span {text-align:left; font-size:14px; vertical-align:middle; line-height:24px; margin-left:10px; color:#231f20;}
    #wifiprinter-table .st-head-row .arrow-down{background:url(/20230227165229oe_/https://libapps-au.s3-ap-southeast-2.amazonaws.com/sites/5311/images/arrow_down_s.png);float:right; width:24px; height:24px;margin-right:0;}
    #wifiprinter-table .st-key{background:rgba(187,189,191,1);width:156px!important;}
	#wifiprinter-table th{text-align:left;height:24px; line-height:24px; vertical-align:middle;}
    #wifiprinter-table td{border:0!important;padding:2px 0!important;height:24px!important; line-height:24px; vertical-align:middle;}
    #wifiprinter-table tr .separator{border-bottom:2px solid #fff!important;}
	#wifiprinter-table .odd, #wifiprinter-table .even {background-color: rgba(241,241,242,1);}
}
@media all and (min-width: 480px) and (max-width: 991px) {
    #header_menu > div#header_menu_left{float:left}
    body.node-type-default-page #content{width:100%;float:left;}
    /***********************Mobile Mean Menu******************************/
    .mean-container .mean-bar{background: none repeat scroll 0 0 #5b165b;float: left;min-height:40px;padding: 0px 0;position: relative;width: 100%;z-index: 999999;}
    .mean-container .mean-nav ul li a:hover{background:#4c004c;}
    .mean-container a.meanmenu-reveal{width: 22px;height: 20px;padding: 13px 13px 11px 13px;position: absolute;top: 0;right: 0;cursor: pointer;color: #fff;text-decoration: none;font-size: 16px;text-indent: -9999em;line-height: 22px;font-size: 1px;	display: block;	font-family: Arial, Helvetica, sans-serif;font-weight: 700;}
    .mean-container .mean-bar .sf-sub-indicator{display:none}
    .mean-container .mean-nav ul li a.mean-expand{height:22px;margin-top:2px}
    .mean-container .mean-nav ul li a.mean-expand:hover{height:22px;background:#4c004c;margin-top:2px}
    .mean-container .mean-nav {background: none repeat scroll 0 0 #5b0c5b;float: left;margin-top: 44px;width: 100%;}
   
    
    /*********************************************************************/
    
    .front .opening-hour .opening-hour-tab.ui-tabs .ui-tabs-nav li.opening-hour-tab-header{width:48%;margin-right:6px;float:left;}
    .front .opening-hour .opening-hour-tab.ui-tabs .ui-tabs-nav li.pc-availability-tab-header{width:49%;float:right}
    .front .opening-hour{width:100%;margin-top:1em;}
    .front .opening-hour .opening-hour-tab{width:100%}
    .indexOpeningHour .opening_hour{width:100%}
    .front .opening_hour_detail .library_name_section{width:292px;}
    .indexPCAvailability .pc_availability{width:100%}
    .index-grid-box{width:94%;float:left;margin:0 3% 3% 3%;}
    .index-grid-box .grid-icon-box {float:left;width:100%;}
    .index-grid-box .grid-icon-box a {float:left;width:100%;}
    .index-grid-box .grid-icon-box a.grid-icon-link img{width:100px;height:100px;float:none;margin:0 auto;display:block;}
    .index-grid-box .grid-icon-box img{width:100px;height:100px;float:none;margin:0 auto;display:block;}
    .index-grid-box .grid-content{width:100%;float:left;}
    .index-grid-box .grid-content .grid-content-title {text-align:center;}
    .index-grid-box .grid-content .grid-content-title a{color:#6d1b6d;cursor:pointer;font-size:1.1em;}
    .index-grid-box .grid-content .grid-content-title a:hover{color:#6d1b6d;font-size:1.1em;}
    .index-grid-box .grid-content .grid-content-content {text-align:justify}
    .index-grid-box .grid-content .grid-content-content .grid-content-content-div{display: block;float: none;margin: 0 auto;width: 85%;}
    .index-grid-box .grid-content .grid-content-content a,
    .index-grid-box .grid-content .grid-content-content .grid-content-content-div a{cursor:pointer;font-size:0.8em;}
    .index-grid-box .grid-content .grid-content-content a:hover,
    .index-grid-box .grid-content .grid-content-content .grid-content-content-div a:hover{font-size:0.8em;}
    .content_anchor_list{width:100%;}
    .content_anchor_list span{margin:0px 10px;}
    .content_anchor_list a{color:#6d1b6d;font-size:0.8em;}
    .content_part{width:100%;}
    .content_part .content_image{width:100%;float:left}
    .content_part .content_image img{width:130px !important;height:130px !important;margin:0 auto; display:block;float:none;}
    .content_part .content{float:left;width:100%;text-align:justify}
    /************ Index Page Integrate Search Box Tab ***********/
    #quickcont .integrate_search_box_wrapper { background-color:#333333;box-shadow: 0px 0px 0 0; float: left; overflow: hidden; width: 72%;}
    #quickcont .integrate_search_box_wrapper .integrate_search_box.r-tabs { padding: 4% 5% 0;  position: relative;  width: 90%;}
    #quickcont .r-tabs .r-tabs-accordion-title { display: block;background-color: #CDCDCD;border-bottom: 1px solid #5A5A5A;width:100%;float:left;}
    #quickcont .header__region.region.region-header > * {  display: block;  margin-bottom: 0;}
    #quickcont .r-tabs .r-tabs-accordion-title.r-tabs-state-active{
        background-color: #6d1b6d;
        border-top: 3px solid rgba(140, 35, 140, 0.8);
        display:block;
        color:#ffffff;
        margin:0% 5%;
        width:90%;
    }
    #quickcont .r-tabs .r-tabs-accordion-title.r-tabs-state-active::after{top: inherit;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-top-color: #6d1b6d;    border-width: 4px;    margin-left: -4px;}
    #quickcont .r-tabs .r-tabs-anchor {  display: block;  padding: 2% 3%;}
    #quickcont .r-tabs .r-tabs-nav {display:none}    
    #quickcont .integrate_search_box_wrapper { box-shadow:0; float: none;  margin-bottom: 0;  overflow: hidden;  width: 100%;}
    #quickcont .r-tabs .r-tabs-panel {height: auto;padding: 2% 2% 3%;  width: 96%;}
    #quickcont .r-tabs .r-tabs-panel .subject-list-form{float:left;width:100%}
    #quickcont .r-tabs .r-tabs-panel .subject-list-form .subject-list-box {float: left;width: 90%;}
    #quickcont .r-tabs .r-tabs-panel .subject-list-form .subject-form-submit-box {float: left;margin-left: 10px; margin-top: 3px;}
    #quickcont .r-tabs .r-tabs-panel ul li{font-size:0.8em}
    #quickcont #resource-book form input {
        background-color: #ffffff;
        border-color: #999999;
        border-radius: 3px;
        border-style: solid;
        border-width: 1px;
        font-size: 0.8em;
        font-weight: 700;
        height: 36px;
        margin-bottom: 10px;
        margin-top: 10px;
        outline: medium none;
        padding: 7px;
        width: 100%;
      }
      #quickcont .purplewrapper { background: #6d1b6d none repeat scroll 0 0; display: inline-block; position: relative; width: 100%;}
     /* #quickcont .purplewrapper::after { content: url("/20230227165229oe_/https://libapps-au.s3-ap-southeast-2.amazonaws.com/sites/5311/images/arrow_bottom.png"); position: absolute; right: 57px; top: 10px;}*/
     #quickcont .purplewrapper .purple-dropdown {background: url("/20230227165229oe_/https://libapps-au.s3-ap-southeast-2.amazonaws.com/sites/5311/images/arrow_bottom.png") no-repeat scroll right center #6d1b6d;width: 90%;margin-right: 7px;float:left} 
     #quickcont .purplewrapper select {height: 44px;padding: 10px;outline: none;color: #ffffff;background: transparent;width: 100%;   border: none;border-radius: 3px;font-weight: 700;-webkit-appearance: none;-moz-appearance: none;text-indent: 1px;text-overflow: '';font-size: 13px !important;}
        #quickcont #e-resource-tab .subject-list-box select {
            height: 36px;
            padding: 10px;
            outline: none;
            color: #333333;
            width: 90%;
            border: none;
            border-radius: 3px;
            font-weight: 700;
            -webkit-appearance: none;
            -moz-appearance: none;
            text-indent: 1px;
            text-overflow: '';
            font-size: 13px !important;
        }
        
        #quickcont #resource-book-articles form input,
        #quickcont #resource-articles form input,
        #quickcont #resource-book form input {
            background-color: #ffffff;
            border-color: #999999;
            border-radius: 3px;
            border-style: solid;
            border-width: 1px;
            font-size: 0.8em;
            font-weight: 700;
            height: 36px;
            margin-bottom: 8px;
            margin-top: 8px;
            outline: medium none;
            padding: 7px;
            width: 100%;
          }
        #quickcont #resource-book-articles form input,
        #quickcont #resource-articles form input{width: 90%;}
        #quickcont #resource-book form input{width: 100%;}
        #quickcont #resource-articles form input[type="submit"]{margin:10px 0px}
    /***********************************************************/
    /***************************Staff Directory**************************/
    .staff-directory-item-list{width:100%;float:left;}
    .staff-directory-item-list > h3{background-color: #e4dae4; border-left-color: #5b165b;border-left-width: 4px;border-left-style: solid;font-size: 1em;padding: 8px;padding-left: 10px; border-bottom: 1px solid #999;margin-bottom:0px}
    .staff-directory-item-list > h4{background-color: #cdcdcd; display: block;font-weight: 700;  font-size: 0.9em;  padding: 5px;margin-bottom:0px;margin-top:0px;padding-left: 17px;}
    .staff-directory-item-list > .staff-content-box{padding:16px;border-color:#cdcdcd;border-style: solid;border-width: 1px;border-top: none;background-color: #ffffff;width:398px;float:left;}
    .staff-directory-item-list > .staff-content-box > .staff-image{float:left;width:100px;height:100px;}
    .staff-directory-item-list > .staff-content-box > .staff-image img{width:100px;height:100px;}
    .staff-directory-item-list > .staff-content-box .staff-content{width:270px;float:left;margin-left:18px;}
    .staff-directory-item-list > .staff-content-box .staff-content .staff-basic-info{width:100%;}
    .staff-directory-item-list > .staff-content-box .staff-content .staff-basic-info .staff-post{font-style:italic;font-size:14px;}
    .staff-directory-item-list > .staff-content-box .staff-content .staff-basic-info .staff-name{font-size:14px;font-weight:bold;}
    .staff-directory-item-list > .staff-content-box .staff-content .staff-basic-info .staff-name h5{margin-top:0px;margin-bottom:0px;font-size:1em}
    .staff-directory-item-list > .staff-content-box .staff-content .staff-detail-info{width:100%;}
    .staff-directory-item-list > .staff-content-box .staff-content .staff-detail-info .staff-desc{width:100%;display:inline-table;font-size:14px;padding-top:5px;text-align:justify;}
    .staff-directory-item-list > .staff-content-box .staff-content .staff-detail-info .staff-contact-info{width:100%;padding-left:0px;font-size:14px;display:inline-table;}
    .staff-directory-item-list > .staff-content-box .staff-content .staff-detail-info .staff-contact-info .staff-directory-phone{font-size:14px;line-height:normal;}
    .staff-directory-item-list > .staff-content-box .staff-content .staff-detail-info .staff-contact-info .staff-directory-phone:before{content:url(https://webarchive.lib.cuhk.edu.hk/20230227165229oe_/https://www.lib.cuhk.edu.hk/sites/cuhk/themes/sparrow/images/ico_phone.png);padding-right:8px;float:left;padding-top:1px;height:14px;}
    .staff-directory-item-list > .staff-content-box .staff-content .staff-detail-info .staff-contact-info .staff-directory-email{font-size:14px;line-height:normal;margin-top:5px;}
    .staff-directory-item-list > .staff-content-box .staff-content .staff-detail-info .staff-contact-info .staff-directory-email:before{content:url(https://webarchive.lib.cuhk.edu.hk/20230227165229oe_/https://www.lib.cuhk.edu.hk/sites/cuhk/themes/sparrow/images/ico_mail.png);padding-right:8px;float:left;padding-top:2px;}
    .staff-directory-item-list > .staff-content-box .staff-content .staff-detail-info .staff-contact-info .staff-directory-twitter{font-size:14px;line-height:normal;margin-top:5px;}
    .staff-directory-item-list > .staff-content-box .staff-content .staff-detail-info .staff-contact-info .staff-directory-twitter:before{content:url(/20230227165229oe_/https://libapps-au.s3-ap-southeast-2.amazonaws.com/sites/5311/images/icon_twitter.png);padding-right:8px;float:left;padding-top:2px;}
    .staff-directory-item-list > .staff-content-box .staff-content .staff-detail-info .staff-contact-info .staff-directory-blog{font-size:14px;line-height:normal;margin-top:5px;}
    .staff-directory-item-list > .staff-content-box .staff-content .staff-detail-info .staff-contact-info .staff-directory-blog:before{content:url(https://webarchive.lib.cuhk.edu.hk/20230227165229oe_/https://www.lib.cuhk.edu.hk/sites/cuhk/themes/sparrow/images/ico_mail.png);padding-right:8px;float:left;padding-top:2px;}
    .staff-directory-item-list > .staff-content-box.staff-content-box-no-desc .staff-content .staff-basic-info{float: left;width: 100%;}
    .staff-directory-item-list > .staff-content-box.staff-content-box-no-desc .staff-content .staff-detail-info{float: left;width: 100%;}
    /*******************************************************************/
    .sidebar-first #content {margin-left:0px; margin-right:0px;width:100%;}
   /* body.node-type-branch-library .todaysopeninghours {  background-color: #6d1b6d;  color: #ffffff;  height: 66px;  left: 0;  letter-spacing: 1px;  padding-top: 15px;  position: absolute;  text-align: center;  top: 245px;  width: 480px;  z-index: 11;}
    body.node-type-branch-library .branchlogo {  left: 67px;  position: absolute;  top: 126px;  width: 402px;  z-index: 10;}    */
    #block-menu-menu-target--2 .menu {float: left; width: 100%;margin:0px 0px 10px 0px;}
    #block-menu-menu-target--2 .menu__item.is-leaf .menu__link::before {  color: #999999;  content: "•";  padding: 0 8px;}
    #block-menu-menu-target--2 .menu__item.is-leaf {float: left;font-size: 0.75em;}
    #block-menu-menu-target--2 .menu__item.is-leaf .menu__link.undergraduate-link::before  {  content: "";padding:0px;}
    #block-menu-menu-target--2 .menu__item.is-leaf .menu__link.undergraduate-link{margin-left:37px}
    #block-menu-menu-target--2 .menu__item.is-leaf .menu__link.alumni-link {float: left;margin-left: 0px;}
}
@media all and (max-width: 479px) {
    #header .mean-bar .sf-depth-2.menuparent.sf-with-ul{padding:1em 16% 1em 10%}
    #header_menu > div#header_menu_left{float:left}
    body.node-type-default-page #content{width:100%;float:left;}
    /***********************Mobile Mean Menu******************************/
    .mean-container .mean-bar{background: none repeat scroll 0 0 #5b165b;float: left;min-height:40px;padding: 0px 0;position: relative;width: 100%;z-index: 999999;}
    .mean-container .mean-nav ul li a:hover{background:#4c004c;}
    .mean-container a.meanmenu-reveal{width: 22px;height: 20px;padding: 13px 13px 11px 13px;position: absolute;top: 0;right: 0;cursor: pointer;color: #fff;text-decoration: none;font-size: 16px;text-indent: -9999em;line-height: 22px;font-size: 1px;	display: block;	font-family: Arial, Helvetica, sans-serif;font-weight: 700;}
    .mean-container .mean-bar .sf-sub-indicator{display:none}
    .mean-container .mean-nav ul li a.mean-expand{height:24px;}
    .mean-container .mean-nav ul li a.mean-expand:hover{height:24px;background:#4c004c;}
    .mean-container .mean-nav {background: none repeat scroll 0 0 #5b0c5b;float: left;margin-top: 44px;width: 100%;}

    /*********************************************************************/
    .front .opening-hour .opening-hour-tab.ui-tabs .ui-tabs-nav li.opening-hour-tab-header{width:48%;margin-right:6px;float:left;}
    .front .opening-hour .opening-hour-tab.ui-tabs .ui-tabs-nav li.pc-availability-tab-header{width:48%;float:right}
    .front .opening-hour{width:100%}
    .front .opening-hour .block-title{font-size:1.2em;}
    .front .opening-hour .opening-hour-tab{width:100%}
    .front .opening-hour .opening-hour-tab{width:100%}
    .indexOpeningHour .opening_hour{width:100%}
    .front .opening_hour_detail .library_name_section{width:148px;}
    .indexPCAvailability .pc_availability{width:100%}
    .index-grid-box{width:94%;float:left;margin:0 3% 3% 3%;}
    .index-grid-box .grid-icon-box {float:left;width:100%;}
    .index-grid-box .grid-icon-box a {float:left;width:100%;}
    .index-grid-box .grid-icon-box a.grid-icon-link img{width:100px;height:100px;float:none;margin:0 auto;display:block;}
    .index-grid-box .grid-icon-box img{width:100px;height:100px;float:none;margin:0 auto;display:block;}
    .index-grid-box .grid-content{width:100%;float:left;}
    .index-grid-box .grid-content .grid-content-title {text-align:center;}
    .index-grid-box .grid-content .grid-content-title a{color:#6d1b6d;cursor:pointer;font-size:1.1em;}
    .index-grid-box .grid-content .grid-content-title a:hover{color:#6d1b6d;font-size:1.1em;}
    .index-grid-box .grid-content .grid-content-content {text-align:justify}
    .index-grid-box .grid-content .grid-content-content .grid-content-content-div{display: block;float: none;margin: 0 auto;width: 85%;}
    .index-grid-box .grid-content .grid-content-content a,
    .index-grid-box .grid-content .grid-content-content .grid-content-content-div a{cursor:pointer;font-size:0.8em;}
    .index-grid-box .grid-content .grid-content-content a:hover,
    .index-grid-box .grid-content .grid-content-content .grid-content-content-div a:hover{font-size:0.8em;}
    .content_anchor_list{width:100%;}
    .content_anchor_list span{margin:0px 10px;}
    .content_anchor_list a{color:#6d1b6d;font-size:0.8em;}
    .content_part{width:100%;}
    .content_part .content_image{width:100%;float:left}
    .content_part .content_image img{width:130px !important;height:130px !important;margin:0 auto; display:block;float:none;}
    .content_part .content{float:left;width:100%;}
    div#block-views-today-news-event-block {height: 170px;margin-top: 230px;padding-left: 0;}
    div#block-views-today-news-event-block .more-link {color: #6d1b6d;font-weight: bold;margin-right: 12px;position: relative;top: auto;}
    /************ Index Page Integrate Search Box Tab ***********/
    #quickcont .integrate_search_box_wrapper { background-color:#333333;box-shadow: 0px 0px 0 0; float: left; overflow: hidden; width: 72%;}
    #quickcont .integrate_search_box_wrapper .integrate_search_box.r-tabs { padding: 4% 5% 0;  position: relative;  width: 90%;}
    #quickcont .r-tabs .r-tabs-accordion-title { display: block;background-color: #CDCDCD;border-bottom: 1px solid #5A5A5A;width:100%;float:left;}
    #quickcont .header__region.region.region-header > * {  display: block;  margin-bottom: 0;}
    #quickcont .r-tabs .r-tabs-accordion-title.r-tabs-state-active{
        background-color: #6d1b6d;
        border-top: 3px solid rgba(140, 35, 140, 0.8);
        display:block;
        color:#ffffff;
        margin:0% 5%;
        width:90%;
    }
    #quickcont .r-tabs .r-tabs-accordion-title.r-tabs-state-active::after{top: inherit;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-top-color: #6d1b6d;    border-width: 4px;    margin-left: -4px;}
    #quickcont .r-tabs .r-tabs-anchor {  display: block;  padding: 2% 3%;}
    #quickcont .r-tabs .r-tabs-nav {display:none}    
    #quickcont .integrate_search_box_wrapper { box-shadow:0; float: none;  margin-bottom: 0;  overflow: hidden;  width: 100%;}
    #quickcont .r-tabs .r-tabs-panel {height: auto;padding: 2% 2% 3%;  width: 96%;}
    #quickcont .r-tabs .r-tabs-panel .subject-list-form{float:left;width:100%}
    #quickcont .r-tabs .r-tabs-panel .subject-list-form .subject-list-box {float: left;width: 84%;}
    #quickcont .r-tabs .r-tabs-panel .subject-list-form .subject-form-submit-box {float: left;margin-left: 10px; margin-top: 3px;}
    #quickcont #resource-book form input {
        background-color: #ffffff;
        border-color: #999999;
        border-radius: 3px;
        border-style: solid;
        border-width: 1px;
        font-size: 0.8em;
        font-weight: 700;
        height: 36px;
        margin-bottom: 10px;
        margin-top: 10px;
        outline: medium none;
        padding: 7px;
        width: 100%;
      }
      #quickcont .purplewrapper { background: #6d1b6d none repeat scroll 0 0; display: inline-block; position: relative; width: 100%;}
      /*#quickcont .purplewrapper::after { content: url("/20230227165229oe_/https://libapps-au.s3-ap-southeast-2.amazonaws.com/sites/5311/images/arrow_bottom.png"); position: absolute; right: 57px; top: 10px;}*/
      #quickcont .purplewrapper .purple-dropdown {background: url("/20230227165229oe_/https://libapps-au.s3-ap-southeast-2.amazonaws.com/sites/5311/images/arrow_bottom.png") no-repeat scroll right center #6d1b6d;width: 84%;float:left;margin-right:7px;}
      #quickcont .purplewrapper select {
            height: 44px;
            padding: 10px;
            outline: none;
            color: #ffffff;
            background: transparent;
            width: 100%;
            border: none;
            border-radius: 3px;
            font-weight: 700;
            -webkit-appearance: none;
            -moz-appearance: none;
            text-indent: 1px;
            text-overflow: '';
            font-size: 13px !important;
        }
        #quickcont #e-resource-tab .subject-list-box select {
            height: 36px;
            padding: 10px;
            outline: none;
            color: #333333;
            width: 90%;
            border: none;
            border-radius: 3px;
            font-weight: 700;
            -webkit-appearance: none;
            -moz-appearance: none;
            text-indent: 1px;
            text-overflow: '';
            font-size: 13px !important;
        }
        
        #quickcont #resource-book-articles form input,
        #quickcont #resource-articles form input,
        #quickcont #resource-book form input {
            background-color: #ffffff;
            border-color: #999999;
            border-radius: 3px;
            border-style: solid;
            border-width: 1px;
            font-size: 0.8em;
            font-weight: 700;
            height: 36px;
            margin-bottom: 8px;
            margin-top: 8px;
            outline: medium none;
            padding: 7px;
            width: 100%;
          }
        #quickcont #resource-book-articles form input,
        #quickcont #resource-articles form input{width: 88%;}
        #quickcont #resource-book form input{width: 100%;}
        #quickcont #resource-articles form input[type="submit"]{margin:10px 0px}
    
    /***********************************************************/
    #opening-hour-calendar .fc-view-container{margin-top:2.5em}
    #opening-hour-calendar .fc-day-grid-container.fc-scroller{height:auto !important;}
    .opening_hour_content .dayView .opening_hour_detail .library_name_col .library_name_section {  border-right: 1px solid #ededed;  float: left;  padding: 3% 2% 3% 2.5%;  width: 45%;}
    .opening_hour_content .dayView .opening_hour_detail .library_name_col .opening_time {  float: left;  padding: 3% 2% 3% 2.5%;  width: 44%;}
    .opening_hour_content .dayView .opening_hour_detail .library_name_col { font-size: 11px;}
    /********************************************************/
    /***************************Staff Directory**************************/
    .staff-directory-item-list{width:100%;float:left;}
    .staff-directory-item-list > h3{background-color: #e4dae4; border-left-color: #5b165b;border-left-width: 4px;border-left-style: solid;font-size: 1em;padding: 8px;padding-left: 10px; border-bottom: 1px solid #999;margin-bottom:0px}
    .staff-directory-item-list > h4{background-color: #cdcdcd; display: block;font-weight: 700;  font-size: 0.9em;  padding: 5px;margin-bottom:0px;margin-top:0px;padding-left: 17px;}
    .staff-directory-item-list > .staff-content-box{padding:16px;border-color:#cdcdcd;border-style: solid;border-width: 1px;border-top: none;background-color: #ffffff;width:254px;float:left;}
    .staff-directory-item-list > .staff-content-box > .staff-image{float:left;width:100%;height:100px;}
    .staff-directory-item-list > .staff-content-box > .staff-image img{width:100px;height:100px;margin:0 auto;display:block;float:none}
    .staff-directory-item-list > .staff-content-box .staff-content{width:254px;float:left;margin-left:0px;}
    .staff-directory-item-list > .staff-content-box .staff-content .staff-basic-info{width:100%;}
    .staff-directory-item-list > .staff-content-box .staff-content .staff-basic-info .staff-post{font-style:italic;font-size:14px;}
    .staff-directory-item-list > .staff-content-box .staff-content .staff-basic-info .staff-name{font-size:14px;font-weight:bold;}
    .staff-directory-item-list > .staff-content-box .staff-content .staff-basic-info .staff-name h5{margin-top:0px;margin-bottom:0px;font-size:1em}
    .staff-directory-item-list > .staff-content-box .staff-content .staff-detail-info{width:100%;}
    .staff-directory-item-list > .staff-content-box .staff-content .staff-detail-info .staff-desc{width:100%;display:inline-table;font-size:14px;padding-top:5px;text-align:justify;}
    .staff-directory-item-list > .staff-content-box .staff-content .staff-detail-info .staff-contact-info{width:100%;padding-left:0px;font-size:14px;display:inline-table;}
    .staff-directory-item-list > .staff-content-box .staff-content .staff-detail-info .staff-contact-info .staff-directory-phone{font-size:14px;line-height:normal;}
    .staff-directory-item-list > .staff-content-box .staff-content .staff-detail-info .staff-contact-info .staff-directory-phone:before{content:url(https://webarchive.lib.cuhk.edu.hk/20230227165229oe_/https://www.lib.cuhk.edu.hk/sites/cuhk/themes/sparrow/images/ico_phone.png);padding-right:8px;float:left;padding-top:1px;height:14px;}
    .staff-directory-item-list > .staff-content-box .staff-content .staff-detail-info .staff-contact-info .staff-directory-email{font-size:14px;line-height:normal;margin-top:5px;}
    .staff-directory-item-list > .staff-content-box .staff-content .staff-detail-info .staff-contact-info .staff-directory-email:before{content:url(https://webarchive.lib.cuhk.edu.hk/20230227165229oe_/https://www.lib.cuhk.edu.hk/sites/cuhk/themes/sparrow/images/ico_mail.png);padding-right:8px;float:left;padding-top:2px;}  
    .staff-directory-item-list > .staff-content-box.staff-content-box-no-desc .staff-content .staff-basic-info{float: left;width: 100%;}
    .staff-directory-item-list > .staff-content-box.staff-content-box-no-desc .staff-content .staff-detail-info{float: left;width: 100%;}
    /*******************************************************************/
    .sidebar-first #content {margin-left:0px; margin-right:0px;width:100%;}
    
    /*body.node-type-branch-library .branchlogo {  left: 0px;  position: absolute;  top: 126px;  width: 320px;  z-index: 10;}
    body.node-type-branch-library .todaysopeninghours {  background-color: #6d1b6d;  color: #ffffff;  height: 66px;  left: 0;  letter-spacing: 1px;  padding-top: 15px;  position: absolute;  text-align: center;  top: 220px;  width: 320px;  z-index: 11;}*/
    #block-menu-menu-target--2 .menu {float: left; width: 100%;margin:0px 0px 10px 0px;}
    #block-menu-menu-target--2 .menu__item.is-leaf .menu__link::before {  color: #999999;  content: "•";  padding: 0 8px;}
    #block-menu-menu-target--2 .menu__item.is-leaf {float: left;font-size: 0.75em;}
    #block-menu-menu-target--2 .menu__item.is-leaf .menu__link.undergraduate-link::before  {  content: "";padding:0px;}
    #block-menu-menu-target--2 .menu__item.is-leaf .menu__link.undergraduate-link{margin-left:14px}
    #block-menu-menu-target--2 .menu__item.is-leaf .menu__link.alumni-link {float: left;margin-left: 91px;}
	/***********************Footer****************************/
	/*******************Wifi Printer Table************************/
	.stacktable.large-only { display: none; }
  	.stacktable.small-only { display: table; }
	#wifiprinter-table>*:active,#wifiprinter-table>*:hover {cursor:default;}
	#wifiprinter-table .library-table {width:300px;display:none;}
    #wifiprinter-table .title{width:300px;margin-top:8px;margin-bottom:0;}
	#wifiprinter-table .title span {color:#fff;font-size:13px;margin-left:10px; vertical-align:middle; line-height:42px; float:left;}
	#wifiprinter-table .title .title-arrow-down{background:none;float:right; width:24px; height:24px;margin-right:0;}
    #wifiprinter-table .st-head-row {height:24px;background:rgba(208,210,211,1);}
    #wifiprinter-table .st-head-row > span {text-align:left; font-size:12px; vertical-align:middle; line-height:24px; margin-left:10px; color:#231f20;}
    #wifiprinter-table .st-head-row .arrow-down{background:url(/20230227165229oe_/https://libapps-au.s3-ap-southeast-2.amazonaws.com/sites/5311/images/arrow_down_s.png);float:right; width:24px; height:24px;margin-right:0;}
    #wifiprinter-table .st-key{background:rgba(187,189,191,1);width:156px!important;}
	#wifiprinter-table th{text-align:left;height:24px; line-height:24px; vertical-align:middle;}
    #wifiprinter-table td{border:0!important;padding:2px!important;height:24px!important; line-height:24px; vertical-align:middle;}
    #wifiprinter-table tr .separator{border-bottom:2px solid #fff!important;}
	#wifiprinter-table .odd, #wifiprinter-table .even {background-color: rgba(241,241,242,1);}
}
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////