/*@import url('https://webarchive.lib.cuhk.edu.hk/20210317203048cs_/https://fonts.googleapis.com/css?family=Merriweather:300i,400,700,900');
/* light 300, regular 400. bold 700, black 900 */

html, body {
	width: 100%;
	min-width: 300px;
	height: 100%;
	overflow-x: hidden;
}

body {
  min-width: 300px;
  color: #000; /* temp */
  background-color: #FFF;
  font-family: 'Noto Sans SC', 'Merriweather', sans-serif;
  /* font-family: 'Merriweather', 'Noto Sans TC', serif; */
  font-style: normal;
  font-weight: 400; /* regular */
  font-size: 62.5%; /* 10px */
  line-height: 1.2;
  overflow: auto;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-feature-settings: 'liga', 'kern';
}
body.large {
	font-size: 68.75%;
}
body.small {
	font-size: 56.25%;
}
html.zh_TW body {
  font-family: 'Merriweather', 'Noto Sans TC', sans-serif;
}
html.zh_CN body {
  font-family: 'Merriweather', 'Noto Sans SC', sans-serif;
}
img {
	max-width: 100%;
	height: auto;
	border: 0;
}
a {
  text-decoration: none;
}
p a, li a, th a, td a {
	color: #0071AF;
}
h3 {
	margin: 0 0 1.5em 0;
	color: #0BB8D2;
	font-size: 1.7em;
	font-weight: 700;
}
p + h3, ul + h3, ol + h3 {
	margin-top: 2.5em;
}
p {
  margin: 0 0 1.5em 0;
  font-size: 1.6em;
  line-height: 1.75;
  text-align: justify;
}
p:last-child {
  margin-bottom: 0;
}
table {
	margin-bottom: 60px;
}

th, td {
	border: 1px solid #ffec9f;
	text-align: left;
	line-height: 1.3;
}
th {
	padding: 13px 25px;
	font-size: 1.7em;
	font-weight: 700;
}
td {
	padding: 20px 25px;
	font-size: 1.5em;
	font-weight: 400;
}
td strong {
	font-weight: 800;
}
.content ol {
	max-width: 670px;
	margin: 0 0 1.5em 1.6em;
	list-style: decimal outside;
}
.content ul {
	max-width: 670px;
	margin: 0 0 1.5em 1.6em;
	list-style: disc outside;
}
.content ul.tick {
	list-style-type: none;
	margin-left: 0;
}
.content li {
  margin: 0 0 1em 0;
  font-size: 1.6em;
  line-height: 1.3;
  text-align: justify;
}
.content ul.tick li {
	padding-left: 30px;
	background: url('images/tick@2x.png') no-repeat 10px 3px;
	background-size: 12px 12px;
}
.content li p, .content p li, .content p p,
.content li li, .content th p, .content td p,
.content th li, .content td li {
  font-size: 1em;
}
.content th ul, .content th ol,
.conten td ul, .content td ol {
	margin-left: 1em;
}
.content ul ul, .contenet ul ol,
.content ol ol, .content ol ul {
	margin-top: 1em;
}

.video-container-outer {
	max-width: 700px;
}
.video-container {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	margin: 0 auto;
	overflow: hidden;
}
.video-container iframe, .video-container object,
.video-container embed {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.video-container p {
	color: transparent;
	font: 0/0 a;
}

strong {
	font-weight: 700;
}
em {
	font-style: italic;
}
s, strike, del {
	text-decoration: line-through;
}
sup {
	vertical-align: sub;
	font-size: smaller;
}
sup {
	vertical-align: super;
	font-size: smaller;
}
span.description {
	color: transparent;
	font: 0/0 a;
}

table {
	table-layout: auto; /*fixed;*/
	width: 100%;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background-color: #BFBFBF; /*#FFF !important;*/
}
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #f27022 !important;
}
body.home .bx-wrapper .bx-controls-direction a {
  width: 8vw;
  height: 8vw;
  max-width: 64px;
  max-height: 64px;
  top: unset;
  bottom: 8%;
	transform: translateY(25%);
  background-color: rgba(0,0,0,0.3);
  border-radius: 100%;
}
body.home .bx-wrapper .bx-prev {
	left: 50px;
	background-image: url(./images/slider-arrow-prev@2x.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 60%;
}
body.home .bx-wrapper .bx-next {
	right: 50px;
	background-image: url(./images/slider-arrow-next@2x.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 60%;
}

.container {
	width: 100%;
	min-width: 300px;
	margin: 0 auto;
}
.wrapper {
	width: 90%;
	max-width: 1026px;
	margin: 0 auto;
}
.default-page.wrapper,
.calendar.wrapper {
	width: 100%;
	padding: 0 0 0 85px;
  margin: 0;
}
.demo.wrapper {
	margin-top: 50px;
}
.qtranxs-available-languages-message {
	display: none !important;
}

.header {
	position: relative;
	display: inline-block;
	width: 100%;
	padding-bottom: 185px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
} 
#touch .header {
	background-image: url('images/page-touch-background.jpg');
}
#announcements .header {
	background-image: url('images/page-announcements-background.jpg');
}
#activities-recap .header {
	background-image: url('images/page-activities-recap-background.jpg');
}
#news .header {
	background-image: url('images/page-news-background.jpg');
}
#undergraduate .header {
	background-image: url('images/page-undergraduate-background.jpg');
}
#members-profile .header {
	background-image: url('images/page-members-profile-background.jpg');
	background-position: center bottom;
}
#teachers-and-staff .header {
	background-image: url('images/page-teachers-and-staff-background.jpg');
}

#students-and-alumni .header {
	background-image: url('images/page-students-and-alumni-background.jpg');
}

#students-and-alumnis-sharing .header {
	background-image: url('images/page-students-and-alumnis-sharing-background.jpg');
}

#current-students .header {
	background-image: url('images/page-current-students-background.jpg');
}

