/*==============================*/
/* Font Declaration				*/
/*==============================*/
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: local('Open Sans'), local('OpenSans'), url(//webarchive.lib.cuhk.edu.hk/20210402133938oe_///fonts.gstatic.com/s/opensans/v10/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(//webarchive.lib.cuhk.edu.hk/20210402133938oe_///fonts.gstatic.com/s/opensans/v10/MTP_ySUJH_bn48VBG8sNSugdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

body{
	font-family: "Open Sans", "Helvetica Neue", Arial, sans-serif,"微軟正黑體", "Microsoft JhengHei";
	font-size:15px;
	color:#000;
}
.navbar-default .navbar-nav > li > a{
}

h1{
	font-size:180%;
	font-weight:600;
	font-family:"Open Sans", "Helvetica Neue", Arial, sans-serif, "Yu Gothic", SimHei;
}
h2{
	font-size:120%;
	font-weight:500;
	font-family:"Open Sans", "Helvetica Neue", Arial, sans-serif, "Yu Gothic", SimHei;
	margin-bottom:0.5em;
}
h3{
	font-size:100%;
	font-weight:500;
	margin-bottom:0.5em;
	text-decoration:underline;
}
	h3.panel-title{
		font-size:120%;		
		text-decoration:none;
	}
	
h4{
	font-size:100%;
	margin-bottom:0.5em;
}

p{
	font-size:100%;
	margin-bottom:2em;	
}
	.panel-body > p{
		margin-bottom:1em;
	}
	
	.footer p{
		text-align:center;
		font-size:12px;
		line-height:45px;
		margin:0;
	}
a{
	color:#3488dc;
}
	
a:hover, a:focus{
	text-decoration:none;	
}

ul.footer-link  li a{
	font-size: 90%;
}

ul.footer-link li h3{
	color:#F1B831;
}
ul.footer-link  li a, ul.footer-link  li  a:visited{
		color:#fff;
}

ul.footer-link  li a:hover, ul.footer-link  li  a:focus{
		color:#ecdee7;
}

ul.list-group{
	margin-bottom:2em;
}
.panel{
	margin-bottom:2em;
}
.table{
	margin-bottom:2em;
}

.table, .panel, .list-group-item{
	font-size:95%;
}

.breadcrumb{
	font-size:90%;
}

dl.staff-list{	
	padding-top: 1em;
	/*font-size:90%;*/
}

	dl.staff-list dt, dl.staff-list dd{
		line-height:1em;
	}
	dl.staff-list dt{
		color:#222;
		width:110px;
		padding-left: 1em;
	}
	dl.staff-list dd{
		margin-left:115px;
	}

.organization a{
		pointer-events: inherit;
		color:auto;
	}

.url{
		display:none;        
        visibility: collapse;
}

@media (min-width: 500px) {
	dl.staff-list dt, dl.staff-list dd{
		line-height:2em;
	}
	dl.staff-list dt{
		color:#222;
		width:150px;
	}
	dl.staff-list dd{
		margin-left:175px;
	}
	.wrap{
		width:90%;
	}
}
	
@media (min-width: 768px) {

	body{
		font-size:15px;
	}
	.wrap{
		width:90%;
	}
	dl.staff-list dt{
		color:#222;
		width:250px;
	}
	dl.staff-list dd{
		margin-left:275px;
	}
}

@media (min-width: 992px) {

	body{
		font-size:16px;
	}
	.wrap{
		width:85%;
	}
	.organization {
		/*width:45%;*/
	}
	.organization a{
		pointer-events: none;
		cursor: default;
		color:inherit;
		
	}
	.url{
		display:table-cell;
		visibility: visible;
		/*width:55%;*/
	}
	.url a{
		display:inline;
		word-break: break-all;
	}
}
@media (min-width: 1200px) {

	body{
		font-size:16px;
	}
	.wrap{
		width:75%;
	}
}

.padding-horizontal-30px{
	padding-left:40px;
	padding-right:40px;
}