* {
	font-family: 'Droid Sans', sans-serif;
	-webkit-font-smoothing: antialiased;
}

.icaredot {
	font-family: Arial, PMingLiu, sans-serif;
}

a {
	color: #952e8c;
}

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */
.half {
	width:50%;
	float:left;
}

.third {
	width:33%;
	float:left;
}

.left {	
	float:left;
}
.right {	
	float:right;
}
.center {
	text-align:center !important;
}

.v-center {
	display:table;
	height:100%;
}

.v-center-container {
	display:table-cell;
	vertical-align:middle;
}

.max-width {
	max-width: 1440px;
	min-width: 320px;
	margin: 0 auto;
}

BODY {
	background: #202020;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: none;
}

#site-wrap {
	position:relative;
	min-width: 320px;
	/*max-height: 100%;
	height:100%;*/
	height:100%;
	background-color: #fff;
	color: #fff;
	padding-top: 55px;
}

#site-wrap #features h3,  #site-wrap #features h3 a, #site-wrap #features p.heading,  #site-wrap #features p.heading a{
	color: #fff;
}

#site-header, #nav-bar {
	background: #151515;
	width: 100%;
	min-width: 320px;
	height: 55px;
	z-index: 200;
}
#site-header {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 300;
}

#nav-bar {
	position: fixed;
}

#nav-btn, #cu-btn, #home-btn {
	display:block;
	width:72px;
	height: 55px;
	line-height: 55px;
	display: block;
	position: absolute;
	color: #fff;
	text-indent:-9000px;
	overflow: hidden;
}

#nav-btn {
	width: 60px;
	background: #3C0F32 url(/20210330051752oe_/http://www.cuhk.edu.hk/ugallery/images/nav-btn-icon.png) center no-repeat;
}

#nav-btn.open {
	background-image: url(/20210330051752oe_/http://www.cuhk.edu.hk/ugallery/images/nav-btn-close-icon.png);
}

#nav-btn:hover {
	background-color: #532649;
}

#home-btn {
	width: 168px;
	/*top: 0px;*/
	left:50%;
	margin-left:-84px;
	background: url(/20210330051752oe_/http://www.cuhk.edu.hk/ugallery/images/site-logo-hz.png) center no-repeat;
}

#cu-btn {
	background: url(/20210330051752oe_/http://www.cuhk.edu.hk/ugallery/images/cuhk-logo-hz.png) center no-repeat;
	/*top: 0px;*/
	right:0px;
}

#skip-to-content-btn, #bg-music-btn {
	display: block;
	width: 0px;
	height: 0px;
	position: absolute;
	line-height: 0px;
	font-size: 0px;
	text-indent: -9999px;
	overflow: hidden;
}	
	
#nav-menu {
	position: fixed;
	z-index: 100;
	width: 100%;
	height: 100%;
	background: #32424f;
	overflow-x: hidden;
	overflow-y: scroll;
	
}

#nav-menu > div {
	padding-top: 60px;
	padding-bottom: 120px;
	position: relative;
	min-height: 100%;
}

#nav-menu .caption {
	font-family: 'Droid Sans', sans-serif;
	text-transform:uppercase;
	font-size: 1.0625rem; /*17px;*/
	color: #697986;
	letter-spacing: 2px;
	display:block;
	margin-top:6px;
}

#main-nav {
	padding-top:25px;
	text-align: center;
}

#main-nav > a {
	display: block;
	padding: 12px 20px;
}

#main-nav > a .item {
	font-family: 'Arvo', serif;
	font-size: 2.8125rem; /*45px;*/
	color: #97a7b4;
	display:block;
}

#main-nav > a:hover .item {
	color: #FFF;
}

#lang-nav, #font-size-nav {
	text-align:center;
	margin-top: 3em;
}

#font-size-nav {
	margin-bottom: 3em;
}

#lang-nav .caption {
	display:none;
}

#lang-nav a {
	font-family: 'Droid Serif', 'HiraMinProN-W3', serif !important;
	font-size: 1.125rem; /*18px;*/
	color: #97a7b4;
	width:calc(100% / 3 - 10px);
	padding:0px;
	display: inline-block !important;
	border:3px solid transparent;
}

#lang-nav a.selected, #lang-nav a:hover {
	border-color:#fff;
	color: #fff;
}

#font-size-nav .caption, #font-size-nav #font-size-nav-inner {
	display: inline-block;
}

#font-size-nav #font-size-nav-inner a {
	display: inline-block !important;
}

#font-size-nav a {
	font-size: 2.375rem; /*38px;*/
	/*width:auto;*/
	border: 1px solid transparent;
	padding: 6px 6px;
	margin: 12px 6px;
	color: #97a7b4;
	display: inline-block !important;
}


#font-size-nav a:hover, #font-size-nav a.selected {
	color: #FFF;
	border: 1px solid #FFF;
}	