.slider-container,
.slider-container .bx-wrapper,
.slider-container .bx-viewport,
.slider,
.slider-container .slide {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100% !important;
	z-index: 1;
}
.slider {
	visibility: hidden;
}
.slider-container .slide {
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.sharing-slider .slide {
	background-color: unset;
}

.video-slide:before {
	display: block;
  position: absolute;
  content: '';
  left: 50%;
  top: 0;
  width: 20%;
  max-width: 200px;
  height: 100%;
  background-image: url(images/video-play-button@2x.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.logos {
	position: relative;
	float: left;
	width: 480px;
	padding: 15px 20px 10px 41px;
	background-color: #FFF;
	z-index: 10;
}
.logo {
	display: inline-block;
}
.logo img {
	display: inline-block;
	height: 80px;
}
.logo-2 img {
	margin-left: 20px;
}

.header-corner {
	position: relative;
	float: right;
	z-index: 10;
}

.header-corner-top {
	display: table;
	table-layout: fixed;
	margin-right: 0;
	margin-left: auto;
	/* height: 30px; */
	/* width: 227px; */
	/* padding: 11px 20px 11px 10px; */
	background-color: #FFF;
}

.header-search {
	position: relative;
	width: 50px;
	height: 40px;
	background: url('images/search-icon@2x.png') no-repeat center center;
	background-size: 25px auto;
}

.header-search.mobile-header-search {
	background-image: url('images/search-icon-white@2x.png');
}

.fontsize-container {
  position: relative;
  display: inline-block;
  vertical-align: bottom;
  height: 40px;
  margin: 0 20px 0 5px;
}
.fontsize {
  position: relative;
  display: inline-block;
  vertical-align: baseline;
  width: 20px;
  height: 40px;
  line-height: 40px;
  color: #4D4D4D;
  padding: 0 5px;
  cursor: pointer;
}
.fontsize.active {
	color: #5ba8a2;
	font-weight: 700;
}
.mobile-header-corner .fontsize {
	color: #FFF;
}
.mobile-header-corner .fontsize.active {
	color: #5F5F5F;
}
.fontsize.large {
	font-size: 18px;
}
.fontsize.medium {
	font-size: 16px;
}
.fontsize.small {
	font-size: 14px;
}
.widget-ls-desktop {
	display: inline-block;
	position: relative;
	vertical-align: bottom;
}

.header-corner-top a {
	display: table-cell;
	font-weight: 900;
	color: #4D4D4D;
	text-align: right;
}
.header-corner-top a.English {
	font-size: 1.6em;
}
.header-corner-top a.TradChin {
	font-size: 1.5em;
}
.header-corner-top a.SimChin {
	font-size: 1.5em;
}
.language-chooser {
	display: none;
}
.language-chooser li, .language-chooser a {
	display: inline-block;
	vertical-align: middle;
}
.language-chooser li {
	padding-right: 10px;
}
.language-chooser li.lang-tc {
	padding-right: 2px;
}
.language-chooser a {
	width: 30px;
	height: 40px;
	font-size: 16px; /*1.6em;*/
	line-height: 40px;
	font-weight: 500;
	color: #4D4D4D;
	text-align: center;
}
.language-chooser .lang-tc a,
.language-chooser .lang-sc a {
	font-size: 15px; /*1.5em;*/
}
.language-chooser .lang-tc a {
	margin-top: 2px;
}
.language-chooser .lang-sc a {
	margin-top: 1px;
}

.header-corner-bottom {
	position: relative;
	display: block;
	right: 0;
  top: 0;
	background-color: #FFF;
	z-index: 10;
}
.social-icons {
	display: inline-block;
	width: 50px;
	height: 50px;
	background-color: #5F5F5F;
	background-repeat: no-repeat;
	background-size: cover;
}
.header-corner-top.mobile-header-corner-top,
.header-corner-bottom.mobile-header-corner-bottom {
	display: none;
}
.main-menu-button,
.main-menu-close,
.main-menu-mask {
	display: none;
}
.main-menu {
	position: relative;
	width: 285px;
	clear: both;
	margin-left: 41px;
	z-index: 10;
}
.main-menu ul {
	width: 285px;
	padding: 26px 0 5px 0;
	background: -moz-linear-gradient(top, rgba(57,185,171,0.9) 0%, rgba(8,183,230,0.9) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(57,185,171,0.9) 0%,rgba(8,183,230,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(57,185,171,0.9) 0%,rgba(8,183,230,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e639b9ab', endColorstr='#e608b7e6',GradientType=0 ); /* IE6-9 */
}
.main-menu ul li a {
	display: block;
	position: relative;
	padding: 8px 40px 8px 25px;
	border: 1px solid transparent;
	margin-bottom: 16px;
	color: #FFF;
	font-size: 1.6em;
	font-weight: 600; /*900;*/
	text-decoration: none;
	z-index: 10;
}
.main-menu .widget-ls-mobile ul li a {
	font-size: 16px;
}

.main-menu ul ul {
	display: none;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#39b9ab+0,08b7e6+100&0.9+0,0.9+100 */
	background: -moz-linear-gradient(top, rgba(57,185,171,0.9) 0%, rgba(8,183,230,0.9) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(57,185,171,0.9) 0%,rgba(8,183,230,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(57,185,171,0.9) 0%,rgba(8,183,230,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e639b9ab', endColorstr='#e608b7e6',GradientType=0 ); /* IE6-9 */
	z-index: 10000;
}
.main-menu ul li {
	position: relative;
}
.main-menu ul ul {
	position: absolute;
	left: 100%;
	top: -26px;
}
/* .main-menu ul ul li a {
  padding: 8px 9px;
  margin-bottom: 16px;
  font-size: 1.6em;
  font-weight: 900;
} */
.main-menu ul li:hover > ul {
	display: block;
}
.main-menu ul {
	position: relative;
}
.main-menu ul li:before {
	position: absolute;
	display: block;
	content: '';
	left: 16px;
	top: 0;
	width: 253px;
	height: 100%;
	border: 1px solid transparent;
	z-index: 1;
}
/* .main-menu ul li.current-page-ancestor a,
.main-menu ul li.current-menu-item a,
.main-menu ul li a:hover {
	border: 1px #FFF solid;
} */
.main-menu ul li.current-page-ancestor:before,
.main-menu ul li.current-menu-item:before,
.main-menu ul li:hover:before {
  border: 1px solid #FFF;
}

.main-menu ul li.menu-item-has-children:after,
.main-menu ul li.page_item_has_children:after {
	position: absolute;
  right: 26px;
  top: 50%;
  transform: translateY(-50%);
	content: '▸';
	color: #FFF;
	font-size: 1.6em;
	font-weight: 700;
	z-index: 1;
}
.main-menu ul ul li a {
	font-size: 1.4em;
}
.main-menu ul ul {
	width: 250px;
}
.main-menu ul ul li:before {
	width: 190px;
}

.custom-pagination {
	position: relative;
	width: 100%;
	min-height: 40px;
	padding: 10px 20px;
	text-align: center;
}
.custom-pagination.search-pagination {
	margin-top: 60px;
}
.search-pagination .pagination {
	display: inline-block;
	width: auto;
	vertical-align: middle;
}
body.page-template-page-news .custom-pagination {
	padding-top: 50px;
	padding-bottom: 50px;
}
.custom-pagination .counter {
	display: none;
  float: right;
  font-size: 2.4em;
  line-height: unset;
  margin: 0;
}
.pagination-list a,
.pagination-list a.page-numbers.next,
.pagination-list a.page-numbers.prev,
.pagination-list a.page-numbers.next-end,
.pagination-list a.page-numbers.prev-end {
	font-size: 1.8em;
}
.search-pagination a.page-numbers.prev-end,
.search-pagination a.page-numbers.next-end {
	display: inline-block;
	vertical-align: middle;
	margin-top: 3px;
}
.pagination-list a.page-numbers, .pagination-list span {
	color: #4d4d4d;
	font-size: 2.4em;
	margin: 0 8px;
}
.pagination-list .page-numbers.current {
	color: #5ba8a2;
	font-weight: 700;
}

.section-title {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 185px;
	background-color: rgba(194,58,116,0.7);
	clear: both;
}
.section-title-container {
	position: relative;
	display: table;
	table-layout: fixed;
	width: 100%;
	height: 185px;
	padding: 0 67px;
}
.section-title-cell {
	display: table-cell;
	color: #FFF;
	font-size: 2em;
	font-weight: 900;
	letter-spacing: 5px;
	vertical-align: middle;
}
.section-title-cell span {
	display: inline-block;
	position: relative;
}

.section-title-cell span:before,
.section-title-cell span:after {
	position: absolute;
	display: block;
	content: '';
	bottom: -9px;
	height: 1px;
	background-color: #FFF;
}
.section-title-cell span:before {
	left: 0;
	width: 100%;
}
.section-title-cell span:after {
	left: 100%;
	width: 55px;
}

.section-title-right {
	position: absolute;
	display: inline-block;
	content: '';
	right: 67px;
	top: 50%;
	padding-right: 30px;
	color: #FFF;
	background: url('images/white-arrow@2x.png') no-repeat right center;
	background-size: 13px 15px;
	font-size: 2em;
	font-weight: 900;
	letter-spacing: 5px;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.main {
	clear: both;
	background-color: #FFF;
}
.content.content-two-col {
	display: table;
	table-layout: fixed;
	width: 100%;
}
.content-wrapper {
	padding-bottom: 62px;
}



/* FOOTER */

.footer {
	height: 328px;
	padding: 40px 67px 30px 41px;
	/* background-color: #FFDFB0;
	background-image: url('images/footer-background@2x.jpg'); */
	background-repeat: no-repeat;
	background-position: right top;
	background-size: 1200px auto;
}

.footer-container {
	padding: 20px 26px 20px 26px;
	height: 100%;
}

.footer-heading {
	color: #4d4d4d;
	font-size: 2em;
	font-weight: 900;
	letter-spacing: 5px;
	margin-bottom: 50px;
}

.footer-heading span {
	position: relative;
	display: block;
}

.footer-heading span:after {
	position: absolute;
	display: block;
	content: '';
	bottom: -20px;
	width: 30%;
	height: 1px;
	background-color: #4d4d4d;
}

.footer-content p {
	color: #4d4d4d;
	line-height: 1.375;
	text-align: left;
}

.footnote {
	padding: 28px 67px;
	overflow: hidden;
	font-size: 1.4em;
	line-height: 1.3;
}

.footnote-left {
	float: left;
	padding-right: 30px;
}

.footnote-left a {
	display: inline-block;
	padding: 0 13px;
	border-left: 1px solid #333;
	color: #333;
}
.footnote-left a:first-child {
	padding-left: 0;
	border-left: 0;
}

.footnote-right {
	float: right;
	color: #333;
}


/* CONTACT */

.page-title {
	font-size: 2em;
	font-weight: 900;
	letter-spacing: 5px;
}

.page-title span {
	display: block;
	margin-bottom: 20px;
}

.page-title-line {
	width: 100%;
	height: 1.2px;
	margin-bottom: 35px;
	background-color: #000;
}

.content-right {
	display: table-cell;
	padding: 0 65px 97px 65px;
	margin-left: 37.24%;
	font-weight: 400; /*300;*/
	color: #4d4d4d;
	vertical-align: top;
}
.content-right p {
	width: 100%;
	max-width: 700px;
	line-height: 1.5;
}
.content-right-text {
	display: block;
	float: left;
	width: 72%;
	padding-right: 65px;
}
.content-right-photo {
	display: block;
	float: right;
	width: 28%;
}
.page-image-caption {
	display: block;
	position: relative;
	padding: 10px 0;
	font-size: 1.6em;
	line-height: 1.2;
	text-align: center;
}
.page-image-container {
	margin-bottom: 20px;
}
.page-image {
	display: block;
	position: relative;
	/*
	left: 50%;
	transform: translateX(-50%);
	width: 70%;
	height: 0;
	padding-bottom: 80%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	*/
	width: 100%;
}
.page-image img {
	width: 100%;
	max-width: 100%;
	height: auto;
}

p {
	line-height: 1.95;
}

span.highlight {
	color: #58A8A3;
}

.contact-form .form-field {
	margin-bottom: 13px;
	color: #000;
}
.contact-form label {
	display: block;
	margin-bottom: 5px;
	font-size: 1.8em;
	line-height: 1.56;
	font-weight: 700;
}
.contact-form input,
.contact-form textarea {
	display: block;
	width: 100%;
	padding: 8px 12px;
	border: 1px solid #bfbfbf;
	font-size: 1.6em;
	line-height: 1;
}
.contact-form textarea {
	height: 121px;
}
.contact-form .form-field-submit {
	margin-top: 69px;
}
.contact-form input.submit,
.contact-form input.reset {
	display: inline-block;
	width: 98px;
	border: 0;
	color: #FFF;
	font-weight: 700;
}
.contact-form input.submit {
	margin-right: 9px;
	background-color: #00917D;
}
.contact-form input.reset {
	background-color: #bfbfbf;
}
span.wpcf7-not-valid-tip, div.wpcf7-response-output {
	font-size: 1.6em !important;
}


/* ANNOUNCEMENTS */

.content-list {
	padding-bottom: 100px;
}
.clh-cell {
	display: inline-block;
	padding-bottom: 5px;
	font-size: 2em;
	font-weight: 900;
	letter-spacing: 5px;
	vertical-align: top;
}
.clb-cell {
	display: inline-block;
	color: #4d4d4d;
	font-size: 1.9em;
	line-height: 1.47;
	font-weight: 700;
	vertical-align: top;
}

.clh-cell-1, .clb-cell-1 {
	width: 23.39%;
}
.clh-cell-2, .clb-cell-2 {
	width: 63.35%;
}
.clh-cell-3, .clb-cell-3 {
	width: 11%;
}

.content-list-head {
	border-bottom: 1px solid #333;
}
.content-list-row {
	padding: 58px 0 52px 0;
	border-bottom: 1px solid #bfbfbf;
}
.content-list-row:last-child {
	border-bottom: 0;
}

.clb-more {
	display: inline-block;
	width: 98px;
	height: 42px;
	margin-top: 5px;
	color: #FFF;
	background-color: #58a8a3;
	font-size: 0.95em;
	line-height: 42px;
	text-align: center;
}


/* CURRENT STUDENTS */

.grids {
	display: inline-block;
	width: 100%;
	margin-bottom: 50px; /* 100px */
}
.grid {
	display: block;
	float: left;
	width: 23.67%;
	margin: 0 1.77% 1.77% 0;
	box-shadow: 1px 1px 5px 3px rgba(0,0,0,0.1);
}
.grid:hover {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#08b7e6+0,39b9ab+100&0.9+0,0.9+100 */
	background: -moz-linear-gradient(left, rgba(8,183,230,0.9) 0%, rgba(57,185,171,0.9) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(8,183,230,0.9) 0%,rgba(57,185,171,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(8,183,230,0.9) 0%,rgba(57,185,171,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e608b7e6', endColorstr='#e639b9ab',GradientType=0 ); /* IE6-9 */
}
.grid:nth-child(4n+4) {
	margin-right: 0;
}
.grid-photo {
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 120% auto; /* temp; should be "cover" */
}
.grid-1 .grid-photo {
	background-image: url('images/student-1.png');
}
.grid-2 .grid-photo {
	background-image: url('images/student-2.png');
}
.grid-3 .grid-photo {
	background-image: url('images/student-1.png');
}
.grid-4 .grid-photo {
	background-image: url('images/student-2.png');
}
.grid-content {
	padding: 28px 25px;
}
.grid-heading {
	font-size: 1.8em;
	font-weight: 700;
	color: #000;
	padding-bottom: 25px;
}
.grid:hover .grid-heading {
	color: #FFF;
}
.grid-text {
	font-size: 1.4em;
	font-weight: 300;
	color: #4d4d4d;
}
.grid:hover .grid-text {
	color: #FFF;
}

/* .slider-container,
.slider-container .bx-wrapper,
.slider-container .bx-viewport,
.slider, .slide {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
} */
.sharing-slider {
	visibility: hidden;
}

.sharing {
	display: table;
	table-layout: fixed;
	position: relative;
	width: 100%;
	margin-bottom: 20px;
	overflow: hidden;
}
.sharing-left {
	position: relative;
	display: table-cell;
	width: 19.60%;
	padding: 20px 0 20px 0;
	vertical-align: middle;
	z-index: 2;
}
.sharing-left:after {
	position: absolute;
	display: block;
	content: '';
	left: 50%;
	top: 0;
	width: 50%;
	height: 100%;
	background-color: #ffe28c;
	z-index: 1;
}
.sharing-photo {
	display: inline-block;
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	background-image: url('images/student-1.png'); /* temp */
	background-repeat: no-repeat;
	background-position: center center;
	border-radius: 100%;
	background-size: cover;
	z-index: 3;
}
.sharing-right {
	position: relative;
	display: table-cell;
	width: 80.4%;
	padding: 39px 37px 30px 30px;
	background-color: #ffe28c;
	vertical-align: middle;
	z-index: 2;
}
.sharing-heading {
	display: inline-block;
	margin-bottom: 25px;
	color: #4d4d4d;
	font-size: 1.8em;
	font-weight: 700;
}
.sharing-text {
	padding-right: 29px;
}
.sharing-text p {
	color: #4d4d4d;
	font-size: 1.6em;
	line-height: 1.25;
	font-weight: 300;
}
.sharing-more {
	margin-top: 15px;
	text-align: right;
}
.sharing-more a {
	color: #4d4d4d;
	font-size: 1.6em;
	line-height: 1.25;
	font-weight: 300;
	font-style: italic;
}

/* ACTIVITIES RECAP */

.activities {
	overflow: hidden;
	margin-bottom: 94px;
}

.activity {
	float: left;
	width: 49%;
	margin-right: 2%;
	margin-bottom: 50px;
}
.activity:nth-child(2n+2) {
	margin-right:0;
}

.activity-photo {
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	margin-bottom: 30px;
	background-color: grey;
	background-size: cover;
}

.activity-heading {
	min-height: 38px;
	margin-bottom: 28px;
	font-size: 1.8em;
	font-weight: 700;
	color: #000;
}

.activity-text {
	font-size: 1.4em;
	font-weight: 300;
	color: #4d4d4d;
}

/* NEWSPAPER & MAGAZINE ARTICLES */

.main-news .content-wrapper {
	width: 100%;
	max-width: none;
	padding: 0;
}

.news-entries {
	overflow: hidden;
}

.news-entry {
	display: block;
	position: relative;
	float: left;
	width: 50%;
	height: 0;
	padding-bottom: 33.33%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.news-entry.news-entry-1 {
	background-image: url('images/news-entry-1.png');
}

.news-entry.news-entry-2 {
	background-image: url('images/news-entry-2.png');
}

.news-entry.news-entry-3 {
	background-image: url('images/news-entry-3.png');
}

.news-entry.news-entry-4 {
	background-image: url('images/news-entry-4.png');
}

.news-entry.news-entry-5 {
	background-image: url('images/news-entry-5.png');
}

.news-entry.news-entry-6 {
	background-image: url('images/news-entry-6.png');
}

.news-entry-text {
	position: absolute;
	left: 46px;
	bottom: 28px;
	width: 350px;
	padding: 18px 25px;
	min-height: 66px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#08b7e6+0,39b9ab+100&0.9+0,0.9+100 */
	background: -moz-linear-gradient(left, rgba(8,183,230,0.9) 0%, rgba(57,185,171,0.9) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(8,183,230,0.9) 0%,rgba(57,185,171,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(8,183,230,0.9) 0%,rgba(57,185,171,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e608b7e6', endColorstr='#e639b9ab',GradientType=0 ); /* IE6-9 */
}

.news-heading {
	padding-bottom: 20px;
	font-size: 1.8em;
	font-weight: 700;
	color: white;
}

.news-reporter {
	font-size: 1.4em;
	color: white;
}

/* MEMBERS OF THE DEPARTMENT */
.horizontal-menu {
	padding: 50px 0 30px 0;
}

.horizontal-menu ul li {
	display: inline-block;
	padding: 0 15px 0 0;
	border-right: 1px #000 solid;
	margin: 0 15px 20px 0;
}

.horizontal-menu ul li a {
	font-size: 1.6em;
	font-weight: 700;
	color: #4d4d4d;
}

.horizontal-menu ul li a:hover,
.horizontal-menu ul li.active a,
.horizontal-menu ul li.current_page_item a {
	color: #5ba8a2;
}



.horizontal-menu ul li:first-child {
	padding-left: 0;
}

.horizontal-menu ul li:last-child {
	padding-right: 0;
	border-right: 0;
	margin-right: 0;
}

.members {
	display: inline-block;
	width: 100%;
	margin-bottom: 100px;
}
.member {
	display: block;
	float: left;
	width: 23.67%;
	min-height: 300px; /*582px;*/
	margin: 0 1.77% 1.77% 0;
	color: #4d4d4d;
	box-shadow: 1px 1px 5px 3px rgba(0,0,0,0.1);
}
.member:hover {
	color: #FFF;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#08b7e6+0,39b9ab+100&0.9+0,0.9+100 */
	background: -moz-linear-gradient(left, rgba(8,183,230,0.9) 0%, rgba(57,185,171,0.9) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(8,183,230,0.9) 0%,rgba(57,185,171,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(8,183,230,0.9) 0%,rgba(57,185,171,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e608b7e6', endColorstr='#e639b9ab',GradientType=0 ); /* IE6-9 */
}
.member:nth-child(4n+4) {
	margin-right: 0;
}
.member-photo {
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.member-1 .member-photo {
	background-image: url('images/member-1.png');
}
.member-2 .member-photo {
	background-image: url('images/member-2.png');
}
.member-3 .member-photo {
	background-image: url('images/member-3.png');
}
.member-4 .member-photo {
	background-image: url('images/member-4.png');
}
.member-5 .member-photo {
	background-image: url('images/member-5.png');
}
.member-6 .member-photo {
	background-image: url('images/member-6.png');
}
.member-7 .member-photo {
	background-image: url('images/member-7.png');
}
.member-8 .member-photo {
	background-image: url('images/member-8.png');
}
.member-9 .member-photo {
	background-image: url('images/member-9.png');
}
.member-10 .member-photo {
	background-image: url('images/member-10.png');
}
.member-11 .member-photo {
	background-image: url('images/member-11.png');
}

.member-content {
	padding: 28px 23px;
}
.member-position, .member-email, .member-interest, .member-text {
	font-size: 1.4em;
}
.member-name {
	font-size: 1.8em;
	font-weight: 700;
}

.member-position {
	margin-bottom: 26px;
}
.member-email {
	display: inline-block;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -ms-hyphens: none;
  -moz-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none;
	margin-bottom: 26px;
}
.member-interest {
	font-weight: 700;
}

/* HOMEPAGE */
.fancybox-container .youtube {
    width  : 800px;
    height : 600px;
    max-width  : 80%;
    max-height : 80%;
    margin: 0;
}
.homepage-row-1 {
	position: relative;
	display: table;
	table-layout: fixed;
	width: 100%;
	min-height: 400px;
}

.homepage-row-1-left {
	position: relative;
	display: table-cell;
	width: 50%;
	/* height: 240px; */
	text-align: center;
	z-index: 2;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
  opacity: 0.8;
}
.homepage-row-1-left:after {
	position: absolute;
	display: block;
	content: '';
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(239, 12, 39, 0.6);
}

.homepage-row-1-left span {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -13px;
	color: #FFF;
	font-size: 2.8em;
	font-weight: 600; /*900;*/
	letter-spacing: 6px;
	text-align: left;
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	z-index: 1;
}
.homepage-row-1-left span:after {
	position: absolute;
	display: block;
	content: '';
	bottom: -25px;
	width: 100%;
	height: 1px;
	background-color: #FFF;
}

.homepage-row-1-right {
	display: table-cell;
	width: 50%;
	padding: 68px 95px;
	vertical-align: middle;
	color: #000;
	text-align: justify;
}

.homepage-row-1-right span {
	font-size: 2.25em;
	line-height: 1;
	letter-spacing: -0.25em;
}

.homepage-row-1-right-text {
	font-size: 2em;
	line-height: 1.6;
	max-width: 25em;
	margin: 0 auto;
}

.homepage-row-2 {
	position: relative;
	display: table;
	table-layout: fixed;
	height: 400px;
	width: 100%;
}

.homepage-row-2-left, .homepage-row-2-middle, .homepage-row-2-right {
	position: relative;
	display: table-cell;
	width: 33.3333%;
	/* height: 300px; */
	background-repeat: no-repeat;
	background-position: center 30%;
	background-size: cover;
	font-size: 2.8em;
	color: #000;
	text-align: center;
	vertical-align: middle;
	overflow: visible;
}

.homepage-row-2-left:after,
.homepage-row-2-middle:after,
.homepage-row-2-right:after {
	position: absolute;
	display: block;
	content: '';
	left: 0;
	top: 0;
	width: 100.5%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.homepage-row-2-left:after {
	background-color: rgba(255, 134, 13, 0.6);
}
.homepage-row-2-middle:after {
	background-color: rgba(68, 198, 92, 0.7);
}
.homepage-row-2-right:after {
	background-color: rgba(226, 202, 2, 0.7);
}

.homepage-row-2-left span, .homepage-row-2-middle span, .homepage-row-2-right span {
	position: absolute;
	left: 50%;
	top: 50%;
	color: #FFF;
	font-size: 75%;
	font-weight: 600; /*900;*/
	letter-spacing: 6px;
	text-align: left;
  -ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	z-index: 1;
}

.homepage-row-2-left span:after, .homepage-row-2-middle span:after, .homepage-row-2-right span:after {
	position: absolute;
	display: block;
	content: '';
	bottom: -28px;
	width: 100%;
	height: 1px;
	background-color: #FFF;
	z-index: 2;
}

.homepage-row-3 {
	position: relative;
	display: table;
	table-layout: fixed;
	height: 400px;
	width: 100%;
}

.homepage-row-3-left {
	display: table-cell;
	width: 50%;
	/* height: 400px; */
	padding: 68px 87px;
	color: #4d4d4d;
	vertical-align: top;
}

.homepage-row-title {
	display: block;
	position: relative;
	max-width: 445px;
	margin: 0 auto 40px auto;
	color: #4d4d4d;
	font-size: 2.1em;
	letter-spacing: 6px;
	font-weight: 900;
}

.homepage-row-title:after {
	position: absolute;
	display: block;
	content: '';
	bottom: -9px;
	width: 100%;
	height: 1px;
	background-color: #4d4d4d;
}

.homepage-news-entries {
	max-width: 445px;
	margin: 0 auto;
}

.homepage-news-entry {
	display: block;
	padding-bottom: 20px;
	color: #4d4d4d;
	font-size: 1.6em;
	font-weight: 700;
}

.homepage-row-3-right {
	display: table-cell;
	width: 50%;
	padding: 68px 87px;
	background-color: #ffe28c;
	vertical-align: top;
}

.homepage-sharing {
	width: 100%;
	max-width: 445px;
	padding: 44px 0;
	margin: 20px auto 0 auto;
	overflow: hidden;
}
.homepage-sharing-left {
	float: left;
	width: 37.75%;
	padding-right: 33px;
}
.homepage-sharing-image {
	width: 135px;
	height: 135px;
	background: url(images/homepage-sharing-image.jpg) no-repeat 60% 10%;
	background-size: cover;
	border-radius: 100%;
}
.homepage-sharing-right {
	float: right;
	width: 62.25%;
	color: #4d4d4d;
	font-weight: 300;
	text-align: justify;
}

.homepage-sharing-name {
	font-size: 1.8em;
	padding-bottom: 25px;
}

.homepage-sharing-text p {
	max-height: 110px;
	font-size: 1.6em;
	line-height: 1.4;
}


.homepage-row-4, .calendar-row {
	position: relative;
	display: table;
	table-layout: fixed;
	width: 100%;
	height: 584px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0dc9d3+0,fecbff+100 */
	background: rgb(13,201,211); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(13,201,211,1) 0%, rgba(254,203,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(13,201,211,1) 0%,rgba(254,203,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(13,201,211,1) 0%,rgba(254,203,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0dc9d3', endColorstr='#fecbff',GradientType=0 ); /* IE6-9 */
}

.homepage-row-4-left, .calendar-row-left {
	display: table-cell;
	width: 52.67%;
	height: auto;
	padding: 88px 46px 93px 79px;
}

.homepage-calendar, .page-calendar {
	width: 100%;
	max-width: 545px;
	margin: 0 auto;
}
.calendar-title {
	position: relative;
	margin: 0 auto 44px auto;
	text-align: center;
}
.calendar-title a {
	display: inline-block;
	width: 23px;
	height: 25px;
	padding: 5px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 13px 15px;
	vertical-align: middle;
}
.calendar-title a.prev-month {
	background-image: url('images/prev-month@2x.png');
}
.calendar-title a.next-month {
	background-image: url('images/next-month@2x.png');
}
.calendar-title span {
	display: inline-block;
	margin: 0 22px;
	color: #FFF;
	font-size: 2.1em;
	font-weight: 900;
	letter-spacing: 6px;
	text-transform: uppercase;
	vertical-align: middle;
}

.calendar-table th, .calendar-table td {
	position: relative;
	padding: 0;
	border: 0;
	font-size: 1em;
	text-align: center;
	vertical-align: middle;
}
.calendar-table th span, .calendar-table td span {
	display: inline-block;
	width: 46px;
	height: 46px;
	color: #FFF;
	text-align: center;
	font-size: 1.8em;
	line-height: 46px;
	vertical-align: middle;
}
.calendar-table th span {
	text-transform: uppercase;
}
.calendar-table th span.sunday {
	color: #ffff00;
}
/*.calendar-table th:last-child span {
	color: #ffff00;
}*/
.calendar-table td.has-event span {
	color: #19a7ce;
	background-color: #FFF;
	margin: 3px 0;
} 
.homepage-row-4-right,
.calendar-row-right {
	display: table-cell;
	width: 47.33%;
	height: auto;
	padding: 88px 79px 93px 46px;
}
.calendar-events {
	max-height: 400px;
	overflow: auto;
}
.calendar-events-heading {
	display: block;
	position: relative;
	margin: 0 auto 40px auto;
	color: #4d4d4d;
	font-size: 2.1em;
	letter-spacing: 6px;
	font-weight: 900;
}

.calendar-events-heading:after {
	position: absolute;
	display: block;
	content: '';
	bottom: -9px;
	width: 100%;
	height: 1px;
	background-color: #4d4d4d;
}

.calendar-event {
	display: block;
	padding-bottom: 32px;
	color: #4d4d4d;
	font-size: 1.6em;
}

.calendar-event-date {
	font-weight: 700;
}

.calendar-event-name {
	font-weight: 300;
}

.daywithevent {
	cursor: pointer;
}
.daywithevent.active .tooltip {
    display: block;
}
.tooltip {
    position: absolute;
    display: none;
    width: 300%;
    top: 100%;
    left: 50%;
    text-align: left;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.3);
    transform: translateX(-50%);
    z-index: 1;
    margin-top: 5px;
}
.tooltip:before {
    position: absolute;
    content: '';
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #3B6FA7 transparent;
}
.tooltip-top {
    padding: 5px 10px;
    color: #FFF;
    background-color: #3B6FA7;
    font-size: 1.3em;
}
.tooltip-bottom {
    display: block;
    padding: 5px 10px;
    color: #333;
    background-color: #FFF;
}
.tooltip-bottom-item + .tooltip-bottom-item {
	margin-top: 10px;
}
.tooltip-bottom-item a {
	color: #19a7ce;
	/*text-decoration: underline;*/
  font-size: 1.3em;
}



.homepage-sns {
	display: block;
	width: 100%;
	height: 124px;
	padding: 46px 87px;
	background-color: #5c2f8e;
}
.homepage-sns span {
	position: relative;
	color: #FFF;
	font-size: 2.1em;
	letter-spacing: 6px;
	font-weight: 900;
}

.homepage-sns span:after {
	position: absolute;
	content: '';
	left: 0;
	bottom: -9px;
	width: 100%;
	height: 1px;
	background-color: #FFF;
}

.homepage-sns-feeds {
	overflow: hidden;
	max-width: 1500px;
	margin: 0 auto;
}

.homepage-sns-feed-left {
	float: left;
	width: 40%;
	height: 0;
	padding-bottom: 60%;
	overflow: hidden;
	}


.homepage-sns-feed-right {
	float: left;
	width: 60%;
	height: 0;
	padding-bottom: 60%;
}

.homepage-sns-feed-right-post {
	float: left;
	display: block;
	width: 50%;
	height: 0;
	padding-bottom: 50%;
}

.post-1 {
	background: url('images/homepage-sns-feed-right-post-1.png') no-repeat center center;
	background-size:cover;
}

.post-2 {
	background: url('images/homepage-sns-feed-right-post-2.png') no-repeat center center;
	background-size:cover 110%;
}

.post-3 {
	background: url('images/homepage-sns-feed-right-post-3.png') no-repeat center center;
	background-size:cover;
}

.post-4 {
	background: url('images/homepage-sns-feed-right-post-4.png') no-repeat center center;
	background-size:cover;
}
.back-to-top {
	display: block;
	width: 100%;
	padding: 40px 0;
	background-color: #ffe28c;
	margin: 0 auto;
	text-align: center;
	cursor: pointer;
}

.back-to-top span {
	display: inline-block;
	padding-left: 34px;
	color: #4d4d4d;
	font-size: 2.1em;
	font-weight: 900;
	letter-spacing: 6px;
	background-image: url('images/back-to-top-button@2x.png');
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 14px 12px;
}





.content-top {
	display: table;
	table-layout: fixed;
	width: 100%;
}

.content-top-left {
	display: table-cell;
	position: relative;
	width: 400px;
	height: 540px;
	background: url('images/undergraduate-title.jpg') no-repeat center center;
	background-size: cover;
  -webkit-filter: url(#content-top-left);
  filter:  url(#content-top-left);
  opacity: 0.8;
  z-index: 1;
	vertical-align: middle;
}
.content-top-left:after {
	position: absolute;
	display: block;
	content: '';
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 134, 13, 0.6);
}
.content-top-left span {
	position: absolute;
	left: 50%;
	top: 50%;
	color: #FFF;
	text-align: left;
	font-size: 2.1em;
	letter-spacing: 6px;
	font-weight: 900;
  -ms-transform: translateX(-50%) translateY(-50%);
	transform: translateY(-50%) translateX(-50%);
	z-index: 2;
}
.content-top-left span:after {
	position: absolute;
	content: '';
	left: 0;
	bottom: -9px;
	width: 100%;
	height: 1px;
	background-color: #FFF;
}

.content-top-right {
	display: table-cell;
	padding: 35px 65px;
	vertical-align: middle;
}

.submenu {
	overflow: hidden;
}
.submenu ul {
	float: left;
	width: 46.65%;
	max-width: 450px;
	padding-right: 30px;
	font-weight: 700;
	color: #333;
}
.submenu ul li {
	margin-bottom: 15px;
}
.submenu ul li a {
	color: #000;
	font-size: 1.6em;
}
.submenu ul li a:hover {
	color: #f27022;
}
.submenu ul li.current-menu-item a {
	display: inline-block;
	position: relative;
	color: #f27022;
}
.submenu ul li.current-menu-item a:after {
	display: block;
	content: '';
	width: 100%;
	height: 1.5px;
	margin-top: 5px;
	background-color: #f27022;
}


.content-left-orange {
	position: relative;
	display: table-cell;
	width: 400px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ea861e+0,ffffff+100 */
	background: rgb(234,134,30); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(234,134,30,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(234,134,30,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(234,134,30,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea861e', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}

.content-left-pink {
	position: relative;
	display: table-cell;
	width: 400px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c4407f+0,ffffff+100 */
	background: rgb(196,64,127); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(196,64,127,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(196,64,127,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(196,64,127,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4407f', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}

.content-left-title {
	width: 400px;
	min-height: 200px;
	padding-bottom: 40px;
	background-color: #FFF;
}
.content-left-title span {
	display: block;
	position: relative;
	padding: 30px 0;
	margin: 0 0 0 21.25%;
	width: 71.25%;
	color: #000;
	text-align: left;
	font-size: 2.1em;
	letter-spacing: 6px;
	font-weight: 900;
	text-transform: uppercase;
}
.content-left-title span.hyphenate {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
.content-left-title span:after {
	position: absolute;
	content: '';
	left: 0;
	top: 100%;
	width: 100%;
	height: 1px;
	background-color: #000;
}

.content-remarks {
	font-size: 0.875em;
}

.content-heading {
	font-size: 1.125em;
	font-weight: 700;
	color: #000;
}

.dashed-line {
	border-bottom: 1px dashed #000;
}

a.orange {
	color: #f27022;
}

/*MEMBERS OF DEPARTMENT*/

.profile-photo {
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	background-image: url(images/member-1.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.personal-particulars {
	max-width: 700px;
	/*height: 400px;*/
	margin-top: 35px;
}

.profile-content {
	margin-top: 36px;
}

.profile-name {
	font-size: 2.1em;
	font-weight: 700;
	color: #000;
}

.profile-position {
	font-size: 1.6em;
	font-weight: 300;
}

.personal-particulars-table th, .personal-particulars-table td {
	padding: 0;
	border: 0;
	font-size: 1em;
	line-height: 1.9375;
	vertical-align: top;
}

.personal-particulars-table th {
	width: 40%;
}

.personal-particulars-table td {
	width: 60%;
}

.personal-particulars-table th span, .personal-particulars-table td span {
	color: #333;
	font-size: 1.6em;
	vertical-align: top;
}

.personal-particulars-table th span {
	font-weight: 700;
}

.personal-particulars-table td span {
	font-weight: 300;
}

.profile-content-row {
	margin-bottom: 65px;
}
h2 {
	margin-top: 65px;
	margin-bottom: 1.4em;
	color: #000;
	font-size: 1.8em;
	font-weight: 700;
}
h2:first-child {
	margin-top: 0;
}
.profile-content-row p {
	line-height: 1.75;
}

.profile-content-heading{
}

.content-heading {
	margin-top: 10em;
}


.accordion + .accordion {
	margin-top: 8px;
}
.accordion-topic {
	position: relative;
	padding: 19px;
	color: #000;
	background-color: #ffe28c;
	font-size: 1.8em;
	font-weight: 700;
	cursor: pointer;
}
.accordion-topic:after {
	position: absolute;
	display: block;
	content: 'Read more >>';
	right: 30px;
	top: 85%;
	margin-top: -1px;
	color: #4d4d4d;
	font-size: 0.89em;
	font-weight: 300;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
html.zh_TW .accordion-topic:after {
	content: '更多 >>';
}
html.zh_CN .accordion-topic:after {
	content: '更多 >>';
}

.accordion-details {
	position: relative;
	display: none;
	padding: 10px 0;
	overflow-x: auto;
}
.accordion-details.scrollx:before {
	position: absolute;
	top: 25px;
	right: 25px;
	content: '';
	font-size: 2em;
	color: #CCC;
	width: 50px;
	height: 50px;
	border-radius: 100%;
	border: 2px solid #FFF;
	background-image: url('images/hand-left-2-white.png');
	background-size: 80% auto;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 2;
	-webkit-animation: handicon 4s infinite;
	-moz-animation: handicon 4s infinite;
	-o-animation: handicon 4s infinite;
	animation: handicon 4s infinite;
}
@-webkit-keyframes handicon {
	0% {
		opacity: 1;
	}
	33% {
		opacity: 1;
	}
	66% {
		opacity: 0;
	}
	99% {
		opacity: 1;
	}
	100% {
		opacity: 1;
	}
}
@-moz-keyframes handicon {
	0% {
		opacity: 1;
	}
	33% {
		opacity: 1;
	}
	66% {
		opacity: 0;
	}
	99% {
		opacity: 1;
	}
	100% {
		opacity: 1;
	}
}
@-o-keyframes handicon {
	0% {
		opacity: 1;
	}
	33% {
		opacity: 1;
	}
	66% {
		opacity: 0;
	}
	99% {
		opacity: 1;
	}
	100% {
		opacity: 1;
	}
}
@keyframes handicon {
	0% {
		opacity: 1;
	}
	33% {
		opacity: 1;
	}
	66% {
		opacity: 0;
	}
	99% {
		opacity: 1;
	}
	100% {
		opacity: 1;
	}
}
.accordion-details.scrollx:after {
	position: absolute;
	top: 0;
	right: 0;
	content: '';
	width: 100px;
	height: 100%;
	background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
	background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
	background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=1 );
	z-index: 1;
}
/*
.accordion-image {
	width: 100%;
	height: 0;
	padding-bottom: 95%;
	margin-top: 30px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}*/
.accordion-image {
	width: 80%;
	max-width: 80%;
	height: auto;
	margin-top: 30px;
}
.youtube-link {
	color: #4d4d4d;
}


/** Tabs **/
.tabs_container {
  margin: 50px auto;
}
.tab-container .panel-container {
  padding: 30px 0;
	border-top: 4px solid #ffe28c; /*#18385D;*/
  background-color: #FFF;
}
.tab-container .panel-container-wrapper {
	width: 100%;
	max-width: 1200px;
	min-height: 200px;
	margin: 0 auto;
}
ul.etabs.inline {
	text-align: left;
	padding-left: 15px; /* if the tabs occupies more than 1 row */
	padding-bottom: 40px;
	margin: 0;
}
.latest_news ul.etabs.inline {
	padding-bottom: 30px;
}
ul.etabs.inline .tab {
	display: inline-block;
	position: relative;
	padding-right: 15px;
}
ul.etabs.inline .tab:first-child {
	margin-left: -10px;
}
ul.etabs.inline .tab:before {
	display: block;
	position: absolute;
	left: -10px;
	bottom: 0;
	content: "|";
	color: #CA7F3B;
	font-size: 18px;
}
ul.etabs.inline .tab:first-child:before {
	display: none;
}
ul.etabs.inline .tab {
	color: #CA7F3B;
	font-family: 'Nunito', sans-serif;
	font-size: 1.8em;
	font-weight: 600;
}
ul.etabs.inline .tab a {
	font-size: 1em;
	color: #CA7F3B;
	text-decoration: none;
}
ul.etabs.inline .tab.active {
	color: #18385D;
	font-family: 'Crimson Text', serif;
	font-size: 2.4em;
	font-weight: 700;
}
ul.etabs.inline .tab.active a {
	font-size: 1em;
	color: #18385D;
}
ul.etabs.inline .tab:hover, ul.etabs.inline .tab:hover a {
	color: #18385D;
}

ul.etabs.block {
	text-align: left;
	max-width: 1140px;
	margin: 0 auto;
}
ul.etabs.block .tab {
	display: inline-block;
	position: relative;
	padding: 13px 20px 10px;
	margin: 0 5px 0px 0;
	color: #18385D;
	background-color: #FFF;
	font-family: 'Crimson Text', serif;
	font-size: 2.1em;
	font-weight: 700;
}
ul.etabs.block .tab.active {
	color: #000;
	background-color: #ffe28c; /*#18385D;*/
}
ul.etabs.block .tab a {
	font-size: 1em;
	color: #000; /*#18385D;*/
	text-decoration: none;
}
ul.etabs.block .tab.active a {
	font-size: 1em;
	color: #000;
}
.links_content {
	max-width: 1140px;
  padding: 2% 50px;
	margin: 35px auto;
	color: black;
	font-weight: 700;
	/* text-decoration: underline; */
}

/** Breadcrumb  **/
.breadcrumb-container {
  width: 100%;
  padding: 10px 0;
  text-align: left;
  background-color: #eee;
}
/* .breadcrumbs */
.breadcrumb {
	width: 100%;
	padding: 0 67px;
	margin: 0 auto;
}
/*.default-template .breadcrumbs, .page-template-page-activities-calendar .breadcrumbs {
  width: 100%;
  margin: 0 85px;
}*/
/*
.breadcrumbs .trail-browse {
  display: none !important;
}
.breadcrumbs li {
  font-size: 1em;
  margin: 5px 0 !important;
}
*/
/* .breadcrumbs span[itemprop="name"] */
.breadcrumb a, .breadcrumb span.delimiter,
.breadcrumb span.current {
	display: inline-block;
  font-size: 1.5em;
	font-weight: 700;
  color: #4d4d4d;
  line-height: 1;
  letter-spacing: -0.6px;
  margin: 10px 0;
}
/* .breadcrumbs .trail-items li::after */
.breadcrumb span.delimiter {
  content: '>' !important;
  padding: 0 0.5em;
  vertical-align: top;
}
/* .breadcrumbs .trail-item.trail-end span[itemprop="name"] */
.breadcrumb span.current {
	color: #5ba8a2;
}


.search-page-form #s {
	display: inline-block;
  padding: 8px 12px;
  height: 38px;
  border: 1px solid #bfbfbf;
  font-size: 1.6em;
  line-height: 1;
	vertical-align: top;
}
.search-page-form #searchsubmit {
	display: inline-block;
  padding: 8px 12px;
  height: 38px;
  margin-left: 10px;
	color: #FFF;
	font-size: 1.6em;
	line-height: 1;
	font-weight: 700;
	margin-right: 9px;
	background-color: #00917D;
	vertical-align: top;
}
h2.search-page-heading {
	margin-bottom: 10px;
}
.search-page-count {
	margin-bottom: 50px;
}
.search-result {
	margin-bottom: 30px;
}
h3.search-result-title {
	margin-bottom: 10px;
}
h3.search-result-title a {
	color: #00917D;
}
.content-right p.search-result-link,
p.search-result-link {
	font-size: 1.3em;
	font-style: italic;
}