#branch-title.article img {
	display: none;
}

@media (min-width:768px){

	/* "Feature" on top-left corner*/
	#branch-title.article { width: auto; margin-right: 2em;}
	#branch-title.article figcaption { position: static;}

	/* Feature Title */
	#branch-title.article + div { width: auto; float:none; margin-left: 205px; }
	
	/* Feature Title - Roll Call Alum*/
	/*#branch-title.article.alum { width: auto; margin-right: 2em; padding-bottom:30px;}*/
	#branch-title.article.alum + div { width: auto; float:none; margin-left: 295px; }
	
	#branch-title.article figcaption {
		position: static;
	}
}


#branch-title a, #branch-title a:visited, #branch-title a:hover, #branch-title a:active {
	color: inherit;
	display: inline-block;
}

#main_content #right_tools {
  background: #FBFBFB;
  border-top: 1px solid #E4E4E4;
  border-bottom: 1px solid #E4E4E4;
  margin-left: -15px;
  margin-right: -15px;
  line-height: 1.41;
}

#main_content #right_tools span{
	display: none;
}


#select_year {
	margin: 10px 0px 10px 0;  text-align: right;
}

#select_year .text {
   color: #8C4476;
}

.feature-row {
	margin-left: -5px;
	margin-right: -5px;
}

.feature-item {
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 10px;
	border-bottom: 1px dashed #ccc;
}

.feature-item:hover {
	background-color:#F5EEF5;
	
}

.feature-item div {
	color: #456CA2;
}

.feature-item div small {
	color: #717171;
}

#content-body > aside#right-pane.article-right-pane {
	padding-top: 0;
}

aside#right-pane div.rightnav_title {
	margin-left: -10px;
	margin-right: -10px;
/* 	padding-left: 5px;
	padding-top: 1em;
 */	padding: 5px 3px 5px 3px;
} 

aside#right-pane div#right_tools div.rightnav_title {
	margin-left: 0px;
	margin-right: 0px;
}


.current-features {
	margin-left: -10px;
	margin-right: -10px;
	padding-left: 5px;
	padding-top: 1em;
	padding-bottom: 1em;
	/*font-size: 95%;*/
	line-height: 1.2;
	min-height: 80px;
	clear:both;
}

.current-features:hover {
	background-color: #F5EEF5;
	color: #DB40C7;
}

.current-features img {
	float: left;
}

.current-features .current-feature-content {
	padding-left: 60px;
}

.feature-button {
	position: absolute;
	width: 20px;
	top: 48%;
	margin-top: -20px;
	display: block;
}

.feature-button a {
	color: #fff; font-size: 12px;
	background: rgba(0, 0, 0, .6);
	padding: 2px;
	width: 25px;
	height: 25px;
	border-radius: 30px;
	display: block;
	text-align: center;
}

#feature {
	margin-bottom: 1em;
}

#feature-left-button {
	left: 5px; width: 20px; 
}

#feature-right-button {
	left: 100%; margin-left: -30px;
}


.carousel-inner figure.item > div {
	position: relative;
}

.carousel-inner figure.item img {
	width: 100%;
}

.carousel-inner figure.item figcaption {
	width: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	color: white;
	padding: 3px 20px;
}

@media (min-width:480px) {	
	.carousel-inner figure.item figcaption {
		position: absolute;
		bottom: 0;
		left:0;
	}
}

/*Dropcap is disabled from 2016/5/26*/
/*#article_content .dropcap {
    font-family: "Times New Roman",Times,serif;
    float: left;
    text-align: center;
    font-size: 8em;
    line-height: 0.75em;
    color: #862C7F;
    background-color: inherit;
}*/

#div_feature_archive {
	margin-top: 1em;
	margin-bottom: 1em;
	text-align: right;
	font-size: 85%;
}

/*Facebook Comments*/
#fb-comment, #fb-comment span, #fb-comment .fb_iframe_widget span iframe[style] {
    width: 100% !important;
}		

/*Feature Navigator (Previous / Next Feature)*/
#div_navigator {
	text-align: right;
	font-size: 1.2em;
}

/*Highlight the tab when active*/
div.tabpanel li.active a {
	font-weight: bold;
	color: #73216d;
}

/* Web Feature Version 2 (since 2017/03/29) - Start */
#main_content.article-content-v2 h1 {font-size:2.625em; line-height:1.2;}
#main_content.article-content-v2 h1 >.subtitle {font-size:60%;  line-height:1.1;}
#main_content.article-content-v2 #category_bar {background-color:#73216d; margin:2% 0; font-size:110%; color:#FFFFFF; padding-left:2%; }
#main_content.article-content-v2 #article-date strong {font-weight:400; font-size:80%}
#main_content.article-content-v2 #right_tools {color: #606060; }

#article_content.article-content-v2 figure img { width: 100%;	}
/*#article_content.article-content-v2 h2 {font-size: 1.9375em; line-height:1.05em;}*/
#article_content.article-content-v2 figure {margin-bottom:1em; position:relative;}
#article_content.article-content-v2 figure figcaption {width: 100%;    background-color: rgba(0, 0, 0, 0.65);    color: white;    padding: 3px 20px; bottom:0; position:absolute;}
#article_content.article-content-v2 figure img.figcaption-outside + figcaption {position:static;}

#article_content.article-content-v2 .embed-youtube + figure {margin-top:-1em;}
#article_content.article-content-v2 .embed-youtube + figure > figcaption{position:static;}

@media (max-width:767px) {
	#article_content.article-content-v2 figure img.figcaption-xs-outside + figcaption {position:static;}  
}

/* Web Feature Version 2 (since 2017/03/29) - End */

/* Updated on 2019/10/11 */
#content-body {
	display:flex;
}

