@charset "utf-8";
/* CSS Document */

img { max-width:100% !important; }

#MenuMobile, #nav, #Menu, #Topper, #Header, #ColumnLeft, #Footer, #Copyright, #KeyVisual, #Breadcrumbs, 
.ToolBar, .CatTitle .cat_select, .ListSearch, #Pagination, .inPagination, .BtnTop, .guide_title,
.MsgModule_Media, iframe[allowfullscreen], .editable_content .img_bg span,
.related_articles, .BtnCommon { 
	display:none !important; 
	}

html { font-size:81.25% !important; }
body { background-color:#fff; }
#Center, #Content, .inner { width:100%; float:none; padding:0; }

/* 標題- lotte changed style */
.PageTitle { border:0; padding:0; margin-bottom:10px; background:none;}
.PageTitle h2 { padding:0; background:none; color: #000; }
h3.articleTitle { font-size:150%; margin-bottom: 10px; }
.CatTitle { padding: 0; }
.post_info span { padding: 0; }
.post_info span.tag { background-color: transparent; padding: 0; }

/* 編輯器- lotte changed style */
.editable_content { padding-top: 0; color: #333; }
.editable_content, .editable_content p, .editable_content li, .editable_content div, .editable_content blockquote { 
	line-height:160%; 
	}
.editable_content .district, .editable_content div, .editable_content table, .editable_content iframe, .editable_content blockquote { 
	margin-top:20px; margin-bottom:20px; 
	}
	.editable_content > *:first-child { margin-top: 0; }
.editable_content p, .editable_content ul, .editable_content ol { 
	margin-top:10px; margin-bottom:10px; 
	}
.editable_content.content { margin-top: 10px; }
.editable_content blockquote { border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:20px 40px; }
.editable_content blockquote::before, .editable_content blockquote::after { font-size: 2rem; width: 1rem!important; height:1rem!important;}
.editable_content blockquote::before { left: 10px; }
.editable_content blockquote::after { right: 10px; }
.editable_content .img_bg { border:1px solid #fff; }/* 修正文繞圖的bug */
.editable_content .imgleft, .editable_content .imgright { max-width:30%; margin-right: 20px;}
.MsgModule_Download + .MsgModule_Download, .MsgModule_Download + .MsgModule_Link, .MsgModule_Link + .MsgModule_Download, .MsgModule_Link + .MsgModule_Link { 
	margin-top:0; 
	}
h4.ext_title:before, .file_ext::after { -webkit-print-color-adjust:exact; }
.editable_content ul.ext_list li { padding: 0; }
#colorbox_thum a { float: left; width: 168px; margin-right: 10px; margin-bottom: 10px; }
.editable_content hr { margin: 15px 0; }

/* 文字列表 */
.ListTable table, .event_detail_table table {
	border-top:1px solid #CCC !important;
	border-left:0 !important;
	border-bottom:0 !important;
}
.ListTable th, .ListTable td, .event_detail_table th, .event_detail_table td {
	border-bottom:1px solid #CCC !important;
	border-right:0 !important;
	border-top:0 !important;
	padding:6px;
}
.rwdTable th { color: #000; }
.rwdTable td { color: #333; text-align: center; }
.ListTable td.title { text-align: left; }

.event_detail_table .edit { display: none; }

/* 圖文列表 */
.ListPicText > div { flex: none; }
.ListPicText .item { height:auto !important; margin-bottom:30px; width: 100%; } 
.ListPicText .item > div { 
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	height:auto !important;
	}
.ListPicText .imgBox { float: left; width:240px; height:160px; }
.ListPicText .imgBox > div { -webkit-print-color-adjust:exact; }
.ListPicText .tag { padding: 0; background-color:transparent; }
.ListPicText .cont { overflow:hidden; padding: 15px 20px; }
.ListPicText .date { background-color:transparent; padding:0; }
.ListPicText .btn, .list_switch { display:none; }

/* 表單*/
.FormGroup, .FromSubGroup, .form_group_title, .form_subgroup_title {
	border:1px solid #ccc; background-color:#fff;
	-moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
	}
.form_group_title span, .form_subgroup_title span { height:30px; line-height:30px; }
.FormGroup .FormGroupTitle, .FormGroup .FormGroupTitle span { border-color: #ccc; }
table.FormTable > tbody > tr > th, table.FormTable > tbody > tr > td { vertical-align:top; }
table.FormTable > tbody > tr > th { width:150px; text-align:right; padding:6px 5px; }
.FormElmt .randomcode .btn { display:none; }

/* 單元頁 */
.SubMenuList li a { -webkit-print-color-adjust:exact; }
.SubMenuList li a::after { top: 16px; }


/* 與會名單- lotte changed style */
/* 大約抓pad版的尺寸 */
.institutionList{padding-left: 20px; width: 100%;}
.institutionList .item{ width: calc(50% - 40px); } 
.institutionList .item .cont{  padding: 36px  30px ;  }
.institutionList .item .photo{ width: 160px;}
.institutionList .item .cont{ width: calc(100% - 144px);}
.institutionList .item .designation, .institutionList .item .department, .institutionList .item .delegate{ font-size: 1.25em; }
.institutionList .item .name{ font-size: 1.5em; }
.institutionList .item > div{ min-height: 12.5em;}
.institutionList .item{ width: calc(50% - 40px); } 
.institutionList .item .cont{  width: calc(100% - 104px); padding: 20px  20px ;  }
.institutionList .item .photo{ width: 120px;}
.institutionList .item .designation, .institutionList .item .department, .institutionList .item .delegate{ font-size: 1em; }
.institutionList .item .name{ font-size: 1.25em; }    
.institutionList .item > div{ min-height: 11em;}
.countryGroup{ padding-top: 24px; padding-bottom: 24px;}
.countryTitle > span{font-size: 1.5em;  line-height: 1.2;}
.institutionTitle{font-size: 1.25em;  line-height: 1.2; }    
.institutionList .item{width: 100%;}
.institutionList .item > div{position:static; min-height: 10em; display: flex;}
.institutionList .item .photo{position: static; margin-left: -16px; margin-top: -16px;}
.institutionList .item .cont{position: static;}   
.institutionTitle > span{ min-width: auto; width:100%; font-size: 1.25rem;}

/* 貴賓介紹- lotte changed style */
    .itemSpeaker .profileBox{ width: calc(50% - 40px); } 
    .itemSpeaker .profileBox .cont{  padding: 24px  30px 36px 30px;  }
    .itemSpeaker .profileBox .photo{ width: 160px;}
    .itemSpeaker .profileBox .cont{ width: calc(100% - 144px);}
    .itemSpeaker .profileBox .upperRow .designation, .itemSpeaker .profileBox .upperRow .department, .itemSpeaker .downloadBox ul.downloadList li > div a, .itemSpeaker .downloadEmpty{ font-size: 1.25em; }
    .itemSpeaker .profileBox .country{ font-size: 1rem; }
    .itemSpeaker .profileBox .upperRow .name{ font-size: 1.5em; }
    .itemSpeaker .profileBox > div{ min-height: 13em;}
    .itemSpeaker .profileBox{ width: calc(50% - 40px); } 
    .itemSpeaker .profileBox .cont{  width: calc(100% - 104px); padding: 24px  24px ; justify-content: flex-start; }
    .itemSpeaker .profileBox .photo{ width: 120px;}
    .itemSpeaker .profileBox .upperRow .designation, .itemSpeaker .profileBox .upperRow .department, .itemSpeaker .downloadBox ul.downloadList li > div a, .itemSpeaker .downloadEmpty{ font-size: 1em; }
    .itemSpeaker .profileBox .country{ font-size: 1rem; }
    .itemSpeaker .profileBox .upperRow .name{ font-size: 1.25em; }
    .itemSpeaker .profileBox .country{ margin-top: 20px;}
    .itemSpeaker .profileBox > div{ min-height: 13em;}    
    .speakerGroup:nth-of-type(1){padding-top: 20px;}
    .speakerTitle > span{font-size: 1.5em;  line-height: 1.2;}
    /* .speakerList .itemSpeaker{ background: #f4f4f4;} */
    .speakerList .itemSpeaker > *{ width: 100%; }
    .speakerList .itemSpeaker:not(:nth-last-of-type(1)){ margin-bottom: 50px;}
    .itemSpeaker .profileBox > div{margin: 0px;}
    .itemSpeaker .profileBox .country{margin-top: 8px;}
    .itemSpeaker .downloadBox{ margin: 0;  border-width: 1px; border-bottom-width: 4px}
    .itemSpeaker .downloadBox{ padding: 16px 20px 16px 20px; 
        /* border: 0; border-top: 1px solid #2ec8c0; width: 96%; margin: 0 auto; */
    }
    /* .itemSpeaker .downloadBox ul.downloadList li > div{background: #fff;} */
    .itemSpeaker .profileBox > div{position:static; min-height: 15em; display: flex;}
    .itemSpeaker .profileBox .photo{position: static; margin-left: -16px; margin-top: -16px;}
    .itemSpeaker .profileBox .cont{position: static;}    
	