body { color:#FFFFFF; /*background: #77cabf;*/ font-family: 'Raleway', Arial; font-size:16px; position:relative; }
p{ line-height:1.7em; }
h1, h2, h3{ font-family:'Walkway', Arial; font-weight:normal; }
h3{ font-size:80px; }

.menu{ position:fixed; top:0; left:0; width:100%; height:35px; background:rgba(20,20,20,0.8); z-index:99; overflow:hidden; }
.menu.expand .CULogo, .menu.expand .ILCLogo, .menu.expand .PMPTitle { display:none; }
.menu .CULogo{ display:inline-block; width:38px; height:28px; background:url(/20230901220651oe_/https://www.ilc.cuhk.edu.hk/workshop/pmp/img/CULogo.png) no-repeat top center; background-size:contain; margin:3px 0 3px 10px; text-indent:100%; overflow:hidden; font-size:20px; }
.menu .ILCLogo{ display:inline-block; width:39px; height:28px; background:url(/20230901220651oe_/https://www.ilc.cuhk.edu.hk/workshop/pmp/img/ILCLogo.png) no-repeat top center; background-size:contain; margin:3px 0; text-indent:100%; overflow:hidden; font-size:20px; }
.menu .PMPTitle{ display:inline-block; width:330px; height:30px; background:url(/20230901220651oe_/https://www.ilc.cuhk.edu.hk/workshop/pmp/img/PMPTitle.png) no-repeat top center; text-indent:100%; overflow:hidden; font-size:30px; opacity:0.5; background-size:contain; }
.menu .CULogo, .menu .ILCLogo, .menu .PMPTitle, .menu .btnMenu{ opacity:0.8; }
.menu .CULogo:hover, .menu .ILCLogo:hover, .menu .PMPTitle:hover, .menu .btnMenu:hover{ opacity:1; }
.menu.expand{ height:100%; background:rgba(50, 96, 74, 0.95);/*rgba(20,20,20,0.94);*/ overflow:auto; }
.menu .btnMenu{ display:block; position:absolute; top:3px; right:5px; width:40px; height:30px; background:url(/20230901220651oe_/https://www.ilc.cuhk.edu.hk/workshop/pmp/img/menuBtn.png) no-repeat top center; text-indent:100%; overflow:hidden; }
.menu.expand .btnMenu{ background-position:bottom center; }

.menu .menuExtra{visibility:hidden; opacity:.2; -moz-transition:ease-in-out 0.8s; -o-transition:ease-in-out 0.8s; -webkit-transition:ease-in-out 0.8s; transition:ease-in-out 0.8s;}
.menu.expand .menuExtra{visibility:visible; opacity:1;}
.menuExtra{ text-align:center; }
.menuExtra_con{ width:850px; text-align:left; margin:0 auto; height:100%; padding-bottom:30px; }

.menuTitle{ margin:30px 0; }
.menu h2{ margin:0; padding:0; }
.menu h1{ font-size:130px; text-transform:uppercase; margin:0; padding:0; line-height:0.85em; }

.menu h3{ padding:0; margin:20px 0; font-size:40px; }
.menuDetails{ display:table; margin:50px 0; }
.menuDetails_con{ display:table-cell; vertical-align:middle; height:100%; }
.menuDetails_con.separator{ border-left:1px solid #333333; height:80%; width:2px; margin:0 60px; }

.menuDetails_con{ display:inline-block; }

.sitemap{ width:40%; }
.sitemap ul{ list-style:none; padding:0; }
.sitemap li{ display:inline-block; width:100px; padding:0; margin-bottom:15px; }
.sitemap li a{ text-decoration:none; color:inherit; }
.sitemap li.active a{ border-bottom:1px dotted #FFFFFF; }

.contact{ }
.contact td{ padding:0 10px 10px 0; }
.contact td a { text-decoration:none; color:inherit; border-bottom:1px dotted #FFFFFF; }

.menuExtra .footer{ font-size:12px; text-align:left; color:#CCCCCC; }
.menuExtra .footer a{ color:inherit; text-decoration:none; }
.menuExtra .footer a:hover{ border-bottom:1px dotted #FFFFFF; }

#turnNotice {
	position: absolute;
	top: 580px;
	left: 35%;
	text-align:center;
	color:rgba(70,70,70,1.0);
}
#turnNotice .notice {
	-webkit-animation: flash 1.8s infinite ease-out;
	        animation: flash 1.8s infinite ease-out;
			margin-top:-10px;
}
#turnNotice .icon {
	-webkit-animation: turnRight 1.8s infinite ease-out;
	        animation: turnRight 1.8s infinite ease-out;
}

@keyframes turnRight{
	0%{ -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; }
	10% { opacity: 1; }
	70%{ -webkit-transform: rotate(0deg); transform: rotate(0deg); }
	80%{ opacity: 1; }
	100% { opacity: 0; }
}
@-webkit-keyframes turnRight{
	0%{ -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; }
	10% { opacity: 1; }
	70%{ -webkit-transform: rotate(0deg); transform: rotate(0deg); }
	80%{ opacity: 1; }
	100% { opacity: 0; }
}
@keyframes flash {
	0%{opacity:1;}
	80%{opacity:1;}
	100%{opacity:0;}
}
@-webkit-keyframes flash {
	0%{opacity:1;}
	80%{opacity:1;}
	100%{opacity:0;}
}
@media all and (orientation:landscape) {
	#turnNotice{ display:none; }
}




.copyright{ position:fixed; bottom:5px; left:5px; z-index:98; font-size:12px; color:rgba(255,255,255,0.7); }
.copyright a{ color:inherit; text-decoration:none; }
.copyright a:hover{ border-bottom:1px dotted #FFFFFF; }
.copyright:hover{ color:#FFFFFF; }

#pageContainer:before{ display:block; position:fixed; top:0; left:0; content:''; width:100%; height:100%; z-index:-5; background:url(/20230901220651oe_/https://www.ilc.cuhk.edu.hk/workshop/pmp/img/BGPattern.png) repeat;  }
/*.fp-responsive .nextBtn{ display:none; }*/
.section{ text-align:center;  box-sizing:border-box; padding:0 0 0 0; height:100%; overflow:hidden; }
@media print {
	.sectionCon{ height:900px !important; min-width:900px; }
}
@media screen and (max-height:750px){
	.section{  height:800px !important; }
}
@media screen and (max-width:850px) {
	.section{ min-width:900px; }
}
.sectionCon{ margin:0 auto; position:relative;  text-align:left; padding:50px 20px 50px 20px; box-sizing:border-box; height:100%; font-size:16px; }
.sectionCon{ width:850px; }
.sectionCon .dec{ display:block; background-repeat:no-repeat; position:absolute; }
.sectionCon .dec{
	-webkit-transition: all 0.7s ease-out;
	-moz-transition: all 0.7s ease-out;
	-o-transition: all 0.7s ease-out;
	transition: all 0.7s ease-out;
}
/*
.sectionBG{ border:1px solid red; }
*/
.nextBtn{ position:absolute; bottom:8%; right:6%; z-index:10; font-size:20px; background:url(/20230901220651oe_/https://www.ilc.cuhk.edu.hk/workshop/pmp/img/icon_nextBtn.png) left center no-repeat; height:80px; line-height:80px; padding:0 10px 0 85px; vertical-align:baseline; text-decoration:none; color:inherit; opacity:0.8; }
@media screen and (max-width:1200px) {
	.nextBtn{ right:1%; font-size:16px;  }
}
@media screen and (max-width:1300px) and (max-height:1000px) and (min-height:700px) {
	.nextBtn{ right:1%; bottom:1%; font-size:16px;  }
}
.nextBtn:hover{ opacity:1; }


.sectionBG{ height:100%; }
.sectionBG:before{ content:' '; display:block; width:100%; height:100%; position:absolute; top:0; left:0; z-index:-10; }
.sectionBG:after{ content:' '; display:block; width:100%; height:100%; position:absolute; top:0; left:0; z-index:-1; min-width:850px; background-position:top center; background-repeat:no-repeat; }

/*.sectionCon:before{ border:1px solid red; content:' '; display:block; width:100%; height:100%; position:absolute; top:0; left:0; z-index:-1; }*/

.introPage:before{ background-color: #77cabf; }
.introPage:after{ background-image:url(/20230901220651oe_/https://www.ilc.cuhk.edu.hk/workshop/pmp/img/introBG.png); }
.introPage .ilcName{ margin:0; padding:0; position:absolute; top:100px; left:57px; font-size:18px; font-family:'Raleway', Arial; z-index:5; }
.introPage .ilcName a{ text-decoration:none; color:inherit; }
.pmpTitle{ width:800px; font-size: 130px; /*135px;*/ line-height:0.85em; margin:0; padding:0; position:absolute; top:115px; left:50px; text-transform:uppercase; }
.pmpTitle .pack{ letter-spacing:-3px; font-size:125px; }
.pmpTitle .pack2{ letter-spacing:-5px; font-size:110px;}
.pmpTitle .year{ font-size:36px; letter-spacing:-2px; display:inline-block; margin:0; position:relative; bottom:7px; left:-5px; line-height:1em; transform:rotate(-90deg); transform-origin:0% 100%;}
.introPage .questions{ color:#427b74; position:absolute; top:490px; left:65px; line-height:1.4em; width:600px; text-indent:-10px; }


.sectionCon .title, .sectionCon .details{ position:absolute; margin:0; padding:0 0 30px 0; }
.sectionCon .details ul{ padding-left:1.5em; margin:5px 0; list-style-type:circle; }
.sectionCon .details li{ margin:0.5em 0; }
.sectionCon .details p, .sectionCon .details li{ text-align:justify; }

.aboutPage:before{ background-color: #79c7a0; }
.aboutPage:after{ background-image:url(/20230901220651oe_/https://www.ilc.cuhk.edu.hk/workshop/pmp/img/aboutBG.png); }
.aboutPage .title{ left:320px; top:70px; }
.aboutPage .details{ left:320px; top:150px; width:520px; }
.aboutPage .dec{ width:573px; height:573px; top:-60px; left:-280px; background-image:url(/20230901220651oe_/https://www.ilc.cuhk.edu.hk/workshop/pmp/img/about_dec01.png)}

#aboutPageDec{
	-webkit-transform: translate3d(-60px, 0, 0);
	        transform: translate3d(-60px, 0, 0);
	opacity: 0;
}
#aboutPageDec.active {
	-webkit-transform: translate3d(0, 0, 0);
	        transform: translate3d(0, 0, 0);
	opacity: 1;
}

.mentorPage:before{ background-color: #adc330; }
.mentorPage:after{ background-image:url(/20230901220651oe_/https://www.ilc.cuhk.edu.hk/workshop/pmp/img/mentorBG.png); }
.mentorPage .title{ left:20px; top:160px }
.mentorPage .details{ left:20px; top:240px; width:520px; }
.mentorPage .details p{ line-height:1.2em; }
.mentorPage .dec{ width:366px; height:351px; top:55px; left:570px; background-image:url(/20230901220651oe_/https://www.ilc.cuhk.edu.hk/workshop/pmp/img/mentor_dec01.png)}
#mentorPageDec {
	-webkit-transform: translate3d(0, 30px, 0);
	        transform: translate3d(0, 30px, 0);
	opacity: 0;
}
#mentorPageDec.active {
	-webkit-transform: translate3d(0, 0, 0);
	        transform: translate3d(0, 0, 0);
	opacity: 1;
}


.menteePage:before{ background-color: #71c3b8; }
.menteePage:after{ background-image:url(/20230901220651oe_/https://www.ilc.cuhk.edu.hk/workshop/pmp/img/menteeBG.png); }
.menteePage .title{ left:430px; top:110px; width:300px; }
.menteePage .details{ left:430px; top:210px; width:315px; }
.menteePage .details p{ line-height:1.2em; }
.menteePage .dec{ width:479px; height:302px; top:322px; left:-50px; }

#menteePageDec01 {
	background-image:url(/20230901220651oe_/https://www.ilc.cuhk.edu.hk/workshop/pmp/img/mentee_dec01.png);
	-webkit-transform: rotate(-60deg) scale(0.8);
	        transform: rotate(-60deg) scale(0.8);
	opacity: 0;
}
#menteePageDec01.active {
	-webkit-transform: rotate(0) scale(1.0);
	        transform: rotate(0) scale(1.0);
	opacity: 1;
}
#menteePageDec02 {
	-webkit-transition-delay: 0.5s;
	   -moz-transition-delay: 0.5s;
	     -o-transition-delay: 0.5s;
	        transition-delay: 0.5s;

	background-image:url(/20230901220651oe_/https://www.ilc.cuhk.edu.hk/workshop/pmp/img/mentee_dec02.png);
	-webkit-transform: translate3d(0, 30px, 0);
	        transform: translate3d(0, 30px, 0);
	opacity: 0;
}
#menteePageDec02.active {
	-webkit-transform: translate3d(0, 0, 0);
	        transform: translate3d(0, 0, 0);
	opacity: 1;
}

.schedulePage:before{ background-color: #bed630; }
.schedulePage:after{ background-image:url(/20230901220651oe_/https://www.ilc.cuhk.edu.hk/workshop/pmp/img/scheduleBG.png); }
.schedulePage .timetable td{ padding: 10px 20px 10px 10px;

-moz-font-feature-settings:"lnum" 1, "pnum" 1, "liga" 0;
-moz-font-feature-settings:"lnum=1, pnum=1, liga=0";
-ms-font-feature-settings:"lnum" 1, "pnum" 1, "liga" 0;
-o-font-feature-settings:"lnum" 1, "pnum" 1, "liga" 0;
-webkit-font-feature-settings:"lnum" 1, "pnum" 1, "liga" 0;
font-feature-settings:"lnum" 1, "pnum" 1, "liga" 0;
}

.schedulePage .title{ left:20px; top:40px; }
.schedulePage .details{ left:20px; top:140px; }
.schedulePage h4 { font-size:26px; font-weight:normal; margin:10px 0; }


.feedbackPage:before{ background-color: #DEC037; } /* D8B436 DEC037*/
.feedbackPage:after{ background-image:url(/20230901220651oe_/https://www.ilc.cuhk.edu.hk/workshop/pmp/img/feedbackBG.png); }
/*
.feedbackPage .title{ left:310px; top:60px; }
.feedbackPage .details{ left:310px; top:330px; width:520px; }
*/
.feedbackPage .title{ left:10px; top:50px; width:800px; }
.feedbackPage .details{ left:10px; top:260px; width:480px; }
.feedbackPage .dec{ left:460px; top:245px; width:552px; height:371px; }
@media screen and (max-width:900px) {
	.feedbackPage .dec{ left:460px; top:285px; width:417px; height:298px; background-size:contain; }
}

.feedbackPage .details p{ line-height:1.2em; }
.feedbackPage h4{ font-size:26px; font-weight:normal; margin:10px 0; }

/*.feedbackPage .dec{ width:552px; height:371px; top:315px; left:-200px; }*/

#feedbackPageDec01 {
	background-image:url(/20230901220651oe_/https://www.ilc.cuhk.edu.hk/workshop/pmp/img/feedback_dec01.png);
	-webkit-transform: translate3d(-5px, -15px, 0);
	        transform: translate3d(-5px, -15px, 0);
	opacity: 0;
}
#feedbackPageDec01.active {
	-webkit-transform: translate3d(0, 0, 0);
	        transform: translate3d(0, 0, 0);
	opacity: 1;
}
#feedbackPageDec02 {
	-webkit-transition-delay: 0.2s;
	   -moz-transition-delay: 0.2s;
	     -o-transition-delay: 0.2s;
	        transition-delay: 0.2s;

	background-image:url(/20230901220651oe_/https://www.ilc.cuhk.edu.hk/workshop/pmp/img/feedback_dec02.png);
	-webkit-transform: translate3d(-5px, -15px, 0);
	        transform: translate3d(-5px, -15px, 0);
	opacity: 0;
}
#feedbackPageDec02.active {
	-webkit-transform: translate3d(0, 0, 0);
	        transform: translate3d(0, 0, 0);
	opacity: 1;
}
#feedbackPageDec03 {
	-webkit-transition-delay: 0.4s;
	   -moz-transition-delay: 0.4s;
	     -o-transition-delay: 0.4s;
	        transition-delay: 0.4s;

	background-image:url(/20230901220651oe_/https://www.ilc.cuhk.edu.hk/workshop/pmp/img/feedback_dec03.png);
	-webkit-transform: translate3d(-5px, -15px, 0);
	        transform: translate3d(-5px, -15px, 0);
	opacity: 0;
}
#feedbackPageDec03.active {
	-webkit-transform: translate3d(0, 0, 0);
	        transform: translate3d(0, 0, 0);
	opacity: 1;
}


#feedbackPageDec04 {
	-webkit-transition-delay: 0.7s;
	   -moz-transition-delay: 0.7s;
	     -o-transition-delay: 0.7s;
	        transition-delay: 0.7s;

	background-image:url(/20230901220651oe_/https://www.ilc.cuhk.edu.hk/workshop/pmp/img/feedback_dec04.png);
	-webkit-transform: translate3d(0, 30px, 0);
	        transform: translate3d(0, 30px, 0);
	opacity: 0;
}
#feedbackPageDec04.active {
	-webkit-transform: translate3d(0, 0, 0);
	        transform: translate3d(0, 0, 0);
	opacity: 1;
}

.feedbackPage .details ul{ list-style:none; padding-left:10px; }
.feedbackPage .details li{ margin:18px 0; display:table;}
.feedbackPage .details li::first-line{ }
.feedbackPage .details li::before{ content:'\201C'; font-size:60px; display:table-cell; line-height:40px;  vertical-align:top; padding:0 3px; color:rgba(255,255,255,0.5); }
.feedbackPage .details li::after{ content:'\201D'; font-size:60px; display:table-cell; line-height:40px; vertical-align:top; padding:0 3px; color:rgba(255,255,255,0.5); }
.feedbackPage .details li div{ display:table-cell; }






.feedback2Page:before{ background-color: #79c7a0; } /* D8B436 DEC037*/
.feedback2Page:after{ background-image:url(/20230901220651oe_/https://www.ilc.cuhk.edu.hk/workshop/pmp/img/feedbackBG.png); }
/*
.feedbackPage .title{ left:310px; top:60px; }
.feedbackPage .details{ left:310px; top:330px; width:520px; }
*/
.feedback2Page .title{ left:10px; top:50px; width:800px; }
.feedback2Page .details{ left:400px; top:280px; width:480px; }
.feedback2Page .dec{ left:010px; top:245px; width:435px; height:410px; }
@media screen and (max-width:900px) {
	.feedbackPage .dec{ left:460px; top:285px; width:417px; height:298px; background-size:contain; }
}

.feedback2Page .details p{ line-height:1.2em; }
.feedback2Page h4{ font-size:26px; font-weight:normal; margin:10px 0; }

.feedback2Page .details ul{ list-style:none; padding-left:10px; }
.feedback2Page .details li{ margin:18px 0; }
.feedback2Page .details li::first-line{ }
.feedback2Page .details li::before{ content:'\201C'; font-size:60px; display:table-cell; line-height:40px;  vertical-align:top; padding:0 3px; color:rgba(255,255,255,0.5); }
.feedback2Page .details li::after{ content:'\201D'; font-size:60px; display:table-cell; line-height:40px; vertical-align:top; padding:0 3px; color:rgba(255,255,255,0.5); }
.feedback2Page .details li div{ display:table-cell; }
.feedback2Page .details li { display:table; }


#feedback2PageDec01 {
	background-image:url(/20230901220651oe_/https://www.ilc.cuhk.edu.hk/workshop/pmp/img/feedback2_dec01.png);
	-webkit-transform: translate3d(-15px, -5px, 0);
	        transform: translate3d(-15px, -5px, 0);
	opacity: 0;
}
#feedback2PageDec01.active {
	-webkit-transform: translate3d(0, 0, 0);
	        transform: translate3d(0, 0, 0);
	opacity: 1;
}
#feedback2PageDec02 {
	-webkit-transition-delay: 0.2s;
	   -moz-transition-delay: 0.2s;
	     -o-transition-delay: 0.2s;
	        transition-delay: 0.2s;

	background-image:url(/20230901220651oe_/https://www.ilc.cuhk.edu.hk/workshop/pmp/img/feedback2_dec02.png);
	-webkit-transform: translate3d(-15px, -5px, 0);
	        transform: translate3d(-15px, -5px, 0);
	opacity: 0;
}
#feedback2PageDec02.active {
	-webkit-transform: translate3d(0, 0, 0);
	        transform: translate3d(0, 0, 0);
	opacity: 1;
}
#feedback2PageDec03 {
	-webkit-transition-delay: 0.6s;
	   -moz-transition-delay: 0.6s;
	     -o-transition-delay: 0.6s;
	        transition-delay: 0.6s;

	background-image:url(/20230901220651oe_/https://www.ilc.cuhk.edu.hk/workshop/pmp/img/feedback2_dec03.png);
	-webkit-transform: translate3d(0px, 30px, 0);
	        transform: translate3d(0px, 30px, 0);
	opacity: 0;
}
#feedback2PageDec03.active {
	-webkit-transform: translate3d(0, 0, 0);
	        transform: translate3d(0, 0, 0);
	opacity: 1;
}