#font-size-nav #header-font-size-small {font-size: 12px;}
#font-size-nav #header-font-size-medium {font-size: 16px;}
#font-size-nav #header-font-size-big {font-size: 20px;}


#sns-btn-container {
	padding: 12px 25px;
}

/*#sns-btn-container a {
	display: inline-block !important;
	width: 40px;
	height: 40px;
	margin: 0px 6px !important;
	padding: 0px;
	text-indent:-9000px;
	overflow:hidden;
}

#sns-btn-container a.fb {
	background:url(/20210330051752oe_/http://www.cuhk.edu.hk/ugallery/images/sns-btn-fb.png) center no-repeat;
}

#sns-btn-container a.tt {
	background:url(/20210330051752oe_/http://www.cuhk.edu.hk/ugallery/images/sns-btn-tt.png) center no-repeat;
}

#sns-btn-container a.gp {
	background:url(/20210330051752oe_/http://www.cuhk.edu.hk/ugallery/images/sns-btn-gp.png) center no-repeat;
}

#sns-btn-container .caption {
	margin-top: 6px;
}*/

.hideshare-wrap  {
	width:100% !important;
	height:auto !important;
}

.hideshare-wrap .hideshare-btn {
	display:none !important;
}

.hideshare-list {
	display:inline-block !important;
	list-style:none;
	width:auto !important;
}

.hideshare-list li {
	float:left;
}

/* Clearfix*/
.hideshare-list:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.hideshare-list li a {
	display:inline-block;
	width:40px;
	height:40px;
	background:url(/20210330051752oe_/http://www.cuhk.edu.hk/ugallery/images/sns-btn-fb.png) center no-repeat;
	margin: 0px 6px !important;
}

.hideshare-list li a.hideshare-twitter {
	background:url(/20210330051752oe_/http://www.cuhk.edu.hk/ugallery/images/sns-btn-tt.png) center no-repeat;
}

.hideshare-list li a.hideshare-google-plus {
	background:url(/20210330051752oe_/http://www.cuhk.edu.hk/ugallery/images/sns-btn-gp.png) center no-repeat;
}

.hideshare-list li a i, .hideshare-list li a span {
	display:none;
}


#nav-menu .copyright {
	/*position:absolute;
	bottom:0px;*/
	color:#aaa9a9;
	border-top: 1px solid #4a5a67;
	padding: 1em 0px;
	margin: 3em 25px 0px;
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
}

#site-container {
	min-height: 100%;
	width: 100%;
	/*max-width: 1200px;*/
	position:relative;
	background: #FFF;
	overflow: hidden;
}

#site-container img {
	/*width: 100%;*/
}

#topbar {
	display:none;
	position: absolute;
	top: 0px;
	width: 100%;
	margin-left: -80px;
	/*height: 68px;
	line-height:68px;*/
	text-align: right;
	background: #DDA400;
	background: rgba(221,164,0, .8);
	padding: 0px 20px 0px 80px;
	z-index:60;
	/*display: table;
	width: 100%;*/
	
}

#topbar a {
	display: inline-block;
	padding: 14px 12px;
	line-height: 40px;
/*	text-transform: uppercase; */
	color: #57004e;
	font-family: 'Arvo', serif;
	font-size: 1.3em;
	
}

#topbar a:hover {
	color: #8C0F0F;
	
}

#topbar > div {
	display: table;
	width: 100%;	
}

#top-lang-bar {
	display: inline-block;
	vertical-align: middle;
	width: 8.5em; /*136px;*/
	padding: 10px 0px;
}

#top-lang-bar a.lang-btn {
	border: 1px solid transparent;
	line-height: normal;
	padding: 3px 6px;
	font-family: 'Droid Sans', sans-serif;
	font-size: 0.875em; /*14px;*/
	color:#760f6d;
	
}

#top-lang-bar a.lang-btn:hover, #top-lang-bar a.lang-btn.selected {
	color: #57004e;
	border: 1px solid #760f6d;
}

#top-font-size {
	display: table-cell;
	vertical-align: middle;
	width: 85px;
}

#top-font-size a.lang-btn {
	border: 1px solid transparent;
	line-height: normal;
	padding: 3px 6px;
	font-family: 'Droid Sans', sans-serif;
	font-size: 0.875em; /*14px;*/
	color:#760f6d;
	
}

#top-font-size a.lang-btn:hover, #top-font-size a.lang-btn.selected {
	color: #57004e;
	border: 1px solid #760f6d;
}

#top-font-size #top-font-size-small {font-size: 12px;}
#top-font-size #top-font-size-medium {font-size: 16px;}
#top-font-size #top-font-size-big {font-size: 20px;}

@media only screen and (min-width: 769px) {
	.no-touch #topbar {
		display:block;
	}
}


