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

html, body { margin:0px; }

body { width:100%; margin:0px; font-size-adjust:100%; -webkit-text-size-adjust:100%; background:#14819b; color:#524632; font-size:18px; font-weight:normal; font-family:Helvetica, "微軟正黑體", "Microsoft JhengHei", sans-serif;}

a { outline:none; text-decoration:none; }

ul, ol { list-style:none; margin:0; padding:0; }
li { vertical-align:top; }

h1, h2, h3, h4, h5, p { padding:0; margin:0; }

img { border:none; }

/* ---------------- Font Setting ---------------- */

#menu ul.menu_list > li > a.lv1 { font-family:'Roboto', Helvetica, "微軟正黑體", "Microsoft JhengHei", sans-serif; }
.programme_schedule_area .schedule_table table td.table_italic { font-family:Helvetica, "微軟正黑體", "Microsoft JhengHei", sans-serif; }

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

#wrap { width:100%; min-width:1200px; background-color:#efebf4; position:relative; z-index:1000; overflow:hidden; }
#wrap .container { width:100%; max-width:1200px; margin:0px auto; position:relative; box-sizing:border-box; }
#wrap .back_to_top { position:fixed; right:3px; bottom:14px; z-index:999; width:88px; display:none; cursor:pointer; }
#wrap .back_to_top img { width:70%; }

#header { position:absolute; left:0; top:0; z-index:10; width:100%; }

#top { background-color:rgba(225,221,214,0); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#b2e1ddd6', endColorstr='#b2e1ddd6'); }
#top .logo { height:100px; padding:40px 0 200px 350px; font-size:0; }
#top .logo img { xwidth:100%; height:100%; }
#top .logo img.logo_cuhk { padding-right:50px; }
#top .logo img.logo_med { padding-right:14px; }
#top .logo img.logo_line { padding-right:14px; }
#top .logo img.logo_cuhk { }

#top .mobile_btn { position:absolute; right:20px; top:50%; margin-top:-21px; display:none; }
#top .mobile_btn a { display:block; width:42px; height:42px; background-color:#4e8896; box-sizing:border-box; text-align:center; text-transform:uppercase; font-weight:700; font-size:20px; color:#e6e4e0; line-height:42px; }
#top .mobile_btn a i { margin-right:6px; }

#menu { background-color:#20aeb1; top:90px; z-index:1000;}
#menu .menu_area { text-align:center; font-size:0; }
#menu ul.menu_list {}
#menu ul.menu_list > li { display:inline-block; zoom:1; *display:inline; vertical-align:top; padding:0 16px; }
#menu ul.menu_list > li > a.lv1 { display:block; height:32px; padding:0 20px; background-color:transparent; font-size:16px; line-height:32px; color:#fff; transition:all 0.2s ease; }
#menu ul.menu_list > li > a.lv1:hover { color:#ffedc9; }

#banner { width:100%; background:url(../img/banner.jpg) no-repeat center top; background-size:cover; }
#banner img { width:100%; }

#main { background-color:#fff; background-image:url(../img/bg.jpg); background-repeat:no-repeat; background-position: top;}
#main .title_area {  text-align:center;
background: #003C66; /* Old browsers */
background: #003C66; /* FF3.6-15 */
background: #003C66; /* Chrome10-25,Safari5.1-6 */
background: #003C66; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e0f2f', endColorstr='#561876',GradientType=1 ); /* IE6-9 */
 }
#main .title_area h2 { padding:15px 0; font-size:28px; color:#ffffff; font-weight:bold; }
#main .content_area { width:100%; padding:54px 0; margin:0 auto; position:relative; box-sizing:border-box; }
#main .content_area h3 { font-size:24px; line-height:46px; color:#20aeb1;}
#main .content_area h4 { padding-bottom:4px; font-size:18px; line-height:26px; }
#main .content_area p { font-size:18px; line-height:26px;  }
#main .content_area li { font-size:18px; line-height:26px; }
#main .content_area ol { counter-reset:point; }
#main .content_area ol li { padding-left:36px; position:relative; }
#main .content_area ol li:before { color:#20aeb1; position:absolute; left:2px; top:0; counter-increment:point; content:counter(point)". "; }
#main .content_area a { font-size:18px; color:#20aeb1; }
#main .content_area a.type_1 { text-decoration:underline; }
#main .content_area a.type_2 { color:#20aeb1; text-decoration:underline; }
#main .content_area a:hover { }
#main .content_area table { font-size:18px; }
#main .common_content { width:100%; line-height:30px;}


#footer { padding:34px 0; text-align:center; font-size:18px; color:#ffffff;
background: #003C66; /* Old browsers */
background: #003C66; /* FF3.6-15 */
background: #003C66; /* Chrome10-25,Safari5.1-6 */
background: #003C66; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e0f2f', endColorstr='#2e0f2f',GradientType=1 ); /* IE6-9 */ }
#footer a { color:#ffffff; }
#footer a:hover { text-decoration:underline; }

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

.organising_content { max-width:1100px; }
.organising_content ul.member_list { margin-top:-4px; font-size:0; text-align:left; padding-left: 100;padding-right: 100px;}
.organising_content ul.chairpersons { padding-left: 225px;padding-right: 225px;}
.organising_content ul.member_list li { display:inline-block; zoom:1; *display:inline; vertical-align:top; width:320px; padding-right:0px; padding-bottom:10px; box-sizing:border-box; }

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

