body {
	background:#edecde;
	margin:0px;
	padding:0px;
	font-family:'Lato'; 
}

.main-container {
	background:#ffffff;
	margin:0px auto 0px auto;
	border:1px solid #cccccc;
	border-top:0px;
	border-bottom:0px;
	max-width:1200px;
	padding:0px;
	position:relative;
}

.main-container .header { height:130px; }
.main-container .header .logos-area { height:180px; margin:0px; padding:40px 0px 0px 54px; }
.main-container .header .logos-area .logo-cityu-mobile { display:none; }
.main-container .header .logos-area .logo-cityu { float:left; width:110px; height:90px; }
.main-container .header .logos-area .logo-midline { float:left; width:1px; height:60px; background:#cccccc; margin:32px 32px 20px 28px; }
.main-container .header .logos-area .logo-ias { float:left; width:206px; height:45px; margin:40px 0px 0px 0px; }
.main-container .header .logos-area .logo-hkias {}
.main-container .header .logos-area .logo-hkias img { max-width:339px; }
.main-container .header .logos-area .logo-clear { clear:both; }

.main-container.index-page { background:url('bg.jpg') #ffffff no-repeat 0px -150px;  }

.main-container.index-page .main-title { padding:0px; margin:0px; position:relative; }
.main-container.index-page .main-title img { border:none; margin:70px 0px 0px 50px; }
.main-container.index-page .main-title .tagline { color:#ffffff; position:absolute; top:160px; z-index:100; height:185px; padding:35px 0px 0px 40px; width:95%; background:url('//www.ias.cityu.edu.hk/event/france-hk-scientific-cooperation/img/tagline-end.png') no-repeat -100px 0px; }

.main-container.index-page .date-time-venue {  height:350px; padding:40px; }
.main-container.index-page .date-time-venue .date-time { border-left:2px solid #293889; }
.main-container.index-page .date-time-venue .date-time .label { letter-spacing:-0.5px; font-weight:800; color:#ec293a; font-size:18px; line-height:20px; margin-bottom:3px; }
.main-container.index-page .date-time-venue .date-time .text { letter-spacing:-0.5px; font-size:20px; line-height:20px; }

.main-container.index-page .date-time-venue .venue { border-left:2px solid #293889; }
.main-container.index-page .date-time-venue .venue .label { letter-spacing:-0.5px; font-weight:800; color:#ec293a; font-size:18px; line-height:20px; margin-bottom:3px; }
.main-container.index-page .date-time-venue .venue .text { letter-spacing:-0.5px; font-size:20px; line-height:20px; }

.main-container.index-page .date-time-venue .welcome-text { margin-top:80px; letter-spacing:-0.5px; font-weight:800; color:#000000; font-size:20px; }
.main-container.index-page .date-time-venue .button-register { width:220px; }
.main-container.index-page .date-time-venue .button-register a { background:#ec293a; color:#ffffff; display:block; width:200; height:100px; padding:0px 0px 0px 0px; font-size:30px; letter-spacing:-2px; font-weight:600; border-radius:5px; text-align:center; vertical-align:middle; padding-top:23px; box-shadow:2px 2px 3px #cccccc; }


.main-container.index-page .speakers-area { padding:40px 40px 40px 40px; background:none; }
.main-container.index-page .speakers-area h2 { letter-spacing:-0.5px; font-weight:800; color:#ec293a; margin-left:40px; }

.main-container.index-page .speakers-area .speaker-item { display:table; margin-bottom:30px; }
.main-container.index-page .speakers-area .speaker-item .photo { display:table-cell; width:165px; }
.main-container.index-page .speakers-area .speaker-item .photo img { width:130px; border:1px solid #f16c22; border-radius:15px; }
.main-container.index-page .speakers-area .speaker-item .desc { font-family:'Lato'; display:table-cell; text-align:left; vertical-align:middle; }
.main-container.index-page .speakers-area .speaker-item .desc .name { font-family:'Lato'; font-size:20px; font-weight:bold; letter-spacing:-0.5px; }
.main-container.index-page .speakers-area .speaker-item .desc .title { font-family:'Lato'; font-size:17px; letter-spacing:-0.5px; }

.main-container.index-page .program-area { font-family:'Lato'; background:#ffffff; padding:40px; }
.main-container.index-page .program-area h2 { letter-spacing:-0.5px; font-weight:800; color:#ec293a; }
.main-container.index-page .program-area .session-column .session-item { font-family:'Lato'; letter-spacing:-0.5px; width:90%; padding:20px 20px 20px 20px; background:#efefef; margin-bottom:14px; border-radius:5px; }
.main-container.index-page .program-area .session-column .session-item .time { font-size:16px; line-height:20px; margin-bottom:10px; }
.main-container.index-page .program-area .session-column .session-item .title { font-size:20px; line-height:22px; font-weight:normal; color:#000000; }
.main-container.index-page .program-area .session-column .session-item .speaker { font-size:16px; margin-top:4px;}
.main-container.index-page .program-area .session-column .session-item .subitems { margin-top:14px; }
.main-container.index-page .program-area .session-column .session-item .subitems li { line-height:21px; margin:5px; }

.main-container.index-page .program-area .session-column .session-item:hover { background:#293889; }
.main-container.index-page .program-area .session-column .session-item:hover .time { color:#ffffff; }
.main-container.index-page .program-area .session-column .session-item:hover .title { color:#ffffff; }
.main-container.index-page .program-area .session-column .session-item:hover .speaker { color:#ffffff; }
.main-container.index-page .program-area .session-column .session-item:hover .subitems { color:#ffffff; }

.main-container.index-page .organizers { padding:40px 40px 40px 40px; background:none; }
.main-container.index-page .organizers h2 { letter-spacing:-0.5px; font-weight:800; color:#ec293a; }

.main-container.index-page .organizers .speaker-item { display:table; margin-bottom:30px; }
.main-container.index-page .organizers .speaker-item .photo { display:table-cell; width:165px; }
.main-container.index-page .organizers .speaker-item .photo img { width:130px; border:1px solid #f16c22; border-radius:15px; }
.main-container.index-page .organizers .speaker-item .desc { font-family:'Lato'; display:table-cell; text-align:left; vertical-align:middle; }
.main-container.index-page .organizers .speaker-item .desc .name { font-family:'Lato'; font-size:20px; font-weight:bold; letter-spacing:-0.5px; }
.main-container.index-page .organizers .speaker-item .desc .title { font-family:'Lato'; font-size:17px; letter-spacing:-0.5px; }

.main-container .footer-line1 { background:#bf1f69; height:4px; }
.main-container .footer-area { background:#f2f2f4; color:#000000; }
.main-container .footer-area .footer-content { margin:0px 20px 0px 20px; }
.main-container .footer-area .footer-content .copyrights { padding:30px 10px 10px 10px; }
.main-container .footer-area .footer-content .copyrights a { color:#000000; }
.main-container .footer-area .footer-content .cityu-logo { padding:30px 10px 30px 10px; text-align:right; }


.inner-h1 { font-family:MyriadWebPro; letter-spacing:-0.5px; font-weight:800; color:#ffffff; margin-left:60px; margin-right:600px; padding:20px; font-size:28px; line-height:30px; margin-bottom:3px; background:url('bg-h1.png') no-repeat -300px 0px; }