#cd-zoom-in, #cd-zoom-out {
  height: 50px;
  width: 50px;
  cursor: pointer;
  margin-left: 10px;
  background-color: rgba(211, 104, 104, 0.9);
  background-repeat: no-repeat;
  background-size: 50px 100px;
  background-image: url("/20210330051752oe_/http://www.cuhk.edu.hk/ugallery/images/cd-icon-controller.svg");
}
.no-touch #cd-zoom-in:hover, .no-touch #cd-zoom-out:hover {
  background-color: #d36868;
}
@media only screen and (min-width: 768px) {
  #cd-zoom-in, #cd-zoom-out {
    margin-left: 50px;
  }
  
  #main-nav > a {
		padding: 10px 25px;
	}
	
	#nav-menu .caption {
		margin-top:3px;
	}
  
}

#cd-zoom-in {
  background-position: 50% 0;
  margin-top: 15px;
  margin-bottom: 10px;
}
@media only screen and (min-width: 768px) {
  #cd-zoom-in {
    margin-top: 50px;
  }
}

#cd-zoom-out {
  background-position: 50% -50px;
}


@media only screen and (max-width: 620px) {
	.third {
		width: auto !important;
		float:none;
	}
}

@media only screen and (max-width: 560px) {
	.half {
		width: auto !important;
		float:none;
	}
	
	#photoFilter .photoFilterBtn {
		margin:2em 0px;
	}
}

@media only screen and (max-width: 568px) {
	header.heading .row {
		font-size:.6em;
	}
}

@media (min-width: 600px) and (max-width: 768px) {
	#lang-nav a {
		font-size:1.5rem; /*24px;*/
		padding:.5em;
	}
}

@media only screen and (max-width: 768px) and (min-width: 768px) {
	.row {
		width: 688px;
	}
}


@media only screen and (max-width: 768px) {
	header.heading .row {
		width:100%;
	}
}
@media (min-width: 769px) {
	#site-wrap {
		padding-top: 0;
		/*padding-left: 80px;*/
	}
	#site-container {
		padding-left: 80px;
	}
	
	
	.row {
		width: auto !important; 
	}
	
	#site-header, #nav-bar {
		width: 80px;
		min-width: 80px;
		height: 100%;
	}
	#skip-to-content-btn, #bg-music-btn {
		width: 0px;
		height: 0px;
		line-height: 0px;
		font-size: 0px;
		text-indent: -9999px;
	}
	#nav-btn, #cu-btn, #home-btn {
		width: 80px;
		height: 68px;
		line-height: 68px;
	}
	#cu-btn {
		background-image: url(/20210330051752oe_/http://www.cuhk.edu.hk/ugallery/images/cuhk-logo.png);
		bottom:0px;
	}
	#home-btn {
		height: 264px;
		top:50%;
		left:0px;
		margin-left: 0px;
		margin-top:-132px;
		background-image: url(/20210330051752oe_/http://www.cuhk.edu.hk/ugallery/images/site-logo.png);
	}
	#nav-menu {
		margin-top: 0px;
		padding: 25px 25px 25px 105px;
	}
	
	#nav-menu > div {
		padding-top: 0px;
		padding-bottom: 60px;
	}
}

@media (min-width: 810px) {	

	#main-nav {
		padding-top:0px;
		float:left;
		text-align: left;
	}
	#lang-nav, #font-size-nav {
		float: right;
		text-align: right;
		padding-top: 12px;
		margin-top: 0px;
	}
	
	#font-size-nav {
		clear:right;
		
	}
	
	#font-size-nav-inner {
		margin-right: 25px;
	}
	
	#lang-nav .caption, #font-size-nav .caption {
		display:block;
		margin-right:50px;
	}
	
	#lang-nav a {
		font-size: 2.375em; /*38px;*/
		width:auto;
		border:none;
		border-right: 3px solid transparent;
		padding: 6px 22px;
		margin: 12px 25px;
		display: block !important;
	}

	#font-size-nav a {
		font-size: 2.375em; /*38px;*/
		/*width:auto;*/
		border: 1px solid transparent;
		padding: 6px 6px;
		margin: 12px 6px;
		color: #97a7b4;
		display: inline-block !important;
	}
	
	
	#lang-nav a.selected, #lang-nav a:hover {
		border-right-color: #97a7b4;
	}
	
	#font-size-nav a:hover, #font-size-nav a.selected {
		color: #FFF;
		border: 1px solid #FFF;
	}	
	
	#font-size-nav #header-font-size-small {font-size: 12px;}
	#font-size-nav #header-font-size-medium {font-size: 16px;}
	#font-size-nav #header-font-size-big {font-size: 20px;}

	
	/*#nav-menu .copyright {
		
		padding: 25px 0px;
		margin: 0px 25px;
		position: absolute;
		left: 105px;
		right: 25px;
		bottom: 0px;
	}*/
}

@media (max-width: 879px) {
	span#top-lang-bar {display: none;}
}


@media (max-width: 960px) {
	span#top-font-size {display: none;} 
}