@charset "utf-8";
@import "https://webarchive.lib.cuhk.edu.hk/20220904063313cs_/https://fonts.googleapis.com/earlyaccess/notosanstc.css";
@import "https://webarchive.lib.cuhk.edu.hk/20220904063313cs_/https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i";
html {
	font-size: 12px;
	margin: 0;
	padding: 0;
	height: 100%;
}
body {
	font-family: 'Roboto', Arial, Helvetica, 'Noto Sans TC', Microsoft JhengHei, Heiti TC, sans-serif;
	margin: 0;
	overflow-x: hidden;
	padding: 0;
	background-color: #C2674C;
}
p,h1,h2,h3,h4,h5,li,ul,ol,a {
	color: white !important;
	line-height: 1.5 !important;
}
p>span {
    line-height: 1.5 !important;
}
a:hover {
	color: white;
	text-decoration: none;
}
.hidden {
	display: none !important;
}
.left {
	text-align: left;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.bold {
	font-weight: bold;
}
.light {
	font-weight: 300;
}
.regular {
	font-weight: 400;
}
.italic {
	font-style: italic;
}
.underline {
	text-decoration: underline;
}
.title {
	line-height: 1.2 !important;
}
.events.title {
	line-height: 1.5;
}
.swiper-slide>p{
	line-height: 1.2 !important;
}
.line-height {
	line-height: 2 !important;
}
.no-bottom {
    margin-bottom: 0 !important;
}
.no-top {
    margin-top: 0 !important;
}
.module {
    margin-top: 35px;
}

.wrapper .module:first-child {
    margin-top: 147px;
}

.wrapper .slider:first-of-type {
    margin-top: 0;
}
.wrapper .lego:first-of-type {
    margin-top: 112px;
}
.wrapper .slider:first-of-type + .lego {
     margin-top: 0;   
}

.lego + .lego ,
.lego + .slider,
.slider + .lego,
.slider + .slider {
    margin-top: 0;
}

p {
    margin-bottom: 0;
}

.h1 {
	font-size: 10px;
}
.h2 {
	font-size: 12px;
}
.h3 {
	font-size: 14px;
}
.h4 {
	font-size: 16px;
}
.h5 {
	font-size: 18px;
}
.h6 {
	font-size: 20px;
}
.h7 {
	font-size: 22px;
}
.h8 {
	font-size: 24px;
}
.h9 {
	font-size: 26px;
}
.h10 {
	font-size: 28px;
}
.h11 {
	font-size: 36px;
}
.h12 {
	font-size: 45px;
}
.h13 {
	font-size: 50px;
}
.h14 {
	font-size: 60px;
}
.next-title {
    margin-top: 40px;
}
.header-gap {
    margin-top: 142px;
}
.column.submenu {
     width: 25%;
    display: inline-block;
    float: left;   
}
.column.content-row {
       width: 75%;
    display: inline-block;
    float: right; 
}
.only-title {
    height: 100%;
    transform: translateY(50%);
}
.desktop-view {
    display: block;
}
.mob-view {
    display: none;
}

.mob-show-br br {
    display: none;
}
.container.container-clear {
    padding-left: 0;
    padding-right: 0;
}
.word-break {
        word-break: break-word;
}
.border-white-botttom {
    border-bottom: 1px white solid;
}
.border-white-top {
    border-top: 1px white solid;
}


@media(max-width:1380px) {
   .mob-view {
    display: block;
} 
    .desktop-view {
    display: none;
}

}
@media(max-width:867px){
        .mob-show-br br {
    display: block;
}
}
/*all first module gap*/
/*
.wrapper .module:nth-child(2) {
    margin-top: 30px;
}
*/
/*end*/


/*
@media(max-width:1380px) {
    .wrapper .module:first-child {
    margin-top: 135px;
}
    .wrapper .lego:first-of-type {
    margin-top: 100px;
}
    .wrapper .slider:first-of-type {
    margin-top: 0;
}
  .tab-left {
	text-align: left;
}
.tab-center {
	text-align: center;
}
.tab-right {
	text-align: right;
}
.header-gap {
    margin-top: 130px;
}
    .line-height {
        line-height: 1.7 !important;
    }
    p>span {
    line-height: 1.7 !important;
}
	.tab-h1 {
		font-size: 10px;
	}
	.tab-h2 {
		font-size: 12px;
	}
	.tab-h3 {
		font-size: 14px;
	}
	.tab-h4 {
		font-size: 16px;
	}
	.tab-h5 {
		font-size: 18px;
	}
	.tab-h6 {
		font-size: 20px;
	}
	.tab-h7 {
		font-size: 22px;
	}
	.tab-h8 {
		font-size: 24px;
	}
	.tab-h9 {
		font-size: 26px;
	}
	.tab-h10 {
		font-size: 28px;
	}
	.tab-h11 {
		font-size: 30px;
	}
	.tab-h12 {
		font-size: 45px;
	}
	.tab-h13 {
		font-size: 50px;
	}
	.tab-h14 {
		font-size: 60px;
	}
	.tab-regular {
		font-weight: 400;
	}
	.tab-margin {
		margin-top: 30px;
	}
    .tab-bottom {
        margin-bottom:120px !important;
    }
    .tab-light {
		font-weight: 300;
	}
	.tab-bold {
		font-weight: bold;
	}
    .tab-hidden {
        display: none !important;
    }
}
*/
@media(max-width:867px) {
        .wrapper .module:first-child {
    margin-top: 97px;
}
    .wrapper .lego:first-of-type {
    margin-top: 62px;
}
        .wrapper .slider:first-of-type {
    margin-top: 0;
}
        .mob-left {
	text-align: left;
}
.mob-center {
	text-align: center;
}
.mob-right {
	text-align: right;
}
.header-gap {
    margin-top: 92px;
}
    p>span {
    line-height: 1 !important;
}
.h1 {
	font-size: 10px;
}
.h2 {
	font-size: 10px;
}
.h3 {
	font-size: 12px;
}
.h4 {
	font-size: 12px;
}
.h5 {
	font-size: 14px;
}
.h6 {
	font-size: 16px;
}
.h7 {
	font-size: 18px;
}
.h8 {
	font-size: 20px;
}
.h9 {
	font-size: 22px;
}
.h10 {
	font-size: 24px;
}
.h11 {
	font-size: 26px;
}
.h12 {
	font-size: 35px;
}
.h13 {
	font-size: 40px;
}
.h14 {
	font-size: 50px;
}
	.mob-light {
		font-weight: 300;
	}
	.mob-bold {
		font-weight: bold;
	}
	.mob-regular {
		font-weight: 400;
	}
	.mob-bottom-1rem {
		margin-bottom: 1rem !important;
	}
	.mob-no-bottom {
		margin-bottom: 0 !important;
	}
	.mob-no-style {
		font-style: normal;
	}
	.mob-line-height {
		line-height: 1.7 !important;
	}
    .mob-hidden {
        display: none !important;
    }
    .mob-bigger {
        font-size: 14px;
    }

}
.footer-container,.container,nav.desktop>ul  {
	max-width: 1440px;
}
.container.half {
	max-width: 720px;
}
.footer-container {
	margin: 0 auto;
}
.clearfix {
	clear: both;
        height: 0 !important;
    min-height: unset !important;
}
.floatright {
	float: right;
}
.floatleft {
	float: left;
}

.content {
	margin-top: 35px !important;
	line-height: 1.5 !important;
}
.fit-content {
	margin: 0 auto;
	display: block;
	max-width: fit-content;
}
/*
.inactive {
	display: none !important;
}
*/
.blue {
	color: #1A2069 !important;
}

main>header {
	background-color: #e9e9e9;
	font-size: 2rem;
	font-weight: 700;
	padding: 20px;
	text-align: center;
	text-transform: uppercase;
}
.notification-bar {
	position: relative;
	height: 32px;
}
.notification-bar>p {
	width: 100%;
	margin: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
	font-weight: 500;
}
.notification-bar>.btn-close {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 40px;
}
.notification-bar>.btn-close img {
	text-decoration: none;
	max-width: 10px;
}
main>section.full-width {
	max-width: initial;
	position: relative;
}

nav.desktop>ul>div>li a.active,nav.desktop>ul>div>li:hover ul {
	display: block;
}
nav.desktop {
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 40;
	height: 112px;
}
nav.desktop .nav-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #1A2069;
	z-index: -1;
	opacity: .8;
}
nav.desktop>ul {
	align-items: start;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	list-style-type: none;
	padding: 20px;
	margin: 0 auto;
	width: 100%;
	position: relative;
	display: inline-block;
}
nav.desktop>ul>.logo {
	margin-right: 10px;
	margin-top: 0;
	display: inline-block;
}
nav.desktop>ul>.logo>a {
	margin:0;
}
nav.desktop>ul>.logo>a:hover {
	border-bottom: 0;
}
nav.desktop>ul>div>li {
	margin-top: 15px;
	overflow: visible;
	position: relative;
	display: inline-block;
	vertical-align: bottom;
}
nav.desktop>ul>div>li a {
	color: #fff !important;
	cursor: pointer;
	display: block;
	margin: 10px;
	padding-bottom: 5px;
	position: relative;
	text-decoration: none;
	white-space: nowrap;
	border-bottom: 2px solid #00000000;
}
nav.desktop>ul>div>li ul {
	padding: 10px 40px 10px 10px;
	min-width: 100%;
	box-sizing: border-box;
	position: absolute;
	left: 15px;
	bottom: 3px;
	transform: translateY(100%);
	display: none;
	background-color: white;
}
nav.desktop>ul>div>li:nth-last-child(1) ul {
	left: unset;
	right: 0;
}
nav.desktop>ul>div>li ul li {
	display: block;
	overflow: visible;
	display: unset !important;
}
nav.desktop>ul>div>li ul li::after {
	margin-top: 11px;
	content: '';
	background: url(/20220904063313oe_/https://www.phil.arts.cuhk.edu.hk/~rih/phs/images/desktop/blue-arrow.png);
	position: absolute;
	right: 15px;
	color: #1A2069;
	font-size: 30px;
	font-weight: 400;
	width: 7px;
	height: 20px;
	background-repeat: no-repeat;
	background-size: contain;
}
nav.desktop>ul>div>li ul li a {
	border-bottom: 2px #00000000 solid;
	box-sizing: content-box;
	margin: 0;
	padding: 5px 0 !important;
	display: inline-block;
	color: #1A2069 !important;
	width: 100%;
	font-weight: 400;
}
nav.desktop>ul>div>li>a {
	display: inline-block;
}
nav.desktop>ul>div>li:nth-last-of-type(2) ul a {
	padding: 15px 0 10px;
}
nav.desktop>ul>.logo>a>img {
	height: 70px;
	
}
nav.desktop>ul>.logo a:nth-child(1)>img {
	padding-left: 40px;
}
nav.desktop>ul>div>li>a {
	margin: 15px 15px 0 15px;
}
nav.desktop>ul>div>li:nth-last-child(1)>a {
	margin-right: 0px;
	
}
nav.desktop>ul>div>li.dropdown:nth-last-child(1) {
	padding-right: 40px;
}
nav.desktop .haeder-menu {
	position: absolute;
	right: 20px;
	bottom: 15px;
}
.index nav.desktop>ul>div>li:nth-child(1) a {
	border-bottom: 3px solid white;
}
.about nav.desktop>ul>div>li:nth-child(2) a {
	border-bottom: 3px solid white;
}
.events nav.desktop>ul>div>li:nth-child(3) a {
	border-bottom: 3px solid white;
}
.publications nav.desktop>ul>div>li:nth-child(4) a {
	border-bottom: 3px solid white;
}
.personae nav.desktop>ul>div>li:nth-child(5) a {
	border-bottom: 3px solid white;
}
.downloads nav.desktop>ul>div>li:nth-child(6) a {
	border-bottom: 3px solid white;
}


nav.mobile {
	align-items: center;
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	left: 0;
	padding: 20px;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 60;
	background-color: rgba(26, 32, 105,0.8);
}
nav.mobile .btn-menu {
	cursor: pointer;
	font-size: 1.6em;
	height: 20px;
	text-decoration: none;
	width: 25px;
	right: 20px;
	position: absolute;
}
nav.mobile .btn-cart>img,nav.mobile .btn-menu>img {
	height: 100%;
	position: absolute;
}
nav.mobile .logo a img {
	height: 60px;
	margin-right: 10px;
}
nav.mobile .logo a:nth-child(1) img {
	padding-left: 40px;
}
nav.mobile .current-language {
	border-right: 1px solid #fff;
	box-sizing: content-box;
}
nav.mobile .current-location,nav.mobile .current-language {
	color: #fff;
	cursor: pointer;
	font-size: 1.6em;
	padding: 0 20px;
}
nav.mobile .current-location:hover,nav.mobile .current-language:hover {
	color: #94c64d;
}
nav.mobile .logo,nav.mobile .btn-menu {
	z-index: 999;
	list-style-type: none;
	padding-right: 40px;
}
nav.mobile .menu {
	background-color: #21205A;
	left: 0;
	padding-top: 95px;
	position: absolute;
	top: 0;
	width: 100%;
	opacity: 1;
}
nav.mobile .menu .btn-area,nav.mobile .menu .btn-language {
	color: #fff;
	display: inline-block;
	padding: 0 10px;
}
nav.mobile .menu .btn-area.active::after,nav.mobile .menu .btn-language.active::after {
	content: "▼";
}
nav.mobile .menu .btn-area::after,nav.mobile .menu .btn-language::after {
	color: #94c64d;
	content: "▲";
	font-size: .8em;
	margin: 0 5px;
}
nav.mobile .menu .dropdown {
	background-color: #fff;
	padding: 0;
}
nav.mobile .menu .dropdown ul {
	width: 100%;
}
nav.mobile .menu .dropdown ul li {
	background-color: #21205A;
	padding: 10px;
	width: 100%;
	padding-left: 60px;
}
nav.mobile .menu .dropdown ul a{
	text-decoration: none;
	color: white;
}
nav.mobile .menu>ul>li {
	cursor: pointer;
	font-size: 1.6em;
	padding: 10px;
	text-align: left;
	border-top: 1px solid white;
	padding-left: 60px;
}
nav.mobile .menu>ul>li>a {
	color: white;
	font-weight: 400;
	text-decoration: none;
	display: block;
}
nav.mobile ul {
	cursor: pointer;
	display: inline-block;
	list-style-type: none;
	padding: 0;
}
nav.mobile ul li {
	padding: 20px;
}
nav.mobile ul:hover>li,nav.mobile .menu>ul {
	display: block;
}
nav.mobile>a {
	z-index: 20;
}
nav.mobile>ul:nth-of-type(1),nav.mobile .current-location {
	margin-left: auto;
}
nav.desktop {
	display: none;
}
nav.mobile {
	display: flex;
}
@media (min-width:1380px) {
	nav.desktop {
		display: flex;
	}
	nav.mobile {
		display: none;
	}
}
@media(max-width:867px) {
	nav.mobile .logo, nav.mobile .btn-menu {
		padding-right: 0;
	}
	nav.mobile .logo a:nth-child(1) img {
		padding-left: 0;
	}
	nav.mobile {
		padding: 8.5px 20px;
	}
	nav.mobile .menu {
		padding-top: 62px;
	}
	nav.mobile .menu>ul>li,nav.mobile .menu .dropdown ul li {
		padding-left: 20px;
	}
    nav.mobile .menu>ul>li:not(.dropdown) a {
       margin-bottom: 0;
    }
    nav.mobile .menu>ul>li:not(.dropdown) {
        padding: 15px 20px 15px 20px;
    }
}
.page-no ul li {
	list-style-type: none;
	display: inline-block;
	padding-left: 18px;
	cursor: pointer;
}
.page-no ul li:nth-child(2),.page-no ul li:nth-last-child(1){
	padding-left: 18px
}
.page-no ul li:nth-child(1) {
	padding-left: 0;
}
.page-no ul {
	text-align: center;
	font-size: 16px;
	padding: 0;
    margin-bottom: 0;
}
.page-no ul li.active{
	text-decoration: underline;
}


.swiper-container {
	width: 100%;
	height: 612px;
}
.swiper-container.non-swipe {
	height: 410px;
}
.non-swipe .arrow-swiper,
.non-swipe .swiper-pagination {
    display: none;
}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-slide p {
	width: 70%;
	position: absolute;
/*	top: 50%;*/
	top: calc(50% + 112px / 2 );
    transform: translateY(-50%);
	line-height: 65px;
}


.mob-menu .select-row {
/*    max-width: 500px;*/
    margin: 0 auto;
}

@media(max-width:1380px) {
    .only-title {
        transform: none;
    }
    .column.submenu {
        display: none;
    }
    .column.content-row {
        float: none;
        width: 100%;
        margin-bottom: 35px;
    }
    
    
    
    
    
	.swiper-slide {
		background-position: center;
	}
	.swiper-slide p {
		line-height: 1.2;
	}
}
.arrow-swiper {
	position: absolute;
	top: 0%;
	max-width: 1430px;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}
@media(max-width:867px) {
	.swiper-slide p {
		font-size: 24px;
		line-height: normal;
		width: unset;
		    top: calc(50% + 62px / 2);
	}
	.swiper-button-next, .swiper-button-prev {
		top: unset;
		bottom: 0;
		background-size: 30px 20px;
		width: 30px;
		height: 45px;
	}
    .photos.swiper-button-next, .photos.swiper-button-prev {
            bottom: 0;
    background-size: 30px 40px;
    width: 25px;
    height: 45px;
    }
	.swiper-button-prev.swiper-button-white {
		left: 15%;
		top: 11px;
	}
	.swiper-button-next.swiper-button-white {
		right: 15%;
		top: 11px;
	}
	.arrow-swiper {
		left: 0;
		max-width: 150px;
		height: 35px;
		bottom: 11px;
		right: 0;
		background-color: #1A2069;
		z-index: 1;
		opacity: .8;
		top: unset;
	}
}
@media(max-width:480px) {
    	.swiper-slide p {
		font-size: 18px;
	}
}
.index.wrapper {
	width:100%;
	display: inline-block;
	margin-bottom: -125px;
    min-height: 500px;
}
.content-container {
	width: 65%;
	background-color: #C3674C;
	height: 100%;
}

.large-content-container {
	max-width: 1000px;
	position: relative;
	padding: 70px 80px;
}
.btn-read {
	background-color: #C84B26;
	margin: 0 auto;
	display: block;
	width: fit-content;
	padding: 15px 39px;
}
.content-container .btn-read *{
	text-align: center;
	margin: 0 auto;
	display: block;
	line-height: unset;
}
@media(max-width:1380px) {
	.index-content {
		height: auto;
	}

}
@media(max-width:867px) {
	.btn-read {
		padding: 10px 35px;
	}
}
.lego-content-large {
    width: 65%;
    background-color: #C3674C;
    height: 100%;
}
.index-content-container {
    max-width: 1000px;
    position: relative;
    padding: 70px 80px;
}
.lego-content-small {
	width:35%;
	height: 100%;
}
.lego-content-small > div {
    height: 50%;
    width: 100%;
    position: relative;
}
.lego-content-small-container {
    position: relative;
    height: 100%;
    max-width: 500px;
}
@media(max-width:1380px) {
    .lego-content-large {
    width: 100%;
    height: auto;
}
    .index-content-container {
    float: unset;
    margin: 0 auto;
    display: block;
    padding: 40px 15%;
}
	.index.wrapper {
		display:block;
		margin-bottom: 0;
	}
	
	.lego-content-small {
		width: 100%;
		height: 500px;
	}
	.large-content-container {
		float: unset;
		margin: 0 auto;
		display: block;
		padding: 40px 15%;
	}
	.lego-content-small-container {
		max-width: unset;
          position: relative; 
             left: auto; 
     width: unset; 
	}
	.lego-content-small-top {
		background-position: center;
	}
}
.overlay {
width: 300px;
    height: 144px;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

.overlay span {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    display: flex;
    justify-content: center;
    place-items: center;
}
.overlay span::after {
	content: '';
	background: url(/20220904063313oe_/https://www.phil.arts.cuhk.edu.hk/~rih/phs/images/desktop/arrow.png);
	position: absolute;
	right: 15px;
	color: #1A2069;
	font-weight: 400;
	width: 14px;
	height: 20px;
	background-repeat: no-repeat;
	background-size: contain;
}
.overlay.bg_blue {
	background-color: rgba(99, 135, 193,0.9);
}
.overlay.bg_yellow {
	background-color: rgba(236, 169, 94,0.9);
}
@media(max-width:480px) {
.index-content-container {
    padding: 35px 30px;
}
	.overlay {
		width:300px;
		height: 110px;
	}
}
@media(min-width:1920px) {
	.lego-content-large {
		width: 60%;
	}
	.lego-content-small {
		width:40%;
	}
}
.wrapper>div:last-child{
	margin-bottom: 120px;
    
}
.wrapper .module:last-child{
	margin-bottom: 120px;  
}
.content-session .module:last-child {
    margin-bottom: 0;
}
.wrapper>.lego-content-small:last-child{
	margin-bottom: 0;
}

.wrapper .slider:last-of-type,
.wrapper .lego:last-of-type {
    margin-bottom: 0;
}


footer {
	background-color: #1A2069;
	min-height: 310px;
	display: inline-block;
	width: 100%;
}
footer>section {
	display: block;
	margin: 0 auto;
	max-width: 2560px;
	text-align: center;
}
footer ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
footer ul li {
	color: white;
	display: inline-block;
}
footer section ul li:not(:last-child)::after {
	color: #9e9ea0;
	content: "|";
	padding: 16px;
	vertical-align: top;
}
.footer-logo {
	padding-top: 40px;
}
.footer-logo > img {
	height:69px;
}
.footer-content, .footer-contact, .footer-photo, footer ul {
	padding-top: 15px;
}
footer p {
	font-size: 14px;
	text-align: center;
}
.footer-contact span {
	display: inline-block;
	margin-left: 20px;
}
@media(max-width:867px) {
	br.hidden {
		display: block;
	}
	.footer-content{
		width: 60%;
		margin: 0 auto;
	}
	.footer-contact span {
		display: block;
		margin-left: 0;
	}
	.footer-photo {
		width: 55%;
		margin: 0 auto;
	}
	footer {
		min-height: 500px;
	}
	footer .hidden {
		display: block;
		width: 60%;
		margin: 0 auto;
	}
	footer .show {
		display: none;
	}
	footer section ul li:nth-child(1)::after,footer section ul li:nth-child(3)::after {
		display: none;
	}
	.footer-logo > img {
		height: 42px;
	}
	footer p {
		font-size: 12px;
		margin-bottom: 0.5rem;
	}
}

span p img{
	width: 15px;
	vertical-align: bottom;
	margin-right: 10px;
}
span p a,footer ul>li>a {
	color: white;
	text-decoration: underline;
}
li.active span {
	float: right;
	z-index: 10;
	padding-right: 30px;
}
li.active span img {
	width:15px;
}
nav.mobile .menu .dropdown ul .disable li {
	padding-top: 0;
	list-style-type: disc;
	list-style-position: inside;
	color: white;
}
nav.mobile .menu .dropdown ul .disable a li {
	padding-bottom: 5px;
}
nav.mobile .menu .dropdown ul .disable a:last-child li {
	padding-bottom: 10px;
}
nav.mobile ul {
	margin-bottom: 0;
}
body.downloads,body.personae,body.publications,body.events,.about-content {
	background-color: #C2674C;
	height: 100%;
}
.about .container{
	background-color: #C2674C;
	
}
.events .events-content h4,.about .about-content h4 {
	font-weight: 300;
	font-size: 60px;
	
	padding: 0px 0 19px 0;
}
.events-content>div {
	display: inline-block;
}
.events .events-detail {
	width: 60%;
	vertical-align: top;
}
.events-img {
	max-width: 320px;
	max-height: 460px;
	display: inline-block;
    float: left;
}
.events-img img {
	width: 100%;
	height: 100%;
	min-width: 320px;
	min-height: 460px;
	
}
.events-row {
            padding-right: 60px;
        padding-left: 60px;
}
.events-row .container {
	background-color: rgba(26, 32, 105,0.8);
	padding: 60px 48px;
	position: relative;
}
.events-row.orange .container {
	background-color: rgba(177, 61, 26,0.8);
}
.events-title {
	display: inline-block;
	padding-left: 30px;
	position: relative;
	width: 50%;
}
.events-row.orange .events .events-content {
	background-color: #936659;
}


.page-no,
.events .events-list {
	margin-top: 35px;
}
.events .events-date {
}
.events .events-date h2 {
	font-size: 20px;
	font-weight: bold;
}
.events .events-date h3 {
	font-size: 30px;
}
.events .past-events {
	text-align: center;
	margin: 50px 0;
}
.events-row.orange .events-title-content {
	background-color: rgba(102, 102, 102,0.5);
}
.events .mobile-events-link {
	display: none;
}

.events-row.orange .events-title-content::before {
	content: '';
	width: 50px;
	height: 50px;
	position: absolute;
	background-image: url(/20220904063313oe_/https://www.phil.arts.cuhk.edu.hk/~rih/phs/images/desktop/orange_event_symbol.png);
	background-repeat: no-repeat;
	background-size: cover;
	left: -23px;
	top: -25px;
	z-index: 10;
}
.events-row.orange .events-title-content::after {
	content: '';
	width: 3px;
	height: 100%;
	position: absolute;
	top: 0;
	border-left: 3px solid #CCCCCC;
	left: 0;
}
.events .events-title h2 {
	line-height: 1.3;
	font-size: 30px;
}
.events-info {
	display: inline-block;
	vertical-align: middle;
	padding-left: 30px;
	position: relative;
	height: auto;
	width: calc(100% - 320px);
}
.events-info p {
	font-size: 22px;
	font-weight: 300;
	margin-bottom: 0;
}
.events-content p {
	text-align: left;
	font-size: 18px;
	margin-bottom: 0;
	font-weight: 300;
}
.events-link {
	display: inline-block;
	position: relative;

}
.events-link p {
	display: inline-block;
	font-size: 16px;
	padding-right: 40px;
}
.mobile-events-link a,.events-link p a {
	color: white;
	text-decoration: underline;
}
.mobile-events-link a:hover,.events-link p a:hover {
	text-decoration: none;
}
span.conference::before,
p.conference::before {
	height: 15px;
	content: '';
	background-image: url(/20220904063313oe_/https://www.phil.arts.cuhk.edu.hk/~rih/phs/images/desktop/logo-conference.png);
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-block;
	width: 15px;
	margin-right: 5px;
	vertical-align: middle;
}
span.conference {
    line-height: 40px !important;
}
.conference > a {
        vertical-align: middle;
    text-decoration: underline;
}
.conference > a:hover {
    text-decoration: unset;
}
p.poster::before {
	height: 10px;
	content: '';
	background-image: url(/20220904063313oe_/https://www.phil.arts.cuhk.edu.hk/~rih/phs/images/desktop/logo-poster.png);
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-block;
	width: 15px;
	margin-right: 5px;
}
p.gallery::before {
	height: 12px;
	content: '';
	background-image: url(/20220904063313oe_/https://www.phil.arts.cuhk.edu.hk/~rih/phs/images/desktop/logo-gallery.png);
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-block;
	width: 15px;
/*	margin-right: 5px;*/
}
.events .past-events p {
	display: inline-block;
	vertical-align: -webkit-baseline-middle;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
}
.events .events-read-more {
	position: absolute;
	top: 28%;
	font-size: 15px;
	right: 5%;
	color: white;
	background-color: #C84B26;
	padding: 1% 2%;
	cursor: pointer;
}
.events-image img {
	vertical-align: unset;
	margin-right: 50px;
}
.btn-button {
	display: inline-block;
	
}
.events .btn-back p {
	font-size: 30px;
	margin-top: 30px;
}
.mobile-events-link {
	display:block;
	margin-top: 25px;
}
.prev-page {
	content: '';
	background-image: url(/20220904063313oe_/https://www.phil.arts.cuhk.edu.hk/~rih/phs/images/desktop/prev-page.png);
	display: inline-block;
	width: 6px;
	height: 10px;
	background-repeat: no-repeat;
}
.next-page {
	content: '';
	background-image: url(/20220904063313oe_/https://www.phil.arts.cuhk.edu.hk/~rih/phs/images/desktop/next-page.png);
	display: inline-block;
	width: 6px;
	height: 10px;
	background-repeat: no-repeat;
}
@media(max-width:1380px) {
	.events .events-title h2 {
		font-size: 28px;
	}
	.events-info p {
		font-size: 18px;
	}
	.events-title-content {
		left: 60px;
		width: calc(100% - 60px);
	}
	.overlay {
		max-width: 500px;
		width:70%;
		min-width: 300px;
	}
}
@media(max-width:1024px) {
	.about .about-content h4 {
		font-size: 50px;
	}
	.events-link p,.events-link,.events-info {
		display: block;
		position: unset;
		margin-bottom: 0;
	}
	.events-img img {
		min-width: unset;
		min-height: unset;
	}
	.events-img {
		max-width: unset;
		max-height: unset;
		width: 40%;
		height: auto;
        float: unset;
	}
	.events-info {
		padding-left: 0;
		width: 100%;
	}
	.events-row {
    padding: 0px 20px 0 20px;
	}
	.events .events-title h2 {
		font-size: 20px;
		line-height: 1.5;
	}
	.events-title {
		vertical-align: middle;
		position: unset;
	}
}
@media(max-width:867px) {
	.events-info p {
		font-size: 15px;
		line-height: unset;
	}
	.events-link p {
		font-size: 12px;
		font-weight: 300;
	}
	.about .about-content h4 {
		font-size: 24px;
	}
	.events-title-content {
		left: 30px;
		width: calc(100% - 30px);
	}
	li.active span {
		padding-right: 20px;
	}
	
	.events .events-date h2 {
		font-size: 16px;
		font-weight: 400;
	}
	.events-content p {
		font-size: 14px;
		line-height: 1.5;
	}
	.events .mobile-events-link {
		display: block;
	}
	.events-title-content::before {
		width: 25px;
		height: 25px;
		left: -12.5px;
		top: -12.5px;
	}
}
@media(max-width:540px) {
	.events-title {
		vertical-align: unset;
		margin-top: 0px;
		padding-left: 15px;
		vertical-align: top;
	}
	.events .events-title h2 {
		font-size: 16px;
	}
}
.from, .to, .to-char {
	display: inline-block;
}
.from {
	float: left;
}
.to {
	float: right;
}
.masterclass-image {
	width: 100%;
	height: 400px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	display: inline-block;
	opacity: .4;
}
.masterclass-year h2 {
	text-align: center;
	height: 400px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 60px;
}
/*
.masterclass-row {
	width: 49%;
	display: inline-block;
	height: 400px;
	position: relative;
	margin-top: 20px;
	margin-left: .25%;
	margin-right: .25%;
}
*/
.masterclass-content {
	margin-top: 40px;
	margin-bottom: 100px;
}
.masterclass-background {
	height: 400px;
	position: absolute;
	width: 100%;
	opacity: .4;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.masterclass-year {
	position: absolute;
	width: 100%;
}
.downloads-header p,.personae-header p {
	font-size: 16px;
	font-weight: 400;
	color: #1A2069;
	padding: 15px;
	background-color: rgba(236, 169, 95,0.6);
	display: inline-block;
	text-align: center;
	width: 49%;
	min-width: 317px;
	margin-bottom: 20px;
}
.content-title,.header.title{
	color: #1A2069;
	padding: 15px;
	background-color: rgba(236, 169, 95,0.6);
	display: inline-block;
	text-align: center;
	width: 49%;
	min-width: 317px;
    margin-bottom: 0;
}
.year.title {
    padding: 5px 32px;
    background: #ECA95F;
    display: inline-block;
}
.personae-header p {
	width: 49%;
}

.row-header, .downloads-row, .downloads-row, .publications-row, .events-row  {
    width: 100%;
    position: relative;
    margin-top: 35px;
}
.personae-detail {
    position: relative;
    width: 100%;
}

@media(max-width:876px) {
    .row-header, .downloads-row, .personae-detail, .downloads-row, .events-row .container {
        padding-left: 20px;
        padding-right: 20px;
        max-width: unset;
    }
    .invited-scholars .personae-detail {
        padding: 0;
    }
    .publications-row {
        padding-left: 0;
        padding-right: 0;
        max-width: unset;
    }
    .events-row .container {
	padding: 20px;
}
}

/*
@media (max-width: 992px) {
.downloads-row,.personae-detail,.downloads-row,.publications-row,.events-row  {
    max-width: 960px;
}
}
@media (max-width: 768px) {
.downloads-row,.personae-detail,.downloads-row,.publications-row,.events-row  {
    max-width: 720px;
}
}
@media (max-width: 576px) {
.downloads-row,.personae-detail,.downloads-row,.publications-row,.events-row  {
    max-width: 540px;
}
}
*/
.downloads-row:last-child ,
.personae-detail:last-child ,
.downloads-row:last-child ,
.publications-row:last-child ,
.events-row:last-child {
    margin-bottom: 0;
}
.downloads-row {
	width: 100%;
}
.publications-row {
	
}
.downloads-row .row-image,.downloads-row .row-content,.publications-row .row-image,.publications-row .row-content {
	display: inline-block;
	vertical-align: text-top;
}
.publications-row .row-content {
/*
	
	padding-left: 55px;
	position: absolute;
	height: 100%;
    min-height: 400px;
*/
    padding-left: 55px;
    position: relative;
    height: 100%;
    min-height: 400px;
    width: calc(100% - 460px);
}
.publications-row:nth-child(odd) .row-content {
	padding-right: 0;
}
.publications-row .row-image {
	width: 300px;
    height: 400px;
}
.publications-row .row-image .row-image-bg {
   background-size: 300px 400px !important;
}
.content-change .publications-row .row-image .row-image-bg {
    background-size: cover !important;
}
.downloads-row .row-image img,.publications-row .row-image img {
	min-width: 315px;
    height: auto;
    width: 315px;
	vertical-align: unset;
}
.downloads .row-content p {
	width: 100%;
	margin-bottom: 0;
}
.row-content p {
	margin-bottom: 0;
    padding: 10px 5px;
    position: relative;
/*	line-height: 1.2 !important;*/
}
.infomation-row .row-content p { 
    width: 100%;
}
.btn-button p {
	padding: 10px;
	background-color: #C84B26;
	margin-bottom: 0;
}
.publications-row .row-content p.content-eng-title.no-style {
	font-style: unset;
	font-weight: 300;
	font-size: 16px;
}
.downloads-row .content-detail:not(:first-child),.publications-row .content-detail {
	margin-top: 20px;
}
.downloads-row .btn-button,.publications-row .btn-button {
	display: inline-block;
	
	width: 200px;
	height: auto;
	
	position: absolute;
	bottom: 0;
	margin-top: 20px;
}
.publications-row .btn-button {
	width: 200px;
}
.btn-button.preface p {
	background-color: #6387C1;
	padding-left: 10px;
}

.btn-button.preface {
	margin-left: 220px;
	margin-top: 0;
}

.personae-content {
	min-height: 500px;
}
.personae-icon {
	display: inline-block;
}
.personae-icon {
width: 134px;
    height: 180px;
    vertical-align: unset;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2), 0 5px 9px 0 rgba(0, 0, 0, 0.19);
}

.personae-detail {
/*	width:49%;*/
}
.personae-row {
    width: 50%;
    display: inline-block;
}

.module.personae-row>div.container {
    max-width: 720px;
    margin: 0;
}
.personae-row.odd>div.container {
    margin-left: auto;
}
.personae-row.even>div.container {
    margin-right: auto;
}
.personae-row .personae-detail:nth-child(odd) {
	margin-right: 2%;
}
.personae-info {
	display: inline-block;
	
	padding-left: 20px;
	position: absolute;
	height: 100%;
}
.personae-info p {
	margin-bottom: 0;
}
p.personae-info-date {
	font-style: italic;
}
p.philosophy-name,.personae-info p.director-name {
	font-size: 18px;
	font-weight: 300;
}
.personae-align {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	max-width: 300px;
    width: 100%;
}



.downloads-row .row-content {
	width: 70%;
	padding-left: 55px;
	height: 100%;
	position: absolute;
}
.downloads-row .btn-button.downlaods .content-detail {
	position: absolute;
	height: 100%;
}
.links-logo {
	display: inline-block;
	max-width: 30%;
	width:200px;
}
.links-logo img {
	vertical-align: unset;
	width: 100%;
}
.link-detail {
	display: inline-block;
	vertical-align: top;
	padding-left: 20px;
	width: 60%;
}
.links-row-container {
	font-size: 18px;
	font-weight: 300;
	display: inline-block;
	transform: translate(220px, -110px);
	width: 70%;
}
links-row-container p {
	font-weight: 300;
}
.website-title p {
	margin-bottom: 0;
}

.container {
/*    margin-top: 60px;*/
    max-width: 1440px;
    padding-left: 60px;
    padding-right: 60px;
    display: block;
    margin: 0 auto;
}
.column .container {
    padding: 0;
}
@media(max-width:867px) {
    .personae-icon {
        max-width: 97px;
        max-height: 129px;
    }
	.links-row-container {
		transform: unset;
		width: 100%;
	}
	.links-row-container p {
		margin-top: 10px;
	}
	.website a p {
		word-break: break-all;
	}
	.link-detail {
		margin-top: -25%;
		vertical-align: middle;
		padding-left: 5px;
	}
}
.website {
}
.website a {
	text-decoration: underline;
	color: white;
}
.website a:hover {
	text-decoration: none;
}
/*
.masterclass-row:nth-child(even) {
	float: right;
}
*/
.select-row ul {
	padding: 0;
}
.select-row>ul>li,
.select-row>div,
.select-row ul.year>li,
.select-row-box>div {
	display: inline-block;
	width: 18.25%;
	text-align: center;
	margin: 20px auto;
	cursor: pointer;
}
.select-row ul.year .master-year p>span {
    position: relative;
      padding-left: 60px;
    padding-right: 5px;
}
.select-row ul.year.closed .master-year p>span::after {
    content: '';
    background: url(/20220904063313oe_/https://www.phil.arts.cuhk.edu.hk/~rih/phs/images/desktop/expand.png) no-repeat;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}
.select-row ul.year.opened .master-year p>span::after {
    content: '';
    background: url(/20220904063313oe_/https://www.phil.arts.cuhk.edu.hk/~rih/phs/images/desktop/collapse.png) no-repeat;
    width: 12px;
    height: 3px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}
li#controller-title {
    position: relative;
}
.select-row ul.mob-controller.no-bottom li>p>span:after {
    content: '';
    background: url(/20220904063313oe_/https://www.phil.arts.cuhk.edu.hk/~rih/phs/images/desktop/expand.png) no-repeat;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 30px;
}
.select-row ul.mob-controller.opened.no-bottom li>p>span:after {
    content: '';
    background: url(/20220904063313oe_/https://www.phil.arts.cuhk.edu.hk/~rih/phs/images/desktop/collapse.png) no-repeat;
    width: 12px;
    height: 3px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
        right: 30px;
}






.select-row ul.year>li,
.select-row>ul>li {
    display: block;
}
.select-row>ul>li.active {
	pointer-events: none;
}
.desktop-menu {
/*    width: 30%;*/
    display: inline-block;
    margin-top: 0 !important;
}
.desktop-menu .select-row {
    display: inline-block;
}
.module .content-change{
    margin-top: 0;
    float: right;
    width: 75%;
}
.column .module{
/*    margin-top: 0;*/
}
.select-row ul.year>li {
    position: relative;
}
.select-row ul.year>li,
.select-row>ul>li {
    width:unset;
    margin-top: 25px;
    
}
.select-row>ul>li.year-select {
    padding-top: 0;
    margin: 0;
    
}
/*
.select-row>ul>li:not(:first-child),.masterclass-detail .select-row>div:not(:first-child) {
	margin-left: 9%;
}
*/
.select-row>ul>li:nth-child(5),.select-row>div:nth-child(5) {
	margin-left: 0;
}

.select-row ul.year>li a p,
.select-row ul.year>li p,
.select-row>ul>li>a p ,
.select-row>div>p {
	color: #1A2069;
	padding: 10px 20px;
	background-color: #1A2069;
	display: inline-block;
	min-width: 100%;
/*	text-align: center;*/
	margin-bottom: 0;
    font-size: 16px;
}
.select-row ul>li.year-select a p,
.select-row ul>li.year-select p{
    display: inline-block;
    min-width: 100%;
    margin-bottom: 0;
    background-color: unset;
    padding: 5px 20px;

}
.select-row ul>li.year-select.active a p {
    background-color:  rgba(99, 135, 193,0.5);
}


.select-row>ul>li.active>p,
.select-row>div.active>p {
/*	background-color: #1A2069;*/
}
.invited-scholars .container {
    padding: 0;
}
.module.mob-box {
    width: 50%; 
    display: inline-block;
    position: relative;
    float: left;
    margin-top: 0;
    height: 250px;
}
.mob-box-content {
/*    background-color: rgba(26,32,105,0.1);*/
        position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
}
.evenbox:nth-child(4n+1) {
    background-color: rgba(26,32,105,0.3);
}
.oddbox:nth-child(4n+1) {
    background-color: rgba(26,32,105,0.1);
}


@media(min-width:1331px) {
/*
	.select-row>ul>li {
		display: inline-block !important;
	}
*/
}
.mob-select-row {
	display: none;
}
@media(max-width:1380px) {
    .select-row ul>li.year-select a p {
        background-color: #1A2069;
    }
    .btn-button.preface {
	margin-left: 70px;
}
    
    
    .select-row ul>li.year-select.active a p {
        background-color: #1A2069;
    }
    .select-row ul>li.year-select a p{
        padding: 5px 40px;
    }
    .module .content-change{
    margin-top: 0;
    float: unset;
    width: unset;
}
    .select-row ul.year>li,
.select-row>ul>li {
    margin-top: 0;
        margin-bottom: 0;
}

	.mob-select-row {
		display: block;
	}
	.select-row>ul>li.active {
		display: block;
	}
	.select-row>ul>li>p {
		font-size: 16px;
		color: #1A2069;
		padding: 10px 20px;
	    background-color: #1A2069;
		display: inline-block;
		min-width: 100%;
		margin-bottom: 0;
	}
	.select-row>ul>li:not(:first-child) {
		margin: 0 auto;
	}
    .select-row>ul>li.year-select {
        display: block !important;
        position: relative;
    }
    .select-row li.year-select::before {
    content: '';
    background: url(/20220904063313oe_/https://www.phil.arts.cuhk.edu.hk/~rih/phs/images/desktop/collapse.png) no-repeat;
    width: 12px;
    height: 3px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
        left: 20px;
}
	.select-row>ul>li:nth-child(5) {
		margin-left: auto;
	}
	.select-row>ul>li.active {
		pointer-events: unset;
	}

	
	.select-row select option {
		height: 60px;
		padding: 55px;
	}
	.select-row select option[value] {
		background-color: white;
		height: 40px;
	}
}

.photos .swiper-wrapper {
	margin-bottom: 25px;
}
.back-to {
	font-size: 16px;
	margin-top: 20px;
	margin-bottom: 20px;
	display: inline-block;
}
.information-header h2 {
	font-size: 40px;
	font-weight: 300;
	margin-bottom: 0;
}
.information-header p {
	font-size: 20px;
	font-weight: 200;
	font-style: normal;
}
.infomation-row * {
	display: inline-block;
	margin-bottom: 0;
}
.infomation-row {
	background-color: #1A2069;
}
.infomation-row .row-title {
	width: 30%;
	text-align: center;
}
.information .row-content {
	padding: 20px 25px;
	vertical-align: middle;
	width: 70%;
	text-align: center;
    position: relative;
}

.infomation-row:nth-child(odd) .row-content {
	background-color: #ab5d51;
}
.infomation-row:nth-child(even) .row-content {
	background-color: #8a4f55;
}
.information-content p {
	font-size: 18px;
	font-weight: 300;
}
.infomation-row .row-content p a {
    cursor: pointer;
/*
	float: right;
	width: 18px;
*/
}
.infomation-row .row-content p a::after{
content: '';
    background-image: url(/20220904063313oe_/https://www.phil.arts.cuhk.edu.hk/~rih/phs/images/desktop/download-icon.png);
    position: absolute;
    display: inline-block;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    margin-top: 3px;
    right: -17px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.prof-icon {
	width: 280px;
	height: 360px;
}
.prof-icon,.prof-talk {
	display: inline-block;
}
.prof-talk-content,.prof-talk {
	width: 65%;
	font-size: 18px;
	vertical-align: middle;
	margin-left: 5%;
	font-weight: 300;
}
.prof-talk-content {
	margin-left: 0;
}
.prof-talk p.prof-title {
	font-weight: bold;
}
.prof-icon img {
	width: 100%;
	height: 100%;
	
	box-shadow: 0px 7px 25px -10px black;
}
.active {
	display: block;
}
.content-change > div {
	display: none;
}
.content-change >div.active {
	display: block;
}
.content-change>div .module:first-child {
    margin-top: 0;
}
.module-header {

}
.photos-content img {
	margin: 0 auto;
	display: block;
	margin-bottom: 50px;
}
.photos .swiper-pagination-clickable .swiper-pagination-bullet:not(:last-child) {
	margin-right: 30px;
}
.profiles-header p,.photos-header p {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 50px;
}
.photos .swiper-container {
	max-width: 1100px;
	width: 80%;
	position: relative;
	height: unset !important;
}
.photos .swiper-pagination {
	bottom: 30px;
	position: relative;
}
.introduction-header h2 {
	font-size: 60px;
	font-weight: 300;
	text-align: left;
	margin-bottom: 25px;
}
.introduction-content p {
	font-size: 18px;
	font-weight: 300;
}
.introduction-row {
	height: 150px;
}
.introduction-row:nth-child(odd) {
	background-color: rgba(26, 32, 105,0.8);
}
.introduction-row:nth-child(even) {
	
	background-color: rgba(26, 32, 105,0.5);
}
.introduction-row > div {
	display: inline-block;
}
.introduction-row-title {
	width: 30%;
	height: 150px;
	position: relative;
}
.introduction-row-content p,.introduction-row-title h2 {
	height: 100%;
	position: absolute;
	width: 100%;
	z-index: 1;
	display: flex;
	justify-content: center;
	align-items: center;
}
.introduction-row-title h2 {
	text-align: center;
}
.introduction-row-content p {
	font-size: 16px;
	font-weight: 300;
}
.introduction-row .introduction-row-title .title-bg {
	height: 150px;
	position: absolute;
	width: 100%;
	-webkit-clip-path: polygon(0 0, 80% 0, 100% 50%, 80% 100%, 0% 100%);
	clip-path: polygon(0 0, 80% 0, 100% 50%, 80% 100%, 0% 100%);
}
.introduction-row:nth-child(odd) .introduction-row-title .title-bg {
	background-color: rgba(26, 32, 105,0.5);
}
.introduction-row:nth-child(even) .introduction-row-title .title-bg {
	background-color: rgba(26, 32, 105,0.5);
}
.introduction-row-content {
	width: 60%;
	height: 150px;
	position: relative;
	padding-left: 5%;
}
table.profiles-content,table.normal-table {
	width: 100%;
	text-align: center;
	overflow-x: hidden;
}


.module.table-row {
    padding: 15px 25px;
}
.module.table-row:nth-child(2n-1) {
    background-color: rgba(236, 169, 95,0.3);
}
.module.table-row:nth-child(2n){
        background-color: rgba(236, 169, 95,0.1);
}
.module.table-row p:last-child {
    margin-bottom: 0;
}
/*
table.normal-table tr td:nth-child(1) {
	width: 30%;
}
table.normal-table tr td:nth-child(2) {
	width: 50%;
}
table.normal-table tr td:nth-child(3) {
	width: 20%;
}
*/

table.profiles-content h2 {
	font-size: 20px;
}
table.profiles-content tr ,table.normal-table tr {
	
}
table.profiles-content tr td p ,table.profiles-content tr td h2 ,table.normal-table tr td p ,table.normal-table tr td h2 {
	margin-bottom: 0;
}
.timetable-detail p,table.profiles-content tr td p {
	font-size: 18px;
	font-weight: 300;
}
table.profiles-content tr td p {
	font-weight: 300;
}
table.profiles-content tr:nth-child(odd) {
	background-color: rgba(236, 169, 95,0.3);
}


table.normal-table tr:nth-child(odd) {
    background-color: rgba(26, 32, 105,0.3);
    }
table.normal-table tr:nth-child(even) {
     background-color: rgba(26, 32, 105,0.1);
}
table.normal-table.lightcolor tr:nth-child(odd) {
    background-color: rgba(236, 169, 95 ,0.3);
    }
table.normal-table.lightcolor tr:nth-child(even) {
     background-color: rgba(236, 169, 95 ,0.1);
}


table.profiles-content tr:nth-child(even) {
	background-color: rgba(236, 169, 95, 0.1);
}

table.profiles-content.blue tr:nth-child(odd) {
	background-color: rgba(99, 135, 193,0.3);
}
table.profiles-content.blue tr:nth-child(even) {
	background-color: rgba(99, 135, 193,0.1);
}





table.profiles-content tr:nth-child(1),table.normal-table tr:nth-child(1) {
	
	background-color: #1A2069;
	box-shadow: 0px 0px 20px 2px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0px 0px 20px 2px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25);
}
table.normal-table.yellow tr:nth-child(1) {
    background-color: #ECA95F;
}
table.normal-table.sky-blue tr:nth-child(1) {
    background-color: #6387c1;
}
table.normal-table tr td {
padding: 24px 0;
}
table.non-special td:nth-child(1),
table.non-special td:nth-child(3) {
    width: 30%;
}
table.non-special td:nth-child(2) {
    width: 40%;
}
table.profiles-content.blue tr:nth-child(1) {
	background-color: #6387C1;
}
@media(max-width:867px) {
	.profiles-header p, .photos-header p {
		font-size: 16px;
		font-weight: 400;
		margin-bottom: 20px;
	}
	table.profiles-content h2 {
		font-size: 16px;
	}
	table.profiles-content tr td p {
		font-size: 14px;
	}
}
.timetable-detail {
	margin-bottom: 50px;
}
.committee-content {
	display: flex;
	flex-wrap: wrap;
}
.committee-row {
	
	flex: 1 0 33.3%;
	margin-bottom: 20px;
}
.committee-row-image,.committee-row-content {
	display: inline-block;
	vertical-align: middle;
}
.committee-row-content {
	padding-left: 15px;
}
.committee-row-content p {
	font-size: 16px;
	font-weight: 300;
	margin-bottom: 0;
	line-height: 28px;
}
.committee-row-content p.prof-title {
	font-weight: bold;
	font-size: 20px;
}
table.profiles-content tr td {
	width: 33.3%;
}
table.profiles-content tr td {
	height: 80px;
}
.profiles-detail {
	max-width: 1200px;
	margin: 100px auto;
}
.arrival-row-container,.feedback-row-container {
	max-width: 1200px;
	margin: 0 auto;
}
.feedback-row-container {
    padding: 0 60px;
}
.feedback-content .feedback-name {
	color: #1A2069;
	font-style: italic;
	font-size: 16px;
}
.feedback-content .feedback-detail {
	font-size: 30px;
	font-weight: 300;
}
.feedback-row {
	background-color: #ECA95F;
	padding: 30px 0px;
	border-radius: 30px;
	position: relative;
}

.feedback-row:nth-child(odd) {
    background-color: #c97954;
}
.feedback-row:nth-child(even) {
    background-color: #ECA95F;
        -webkit-box-shadow: 0px 13px 30px -12px rgba(0,0,0,0.74);
-moz-box-shadow: 0px 13px 30px -12px rgba(0,0,0,0.74);
box-shadow: 0px 13px 30px -12px rgba(0,0,0,0.74)
}
.feedback-row:nth-child(even)::before {
	content: '';
	background: url(/20220904063313oe_/https://www.phil.arts.cuhk.edu.hk/~rih/phs/images/desktop/feedback-odd.png);
	position: absolute;
	width: 80px;
	height: 45px;
	display: inline-block;
	background-size: cover;
	bottom: -5px;
	left: -16px;
	z-index: 1;
}

.feedback-row:nth-child(odd)::before {
	content: '';
	background: url(/20220904063313oe_/https://www.phil.arts.cuhk.edu.hk/~rih/phs/images/desktop/feedback-even.png);
	position: absolute;
	width: 80px;
	height: 45px;
	display: inline-block;
	background-size: cover;
	bottom: -4px;
/*	left: -20px;*/
    left: -15px;
	z-index: 1;
}
.arrival-content img {
	width: 100%;
	max-height: 700px;
	object-fit: cover;
}
.arrival-row-container {
	margin:20px auto;
}
.arrival-row-container p.arrival-info {
	font-size: 14px;
	font-style: italic;
	font-weight: 300;
}
.arrival-row-container ul {
	list-style: none;
	padding: 0;
}
.arrival-row-container ul li {
	font-weight: 500;
	font-size: 20px;
	margin: 10px 0;
	position: relative;
}
.arrival-row-container ul li::before {
	content: '●';
	
	-webkit-text-stroke: 1px gray;
	padding-right: 15px;
}
.arrival-row-container ul li::after {
	padding: 0px 10px;
	content: '';
	background-image: url(/20220904063313oe_/https://www.phil.arts.cuhk.edu.hk/~rih/phs/images/desktop/blue-arrow-button.png);
	position: absolute;
	width: 30px;
	height: 30px;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
}
.arrival-row-container ul li p {
	display: inline-block;
	max-width: 80%;
	margin-bottom: 0;
}

/*
.downloads-row:nth-child(even),.publications-row:nth-child(even) {
	margin-right: 2%;
}
*/

@media(max-width:1380px) {
	table.profiles-content tr:nth-child(1), table.normal-table tr:nth-child(1) {
		
	}
	table.normal-table h2 {
		font-size: 16px;
		font-weight: 400;
	}
	table.profiles-content tr, table.normal-table tr {
		
	}
	.timetable-detail p, table.profiles-content tr td p, table.normal-table tr td p {
		font-size: 14px;
		font-weight: 300;
	}
	.committee-row {
		flex: 1 0 50%;
	}
	.overlay span::after {
		position: absolute;
		right: 20px;
		border-radius: 50px;
		width: 30px;
		height: 30px;
		background: url(/20220904063313oe_/https://www.phil.arts.cuhk.edu.hk/~rih/phs/images/desktop/arrow-button.png);
		background-repeat: no-repeat;
	}
}
.feedback-title p {
    display: inline-block;
}
@media(max-width:867px) {
    .feedback-title p {
    display: block;
}
    .feedback-content {
    padding: 0 50px;
        margin-top: 20px;
}
    .feedback-row-container {
        padding: 0 40px;
    }
    .feedback-title {
        margin-left: -25px;
    }
	.arrival-row-container ul li p {
		max-width: 70%;
	}
	.arrival-row-container ul li::after {
		width:22px;
		height: 22px;
		background-size: cover;
	}
	.arrival-row-container p.arrival-info {
		line-height: initial;
	}
	.arrival-row-container ul li {
		font-size: 16px;
		font-weight: 400;
		margin: 20px 0;
	}
	.arrival-row-container ul li::before {
		display: none;
	}
	.committee-row-content {
		width: 50%;
	}
	.swiper-container {
		height: 400px;
	}
	h4,.about .about-content h4 {
		font-size: 24px;
	}
	p {
		font-size: 15px;
	}
	nav.mobile .logo a img {
		height: 45px;
	}
}
@media(max-width:480px) {
        .feedback-content {
    padding: 0 20px;
}
}
@media(max-width:867px) {
	.about .about-content p {
		line-height: 1.3;
		margin-bottom: 25px;
	}
}

@media(max-width:1380px) {
	.downloads-row,.publications-row {
		
		
		
		
		
	}
	.downloads-row {
		position: relative;
	}
	.downloads-row .row-content{
		width:50%;
		max-height: 450px;
	}
	.publications-row .row-image {
		
	}
	.publications-row .row-image img {
		
		min-width: unset;
		min-height: unset;
		display: block;
	}
	.publications-row .row-content p.content-eng-title.no-style,.downloads p.author {
		font-size: 15px;
	}
	.publications-row .row-content {
		width: 56%;
		padding-left: 20px;
        min-height: unset;
	}
	.downloads-row .btn-button, .publications-row .btn-button {
		
    width: auto;
    max-width: 140px;
    position: relative;
	}
}
@media(max-width:1024px) {
	.committee-row {
		flex: 1 0 100%;
	}
	.downloads-row .row-content {
		max-height: 300px;
	}
/*
	.personae-align {
		width:55%;
	}
*/
	.downloads-row .row-image img,.publications-row .row-image img {
		width: 100%;
		min-width: auto;
	}
	.downloads-row, .publications-row, .personae-detail {
		width:100%;
	}

	.downloads-header p, .publications-sec-header p, .header.title, .content-title {
		width:100%;
	}
}
@media(max-width:867px) {
	
	.downloads-row .row-image img,.publications-row .row-image img {
		width: unset;
		height: unset;
	}
	
	
	
	
	
	
		.downloads-row .row-content,.publications-row .row-content {
			position: relative;
			width: 250px;
			margin: 0 auto;
			display: block;
			padding-left: 0;
			padding-top: 12px;
			height: auto;
			padding-right: 0;
		}
		
		.publications-row .content-detail p {
			font-size: 12px;
			margin-bottom: 0;
		}
		.downloads-row .btn-button,.publications-row .btn-button {
			margin-top: 15px;
			bottom: unset;
		}
		.downloads-row .btn-button, .publications-row .btn-button {
			width: 118px;
            position: relative;
			
		}
		.btn-button.preface {
			margin-left: 0;
            position: relative;
		}
		.downloads .row-content p.read, .btn-button p.btn-button p {
			padding: 6px 20px;
			font-size: 10px;
		}
		.profiles-detail {
			margin-top: 50px;
		}
		table.profiles-content tr:nth-child(1), table.normal-table tr:nth-child(1),table.profiles-content tr {
			height: 60px;
		}
		.introduction-header h2 {
			font-size: 24px;
			font-weight: 300;
		}
		.introduction-content p {
			font-size: 14px;
			font-weight: 300;
		}
		.introduction-row-title {
			width: 100%;
			background-color: rgba(26, 32, 105,0.5);
			height: 78px;
		}
		.introduction-row {
			height: auto;
		}
		.introduction-row .introduction-row-title .title-bg {
			-webkit-clip-path: unset;
			clip-path: unset;
		}
		.introduction-row:nth-child(even) .introduction-row-title .title-bg ,.introduction-row:nth-child(odd) .introduction-row-title .title-bg {
			background-color: unset;
		}
		.introduction-row > div {
			display: block;
		}
		.introduction-row-content {
			width: 80%;
			position: relative;
			padding-left: 0;
			margin: 0 auto;
			height: 100%;
			padding-top: 20px;
			padding-bottom: 20px;
		}
		.introduction-row-content p {
			position: relative;
			font-size: 14px;
		}
		.introduction-row:nth-child(even) ,.introduction-row:nth-child(odd) {
			background-color: rgba(26, 32, 105,0.5);
		}
		.introduction-row-title h2 {
			font-size: 18px;
		}
		.personae-header p {
			min-width: 170px;
			width: unset;
			padding: 6px;
			max-width: 170px;
			font-size: 12px;
			font-weight: bold;
		}
	}
	
	@media(max-width:1024px) {
        .personae-row:nth-child(even),
		.personae-row{
			width: 100%;
		}
        .personae-row:nth-child(odd)>div.container {
        margin-right: unset;
    margin-left: unset;
}
        .personae-row.even>div.container,
        .personae-row.odd>div.container {
    margin-right: unset;
    margin-left: unset;
}
	}
	@media(max-width:867px) {
        .personae-align > p {
            line-height: 1.1 !important;
        }
		.committee-row-content p {
			line-height: unset;
		}
		.committee-row-content p.prof-title {
			font-size: 16px;
			font-weight: 400;
		}
		p.prof-univ {
			font-size: 12px;
		}
		p.prof-loc {
			font-size: 10px;
		}
		.personae-row .personae-detail {
			
				width: 100%;
			}
			
			.downloads .row-content p.paper-title,.personae-info h2,.personae-info h2.director {
				font-weight: 400;
				font-size: 18px;
				
			}
			p.university {
				font-weight: 300;
				font-size: 10px;
				line-height: 1.7;
			}
			p.director-name {
				line-height: 1.7;
			}
			p.personae-info-date {
				font-size: 10px;
				font-style: normal;
			}
		}
		
		@media(max-width:867px) {
			.downloads .row-content p.author {
				font-size: 12px;
				font-weight: 300;
			}
			.other-publications .publications-header p {
				min-width: 200px;
				max-width: 200px;
				padding: 10px;
			}
			.publications-row .row-content p.content-eng-title.no-style {
				font-size: 12px;
			}
			.publications-row .content-detail {
				margin-top: 0px;
			}
		}
		@media(max-width:1380px) {
			
			.downloads .row-content p.read, .btn-button p {
				width: 200px;
			}
			.personae-header p {
				width:49%;
			}
		}
		@media(max-width:1024px) {
			
		}
		
		@media(max-width:867px){
			.downloads-row .btn-button p,.btn-button p {
				line-height: 1;
				padding: 7px 10px;
			}
			.information-header h2{
				font-size:30px;
				margin-bottom:-20px;
			}
			.information-header p{
				font-size:25px;
				margin-bottom:-20px;
			}
			.downloads-row:nth-last-child(1) {
				margin-bottom: 80px;
			}
			.downloads-row {
/*				margin: 0 auto;*/
				display: block;
				min-width: 250px;
/*				margin-bottom: 60px;*/
			}
			.downloads-row:nth-child(even) {
				margin-right: auto;
			}
			.downloads-row .btn-button {
				position: relative;
			}
			.container {
				padding-left: 20px;
				padding-right: 20px;
				min-height: unset;
			}
            .mob-clear-container {
                margin-left: -20px;
                margin-right: -20px;
            }
		}
		@media(max-width:867px) {
                .publications-row .row-image .row-image-bg {
            background-size: cover !important;
}
			.downloads-header p,.publications-sec-header p,.header.title,.content-title{
				min-width: 200px;
				max-width: 200px;
				font-size: 12px;
				font-weight: bold;
                margin-bottom: 0;
				line-height: 1.2;
				padding: 7px 8px;
			}
            .row-header {
                padding: 0;
            }
            .personae-row .container {
                padding: 0;
            }
			.publications-row {
				max-height: unset;
			}
			.downloads-row .row-image,.publications-row .row-image {
				width: 100%;
                    margin: 0 auto;
    display: block;
    width: 280px !important;
    height: 373px !important;
			}
			.downloads-row .row-image img,.publications-row .row-image img {
				width: unset;
				height: unset;
			}
			.downloads-row .row-image img, .publications-row .row-image img {
    margin: 0 auto;
    display: block;
    min-width: 250px;
    width: 280px;
    max-height: 350px;
    object-fit: cover;
			}
			.downloads-row .row-content, .publications-row .row-content {
				position: relative;
				width: 280px;
				margin: 0 auto;
				display: block;
				padding-left: 0;
				padding-top: 12px;
				height: auto;
				padding-right: 0;
			}
			.publications-row .content-detail {
				margin-top: 0px;
			}
			.publications-row .content-detail p {
				margin-bottom: 0;
			}
			.downloads-row .btn-button, .publications-row .btn-button {
				margin-top: 15px;
				bottom: unset;
				width: 118px;
			}
			.downloads-row .btn-button p, .btn-button p {
				line-height: 1;
				padding: 7px 10px;
				width: 122px;
			}
		}
.fancybox-title-float-wrap .child{background-color:#1A2069;}