@charset "utf-8";
/* CSS Document */

/*-------------------------------------------------------------------------------------*/
/* LAYOUT */

@media screen and (max-width: 1220px){
#wrap { min-width:1000px; }
#wrap .container { max-width:1000px; }
#wrap .back_to_top { width:68px; }

#top .logo { padding:30px 0 20px 20px;}

#menu ul.menu_list > li { padding:0 6px; }
#menu ul.menu_list > li > a.lv1 { padding:0 15px; }

#main .title_area h2 { font-size:32px; }
#main .content_area { padding:54px 0 98px 0; }
#main .content_area h3 { font-size:22px; line-height:40px; }
#main .content_area h4, 
#main .content_area p, 
#main .content_area li { font-size:16px; line-height:30px; }
#main .common_content { font-size:16px; line-height:26px;}
#main .content_area ol li { padding-left:30px; }
#main .content_area a { font-size:16px; }
#main .content_area table { font-size:16px; }

#footer { font-size:16px; }
}

@media screen and (max-width: 1023px){
/* desktop to ipad */
html, body { overflow-x:hidden; overflow-y:visible; }
body { font-size:14px;}
.contact_us_content .contact_us_info {line-height:20px;}
#wrap { min-width:10px; }
#wrap .container { max-width:768px; padding-left:20px; padding-right:20px; }
#wrap .back_to_top { width:42px; }

#top .logo { padding-left:0;  padding:30px 0 20px 20px; height:50px;}
#top .mobile_btn { display:block; }

#menu { position:absolute; left:0; width:100%; }
#menu .menu_area { position:absolute; left:0; top:0; width:100%; background-color:rgba(19,95,112,0.9); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#b2135f70', endColorstr='#b2135f70'); xdisplay:none; visibility:hidden; }
#menu .menu_area.mobileOpen { visibility:visible; display:none; }
#menu ul.menu_list { border-top:1px solid #50bab5; }
#menu ul.menu_list > li { display:block; padding:0; }
#menu ul.menu_list > li > a.lv1 { height:auto; padding:22px 20px; border-bottom:1px solid #50bab5; font-size:18px; line-height:normal; }

#main .title_area h2 { font-size:26px; }
#main .content_area { padding:40px 0 68px 0; }
#main .content_area h3 { font-size:20px; line-height:36px; }
#main .content_area h4, 
#main .content_area p, 
#main .content_area li { font-size:14px; line-height:20px; }
#main .common_content { font-size:14px; line-height:20px;}
#main .content_area ol li { padding-left:26px; }
#main .content_area a { font-size:14px; }
#main .content_area table { font-size:14px; }

#footer { padding:30px 0; font-size:14px; }
}

@media screen and (max-width: 767px){
/* ipad to iphone 6 plus */
#wrap .container { max-width:100%; }
#wrap .back_to_top { width:36px; }
#menu { top:70px; }
#top .logo { xwidth:367px; height:30px; padding:30px 0 20px 20px;}
#top .logo img.logo_cuhk { padding-right:25px; height:30px;}
#top .logo img.logo_med { padding-right:7px; height:30px;}
#top .logo img.logo_line { padding-right:12px; }
#top .logo img.logo_cuhk { }

#top .mobile_btn { margin-top:-18px; }
#top .mobile_btn a { width:36px; height:36px; font-size:18px; line-height:36px; }

#menu ul.menu_list > li > a.lv1 { padding:16px 20px; }

#main .title_area h2 { font-size:26px; }
#main .content_area { padding:40px 0 62px 0; }
#main .content_area h3 { font-size:18px; line-height:32px; }

#footer { padding:20px 0; font-size:11px; }
}

@media screen and (max-width: 479px){
/* below iphone 6 plus */
#wrap .container { padding-left:15px; padding-right:15px; }

#top .logo { xwidth:317px; height:42px; padding:15px 0; }
#top .logo img.logo_cuhk { padding-left:14px; padding-right:15px; }
#top .logo img.logo_med { padding-right:10px; }
#top .logo img.logo_line { padding-right:10px; }
#top .mobile_btn { right:15px; }

#menu ul.menu_list > li > a.lv1 { padding:12px 15px; }
}

@media screen and (max-width: 413px){
#top .logo { xwidth:267px; height:35px; }
#top .logo img.logo_cuhk { padding-left:15px; padding-right:15px; }
#top .logo img.logo_med { padding-right:9px; }
#top .logo img.logo_line { padding-right:9px; }
}

@media screen and (max-width: 374px){
#top .logo { xwidth:237px; height:31px; padding:12px 0; }
#top .logo img.logo_cuhk { padding-left:14px; padding-right:10px; }
#top .logo img.logo_med { padding-right:7px; }
#top .logo img.logo_line { padding-right:7px; }

#main .content_area h3 { margin:0 -5px; }
#main .content_area table { font-size:12px; }
}

#top .logo.mo {
    display: none;
}
@media screen and (max-width: 375px){
    #top .logo.dt {
        display: none;
    }
    #top .logo.mo {
        display: inherit;
    }
}

/*-------------------------------------------------------------------------------------*/
/* Organising Committee */