.conference_info_content { max-width:1100px; padding-left:20px; }
.conference_info_content img { padding-top:16px; padding-bottom:32px; }
.slogo { position: relative; text-align: center; display: inline; width:500px;}
.slogo img { width : 250px; padding: 0px;}
.bottom { position: absolute;bottom: -5px; left: 50%;  transform: translate(-50%, -50%);  width: 500px;}

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

.programme_content { max-width:1100px; }
.programme_content .programme_content_info { text-align:left; }

.programme_btn_area { padding-top:50px; text-align:center; font-size:0; }
.programme_btn_area .btn { display:inline-block; zoom:1; *display:inline; vertical-align:top; width:400px; padding:16px 12px; background-color:transparent; border:0px solid #4caec3; border-left:none; box-sizing:border-box; font-size:24px; color:#fff; font-weight:bold; transition:all 0.2s ease; cursor:pointer; background-color:#7AB16D;}
.programme_btn_area .btn:first-child { border-left:1px solid #4caec3; }
.programme_btn_area .btn.active {  color:#ffffff; } 
.programme_btn_area .btn:hover {  color:#ffffff; }
.programme_btn_area .btn br { display:none; }




.programme_schedule_area { padding-top:50px; }
.programme_schedule_area .schedule_table { width:100%; display:none; }
.programme_schedule_area .schedule_table table { width:100%; border-collapse:collapse; box-sizing:border-box; }
.programme_schedule_area .schedule_table table tr { }
/*.programme_schedule_area .schedule_table table td { width:380px; min-height:66px; padding:12px; border:1px solid #4caec3; text-align:justify; vertical-align:middle; box-sizing:border-box; font-weight:bold; }*/
.programme_schedule_area .schedule_table table td { width:380px; min-height:66px; padding:6px; border:0px solid #4caec3; text-align:center; vertical-align:middle; box-sizing:border-box; font-weight:bold; }
.programme_schedule_area .schedule_table table td.left { width:380px; min-height:66px; padding:12px; border:0px solid #4caec3; text-align:left; vertical-align:middle; box-sizing:border-box; font-weight:bold; }
.programme_schedule_area .schedule_table table td[colspan], 
.programme_schedule_area .schedule_table table td.table_header { min-height:1px; }
.programme_schedule_area .schedule_table table td:first-child { width:178px; font-weight:normal; text-align:center; }
.programme_schedule_area .schedule_table table td[colspan] { width:757px; }
.programme_schedule_area .schedule_table table td.table_header { background-color:#70d9d3; text-align:center; }
.programme_schedule_area .schedule_table table td.table_italic { text-align:center; font-style:normal; }
.programme_schedule_area .schedule_table table td.table_emtry { background-color:#e5e5e5; }
.programme_schedule_area .schedule_table table td.notbold{font-weight:normal;}
/*-------------------------------------------------------------------------------------*/
/* Registration */

.registration_content { max-width:1100px; }
.registration_content .registration_content_info { text-align:left; }

.registration_contact_area { text-align:left; margin:0 -37px; font-size:0; }
.registration_contact_area .registration_contact_item { display:inline-block; zoom:1; *display:inline; vertical-align:top; width:50%; max-width:650px; padding:24px 37px; box-sizing:border-box; }
.registration_contact_area .registration_contact_info { width:100%; padding:0px 0px; border:0px solid #4caec3; border-radius:10px; box-sizing:border-box; text-align:left; }

.registration_form_download { padding-top:50px; text-align:left; }
.registration_form_download .registration_form_download_btn { padding-bottom:36px; }
.registration_form_download .registration_form_download_btn img { padding-bottom:4px; }
.registration_form_download .registration_form_download_btn a { color:#524632 !important; }
.registration_form_download .registration_form_download_msg { width:100%; padding:0px; border:0px solid #4caec3; margin:0 auto; box-sizing:border-box; line-height:30px; text-align:left; }
.registration_form_download .registration_form_download_msg a { color:#0096ff;  text-decoration:underline; }
.registration_form_download .registration_form_download_msg p { line-height:30px !important; }

.registration_price_area { padding:70px 0; }
.registration_price_area .price_table { width:100%; padding-top:6px; }
.registration_price_area .price_table table { width:100%; border-collapse:collapse; box-sizing:border-box;  }
.registration_price_area .price_table table td { width:33.33%; padding:0 15px 2px 15px; min-height:1px; box-sizing:border-box; border-left:1px solid #7AB16D; text-align:center; vertical-align:top; }
.registration_price_area .price_table table td:first-child { border-left:none; }
.registration_price_area .price_table table thead,
.registration_price_area .price_table table tbody { border:1px solid #fff; }
.registration_price_area .price_table table thead { background-color:#7AB16D; }
.registration_price_area .price_table table thead td { padding-top:12px; padding-bottom:12px; vertical-align:middle; color:#fff;}
.registration_price_area .price_table table tbody tr:first-child td { padding-top:12px; padding-bottom:6px; }
.registration_price_area .price_table table tbody tr:last-child td { padding-bottom:12px; }
.registration_price_area .price_table table tbody td:first-child { text-align:centre; }

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

.contact_us_content { max-width:1100px; }
.contact_us_content .contact_us_info { width:370px; xwidth:calc(100% - 576px); line-height:30px;}
.contact_us_content .contact_us_title { }
.contact_us_content .contact_us_list { }
.contact_us_content .contact_us_map { position:relative; width:530px; top:30px; padding-bottom:30px;}
.contact_us_content .contact_us_map iframe { width:100%; height:400px; border:0; }

.table_title{color:#fff; font-weight:bold;}
.table_cell{border: 1px solid #e1ab3b;}
.table_cell2{border-left: 2px solid #fff;}
.purple{color:#5e0d82;}