@media print {	
	.carousel-inner figure.item figcaption {
		position: static;
		bottom: inherit;
	}
	
	#article_content.article-content-v2 figure figcaption {
		position: static;
		bottom: inherit;
	}	
}

/* Updated on 2021/09/17 */
@font-face {
  font-family: "icomoon";
  font-weight: normal;
  font-style: normal;
  src: url("/20220907042056oe_/https://www.cuhk.edu.hk/english/fonts/features-icomoon/icomoon.ttf?qnvdi8") format("truetype"), url("/20220907042056oe_/https://www.cuhk.edu.hk/english/fonts/features-icomoon/icomoon.woff?qnvdi8") format("woff"), url("/20220907042056oe_/https://www.cuhk.edu.hk/english/fonts/features-icomoon/icomoon.svg?qnvdi8#icomoon") format("svg");
}

[class^="icon-"], [class*=" icon-"], .icon, .link-circle-arrow:after, .link-circle-arrow-t2:after, .circle-arrow:before, .arrow-link:after, .modal .close:after, .btn--prev:before, .btn--next:after, .js-selectBox > select:before,
.js-selectBox button.multiselect:before, .js-selectBox .js-selectBox-left-right-arrow:before, .js-selectBox-left-right-arrow, .rc--checkbox + span:before, .slick-arrow-inner:before, .breadcrumb > li:before, .scrolldown-arrow:before, .scrolldown-arrow:after, .blk--default .blk__desc:after, .imgbox--default .imgbox__desc:after, .tl__arrow:before, .ppl-blk__txt-inner:before, .ppl-blk__txt-inner:after, .collapse__trigger:before, .cate-filter__head:after, .arrow-list__item:before, .related__caption:after, .slogan-row__jump:after, .ev__desc dl:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 436, ../sass/section/_inner.scss */
.collapse__wrap {
  position: relative;
  margin: 0 0 4%;
}
/* line 441, ../sass/section/_inner.scss */
.collapse__wrap-title {
  margin-top: 1.6em;
  margin-bottom: 0.66667em;
}
/* line 445, ../sass/section/_inner.scss */
.collapse__sec-title {
  margin: 0 13em 1.3em 0;
}
@media screen and (max-width: 767px) {
  /* line 445, ../sass/section/_inner.scss */
  .collapse__sec-title {
    margin-right: 0;
  }
}
/* line 451, ../sass/section/_inner.scss */
.collapse__expand-btn {
  position: absolute;
  right: 0;
  bottom: 100%;
  margin: 0 0 .9em;
  padding-top: 0.44444em;
  padding-bottom: 0.44444em;
}
@media screen and (max-width: 767px) {
  /* line 451, ../sass/section/_inner.scss */
  .collapse__expand-btn {
    position: relative;
    float: right;
  }
}
/* line 465, ../sass/section/_inner.scss */
.collapse__blk {
  margin: 0 0 6px;
}
/* line 468, ../sass/section/_inner.scss */
.collapse__blk:nth-child(even) .collapse__trigger {
  background: #702c72;
}
/* line 471, ../sass/section/_inner.scss */
.collapse__trigger {
  font-size: 1.5em;
  line-height: 1.2;
  position: relative;
  display: block;
  width: 100%;
  padding: 0.66667em 3.33333em 0.66667em 1.25em;
  text-align: left;
  color: #FFF;
  background: #964c98;
}
/* line 486, ../sass/section/_inner.scss */
.collapse__trigger:before {
  font-size: 1.4em;
  position: absolute;
  top: .4em;
  right: .7em;
  content: "";
}
/* line 499, ../sass/section/_inner.scss */
.collapse__trigger[aria-expanded="true"]:before {
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
}
@media screen and (max-width: 991px) {
  /* line 471, ../sass/section/_inner.scss */
  .collapse__trigger {
    font-size: 1.25em;
  }
}
@media screen and (max-width: 767px) {
  /* line 471, ../sass/section/_inner.scss */
  .collapse__trigger {
    font-size: 1em;
    padding-left: 15px;
  }
}
/* line 512, ../sass/section/_inner.scss */
.collapse__inner {
  padding: 1em 1.875em;
  background: #FFF;
}
/* line 516, ../sass/section/_inner.scss */
.collapse__inner .ckec {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.33333;
}
@media screen and (max-width: 991px) {
  /* line 516, ../sass/section/_inner.scss */
  .collapse__inner .ckec {
    font-size: 12px;
    font-size: 0.75rem;
  }
}
/* line 526, ../sass/section/_inner.scss */
.collapse__inner--bged {
  background: #e2d1e2;
}
/* line 529, ../sass/section/_inner.scss */
.collapse__inner--bg-gray {
  background: #F3F3F3;
}
/* line 533, ../sass/section/_inner.scss */
.collapse__inner--bg-gray p a, .collapse__inner--bg-gray li a, .collapse__inner--bg-gray td a {
  color: #1479b3;
}
@media screen and (max-width: 991px) {
  /* line 512, ../sass/section/_inner.scss */
  .collapse__inner {
    padding-right: 1.48438em;
    padding-left: 1.48438em;
  }
}
@media screen and (max-width: 767px) {
  /* line 512, ../sass/section/_inner.scss */
  .collapse__inner {
    padding-right: 15px;
    padding-left: 15px;
  }
}
/* line 547, ../sass/section/_inner.scss */
.collapse__wrap--green .collapse__trigger {
  background: #348EA2;
}
/* line 550, ../sass/section/_inner.scss */
.collapse__wrap--green .collapse__blk:nth-child(even) .collapse__trigger {
  background: #225C68;
}

/* line 556, ../sass/section/_inner.scss */
.center-remarks {
  max-width: 680px;
  margin: 2.5em auto;
}