/*
 Theme Name:   Twenty Seventeen Child
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Twenty Seventeen Child Theme
 Author:       Kit
 Author URI:   http://example.com
 Template:     twentyseventeen
 Version:      1.0.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
 Text Domain:  twentyseventeen-child
*/
.evepost-content {
    max-width: 600px;
    padding: 10px 10px;
    margin: 0 0 0 30px;
    float: left;
}
.event-poster {
    max-width: 300px;
    float: left;
}
.ai1ec-agenda-widget-view {
    max-width: 1000px;
}
h1, h2, h3, h4, h5, h6 {
    padding: 0;
}
.coursewp {
    background-color: beige;
	
    border-radius: 25px;
    padding: 20px;
	height:auto;
	overflow:auto;
}
.viewall {
    background-color: #336;
    font-size: 14px;
    border-radius: 5px;
    padding: 3px 8px;
    width: auto;
	height:auto;
	overflow:auto;
}
.viewall a{
    color: #fff;
}
#recent-catpost {
	height:auto;
	overflow:auto;
	margin-bottom:20px;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
	
/*background: -moz-linear-gradient(top, rgba(219,216,129,0) 0%, rgba(219,216,129,0) 59%, rgba(219,216,129,0.65) 88%, rgba(219,216,129,0) 100%); /* FF3.6-15 */
/*background: -webkit-linear-gradient(top, rgba(219,216,129,0) 0%,rgba(219,216,129,0) 59%,rgba(219,216,129,0.65) 88%,rgba(219,216,129,0) 100%); /* Chrome10-25,Safari5.1-6 */
/*background: linear-gradient(to bottom, rgba(219,216,129,0) 0%,rgba(219,216,129,0) 59%,rgba(219,216,129,0.65) 88%,rgba(219,216,129,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00dbd881', endColorstr='#00dbd881',GradientType=0 ); /* IE6-9 */
}



.recent-catpost-inner {
	margin: 0 auto;
	max-width:1000px;
}
#recent-catpost #mtb_innerfull {
    float: left;
    max-width: 650px;
    padding: 10px 10px;
	margin: 0 auto;
}
#actable {
    border-collapse: collapse;
    width: 100%;
}

#actable td, #actable th {
    border: 1px solid #ddd;
    padding: 8px;
}

#actable tr:nth-child(even){background-color: #f2f2f2;}

/*#actable tr:hover {background-color: #ddd;}*/

#actable th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #4CAF50;
    color: white;
}
.absicon {
	margin-left:20px;
}
.journal-featured-image-header {
    float: left;
    max-width: 320px;
	padding: 20px 10px;
}
.publication-featured-image-header {
    float: left;
    max-width: 320px;
	padding: 20px 10px;
}
.catpost-featured-image-header {
    float: left;
    max-width: 320px;
	padding: 20px 10px;
}
.custom-logo-link img {
	display: inline-block;
	max-height: 157px;
	width: auto;
}
.custom-header {
    position: relative;
	background-image: url('https://webarchive.lib.cuhk.edu.hk/20220908011735oe_/http://dao.crs.cuhk.edu.hk/Main/wp-content/uploads/2018/06/VI-01d.png');
	background-repeat:no-repeat;
	background-position:center;
}

.main-navigation {
	clear: left;
	display: inline-block;
}

.blang {
	position: absolute;
right: 30px;
clear: both;
top: 25px;
}

.site-content {
	padding:0;
}

.entry-content {
    padding: 0 10px;
}

#newsletterbox li{
	list-style-type: none;
	display: block;
	width: 235px;
	height: 280px;
	float: left;
}

.newsletterbtn {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
	background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
	background-color:#ffffff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
	margin-bottom:10px;
}
.newsletterbtn:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
	background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
	background-color:#f6f6f6;
}
.newsletterbtn:active {
	position:relative;
	top:1px;
}
.site-content .wrap {
	padding:0 10px;
}
.single-post:not(.has-sidebar) #primary,
.page.page-one-column:not(.twentyseventeen-front-page) #primary,
.archive.page-one-column:not(.has-sidebar) .page-header,
.archive.page-one-column:not(.has-sidebar) #primary {
	margin-left: auto;
	margin-right: auto;
	max-width: 960px;
}

.responsive-tabs .responsive-tabs__list__item {
	border: 0px solid transparent;
}

#drhsfw {

    width: 100vw;
    position: relative;
    margin-left: -50vw;
    margin-top: 80px;
    left: 50%;
    background: #4cbce1;
    overflow: auto;
    height: auto;

}
@media screen and (min-width: 30em) {
.page-one-column .panel-content .wrap {
    max-width: 1000px;
}
}
.site-content .wrap {
    padding: 0;
}