@media screen and (max-width: 1220px){
/* .organising_content { max-width:950px; }*/
.organising_content ul.member_list { padding-left: 100px; padding-right: 100px;}
.organising_content ul.chairpersons { padding-left: 50px;padding-right: 50px;}
}

@media screen and (max-width: 1023px){
.organising_content { max-width:100%; }
.organising_content ul.member_list { margin-top:0;padding-left: 0px; padding-right: 0px;}
.organising_content ul.chairpersons { padding-left: 0px;padding-right: 0px;}
}

@media screen and (max-width: 767px){
.organising_content ul.member_list li { width:50%; max-width:240px; }
}

@media screen and (max-width: 479px){
.organising_content ul.member_list li { width:100%; }
}

/*-------------------------------------------------------------------------------------*/
/* Conference Information */

@media screen and (max-width: 1220px){
.conference_info_content { max-width:950px; padding-left:0; }
}

@media screen and (max-width: 1023px){
.conference_info_content { max-width:100%; }
.conference_info_content img { width:45%; }
.slogo {position: relative; text-align: center; display: inline;  width:500px;}
.slogo img { width : 250px; padding: 0px;}
}



@media screen and (max-width: 767px){
.conference_info_content img { float:none; display:block; width:100%; max-width:534px; padding-left:0; margin:0 auto; }
.slogo img { width:90%;padding:0;}
.bottom { bottom: 0px;position: unset; left: unset;transform: unset; width: unset;}
}


/*-------------------------------------------------------------------------------------*/
/* Scientific Programme */

@media screen and (max-width: 1220px){
.programme_content { max-width:950px; }

.programme_btn_area .btn { font-size:22px; }
}

@media screen and (max-width: 1023px){
.programme_content { max-width:100%; }

.programme_btn_area { padding-top:30px; }
.programme_btn_area .btn { width:300px; padding:16px 12px; font-size:20px; }

.programme_schedule_area { padding-top:30px; }
.programme_schedule_area .schedule_table table td { width:289px; }
.programme_schedule_area .schedule_table table td:first-child { width:150px; }
.programme_schedule_area .schedule_table table td[col] { width:561px; }
}

@media screen and (max-width: 767px){
.programme_btn_area .btn { width:46%; padding:16px 12px; font-size:20px; }
.programme_btn_area .btn br { display:block; }

.programme_schedule_area .schedule_table table td { width:289px; }
.programme_schedule_area .schedule_table table td:first-child { width:150px; }
.programme_schedule_area .schedule_table table td[col] { width:561px; }
}

@media screen and (max-width: 374px){
.programme_btn_area .btn { padding:16px 10px; font-size:18px; }

.programme_schedule_area .schedule_table table td { padding:10px 8px; }
}

/*-------------------------------------------------------------------------------------*/
/* Registration */

@media screen and (max-width: 1220px){
.registration_content { max-width:950px; }

.registration_form_download .registration_form_download_msg p { line-height:26px !important; }

.registration_price_area .price_table table td { width:300px; }
.registration_price_area .price_table table td:first-child { width:348px; }
}

@media screen and (max-width: 1023px){
.registration_content { max-width:100%; }

.registration_contact_area { margin:0 0px; }
.registration_contact_area .registration_contact_item { width:50%; padding:0px 0px; }
.registration_contact_area .registration_contact_info { padding:0px 0px; }

.registration_form_download { padding-top:30px; }
.registration_form_download .registration_form_download_btn { padding-bottom:26px; }
.registration_form_download .registration_form_download_btn img { width:68px; }
.registration_form_download .registration_form_download_msg { width:100%; padding:0px; }
.registration_form_download .registration_form_download_msg p { line-height:24px !important; }

.registration_price_area { padding:50px 0; }
.registration_price_area .price_table table td { width:32%; }
.registration_price_area .price_table table td:first-child { width:36%; }
}

@media screen and (max-width: 767px){
.registration_contact_area { padding-top:10px; margin:0; }
.registration_contact_area .registration_contact_item { width:100%; padding:0px 0px; }

.registration_form_download .registration_form_download_btn img { width:58px; }

.registration_price_area .price_table table td { width:33%; padding:0 10px 2px 10px; }
.registration_price_area .price_table table td:first-child { width:34%; }
.registration_price_area .price_table table thead td { padding-top:18px; padding-bottom:18px; }
.registration_price_area .price_table table tbody tr:first-child td { padding-top:18px; }
.registration_price_area .price_table table tbody tr:last-child td { padding-bottom:18px; }
}

/*-------------------------------------------------------------------------------------*/
/* Contact us */

@media screen and (max-width: 1220px){
.contact_us_content { max-width:950px; }
}

@media screen and (max-width: 1023px){
.contact_us_content { max-width:100%; }

.contact_us_content .contact_us_map { bottom:68px; width:420px; }
.contact_us_content .contact_us_map iframe { height:317px; }
}

@media screen and (max-width: 767px){
.contact_us_content .contact_us_info { width:100%; }
.contact_us_content .contact_us_map { position:static; padding-top:26px; width:100%; }
.contact_us_content .contact_us_map iframe { height:260px; }
}