@media screen and (max-width: 1000px) {
	.navigation-top {
		display:none;
	}
	.site-branding {
		margin-bottom:0px !important;
	}
}

@media screen and (min-width: 30em) {
	
	.site-branding {
		padding: 1em 0;
	}
}


@media screen and (min-width: 48em) {
	.custom-logo-link img,
	body.home.title-tagline-hidden.has-header-image .custom-logo-link img,
	body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
		max-width: 527px;
	}
}

/* ------ wordpress.org/plugins/tabby-responsive-tabs/ ------ */

.responsive-tabs .responsive-tabs__heading {
	display: none;
}

.responsive-tabs .responsive-tabs__list__item {
	display: inline;
	cursor: pointer;
}

.responsive-tabs-wrapper {
	clear: both;
	margin-bottom: 20px;
	zoom: 1;
}

.responsive-tabs-wrapper:before,
.responsive-tabs-wrapper:after {
	content: "";
	display: table;
}

.responsive-tabs-wrapper:after {
	clear: both;
}

.responsive-tabs .responsive-tabs__heading:focus,
.responsive-tabs .responsive-tabs__list__item:focus {
	outline: 1px solid transparent;
}

.responsive-tabs .responsive-tabs__heading--active:focus,
.responsive-tabs .responsive-tabs__list__item--active:focus {
	outline: none;
}

.responsive-tabs ul.responsive-tabs__list {
	font-size: 18px;
	line-height: 18px;
	margin: 20px 0 0 0px;
	padding: 0;
}

.responsive-tabs .responsive-tabs__list__item {
	background: #315B9B;
	border-bottom: 1px solid transparent;
	/*border-bottom: none;*/
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	color:#FFF;
	font-size: 18px;
	line-height: 19px;
	text-transform: inherit;
	margin: 1px 12px 0 0;
	padding: 10px 12px 10px;
	white-space: nowrap;
	float: left;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.responsive-tabs .responsive-tabs__list__item .fa {
	margin-right: 8px;
	line-height: 0.8;
}

.responsive-tabs .responsive-tabs__list__item:hover {
	color: #333;
	background:#6CF;
}

.responsive-tabs .responsive-tabs__list__item--active,
.responsive-tabs .responsive-tabs__list__item--active:hover {
	background: : #0CC;
	border-color: #ddd;
	color: #ebffb4;
	padding-bottom: 11px;
	margin-top: 0;
	position: relative;
	top: 1px;
}

.responsive-tabs .responsive-tabs__panel {
	background: #fff;
	border: 1px solid #ddd;
	border-top: 1px solid #ddd;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
	border-top-left-radius: 0px;
	clear: left;
	margin-bottom: 0;
	padding: 20px 20px 0;
	word-wrap: break-word;
}

.responsive-tabs .responsive-tabs__panel:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
}


@media (min-width: 768px) {

	.responsive-tabs .responsive-tabs__panel--closed-accordion-only {
		display: block;
	}
}

@media (max-width: 767px) {

	.responsive-tabs .responsive-tabs__list {
		display: none;
	}

	.responsive-tabs .responsive-tabs__heading {
		display: block;
		cursor: pointer;
	}

	.responsive-tabs-wrapper {
		border-top: 1px solid #ccc;
	}

	.responsive-tabs .responsive-tabs__heading {
		background: #fff;
		border: 1px solid #ccc;
		border-top: none;
		color: #777;
		font-size: 18px;
		font-weight: normal;
		text-transform: inherit;
		margin: 0;
		padding: 10px 0;
		padding-left: 20px;
		position: relative;
	}

	.responsive-tabs .responsive-tabs__heading .fa {
		margin-right: 8px;
		display:none;
		}

	.responsive-tabs .responsive-tabs__heading:after {
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		border-top: 6px solid #777;
		content:"";
		display: block;
		position: absolute;
		right: 20px;
		top: 20px;
		height: 0;
		width: 0;
	}

	.responsive-tabs .responsive-tabs__heading:hover {
		background: #eee;
		color: #777;
	}

	.responsive-tabs .responsive-tabs__heading:hover:after {
		border-top: 6px solid #777;
	}

	.responsive-tabs .responsive-tabs__heading--active,
	.responsive-tabs .responsive-tabs__heading--active:hover {
		background: #ccc;
		color: #fff;
	}

	.responsive-tabs .responsive-tabs__heading--active:after,
	.responsive-tabs .responsive-tabs__heading--active:hover:after {
		border-bottom: 6px solid #fff;
		border-top: 0;
		top: 18px;
	}

	.responsive-tabs .responsive-tabs__panel {
		background: #fff;
		border: 1px solid #ccc;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		border-top: none;
		margin: 0;
		padding: 0 20px;
		padding-top: 20px;
	}
}