@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------------------------*/
/* 內頁 */
#Header { box-shadow:0 10px 30px rgba(87,87,193,0.15); }

#Center { position:relative; }
	@media screen and (max-width: 639px) {
	#Center { padding:0 10px; }
	}
	@media screen and (min-width: 640px) and (max-width: 1279px) {
	#Center { padding:0 20px; }
	}
	@media screen and (min-width: 1280px) {
	#Center { padding:0 40px; }
	}
#Center::before { 
	content:''; display:block; position:absolute; top:0; left:0; width:100%; background-repeat:repeat; background-position:0 0; z-index:-1;
	}
	@media screen and (max-width: 959px) {
	#Center::before { height:480px; background-image:url(../images/bg_index_facility_mobile.png); }
	}
	@media screen and (min-width: 960px) {
	#Center::before { height:550px; background:url(../images/bg_index_facility.png); }
	}
#ContentHeader { max-width:1500px; margin-left:auto; margin-right:auto; position:relative; z-index:2; }
	@media screen and (max-width: 639px) {
	#ContentHeader { padding-top:20px; }
	}
	@media screen and (min-width: 640px) and (max-width: 1199px) {
	#ContentHeader { padding-top:3.33vw; }
	}
	@media screen and (min-width: 1200px) {
	#ContentHeader { padding-top:40px; }
	}

#Content { 
	display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; 
	max-width:1200px; margin-left:auto; margin-right:auto; position:relative; z-index:2; 
	}
	#Content.cont_wide { max-width:1500px; }
#Content > div > *:first-child { margin-top:0; }
#Content > div > *:last-child { margin-bottom:0; }

#ColumnCenter { width:100%; flex:1 1 auto; }
	@media screen and (min-width: 1200px) and (max-width: 1339px) {
	#Content:not(.fullwidth) #ColumnCenter { width:70%; }
	}
	@media screen and (min-width: 1340px) {
	#Content:not(.fullwidth) #ColumnCenter { width:68%; }
	}
#ColumnRight { padding-top:25px; padding-bottom:35px; background-color:#f8f8f8; position:relative; }
	@media screen and (max-width: 1199px) {
	#ColumnRight { display:none; }
	}
	@media screen and (min-width: 1200px) and (max-width: 1339px) {
	#ColumnRight { width:calc(100% - 70% - 40px); margin-left:40px; }
	}
	@media screen and (min-width: 1340px) {
	#ColumnRight { width:26%; margin-left:6%; }
	}

	@media screen and (min-width: 1200px) and (max-width: 1599px) {
	#ColumnRight { padding-left:2.8125vw; padding-right:2.8125vw; }
	}
	@media screen and (min-width: 1600px) {
	#ColumnRight { padding-left:45px; padding-right:45px; }
	}

.AsideItem { margin-bottom:40px; }
	#ColumnRight .AsideItem:last-child { margin-bottom:0; }
.aside_item_title { border-bottom:6px solid #202020; padding:0.4em 0; line-height:1.2em; font-size:1.25rem; font-weight:700; text-align:center; }
	.aside_item_title.large_font { font-size:1.375rem; }
.aside_form_wrap select, .aside_form_wrap input[type="text"] { width:100%; }
.aside_form_wrap .row { margin-top:22px; }
.aside_form_wrap .label { padding-bottom:0.7em; line-height:1.2em; font-size:1.125rem; font-weight:700; }
.aside_btns { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; margin-top:15px; }
.aside_btns > div { margin:10px 0 0 8px; }
	.aside_btns > div:first-child { margin-left:0; }
.aside_btns button, .aside_btns a { display:block; border:1px solid #202020; padding:0 1.125em; line-height:44px; color:#202020; text-decoration:none; }
.aside_btns button.submit, .aside_btns a.submit { border:1px solid #202020; background-color:#202020; color:#fff; }
.aside_btns button:hover, 
.aside_btns button:focus, 
.aside_btns a:hover, 
.aside_btns a:focus { border-color:#e80067; background-color:#e80067; color:#fff; }

#ColumnCenter .guide_title { position:absolute; top:-60px; left:-1em; }
#ColumnRight .guide_title { position:absolute; top:-30px; left:0; }
@media screen and (max-width: 1199px) {
.AsideLabel { display:none; }
}


/*----------------------------------------------------------------------*/
/* 內頁元素 */
/* 導覽列(麵包屑) */
#Breadcrumbs { margin-bottom:20px; position:relative; }
#Breadcrumbs ul { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; }
#Breadcrumbs li { 
	padding-top:5px; padding-bottom:5px; padding-right:10px; margin-right:6px; position:relative;  
	color:#3b3938; line-height:1.5em; font-size:0.875rem;
	}
	#Breadcrumbs li:last-child { padding-right:0; margin-right:0; }
#Breadcrumbs li:after { content:''; position:absolute; top:50%; right:0; width:4px; height:1px; background-color:#939393; }
	#Breadcrumbs li:last-child:after { display:none; }
#Breadcrumbs a { display:inline-block; color:#636363; text-decoration:none; }
#Breadcrumbs a:hover, #Breadcrumbs a:focus { color:#00005d; }
#Breadcrumbs li:last-child { color:#202020; }
	
/* 工具列 */
.ToolBar { 
	display:flex; justify-content:space-between; border-bottom:6px solid #202020; margin-top:10px; padding-bottom:5px; position:relative; font-size:0.875rem; 
	}
	@media screen and (max-width: 639px) {
	.ToolBar { margin-bottom:20px; }
	}
	@media screen and (min-width: 640px) and (max-width: 1599px) {
	.ToolBar { margin-bottom:3.75vw; }
	}
	@media screen and (min-width: 1600px) {
	.ToolBar { margin-bottom:60px; }
	}
.ToolBar .colm_left a, .ToolBar dl.font_size a, .ToolBar dl.share dd a { 
	background-color:#fff; border:1px solid #202020; 
	display:block; text-decoration:none; position:relative;
	}
.ToolBar .colm_left a:hover, .ToolBar dl.font_size a:hover,
.ToolBar .colm_left a:focus, .ToolBar dl.font_size a:focus { background-color:#00005d; }
.ToolBar .colm_left a span::after, .ToolBar dl.font_size a::after, .ToolBar dl.share dd a::after {
	content:''; display:block; position:absolute; top:50%; left:50%; 
	background:url("../images/icon_toolbar.png") no-repeat; background-size:200%;
	}
.ToolBar .colm_left a, .ToolBar dl.font_size dd, .ToolBar dl.share dd { margin-bottom:10px; }
.ToolBar .colm_left, .ToolBar .colm_right, .ToolBar dl.font_size, .ToolBar dl.share { display:flex; flex-wrap:wrap; align-items:flex-start; }

.ToolBar .colm_left a { margin-left:10px; padding:0 12px 0 32px; color:#202020; position:relative; }
	.ToolBar .colm_left a:first-child { margin-left:0; }
.ToolBar .colm_left a span { position:absolute; top:0; left:0; transition:all 0.3s ease; }
	.ToolBar .colm_left a.return span::after { background-position:0 0; }
	.ToolBar .colm_left a.print span::after { background-position:0 10%; }
.ToolBar .colm_left a:hover, .ToolBar .colm_left a:focus { color:#fff; }
	.ToolBar .colm_left a.return:hover span::after, .ToolBar .colm_left a.return:focus span::after { background-position:right 0; }
	.ToolBar .colm_left a.print:hover span::after, .ToolBar .colm_left a.print:focus span::after { background-position:right 10%; }

.ToolBar dl.font_size dd { margin-right:8px; }
	.ToolBar dl.font_size dd:last-of-type { margin-right:0; }
.ToolBar dl.font_size a { text-indent:-999px; overflow:hidden; }
	.ToolBar dl.font_size dd.font_small a::after { background-position:0 30%; }
	.ToolBar dl.font_size dd.font_medium a::after { background-position:0 40%; }
	.ToolBar dl.font_size dd.font_big a::after { background-position:0 50%; }
	.ToolBar dl.font_size dd.font_small a:hover::after, .ToolBar dl.font_size dd.font_small a:focus::after { background-position:right 30%; }
	.ToolBar dl.font_size dd.font_medium a:hover::after, .ToolBar dl.font_size dd.font_medium a:focus::after { background-position:right 40%; }
	.ToolBar dl.font_size dd.font_big a:hover::after, .ToolBar dl.font_size dd.font_big a:focus::after { background-position:right 50%; }

.ToolBar dl.share dt { position:relative; }
.ToolBar dl.share dd { margin-right:8px; }
	.ToolBar dl.share dd:last-of-type { margin-right:0; }
.ToolBar dl.share a { text-indent:-999px; overflow:hidden; }
	.ToolBar dl.share dd.facebook a:hover, .ToolBar dl.share dd.facebook a:focus { background-color:#1877f2; border-color:#1877f2; }
	.ToolBar dl.share dd.twitter a:hover, .ToolBar dl.share dd.twitter a:focus { background-color:#202020; border-color:#202020; }
	.ToolBar dl.share dd.line a:hover, .ToolBar dl.share dd.line a:focus { background-color:#01b901; border-color:#01b901; }

	.ToolBar dl.share dd.facebook a::after { background-position:0 60%; }
	.ToolBar dl.share dd.twitter a::after { background-position:0 70%; }
	.ToolBar dl.share dd.line a::after { background-position:0 80%; }
	
	.ToolBar dl.share dd.facebook a:hover::after, .ToolBar dl.share dd.facebook a:focus::after { background-position:right 60%; }
	.ToolBar dl.share dd.twitter a:hover::after, .ToolBar dl.share dd.twitter a:focus::after { background-position:right 70%; }
	.ToolBar dl.share dd.line a:hover::after, .ToolBar dl.share dd.line a:focus::after { background-position:right 80%; }

@media screen and (max-width: 1023px) {
.ToolBar .colm_left a, .ToolBar dl.font_size a, .ToolBar dl.share dd a { border-radius:24px; }
.ToolBar .colm_left a span, .ToolBar dl.font_size a, .ToolBar dl.share dd a { width:48px; height:48px; }
.ToolBar dl.font_size, .ToolBar dl.share { line-height:48px; }
.ToolBar .colm_left a, .ToolBar dl.font_size a, .ToolBar dl.share dd a { line-height:44px; }
.ToolBar .colm_left a span::after, .ToolBar dl.font_size a::after, .ToolBar dl.share dd a::after { width:24px; height:24px; margin:-12px 0 0 -12px; }
	
.ToolBar .colm_left { display:none; }
.ToolBar .colm_right { width:100%; }
}
	@media screen and (max-width: 479px) {
	.ToolBar dl.font_size, .ToolBar dl.share { width:100%; }
	}
	@media screen and (min-width: 480px) and (max-width: 1023px) {
	.ToolBar .colm_right { justify-content:space-between; }
	}
@media screen and (min-width: 1024px) {
.ToolBar .colm_left a, .ToolBar dl.font_size a, .ToolBar dl.share dd a { border-radius:20px; }
.ToolBar .colm_left a span, .ToolBar dl.font_size a, .ToolBar dl.share dd a { width:40px; height:40px; }
.ToolBar dl.font_size, .ToolBar dl.share { line-height:40px; }
.ToolBar .colm_left a, .ToolBar dl.font_size a, .ToolBar dl.share dd a { line-height:38px; }
.ToolBar .colm_left a span::after, .ToolBar dl.font_size a::after, .ToolBar dl.share dd a::after { width:16px; height:16px; margin:-8px 0 0 -8px; }
	
.ToolBar dl.font_size + dl.share { margin-left:12px; }
.ToolBar dl.font_size + dl.share dt { padding-left:12px; }
.ToolBar dl.font_size + dl.share dt::after { 
	content:''; display:block; position:absolute; left:0; top:50%; width:1px; height:16px; margin-top:-8px; background-color:#767676; 
	}
}
.ToolBar a.sr-only { bottom:100%; }

/* 標題 */
.PageTitle { margin-bottom:12px; text-align:center; position:relative; }
.PageTitle h2 { position:relative; display:inline-block; color:#00005d; font-weight:700; line-height:1.75em; }
	@media screen and (max-width: 767px) {
	.PageTitle h2 { font-size:1.625rem; }
	}
	@media screen and (min-width: 768px) {
	.PageTitle h2 { font-size:1.875rem; }
	}
.PageTitle h2::after { 
	content:''; display:block; width:66px; height:12px; margin:0 auto; 
	background:url(../images/icon_wave.png) no-repeat 0 bottom; background-size:100%;
	}

.articleHeader { margin-bottom:20px; }
h3.articleTitle { margin-bottom:10px; position:relative; }
h3.articleTitle.tc { text-align:center; }
h3.articleTitle span { display:block; font-weight:700; font-size:1.625rem; line-height:1.6em; letter-spacing:0.15em; color:#00005d; }

.post_info { display:flex; align-items:center; flex-wrap:wrap; margin-bottom:25px; border-bottom:1px solid #dcdcdc; }
.post_info span { display:flex; align-items:center; margin-left:25px; line-height:2.25em; }
	.post_info span:first-child { margin-left:0; }
.post_info .date { font-family:'Montserrat', sans-serif; }
.post_info .date::before { 
	content:''; display:block; margin-right:4px; width:16px; height:16px; background:url(../images/icon_list.svg) no-repeat 0 10%; background-size:200%;
	}
.post_info .cat::before { 
	content:''; display:block; margin-right:4px; border-style:solid; border-width:16px 0 0 16px; border-top-color:transparent; 
	}
	/*--分類:會展新聞(cat1)、會展花絮(cat2)、課程與研究(cat3)*/
	.post_info .cat.cat1::before { border-left-color:#178ce4; }
	.post_info .cat.cat2::before { border-left-color:#dc1a48; }
	.post_info .cat.cat3::before { border-left-color:#44309e; }

/* 分類下拉 */
.CatTitle { 
	margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #ccc;
	display:flex; justify-content:space-between; flex-wrap:wrap;
	}
.CatTitle > * { flex:0 1 auto; }
.CatTitle h3 { font-size:1.5rem; line-height:46px; color:#3b3938; font-weight:500; }
.CatTitle .cat_select { display:flex; align-items:center; flex-wrap:wrap; font-size:0.875rem; color:#555; line-height:46px; }
.CatTitle .cat_select label { color:#666; }
.CatTitle .cat_select select { margin-left:10px; }
.CatTitle .cat_select .btn { margin-bottom:5px; margin-left:10px; }
.CatTitle .cat_select .btn button { 
	line-height:42px; padding:0 15px; background-color:#fff; border:2px solid #3b3938; color:#555; 
	position:relative; border-radius:23px;
	}
.CatTitle .cat_select .btn button:hover, .CatTitle .cat_select .btn button:focus { background-color:#ffcc66; box-shadow:0 0 10px rgba(0,0,0,0.3); color:#000; }

@media screen and (max-width: 539px) {
.CatTitle { flex-direction:column; }
}
@media screen and (min-width: 540px) {
.CatTitle { align-items:center; }
}

@media screen and (min-width: 1024px) {
.CatTitle .cat_select select { width:250px; }
}

/* 列表搜尋 */
.ListSearch { display:flex; align-items:flex-end; flex-wrap:wrap; margin-bottom:50px; background-color:#f8f8f8; }
.ListSearch .item { margin-bottom:10px; }
.ListSearch .item .label { font-weight:700; font-size:1.125rem; line-height:2.66em; }
.ListSearch .btn { margin-bottom:10px; }
.ListSearch .btn button { margin-bottom:5px; padding:0 20px; background-color:#202020; color:#fff; line-height:46px; }
.ListSearch .btn button:hover, .ListSearch .btn button:focus { background-color:#e80067; }
@media screen and (max-width: 767px) {
.ListSearch { padding:12px 15px 12px 15px; }
.ListSearch .item { margin-right:20px; }
.ListSearch .item .label { font-size:1rem; line-height:2em; }
}
@media screen and (min-width: 768px) and (max-width: 1599px) {
.ListSearch { padding:1.875vw 3.125vw 1.875vw 3.125vw; }
.ListSearch .item { margin-right:2.5vw; }
}
@media screen and (min-width: 1600px) {
.ListSearch { padding:30px 50px 30px 50px; }
.ListSearch .item { margin-right:40px; }
}

/* 頁碼 */
#Pagination { margin-top:70px; margin-bottom:20px; clear:both; color:#636363; }
#Pagination .pages { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; }
#Pagination a { margin:0 5px; position:relative; text-align:center; padding-left:0.1em; text-decoration:none; }
	
#Pagination .setting { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; padding-top:10px; line-height:30px; font-size:0.875rem; }
#Pagination .setting select, #Pagination .setting input[type="text"], #Pagination .setting input[type="button"] { 
	font-size:0.875rem; transition:all ease 0.3s;
	}
#Pagination .setting select { padding:0 5px; }
#Pagination .setting input[type="text"] { width:50px; padding:0 10px; }
#Pagination .setting select, #Pagination .setting input[type="text"] {
	background-color:#fff; border:1px solid #3b3b3b; height:30px; border-radius:15px; 
	font-family:'Montserrat', sans-serif; color:#555; 
	}
#Pagination .setting select:focus, #Pagination .setting input[type="text"]:focus {
	background-color:#ffedf4; border-color:#e80067; color:#000;
	}
#Pagination .setting input[type="button"] {
	padding:0 12px; margin-left:6px; background-color:#202020; height:30px; line-height:30px; color:#fff; border-radius:15px;
	}
#Pagination .setting input[type="button"]:hover, #Pagination .setting input[type="button"]:focus { background-color:#e80067; }

@media screen and (max-width: 1023px) {
#Pagination a { display:none; border:2px solid #202020; color:#202020; border-radius:20px; line-height:36px; padding:0 15px; }
#Pagination a:hover, #Pagination a:focus { background-color:#e80067; color:#fff; }
#Pagination .dev-script-oper { display:none; }
}
	@media screen and (max-width: 479px) {
	#Pagination a.prev, #Pagination a.next { display:inline-block; }
	}
	@media screen and (min-width: 480px) and (max-width: 1023px) {
	#Pagination a.first, #Pagination a.prev, #Pagination a.next, #Pagination a.last { display:inline-block; }
	}
@media screen and (min-width: 1024px) {
#Pagination a { 
	width:32px; height:32px; line-height:32px; border:1px solid #fff; border-radius:16px; 
	font-family:'Montserrat', sans-serif; color:#555; 
	}
#Pagination a:hover, #Pagination a:focus { background-color:#ffedf4; color:#000; }
#Pagination a.focuz { border-color:#fd3784; color:#000; }
#Pagination a.first, #Pagination a.last, #Pagination a.prev, #Pagination a.next { text-indent:-99px; overflow:hidden; }
#Pagination a.first::before, #Pagination a.first::after, 
#Pagination a.last::before, #Pagination a.last::after, 
#Pagination a.prev::before, #Pagination a.next::before { 
	content:''; position:absolute; top:50%; margin-top:-3px; width:6px; height:6px; border-top:1px solid #666; border-left:1px solid #666; 
	}
#Pagination a.first::before, #Pagination a.first::after, #Pagination a.prev::before { 
	transform:rotate(-45deg);
	}
#Pagination a.last::before, #Pagination a.last::after, #Pagination a.next::before { 
	transform:rotate(135deg);
	}
	#Pagination a.first::before { left:12px; }
	#Pagination a.first::after { left:16px; }
	#Pagination a.prev::before { left:14px; }
	#Pagination a.last::before { right:12px; }
	#Pagination a.last::after { right:16px; }
	#Pagination a.next::before { right:14px; }
#Pagination a.first:hover::before, #Pagination a.first:focus::before, #Pagination a.first:hover::after,  #Pagination a.first:focus::after, 
#Pagination a.last:hover::before, #Pagination a.last:focus::before, #Pagination a.last:hover::after, #Pagination a.last:focus::after, 
#Pagination a.prev:hover::before, #Pagination a.prev:focus::before, #Pagination a.next:hover::before, #Pagination a.next:focus::before { 
	border-color:#000; 
	}
}

/* 內頁頁碼 */
.inPagination { margin-top:30px; margin-bottom:20px; clear:both; color:#636363; }
.inPagination .pages { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; }
.inPagination a { margin:0 5px; position:relative; text-align:center; padding-left:0.1em; text-decoration:none; }

.inPagination a { 
	width:32px; height:32px; line-height:32px; border:1px solid #fff; border-radius:16px; 
	font-family:'Montserrat', sans-serif; color:#555; 
	}
.inPagination a:hover, .inPagination a:focus { background-color:#ffedf4; color:#000; }
.inPagination a.focuz { border-color:#fd3784; color:#000; }

/* 上/下一篇文章 */
.prevNextLink { margin:50px 0 20px; padding-top:20px; border-top:1px solid #dcdcdc; display:flex; flex-wrap:wrap; }
.prevNextLink > div { margin:10px 0; }
.prevNextLink .next { text-align:right; }
@media screen and (max-width: 639px) {
.prevNextLink .prev { width:100%; }
.prevNextLink .next { width:100%; }
}
@media screen and (min-width: 640px) {
.prevNextLink .prev { width:50%; }
.prevNextLink .next { width:50%; }
}
	@media screen and (min-width: 640px) and (max-width: 1023px) {
	.prevNextLink .prev { padding-right:20px; }
	.prevNextLink .next { padding-left:20px; }
	}
	@media screen and (min-width: 1024px) {
	.prevNextLink .prev { padding-right:50px; }
	.prevNextLink .next { padding-left:50px; }
	}
.prevNextLink a { display:block; border-color:#202020; border-style:solid; padding:10px 15px; line-height:1.5em; text-decoration:none; position:relative; }
	.prevNextLink .prev a { border-width:0 0 0 3px; padding-left:40px; }
	.prevNextLink .next a { border-width:0 3px 0 0; padding-right:40px; }
	.prevNextLink a:hover, .prevNextLink a:focus { border-color:#00005d; background-color:#00005d; }
.prevNextLink a::after { 
	content:''; display:block; position:absolute; top:50%; width:20px; height:20px; margin-top:-10px; 
	background:url(../images/icon_arrow.png) no-repeat 50% 40%; background-size:300%;
	}
	.prevNextLink .prev a::after { left:10px; transform:rotate(-180deg); }
	.prevNextLink .next a::after { right:10px; }
.prevNextLink a:hover::after, .prevNextLink a:focus::after { background-position:right 40%; }
.prevNextLink span { display:block; transition:all 0.3s ease; }
.prevNextLink .label { color:#636363; font-size:0.875rem; }
.prevNextLink .title { margin-top:5px; color:#202020; }
.prevNextLink a:hover span, .prevNextLink a:focus span { color:#fff; }

/* Scrollable Table */
.ScrableTblOuter { position:relative; }
.ScrableTbl { width:100%; overflow-y:auto; _overflow:auto; -webkit-overflow-scrolling:touch; }
.ScrableTbl::-webkit-scrollbar { -webkit-appearance:none; width:14px; height:14px; }
.ScrableTbl::-webkit-scrollbar-thumb { border-radius:8px; border:3px solid #fff; background-color:rgba(0, 0, 0, .3); }
.ScrableTbl::-webkit-scrollbar-thumb:hover { background-color:#e80067; }
/* 左右方向鍵 */
.ScrableTblScrCtrl { margin-top:-30px; text-align:right; }
.ScrableTblScrCtrl span { 
	display:inline-block; width:28px; height:28px; position:relative; 
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	transition: all 0.3s ease;
	}
.ScrableTblScrCtrl span:hover, .ScrableTblScrCtrl span:focus { background-color:#00005d; }
.ScrableTblScrCtrl span.disabled { background-color:#ccc; cursor:default; }
.ScrableTblScrCtrl span::before { 
	content:''; display:block; width:8px; height:8px; position:absolute; top:50%; 
	border-top:2px solid #666; border-right:2px solid #666;
	transition: all 0.3s ease;
	}
	.ScrableTblScrCtrl span.scroll_left::before { 
		left:50%; margin:-5px 0 0 -3px;
		transform: rotate(-135deg);
		}
	.ScrableTblScrCtrl span.scroll_right::before { 
		right:50%; margin:-5px -3px 0 0;
		transform: rotate(45deg);
		}
.ScrableTblScrCtrl span:hover::before, .ScrableTblScrCtrl span:focus::before { border-color:#fff; }


/*----------------------------------------------------------------------*/
/* 認識高雄 */
.MeetKHBlock + .MeetKHBlock { border-top:6px solid #202020; }
	@media screen and (max-width: 799px) {
	.MeetKHBlock + .MeetKHBlock { margin-top:100px; padding-top:30px; }
	}
	@media screen and (min-width: 800px) {
	.MeetKHBlock + .MeetKHBlock { margin-top:80px; padding-top:50px; }
	}
/*.MeetKHIntro::before { 
	content:''; display:block; position:fixed; top:0; left:0; width:100vw; height:100vh; 
	background:url(../images/bg_meetkaohsiung.png) repeat-x 0 0; z-index:-1; 
	}*/

/* slider */
.MeetKHSlider a { cursor:default; }
.MeetKHSlider a:hover, .MeetKHSlider a:focus {  }
.MeetKHSlider a:focus::after { 
	content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; border:4px dashed #ee3a7f; box-sizing:border-box; 
	}
.MeetKHSlider img { display:block; width:100%; }

/* owl-carousel */
.MeetKHSlider .owl-nav > div {
	position:absolute; top:50%; background-color:rgba(255,255,255,0.5); text-indent:-999px; z-index:9999; overflow:hidden;
	border:1px solid #202020; border-radius:50%; transition:all 0.3s ease;
	}
	.MeetKHSlider .owl-nav > div:hover { background-color:#17176c; box-shadow:0 0 8px rgba(0,0,0,0.5); }
.MeetKHSlider .owl-nav > div::after { 
	content:''; display:block; position:absolute; top:50%; background:url(../images/icon_arrow.png) no-repeat 0 80%; background-size:300%;
	}
	.MeetKHSlider .owl-nav .owl-prev::after { left:50%; transform:rotate(-180deg); }
	.MeetKHSlider .owl-nav .owl-next::after { right:50%; }
.MeetKHSlider .owl-nav > div:hover::after { background-position:right 20%; }
.MeetKHSlider .owl-nav .disabled { display:none; }

@media screen and (max-width: 639px) {
.MeetKHSlider .owl-nav > div { margin-top:-18px; width:36px; height:36px; }
.MeetKHSlider .owl-nav .owl-prev { left:-5px; }
.MeetKHSlider .owl-nav .owl-next { right:-5px; }
.MeetKHSlider .owl-nav > div::after { width:16px; height:16px; margin-top:-8px; }
.MeetKHSlider .owl-nav .owl-prev::after { margin-left:-8px; }
.MeetKHSlider .owl-nav .owl-next::after { margin-right:-8px; }
}
@media screen and (min-width: 640px) and (max-width: 1279px) {
.MeetKHSlider .owl-nav > div { margin-top:-24px; width:48px; height:48px; }
.MeetKHSlider .owl-nav .owl-prev { left:-15px; }
.MeetKHSlider .owl-nav .owl-next { right:-15px; }
.MeetKHSlider .owl-nav > div::after { width:18px; height:18px; margin-top:-9px; }
.MeetKHSlider .owl-nav .owl-prev::after { margin-left:-9px; }
.MeetKHSlider .owl-nav .owl-next::after { margin-right:-9px; }
}
@media screen and (min-width: 1280px) {
.MeetKHSlider .owl-nav > div { margin-top:-30px; width:60px; height:60px; }
.MeetKHSlider .owl-nav .owl-prev { left:-30px; }
.MeetKHSlider .owl-nav .owl-next { right:-30px; }
.MeetKHSlider .owl-nav > div::after { width:18px; height:18px; margin-top:-9px; }
.MeetKHSlider .owl-nav .owl-prev::after { margin-left:-9px; }
.MeetKHSlider .owl-nav .owl-next::after { margin-right:-9px; }
}

.MeetKHSlider .owl-dots { position:absolute; left:0; bottom:-20px; width:100%; text-align:center; line-height:0; }
.MeetKHSlider .owl-dots .owl-dot { 
	display:inline-block; border:2px solid #636363; background-color:#fff; width:12px; height:12px; margin:0 6px; border-radius:50%; 
	}
.MeetKHSlider .owl-dots .owl-dot.active, .MeetKHSlider .owl-dots .owl-dot:hover { 
	background-color:#fd3784; border-color:#fd3784;
	}

/* 高雄介紹 */
.MeetKHIntro .header { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; }
.MeetKHIntro .header .img img { display:block; max-width:100%; max-height:100%; }

.MeetKHIntro .header .cont h3 { margin-bottom:30px; font-size:1.625rem; font-weight:700; letter-spacing:0.15em; line-height:1.5em; }
.MeetKHIntro .header .cont h3 span { margin-left:6px; font-family:'Roboto', sans-serif; font-size:1.75rem; font-weight:700; letter-spacing:0.1em; }
.MeetKHIntro .header .cont li { margin-top:15px; padding-left:16px; line-height:1.875rem; letter-spacing:0.15em; }
.MeetKHIntro .header .cont li span { display:inline-block; }
.MeetKHIntro .header .cont li span.label { position:relative; }
.MeetKHIntro .header .cont li span.label::after { 
	content:''; display:block; position:absolute; top:0.75em; left:-16px; width:6px; height:6px; background-color:#202020; 
	}
.MeetKHIntro .header .cont li span.num { margin:0 10px; font-family:'Roboto', sans-serif; font-size:3rem; font-weight:700; line-height:1.25em; letter-spacing:0.05em; }

.MeetKHIntro .section { display:flex; justify-content:space-between; flex-wrap:wrap; margin-top:80px; }
.MeetKHIntro .section h4 { margin-bottom:20px; padding-left:10px; border-left:6px solid #202020; font-size:1.125rem; font-weight:700; line-height:1.5em; }
.MeetKHIntro .section .slider { width:44%; padding-top:0.28125rem; }

/* RWD */
@media screen and (max-width: 599px) {
.MeetKHIntro .header .cont li span.label {  display:block; }
}

@media screen and (max-width: 799px) {
.MeetKHIntro .header .img { width:100%; max-width:480px; margin:20px auto 30px; }
.MeetKHIntro .header .cont { width:100%; }
.MeetKHIntro .section .cont { width:100%; }
.MeetKHIntro .section .slider { width:100%; max-width:640px; margin:20px auto 0; }
}
@media screen and (min-width: 800px) {
.MeetKHIntro .header .cont { width:50%; }
}
	@media screen and (min-width: 800px) and (max-width: 1023px) {
	.MeetKHIntro .header .img { width:45%; }
	.MeetKHIntro .section .cont { width:44%; }
	.MeetKHIntro .section .slider { width:54%; }
	}
	@media screen and (min-width: 1024px) {
	.MeetKHIntro .header .img { width:40%; }
	.MeetKHIntro .section .cont { width:50%; }
	.MeetKHIntro .section .slider { width:44%; }
	}

/* 亞洲新灣區五大建設 */
.MeetKHConstr .header { margin-bottom:30px; }
.MeetKHConstr .header h3 { margin-bottom:1.4em; font-size:1.625rem; font-weight:700; line-height:1.2em; }

.MeetKHConstr .constr_list { position:relative; }
.MeetKHConstr .constr_list > div { display:flex; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; }
.MeetKHConstr .constr_list .item > div { 
	display:flex; align-items:flex-start; justify-content:space-between; flex-wrap:wrap;padding:20px; border:1px solid #202020; position:relative; 
	}

.MeetKHConstr .constr_list .img > div { padding-bottom:62.5%; background-repeat:no-repeat; background-position:center center; background-size:cover; }
.MeetKHConstr .constr_list .sn { 
	position:absolute; top:-30px; left:-30px; width:60px; height:60px; line-height:60px; text-align:center; background-color:#202020;
	color:#fff; font-family:'Roboto', sans-serif; font-weight:700; font-size:1.75rem; 
	}
.MeetKHConstr .constr_list .title { margin-bottom:5px; padding-left:10px; border-left:6px solid #202020; font-size:1.125rem; font-weight:700; line-height:1.5em; }
.MeetKHConstr .constr_list .desc { line-height:2rem; letter-spacing:0.15em; }
.MeetKHConstr .constr_list .plate { 
	position:absolute; top:0; right:0; width:50%; height:345px; background-repeat:no-repeat; background-position:center center; background-size:contain; 
	}

/* RWD */
@media screen and (max-width: 639px) {
.MeetKHConstr .constr_list .item { width:100%; padding:20px 0 0 20px; margin-top:60px; }
.MeetKHConstr .constr_list .item:nth-child(1) { margin-top:20px; }
.MeetKHConstr .constr_list .item > div { max-width:420px; }
.MeetKHConstr .constr_list .item:nth-child(odd) > div { margin-right:auto; }
.MeetKHConstr .constr_list .item:nth-child(even) > div { margin-left:auto; }
.MeetKHConstr .constr_list .img { width:100%; }
.MeetKHConstr .constr_list .cont { width:100%; padding-top:20px; }
.MeetKHConstr .constr_list .sn { top:-20px; left:-20px; }
.MeetKHConstr .constr_list .plate { display:none; }
}
@media screen and (min-width: 640px) and (max-width: 959px) {
.MeetKHConstr .constr_list .item { width:100%; padding:20px 0 0 20px; margin-top:60px; }
.MeetKHConstr .constr_list .item:nth-child(1) { margin-top:20px; }
.MeetKHConstr .constr_list .img { width:45%; }
.MeetKHConstr .constr_list .cont { width:50%; }
.MeetKHConstr .constr_list .sn { top:-20px; left:-20px; }
.MeetKHConstr .constr_list .plate { display:none; }
}
@media screen and (min-width: 960px) {
.MeetKHConstr .constr_list { padding-top:50px; }
.MeetKHConstr .constr_list > div { padding-top:375px; }
.MeetKHConstr .constr_list .item { width:45.83%; padding:30px 0 0 30px; margin-bottom:80px; margin-top:-375px; }
.MeetKHConstr .constr_list .item:nth-child(1n+2) { margin-top:-295px; }
.MeetKHConstr .constr_list .item:last-child { margin-bottom:0; }
.MeetKHConstr .constr_list .item:nth-child(even) { margin-left:calc(100% - 45.83%); }
.MeetKHConstr .constr_list .img { width:100%; }
.MeetKHConstr .constr_list .cont { width:100%; padding-top:20px; }
.MeetKHConstr .constr_list .sn { top:-30px; left:-30px; }
}

/* 得獎榮耀 */
.MeetKHAward .header h3 { font-size:1.625rem; font-weight:700; line-height:1.2em; }

.MeetKHAward .section { display:flex; justify-content:space-between; flex-wrap:wrap; margin-top:80px; }
	.MeetKHAward .header + .section { margin-top:50px; }
.MeetKHAward .section h4 { margin-bottom:5px; padding-left:10px; border-left:6px solid #202020; font-size:1.125rem; font-weight:700; line-height:1.5em; }
.MeetKHAward .section h4 span { margin-left:10px; font-family:'Roboto', sans-serif; text-transform:uppercase; }
.MeetKHAward .section .cont li { border-bottom:1px solid #202020; padding:0.8em 0; line-height:1.875em; }
.MeetKHAward .section .cont .label { padding-left:24px; font-weight:700; position:relative; }
.MeetKHAward .section .cont .label::before { 
	content:''; display:block; position:absolute; top:0.46875em; left:0; width:14px; height:15px; background-color:#202020; 
	clip-path: polygon(50% 0%, 65% 25%, 93% 25%, 79% 51%, 93% 75%, 65% 75%, 50% 100%, 35% 75%, 7% 75%, 21% 51%, 7% 25%, 35% 25%);
	}

.MeetKHAward .section .slider { padding-top:0.28125rem; }

/* RWD */
@media screen and (max-width: 799px) {
.MeetKHAward .section .cont { width:100%; }
.MeetKHAward .section .slider { width:100%; max-width:640px; margin:20px auto 0; }
}
@media screen and (min-width: 800px) and (max-width: 1023px) {
.MeetKHAward .section .cont { width:44%; }
.MeetKHAward .section .slider { width:54%; }
}
@media screen and (min-width: 1024px) {
.MeetKHAward .section .cont { width:50%; }
.MeetKHAward .section .slider { width:44%; }
}


/*----------------------------------------------------------------------*/
/* 全球港灣城市論壇 */
/* 通用設定 */
.GHCFBlock { position:relative; }
.GHCFBlock > * { margin:45px 0; }
.GHCFBlock ~ .GHCFBlock { border-top:6px solid #202020; margin-top:60px; }
	@media screen and (max-width: 639px) {
	.GHCFBlock ~ .GHCFBlock { padding-top:25px; }
	}
	@media screen and (min-width: 640px) {
	.GHCFBlock ~ .GHCFBlock { padding-top:40px; }
	}

.GHCFBlock .anchor { position:absolute; top:-60px; }
.GHCFBlock .btn_return_list { position:absolute; top:100%; right:0; width:100%; padding:3px 0; margin:0; text-align:center; display:block; z-index:1; }
.GHCFBlock .btn_return_list a { 
	width:1px; height:1px; margin:-1px 0 0 -1px; overflow:hidden; background-color:#fff; 
	display:inline-flex; align-items:center; padding:0 20px; color:#fff; font-weight:500; line-height:40px; text-decoration:none; 
	}
.GHCFBlock .btn_return_list a::after { 
	content:''; display:block; width:18px; height:18px; margin-left:10px; background:url(../images/icon_arrow.png) no-repeat right 20%; background-size:300%; 
	}
.GHCFBlock .btn_return_list a:focus { width:auto; height:auto; margin:0; overflow:visible; background-color:#e80067; }

.GHCFBlock > div:first-of-type { margin-top:0; }
.GHCFBlock > div:last-of-type { margin-bottom:0; }

/* 通用元素 */
.GHCFBlock .title_level_3 { margin-top:80px; }
.GHCFBlock .title_level_3 h3 { font-weight:700; font-size:1.625rem; line-height:1.15em; letter-spacing:0.15em; }
.GHCFBlock .title_level_4 h4 { padding-left:10px; border-left:6px solid #202020; font-size:1.125rem; font-weight:700; line-height:1.66em; }
	.GHCFBlock .title_level_4 + * { margin-top:-15px; }
.GHCFBlock .text_area { line-height:1.875em; letter-spacing:0.15em; }
.GHCFBlock .text_area p { margin:1em 0; }
.GHCFBlock .text_area > *:first-child { margin-top:0; }
.GHCFBlock .text_area > *:last-child { margin-bottom:0; }
.GHCFBlock .img_center { text-align:center; }
.GHCFBlock .img_center div { margin:15px 0; }
.GHCFBlock .img_center div:first-child { margin-top:0; }
.GHCFBlock .img_center div:last-child { margin-bottom:0; }
.GHCFBlock .img_center img { display:inline-block; max-width:100%; }

/* slider */
.ghcf_slider_wrap .title { margin-bottom:20px; }
.ghcf_slider_wrap .title h4 { padding-left:10px; border-left:6px solid #202020; font-size:1.125rem; font-weight:700; line-height:1.66em; }
.ghcf_slider_wrap .list { margin:0 -10px; }
	@media screen and (max-width: 399px) {
	.ghcf_slider_wrap .list { margin:0; }
	}
.ghcf_slider_wrap .list .item { height:100%; padding:10px; }
.ghcf_slider_wrap .list .item > div { height:100%; max-width:200px; margin:0 auto; }
.ghcf_slider_wrap .list a { 
	display:block; padding-bottom:100%; overflow:hidden; position:relative;
	background-repeat:no-repeat; background-position:center center; background-size:cover; 
	}
.ghcf_slider_wrap .list a span { display:block; position:absolute; top:0; left:0; text-indent:-999px; }

/* owl-carousel */
.ghcf_slider_wrap .list .owl-carousel { padding-bottom:20px; }
.ghcf_slider_wrap .list .owl-nav > div {
	position:absolute; top:50%; background-color:rgba(255,255,255,0.5); text-indent:-999px; z-index:9999; overflow:hidden;
	border:1px solid #202020; border-radius:50%; transition:all 0.3s ease;
	}
	.ghcf_slider_wrap .list .owl-nav > div:hover { background-color:#17176c; box-shadow:0 0 8px rgba(0,0,0,0.5); }
.ghcf_slider_wrap .list .owl-nav > div::after { 
	content:''; display:block; position:absolute; top:50%; background:url(../images/icon_arrow.png) no-repeat 0 80%; background-size:300%;
	}
	.ghcf_slider_wrap .list .owl-nav .owl-prev::after { left:50%; transform:rotate(-180deg); }
	.ghcf_slider_wrap .list .owl-nav .owl-next::after { right:50%; }
.ghcf_slider_wrap .list .owl-nav > div:hover::after { background-position:right 20%; }
.ghcf_slider_wrap .list .owl-nav .disabled { display:none; }

@media screen and (max-width: 639px) {
.ghcf_slider_wrap .list .owl-nav > div { margin-top:-18px; width:36px; height:36px; }
.ghcf_slider_wrap .list .owl-nav .owl-prev { left:5px; }
.ghcf_slider_wrap .list .owl-nav .owl-next { right:5px; }
.ghcf_slider_wrap .list .owl-nav > div::after { width:16px; height:16px; margin-top:-8px; }
.ghcf_slider_wrap .list .owl-nav .owl-prev::after { margin-left:-8px; }
.ghcf_slider_wrap .list .owl-nav .owl-next::after { margin-right:-8px; }
}
@media screen and (min-width: 640px) and (max-width: 1279px) {
.ghcf_slider_wrap .list .owl-nav > div { margin-top:-24px; width:48px; height:48px; }
.ghcf_slider_wrap .list .owl-nav .owl-prev { left:-5px; }
.ghcf_slider_wrap .list .owl-nav .owl-next { right:-5px; }
.ghcf_slider_wrap .list .owl-nav > div::after { width:18px; height:18px; margin-top:-9px; }
.ghcf_slider_wrap .list .owl-nav .owl-prev::after { margin-left:-9px; }
.ghcf_slider_wrap .list .owl-nav .owl-next::after { margin-right:-9px; }
}
@media screen and (min-width: 1280px) and (max-width: 1439px) {
.ghcf_slider_wrap .list .owl-nav > div { margin-top:-30px; width:60px; height:60px; }
.ghcf_slider_wrap .list .owl-nav .owl-prev { left:-5px; }
.ghcf_slider_wrap .list .owl-nav .owl-next { right:-5px; }
.ghcf_slider_wrap .list .owl-nav > div::after { width:18px; height:18px; margin-top:-9px; }
.ghcf_slider_wrap .list .owl-nav .owl-prev::after { margin-left:-9px; }
.ghcf_slider_wrap .list .owl-nav .owl-next::after { margin-right:-9px; }
}
@media screen and (min-width: 1440px) {
.ghcf_slider_wrap .list .owl-nav > div { margin-top:-30px; width:60px; height:60px; }
.ghcf_slider_wrap .list .owl-nav .owl-prev { left:-70px; }
.ghcf_slider_wrap .list .owl-nav .owl-next { right:-70px; }
.ghcf_slider_wrap .list .owl-nav > div::after { width:18px; height:18px; margin-top:-9px; }
.ghcf_slider_wrap .list .owl-nav .owl-prev::after { margin-left:-9px; }
.ghcf_slider_wrap .list .owl-nav .owl-next::after { margin-right:-9px; }
}

.ghcf_slider_wrap .list .owl-dots { position:absolute; left:0; bottom:0; width:100%; text-align:center; line-height:0; }
.ghcf_slider_wrap .list .owl-dots .owl-dot { 
	display:inline-block; border:2px solid #636363; background-color:#fff; width:12px; height:12px; margin:0 6px; border-radius:50%; 
	}
.ghcf_slider_wrap .list .owl-dots .owl-dot.active, .ghcf_slider_wrap .list .owl-dots .owl-dot:hover { 
	background-color:#fd3784; border-color:#fd3784;
	}

/* 來賓發言 */
.ghcf_guest_speech .item { display:flex; align-items:flex-start; flex-wrap:wrap; margin-top:80px; }
	.ghcf_guest_speech .item:first-child { margin-top:0; }
.ghcf_guest_speech .img { padding-right:8.33%; position:relative; }
.ghcf_guest_speech .img > div { 
	padding-bottom:55.1724%; 
	background-repeat:no-repeat; background-position:center center; background-size:cover; 
	}
.ghcf_guest_speech .img > div::after { 
	content:''; display:block; width:30.55%; padding-bottom:30.55%; position:absolute; bottom:0; right:0; background-color:#fff; z-index:1;
	}
.ghcf_guest_speech .img .portrait { 
	width:27.77%; padding-bottom:27.77%; position:absolute; bottom:0; right:0; z-index:2;
	background-repeat:no-repeat; background-position:center center; background-size:cover; 
	}
.ghcf_guest_speech .cont { position:relative; }
.ghcf_guest_speech .cont .guest { margin-bottom:20px; }
.ghcf_guest_speech .cont .guest h4 { padding-left:10px; border-left:6px solid #202020; font-size:1.125rem; font-weight:700; line-height:1.66em; }
.ghcf_guest_speech .cont .guest h4 span { display:inline-block; }
.ghcf_guest_speech .cont .guest h4 .title { margin-left:10px; }
.ghcf_guest_speech .cont .btn { margin-top:35px; display:flex; justify-content:flex-end; }
.ghcf_guest_speech .cont .btn a { 
	display:inline-block; border-bottom:2px solid #202020; padding-right:70px; color:#202020; line-height:2em; text-decoration:none; position:relative; 
	}
.ghcf_guest_speech .cont .btn a:hover, .ghcf_guest_speech .cont .btn a:focus { border-bottom-color:#e80067; color:#e80067; }
.ghcf_guest_speech .cont .btn a::after { 
	content:''; display:block; position:absolute; top:50%; right:0; width:14px; height:14px; margin:-7px 0 0 -7px; transform:rotate(-45deg);
	background:url(../images/icon_arrow.png) 0 80% no-repeat; background-size:300%; 
	}
.ghcf_guest_speech .cont .btn a:hover::after, .ghcf_guest_speech .cont .btn a:focus::after { background-position:50% 80%; }
@media screen and (max-width: 959px) {
.ghcf_guest_speech .img { width:100%; max-width:600px; margin:0 auto; }
.ghcf_guest_speech .cont { width:100%; max-width:800px; margin:30px auto 0; }
}
@media screen and (min-width: 960px) {
.ghcf_guest_speech .img { width:56.66%; }
.ghcf_guest_speech .cont { width:43.34%; padding-left:30px; }
}

/* 選擇 */
.PreviousGHCF { position:relative; }
	@media screen and (max-width: 639px) {
	.PreviousGHCF { margin:60px 0; }
	}
	@media screen and (min-width: 640px) and (max-width: 959px) {
	.PreviousGHCF { margin:80px 0; }
	}
	@media screen and (min-width: 960px) {
	.PreviousGHCF { margin:100px 0; }
	}
.PreviousGHCF .anchor { position:absolute; top:-60px; }
.PreviousGHCF dl { display:flex; justify-content:space-between; flex-wrap:wrap; }
.PreviousGHCF dt { width:100%; padding-left:10px; border-left:6px solid #202020; font-size:1.125rem; font-weight:700; line-height:1.66em; }
	@media screen and (max-width: 639px) {
	.PreviousGHCF dt { width:100%; margin-bottom:30px; }
	}
	@media screen and (min-width: 640px) {
	.PreviousGHCF dt { width:100%; margin-bottom:45px; }
	}
.PreviousGHCF dl a { 
	display:flex; align-items:center; align-content:center; flex-wrap:wrap; 
	background-color:#fff; border:1px solid #000; position:relative;
	color:#202020; text-decoration:none; 
	}
.PreviousGHCF dl a::after {
	content:''; display:block; position:absolute; width:100%; height:100%; 
	background-color:#466cab; border:1px solid #000; box-sizing:border-box; z-index:-1; transition:all 0.3s ease;
	}
.PreviousGHCF dl a .year { font-family:'Roboto', sans-serif; font-size:2.625rem; font-weight:900; line-height:1.2em; letter-spacing:0; }
.PreviousGHCF dl a .title { font-weight:700; font-size:1.125rem; line-height:1.5em; }
.PreviousGHCF dl a .arrow::after { 
	content:''; display:block; width:16px; height:16px; 
	background:url(../images/icon_arrow.png) no-repeat 0 80%; background-size:300%; 
	}
/* RWD */
@media screen and (max-width: 639px) {
.PreviousGHCF { margin-bottom:48px; }
}
@media screen and (min-width: 640px) and (max-width: 959px) {
.PreviousGHCF { margin-bottom:10vw; }
}
@media screen and (min-width: 960px) {
.PreviousGHCF { margin-bottom:96px; }
}

@media screen and (max-width: 639px) {
.PreviousGHCF dl dd { width:100%; margin-bottom:20px; }
.PreviousGHCF dl dd:last-child { margin-top:0; }
.PreviousGHCF dl a { padding:10px 20px; }
.PreviousGHCF dl a .arrow { position:absolute; top:50%; right:10px; margin-top:-8px; }
}
	@media screen and (max-width: 479px) {
	.PreviousGHCF dl a .year, .PreviousGHCF dl a .title { width:100%; }
	}
	@media screen and (min-width: 480px) and (max-width: 639px) {
	.PreviousGHCF dl a .title { margin-left:20px; }
	}
@media screen and (min-width: 640px) {
.PreviousGHCF dl a { justify-content:center; }
.PreviousGHCF dl a span { display:block; width:100%; text-align:center; }
.PreviousGHCF dl a .title { max-width:6.6em; }
.PreviousGHCF dl a .arrow::after { margin:10px auto 0; transform:rotate(90deg); }
}
	@media screen and (min-width: 640px) and (max-width: 767px) {
	.PreviousGHCF dl a { padding:0 15px; width:20.5vw; height:160px; }
	.fs3 .PreviousGHCF dl a { height:180px; }
	}
	@media screen and (min-width: 768px) and (max-width: 956px) {
	.PreviousGHCF dl a { padding:0 15px; width:20vw; height:180px; }
	.fs3 .PreviousGHCF dl a { height:200px; }
	}
	@media screen and (min-width: 960px) {
	.PreviousGHCF dl a { padding:0 20px; width:200px; height:200px; }
	}

@media screen and (min-width: 640px) and (max-width: 767px) {
.PreviousGHCF dl a .year { font-size:2.25rem; }
.PreviousGHCF dl a .title { font-size:1rem; }
}

@media screen and (max-width: 639px) {
.PreviousGHCF dl a::after { top:6px; left:6px; }
}
@media screen and (min-width: 640px) {
.PreviousGHCF dl a::after { top:10px; left:10px; }
}

/* hover */
.PreviousGHCF dl a:hover, .PreviousGHCF dl a:focus { background-color:#466cab; color:#fff; box-shadow:0 0 20px rgba(0,0,0,0.2); }
.PreviousGHCF dl a:hover .arrow::after, .PreviousGHCF dl a:focus .arrow::after { background-position:right 20%; }
.PreviousGHCF dl a:hover::after, .PreviousGHCF dl a:focus::after { top:0; left:0; }

/* GHCF相關新聞 */
.GHCFRelatedNews { border-top:6px solid #202020; margin-top:60px; padding-top:40px; }
.GHCFRelatedNews .title h3 { margin-bottom:15px; font-size:1.625rem; font-weight:700; line-height:1.5em; }
.GHCFRelatedNews .list { margin:0 -10px; }
.GHCFRelatedNews .list .item { height:100%; padding:0 10px; }
.GHCFRelatedNews .list .item > div { height:100%; max-width:280px; margin:0 auto; }
.GHCFRelatedNews .list .img { 
	padding-bottom:66.6666%; background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative;
	}
.GHCFRelatedNews .list .cont { padding-top:10px; }
.GHCFRelatedNews .list .title a { display:block; font-weight:500; color:#202020; line-height:1.5em; text-decoration:none; }
	.GHCFRelatedNews .list .title a:hover, .GHCFRelatedNews .list .title a:focus { color:#e80067; }
.GHCFRelatedNews .list .date { 
	border-top:1px solid #202020; margin-top:12px; padding-top:10px; 
	font-family:'Roboto', sans-serif; font-size:0.875rem; letter-spacing:0.15em; line-height:1.6em; 
	}

@media screen and (max-width: 459px) {
.GHCFRelatedNews .list { margin:0; }
.GHCFRelatedNews .list .item { padding:0; }
}
@media screen and (min-width: 460px) and (max-width: 539px) {
.GHCFRelatedNews .list .title a { font-size:0.9375rem; }
}
@media screen and (min-width: 700px) and (max-width: 799px) {
.GHCFRelatedNews .list .title a { font-size:0.9375rem; }
}
@media screen and (min-width: 900px) and (max-width: 1023px) {
.GHCFRelatedNews .list .title a { font-size:0.9375rem; }
}

/* owl-carousel */
.GHCFRelatedNews .list .owl-carousel { padding-bottom:40px; }
.GHCFRelatedNews .list .owl-nav > div {
	position:absolute; top:50%; background-color:rgba(255,255,255,0.5); text-indent:-999px; z-index:9999; overflow:hidden;
	border:1px solid #17176c; border-radius:50%; transition:all 0.3s ease;
	}
	.GHCFRelatedNews .list .owl-nav > div:hover { background-color:#17176c; box-shadow:0 0 8px rgba(0,0,0,0.5); }
.GHCFRelatedNews .list .owl-nav > div::after { 
	content:''; display:block; position:absolute; top:50%; background:url(../images/icon_arrow.png) no-repeat 0 20%; background-size:300%;
	}
	.GHCFRelatedNews .list .owl-nav .owl-prev::after { left:50%; transform:rotate(-180deg); }
	.GHCFRelatedNews .list .owl-nav .owl-next::after { right:50%; }
.GHCFRelatedNews .list .owl-nav > div:hover::after { background-position:right 20%; }
.GHCFRelatedNews .list .owl-nav .disabled { display:none; }

@media screen and (max-width: 639px) {
.GHCFRelatedNews .list .owl-nav > div { margin-top:-18px; width:36px; height:36px; }
.GHCFRelatedNews .list .owl-nav .owl-prev { left:5px; }
.GHCFRelatedNews .list .owl-nav .owl-next { right:5px; }
.GHCFRelatedNews .list .owl-nav > div::after { width:16px; height:16px; margin-top:-8px; }
.GHCFRelatedNews .list .owl-nav .owl-prev::after { margin-left:-8px; }
.GHCFRelatedNews .list .owl-nav .owl-next::after { margin-right:-8px; }
}
@media screen and (min-width: 640px) and (max-width: 1279px) {
.GHCFRelatedNews .list .owl-nav > div { margin-top:-24px; width:48px; height:48px; }
.GHCFRelatedNews .list .owl-nav .owl-prev { left:-5px; }
.GHCFRelatedNews .list .owl-nav .owl-next { right:-5px; }
.GHCFRelatedNews .list .owl-nav > div::after { width:18px; height:18px; margin-top:-9px; }
.GHCFRelatedNews .list .owl-nav .owl-prev::after { margin-left:-9px; }
.GHCFRelatedNews .list .owl-nav .owl-next::after { margin-right:-9px; }
}
@media screen and (min-width: 1280px) and (max-width: 1439px) {
.GHCFRelatedNews .list .owl-nav > div { margin-top:-30px; width:60px; height:60px; }
.GHCFRelatedNews .list .owl-nav .owl-prev { left:-5px; }
.GHCFRelatedNews .list .owl-nav .owl-next { right:-5px; }
.GHCFRelatedNews .list .owl-nav > div::after { width:18px; height:18px; margin-top:-9px; }
.GHCFRelatedNews .list .owl-nav .owl-prev::after { margin-left:-9px; }
.GHCFRelatedNews .list .owl-nav .owl-next::after { margin-right:-9px; }
}
@media screen and (min-width: 1440px) {
.GHCFRelatedNews .list .owl-nav > div { margin-top:-30px; width:60px; height:60px; }
.GHCFRelatedNews .list .owl-nav .owl-prev { left:-70px; }
.GHCFRelatedNews .list .owl-nav .owl-next { right:-70px; }
.GHCFRelatedNews .list .owl-nav > div::after { width:18px; height:18px; margin-top:-9px; }
.GHCFRelatedNews .list .owl-nav .owl-prev::after { margin-left:-9px; }
.GHCFRelatedNews .list .owl-nav .owl-next::after { margin-right:-9px; }
}

.GHCFRelatedNews .list .owl-dots { position:absolute; left:0; bottom:0; width:100%; text-align:center; line-height:0; }
.GHCFRelatedNews .list .owl-dots .owl-dot { 
	display:inline-block; border:2px solid #636363; background-color:#fff; width:12px; height:12px; margin:0 6px; border-radius:50%; 
	}
.GHCFRelatedNews .list .owl-dots .owl-dot.active, .GHCFRelatedNews .list .owl-dots .owl-dot:hover { 
	background-color:#fd3784; border-color:#fd3784;
	}

/* 聯絡資訊 */
.GHCFContactInfo { display:flex; flex-wrap:wrap; margin-top:60px; }
.GHCFContactInfo .title { display:flex; background-color:#304f86; padding:20px; }
.GHCFContactInfo .title > div { border-left:6px solid #fff; padding-left:12px; color:#fff; font-size:1.5rem; font-weight:700; line-height:1.25em; }
.GHCFContactInfo .title > div::before { content:'CONTACT'; display:block; font-family:'Roboto', sans-serif; }
.GHCFContactInfo .cont { display:flex; background-color:#f8f8f8; padding:20px; }
.GHCFContactInfo .cont dt { font-weight:700; }
.GHCFContactInfo .cont .tel,
.GHCFContactInfo .cont .addr,
.GHCFContactInfo .cont .email { margin-top:10px; padding-left:1.875em; line-height:1.5em; position:relative; }
.GHCFContactInfo .cont .tel::before,
.GHCFContactInfo .cont .addr::before,
.GHCFContactInfo .cont .email::before { 
	content:''; display:block; position:absolute; top:0.09375em; left:0; width:21px; height:21px; 
	background:url(../images/icon_list.svg) no-repeat; background-size:200%;
	}
.GHCFContactInfo .cont .tel { font-family:'Roboto', sans-serif; }
.GHCFContactInfo .cont .tel::before { background-position:0 30%; }
.GHCFContactInfo .cont .addr {  }
.GHCFContactInfo .cont .addr::before { background-position:0 40%; }
.GHCFContactInfo .cont .email {  }
.GHCFContactInfo .cont .email a { 
	display:block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-family:'Roboto', sans-serif; color:#202020; text-decoration:none;
	}
	.GHCFContactInfo .cont .email a:hover, .GHCFContactInfo .cont .email a:focus { color:#e80067; }
.GHCFContactInfo .cont .email::before { background-position:0 60%; }
@media screen and (max-width: 639px) {
.GHCFContactInfo .title { width:100%; }
.GHCFContactInfo .cont { width:100%; }
}
@media screen and (min-width: 640px) {
.GHCFContactInfo .title { width:43.33%; align-items:center; justify-content:center; }
.GHCFContactInfo .cont { width:56.67%; align-items:center; justify-content:center; }
}


/*----------------------------------------------------------------------*/
/* 如何到高雄 */
/* 選擇 */
.TrafficType { position:relative; }
.TrafficType .anchor { position:absolute; top:-60px; }
.TrafficType dl { display:flex;flex-wrap:wrap; }
.TrafficType dt { width:100%; font-size:1.625rem; font-weight:700; line-height:1.5em; }
	@media screen and (max-width: 639px) {
	.TrafficType dt { margin-bottom:30px; }
	}
	@media screen and (min-width: 640px) {
	.TrafficType dt { margin-bottom:50px; }
	}
.TrafficType dt span { display:block; font-size:0.6153em; font-weight:400; }
.TrafficType dd { width:30%; max-width:200px; }
.TrafficType dl a { 
	display:flex; align-items:center; align-content:center; justify-content:center; flex-wrap:wrap; 
	background-color:#fff; border:1px solid #000; height:100%; position:relative;
	color:#202020; text-decoration:none; 
	}
.TrafficType dl a::after {
	content:''; display:block; position:absolute; width:100%; height:100%; 
	background-color:#466cab; border:1px solid #000; box-sizing:border-box; z-index:-1; transition:all 0.3s ease;
	}
.TrafficType dl a span { display:block; width:100%; text-align:center; }
.TrafficType dl a .img { background-position:center center; background-repeat:no-repeat; background-size:contain; }
.TrafficType dl a .title { padding-left:0.15em; font-weight:700; line-height:1.5em; letter-spacing:0.15em; }
.TrafficType dl a .arrow::after { 
	content:''; display:block; width:16px; height:16px; margin:10px auto 0; transform:rotate(90deg);
	background:url(../images/icon_arrow.png) no-repeat 0 80%; background-size:300%; 
	}
	/* RWD */
	@media screen and (max-width: 639px) {
	.TrafficType { margin-bottom:48px; }
	}
	@media screen and (min-width: 640px) and (max-width: 959px) {
	.TrafficType { margin-bottom:96px; }
	}
	@media screen and (min-width: 960px) {
	.TrafficType { margin-bottom:120px; }
	}

	@media screen and (max-width: 479px) {
	.TrafficType dl { justify-content:space-between; }
	.TrafficType dd { height:40vw; }
	.TrafficType dl a .title { font-size:1.375rem; }
	.TrafficType dl a .img { width:96%; height:auto; padding-bottom:75%; }
	}
	@media screen and (min-width: 480px) {
	.TrafficType dl { justify-content:space-around; }
	.TrafficType dd { height:200px; }
	.TrafficType dl a .title { font-size:1.625rem; }
	.TrafficType dl a .img { width:120px; height:90px; }
	}

	@media screen and (max-width: 639px) {
	.TrafficType dd a { padding:0 10px; }
	.TrafficType dl a::after { top:6px; left:6px; }
	}
	@media screen and (min-width: 640px) {
	.TrafficType dd a { padding:0 20px; }
	.TrafficType dl a::after { top:10px; left:10px; }
	}

	/* hover */
	.TrafficType dl a:hover, .TrafficType dl a:focus { color:#466cab; box-shadow:0 0 20px rgba(0,0,0,0.2); }
	.TrafficType dl a:hover .arrow::after, .TrafficType dl a:focus .arrow::after { background-position:0 20%; }
	.TrafficType dl a:hover::after, .TrafficType dl a:focus::after { top:0; left:0; }

/* 區塊 */
.TrafficBlock { position:relative; }
	@media screen and (max-width: 639px) {
	.TrafficBlock { margin-top:50px; }
	}
	@media screen and (min-width: 640px) and (max-width: 959px) {
	.TrafficBlock { margin-top:75px; }
	}
	@media screen and (min-width: 960px) {
	.TrafficBlock { margin-top:90px; }
	}
.TrafficBlock .block_title { border-bottom:6px solid #202020; position:relative; }
.TrafficBlock .block_title h3 { font-size:1.5rem; font-weight:700; line-height:2em; }
.TrafficBlock .block_desc {}
	@media screen and (max-width: 639px) {
	.TrafficBlock .block_desc { margin-top:20px; }
	}
	@media screen and (min-width: 640px) {
	.TrafficBlock .block_desc { margin-top:40px; }
	}

.TrafficBlock .item { display:flex; flex-wrap:wrap; margin-top:30px; padding-top:25px; border-top:1px solid #dcdcdc; }
	.TrafficBlock .block_header + .item { border-top:0; }
	@media screen and (max-width: 639px) {
	.TrafficBlock .block_header + .item { margin-top:10px; }
	}
.TrafficBlock .item .title { display:flex; align-items:center; position:relative; }
.TrafficBlock .item .title h4 { padding-left:10px; border-left:6px solid #202020; font-size:1.125rem; font-weight:700; line-height:1.66em; }
.TrafficBlock .item .title .img { background-position:center center; background-repeat:no-repeat; background-size:contain; }

.TrafficBlock .item .cont .info { margin-top:15px; position:relative; }
.TrafficBlock .item .cont .info dd { padding:0.25em 0 0.25em 1em; line-height:1.5em; position:relative; }
.TrafficBlock .item .cont .info dd::before { 
	content:''; display:block; position:absolute; top:0.8125em; left:0; width:6px; height:6px; background-color:#202020; 
	}
.TrafficBlock .item .cont .info dd a { display:inline-block; color:#202020; word-break:break-all; }
.TrafficBlock .item .cont .info dd a:hover, .TrafficBlock .item .cont .info dd a:focus { color:#e80067; }

.TrafficBlock .item .cont .links { background-color:#f8f8f8; padding:20px 0 15px 30px; margin-top:25px; position:relative; }
	@media screen and (max-width: 959px) {
	.TrafficBlock .item .cont .links { padding:20px 0 15px 20px; }
	}
	@media screen and (min-width: 960px) {
	.TrafficBlock .item .cont .links { padding:20px 0 15px 30px; }
	}
.TrafficBlock .item .cont .links dd { display:inline-block; margin-bottom:15px; }
	@media screen and (max-width: 959px) {
	.TrafficBlock .item .cont .links dd { margin-right:20px; }
	}
	@media screen and (min-width: 960px) {
	.TrafficBlock .item .cont .links dd { min-width:250px; margin-right:30px; }
	}
.TrafficBlock .item .cont .links dd a { 
	display:block; border-bottom:3px solid #202020; padding:0.25em 20px 0.25em 0; position:relative; 
	color:#202020; line-height:1.5em; word-break:break-all; text-decoration:none; 
	}
.TrafficBlock .item .cont .links dd a:hover, .TrafficBlock .item .cont .links dd a:focus { border-color:#e80067; color:#e80067; }
.TrafficBlock .item .cont .links dd a::after { 
	content:''; display:block; position:absolute; top:50%; right:0; width:14px; height:14px; margin:-7px 0 0 -7px; transform:rotate(-45deg);
	background:url(../images/icon_arrow.png) 0 80% no-repeat; background-size:300%; 
	}
.TrafficBlock .item .cont .links dd a:hover::after, .TrafficBlock .item .cont .links dd a:focus::after { background-position:50% 80%; }

.traffic_domestic_desc { 
	display:flex; flex-wrap:wrap; max-width:960px; margin:40px auto 0; 
	background:url(../images/bg_traffic_domestic_desc.png) repeat 0 0; 
	}
.traffic_domestic_desc .img { background-repeat:no-repeat; background-position:center center; background-size:contain; }
.traffic_domestic_desc .cont li { margin-top:10px; padding-left:1em; line-height:2em; position:relative; }
	.traffic_domestic_desc .cont ul li:first-child { margin-top:0; }
.traffic_domestic_desc .cont li::before { 
	content:''; display:block; position:absolute; top:1em; left:0; width:6px; height:6px; margin-top:-3px; background-color:#202020; 
	}
	/* RWD */
	@media screen and (max-width: 639px) {
	.traffic_domestic_desc .img { width:80%; max-width:320px; height:30vw; margin:0 auto 30px; }
	.traffic_domestic_desc .cont { width:100%; }
	}
	@media screen and (min-width: 640px) {
	.traffic_domestic_desc .img { width:47%; }
	.traffic_domestic_desc .cont { width:53%; }
	}

	@media screen and (max-width: 639px) {
	.traffic_domestic_desc { padding:30px 20px; }
	}
	@media screen and (min-width: 640px) and (max-width: 959px) {
	.traffic_domestic_desc { padding:30px 30px; }
	.traffic_domestic_desc .cont { padding:0 0 0 30px; }
	}
	@media screen and (min-width: 960px) {
	.traffic_domestic_desc { padding:40px 60px; }
	.traffic_domestic_desc .cont { padding:10px 0 10px 40px; }
	}

.TrafficBlock .anchor { position:absolute; top:-60px; }
.TrafficBlock .btn_return_list { position:absolute; top:100%; right:0; width:100%; padding:3px 0; margin:0; text-align:center; display:block; z-index:1; }
.TrafficBlock .btn_return_list a { 
	width:1px; height:1px; margin:-1px 0 0 -1px; overflow:hidden; background-color:#fff; 
	display:inline-flex; align-items:center; padding:0 20px; color:#fff; font-weight:500; line-height:40px; text-decoration:none; 
	}
.TrafficBlock .btn_return_list a::after { 
	content:''; display:block; width:18px; height:18px; margin-left:10px; background:url(../images/icon_arrow.png) no-repeat right 20%; background-size:300%; 
	}
.TrafficBlock .btn_return_list a:focus { width:auto; height:auto; margin:0; overflow:visible; background-color:#e80067; }
	/* RWD */
	@media screen and (max-width: 479px) {
	.TrafficBlock .item .title { justify-content:space-between; margin-bottom:15px; }
	.TrafficBlock .item .title .img { width:100px; height:60px; }
	}
	@media screen and (min-width: 480px) {
	.TrafficBlock .item .title { justify-content:center; }
	.TrafficBlock .item .title h4 { position:absolute; top:0; left:0; }
	.TrafficBlock .item .title .img { width:80%; height:80%; max-width:180px; max-height:110px; }
	.TrafficBlock .item .cont { padding-left:20px;; }
	}

	@media screen and (max-width: 479px) {
	.TrafficBlock .item .title { width:100%; }
	.TrafficBlock .item .cont { width:100%; }
	}
	@media screen and (min-width: 480px) and (max-width: 639px) {
	.TrafficBlock .item .title { width:30%; }
	.TrafficBlock .item .cont { width:70%; }
	}
	@media screen and (min-width: 640px) {
	.TrafficBlock .item .title { width:25%; }
	.TrafficBlock .item .cont { width:75%; }
	}


/*----------------------------------------------------------------------*/
/* 會展場館&旅館餐飲 */
/* 列表搜尋(for 行動裝置) */
.FacilityFilter { background-color:#f8f8f8; margin-bottom:25px; position:relative; display:flex; flex-wrap:wrap; }
	@media screen and (min-width: 1200px) {
	.FacilityFilter { display:none; }
	}
.FacilityFilter .item { max-width:100%; margin-bottom:10px; position:relative; }
.FacilityFilter .item .label { color:#333; font-size:0.9375em; font-weight:500; line-height:30px; }
.FacilityFilter .btn { margin-bottom:15px; }
.FacilityFilter .btn button { 
	line-height:46px; padding:0 15px; background-color:#202020; color:#fff; 
	position:relative; 
	}
.FacilityFilter .btn button:hover, .FacilityFilter .btn button:focus { 
	background-color:#e80067; box-shadow:0 0 10px rgba(0,0,0,0.2); 
	}

@media screen and (max-width: 479px) {
.FacilityFilter { flex-direction:column; padding:10px 10px 0 10px; }
.FacilityFilter .item { width:100%; }
.FacilityFilter select, .FacilityFilter input[type="text"] { width:100%; }
}
@media screen and (min-width: 480px) {
.FacilityFilter { padding:15px 20px 10px 20px; align-items:flex-end; }
.FacilityFilter .item { margin-right:20px; }
}

/* 列表 */
.FacilityList { margin:0 -10px; }
.FacilityList > div { display:flex; flex-wrap:wrap; }
.FacilityList .item { height:100%; padding:0 10px; margin-top:50px; }
.FacilityList .item > div { height:100%; max-width:315px; }
.FacilityList .img { padding-bottom:66.6666%; background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative; }
.FacilityList .cont { padding-top:1.25rem; }
.FacilityList .title { border-bottom:1px solid #202020; padding-bottom:1rem; position:relative; }
.FacilityList .title a { display:inline-block; font-weight:700; font-size:1.25rem; color:#202020; line-height:1.5em; text-decoration:none; }
	.FacilityList .title a:hover, .FacilityList .title a:focus { color:#e80067; }
.FacilityList .title::after { content:''; display:block; position:absolute; bottom:0; left:0; width:100px; border-bottom:5px solid #202020; }
.FacilityList .tel { 
	margin-top:12px; padding-left:24px; position:relative; line-height:1.25em; font-family:'Montserrat', sans-serif; font-weight:400; 
	}
.FacilityList .tel::before { 
	content:''; display:block; position:absolute; top:0; left:0; width:18px; height:18px; background:url(../images/icon_list.svg) no-repeat 0 20%; background-size:200%;
	}

@media screen and (max-width: 459px) {
.FacilityList .item { width:100%; }
.FacilityList .item:nth-child(1) { margin-top:0; }
.FacilityList .item > div { margin:0 auto; }
}
@media screen and (min-width: 460px) and (max-width: 767px) {
.FacilityList .item { width:50%; }
.FacilityList .item:nth-child(-n+2) { margin-top:0; }
.FacilityList .item:nth-child(2n+1) > div { margin-right:auto; }
.FacilityList .item:nth-child(2n+2) > div { margin-left:auto; }
}
	@media screen and (min-width: 460px) and (max-width: 559px) {
	.FacilityList .title a { font-size:1.125rem; }
	.FacilityList .tel { font-size:0.875rem; }
	}
@media screen and (min-width: 768px) {
.FacilityList .item { width:33.3333%; }
.FacilityList .item:nth-child(-n+3) { margin-top:0; }
.FacilityList .item:nth-child(3n+1) > div { margin-right:auto; }
.FacilityList .item:nth-child(3n+2) > div { margin:0 auto; }
.FacilityList .item:nth-child(3n+3) > div { margin-left:auto; }
}
	@media screen and (min-width: 768px) and (max-width: 839px) {
	.FacilityList .title a { font-size:1.125rem; }
	.FacilityList .tel { font-size:0.875rem; }
	}
	@media screen and (min-width: 1200px) and (max-width: 1279px) {
	.FacilityList .title a { font-size:1.125rem; }
	.FacilityList .tel { font-size:0.875rem; }
	}

/* 內頁 */
.FacilityCont .section { margin-top:50px; }
.FacilityCont .section_title {  }
	@media screen and (max-width: 959px) {
	.FacilityCont .section_title { margin-bottom:15px; }
	}
	@media screen and (min-width: 960px) {
	.FacilityCont .section_title { margin-bottom:30px; }
	}
.FacilityCont .section_title h4 { border-left:6px solid #202020; padding-left:10px; font-size:1.125rem; font-weight:700; line-height:1.4em; }
.FacilityCont .facility_cont_header dl { display:flex; align-items:center; flex-wrap:wrap; border-bottom:1px solid #dcdcdc; }
.FacilityCont .facility_cont_header dt { width:100%; margin-bottom:5px; }
.FacilityCont .facility_cont_header h3 { font-size:1.625rem; font-weight:700; line-height:1.5em; color:#00005d; }
.FacilityCont .facility_cont_header dd { max-width:100%; word-break:break-all; margin:0 25px 10px 0; padding-left:22px; padding-top:0.25em; padding-bottom:0.25em; line-height:1.5em; position:relative; }
	.FacilityCont .facility_cont_header .tel { font-family:'Roboto', sans-serif; }
	.FacilityCont .facility_cont_header .website { font-family:'Roboto', sans-serif; }
	.FacilityCont .facility_cont_header .fb { font-family:'Roboto', sans-serif; }
.FacilityCont .facility_cont_header dd a { display:inline-block; color:#202020; }
.FacilityCont .facility_cont_header dd a:hover, .FacilityCont .facility_cont_header dd a:focus { color:#e80067; }
.FacilityCont .facility_cont_header dd::before { 
	content:''; display:block; position:absolute; top:1em; left:0; width:16px; height:16px; margin-top:-8px; 
	background:url("../images/icon_facility_info.svg") no-repeat; background-size:100%; 
	}
	.FacilityCont .facility_cont_header .addr::before { background-position:0 0; }
	.FacilityCont .facility_cont_header .tel::before { background-position:0 25%; }
	.FacilityCont .facility_cont_header .website::before { background-position:0 50%; }
	.FacilityCont .facility_cont_header .fb::before { background-position:0 75%; }
.FacilityCont .facility_cont_header .cover { margin-top:30px; padding-bottom:52.5%; background-repeat:no-repeat; background-position:center center; background-size:contain; }

.FacilityCont .facility_feature dl { background-color:#f8f8f8; display:flex; flex-wrap:wrap; }
	@media screen and (max-width: 639px) {
	.FacilityCont .facility_feature dl { background-color:transparent; }
	}
	@media screen and (min-width: 640px) and (max-width: 799px) {
	.FacilityCont .facility_feature dl { padding:20px 10px 10px 20px; }
	}
	@media screen and (min-width: 800px) {
	.FacilityCont .facility_feature dl { padding:30px 30px 10px 30px; }
	}
.FacilityCont .facility_feature dt { width:100%; }
.FacilityCont .facility_feature dd { margin-bottom:20px; font-weight:300; }
	@media screen and (max-width:799px) {
	.FacilityCont .facility_feature dd { margin-right:10px; margin-bottom:10px; }
	.FacilityCont .facility_feature dd[aria-hidden="true"] { display:none; }
	}
		@media screen and (max-width: 639px) {
		.FacilityCont .facility_feature dd div { background-color:#f8f8f8; }
		}
	@media screen and (min-width: 800px) and (max-width: 959px) {
	.FacilityCont .facility_feature dd { width:25%; }
	.fs3 .FacilityCont .facility_feature dd { width:33.3333%; }
	}
	@media screen and (min-width: 960px) and (max-width: 1199px) {
	.FacilityCont .facility_feature dd { width:20%; }
	.fs3 .FacilityCont .facility_feature dd { width:25%; }
	}
	@media screen and (min-width: 1200px)  {
	.FacilityCont .facility_feature dd { width:16.66%; }
	.fs3 .FacilityCont .facility_feature dd { width:20%; }
	}
.FacilityCont .facility_feature dd div { 
	display:flex; align-items:center; justify-content:center;
	margin:0 auto; line-height:38px; border:1px solid #dcdcdc; border-radius:20px; text-align:center; font-size:0.875rem;
	}
	@media screen and (max-width:799px) {
	.FacilityCont .facility_feature dd div { padding:0 10px; }
	}
	@media screen and (min-width: 800px) {
	.FacilityCont .facility_feature dd div { width:160px; }
	.fs3 .FacilityCont .facility_feature dd div { width:190px; }
	}
.FacilityCont .facility_feature dd[aria-hidden="true"] div { border:1px solid #f8f8f8; }
.FacilityCont .facility_feature dd span { 
	display:block; width:24px; height:24px; margin-right:3px; background-repeat:no-repeat; background-position:center center; background-size:contain;
	}

.FacilityCont .facility_map .map { height:400px; position:relative; }
	@media screen and (orientation: portrait) and (max-width:639px) {
	.FacilityCont .facility_map .map { height:80vh; }
	}
	@media screen and (orientation: portrait) and (min-width:640px) and (max-width:799px) {
	.FacilityCont .facility_map .map { height:60vh; }
	}
	@media screen and (orientation: landscape) and (max-height:439px) {
	.FacilityCont .facility_map .map { height:90vh; }
	}
.FacilityCont .facility_map .map iframe { position:absolute; top:0; left:0; width:100%; height:100%; border:0; margin:0; }
.FacilityCont .facility_map .map .skip_map { position:absolute; bottom:100%; left:0; }

.FacilityCont .facility_info .table table { width:100%; }
.FacilityCont .facility_info .table th, .FacilityCont .facility_info .table td { white-space:nowrap; }
.FacilityCont .facility_info .table th { background-color:#f8f8f8; padding:0.8em 1em; font-size:0.875rem; line-height:1.5em; }
.FacilityCont .facility_info .table td { border-bottom:1px solid #dcdcdc; padding:0.9375em 1em; line-height:1.5em; text-align:center; }
.FacilityCont .facility_info .table td:not(:first-child) { font-family:'Montserrat', sans-serif; }
.FacilityCont .facility_info .table tr:hover td { background-color:#fffcf1; }
@media screen and (max-width: 479px) {
.FacilityCont .facility_info .table td { padding-top:0.8em; padding-bottom:0.8em; font-size:0.875rem; }
}
.FacilityCont .facility_info .note { margin-top:5px; text-align:right; color:#636363; font-size:0.75rem; line-height:1.5em; }

/* 其他會展場館推薦 */
.FacilityRecommend { margin-top:70px; }
.FacilityRecommend .title h4 { margin-bottom:15px;  font-size:1.125rem; font-weight:700; line-height:1.5em; }
.FacilityRecommend .list { margin:0 -10px; }
.FacilityRecommend .list .item { height:100%; padding:0 10px; }
.FacilityRecommend .list .item > div { height:100%; max-width:200px; margin:0 auto; }
.FacilityRecommend .list .img { 
	padding-bottom:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative;
	}
.FacilityRecommend .list .cont { padding-top:10px; }
.FacilityRecommend .list .title { padding-left:18px; position:relative; }
.FacilityRecommend .list .title a { display:block; font-weight:500; color:#202020; line-height:1.5em; text-decoration:none; }
	.FacilityRecommend .list .title a:hover, .FacilityRecommend .list .title a:focus { color:#e80067; }
.FacilityRecommend .list .title::before { 
	content:''; display:block; position:absolute; top:0.75em; left:0; width:12px; height:15px; margin-top:-7px; 
	clip-path:polygon(50% 0%,100% 30%, 100% 100%, 0% 100%, 0% 30%);
	}
	/*--分類:會展場館(cat1)、旅館餐飲(cat2)*/
	.FacilityRecommend .list .title.cat1::before { background-color:#3d56cf; }
	.FacilityRecommend .list .title.cat2::before { background-color:#fd9500; }

@media screen and (max-width: 399px) {
.FacilityRecommend .list { margin:0; }
.FacilityRecommend .list .item { padding:0; }
}
@media screen and (min-width: 400px) and (max-width: 479px) {
.FacilityRecommend .list .title a { font-size:0.9375rem; }
}
@media screen and (min-width: 640px) and (max-width: 679px) {
.FacilityRecommend .list .title a { font-size:0.9375rem; }
}
@media screen and (min-width: 767px) and (max-width: 899px) {
.FacilityRecommend .list .title a { font-size:0.9375rem; }
}
@media screen and (min-width: 1100px) and (max-width: 1199px) {
.FacilityRecommend .list .title a { font-size:0.9375rem; }
}

/* owl-carousel */
.FacilityRecommend .list .owl-carousel { padding-bottom:40px; }
.FacilityRecommend .list .owl-nav > div {
	position:absolute; top:50%; background-color:rgba(255,255,255,0.5); text-indent:-999px; z-index:9999; overflow:hidden;
	border:1px solid #17176c; border-radius:50%; transition:all 0.3s ease;
	}
	.FacilityRecommend .list .owl-nav > div:hover { background-color:#17176c; box-shadow:0 0 8px rgba(0,0,0,0.5); }
.FacilityRecommend .list .owl-nav > div::after { 
	content:''; display:block; position:absolute; top:50%; background:url(../images/icon_arrow.png) no-repeat 0 20%; background-size:300%;
	}
	.FacilityRecommend .list .owl-nav .owl-prev::after { left:50%; transform:rotate(-180deg); }
	.FacilityRecommend .list .owl-nav .owl-next::after { right:50%; }
.FacilityRecommend .list .owl-nav > div:hover::after { background-position:right 20%; }
.FacilityRecommend .list .owl-nav .disabled { display:none; }

@media screen and (max-width: 639px) {
.FacilityRecommend .list .owl-nav > div { margin-top:-18px; width:36px; height:36px; }
.FacilityRecommend .list .owl-nav .owl-prev { left:5px; }
.FacilityRecommend .list .owl-nav .owl-next { right:5px; }
.FacilityRecommend .list .owl-nav > div::after { width:16px; height:16px; margin-top:-8px; }
.FacilityRecommend .list .owl-nav .owl-prev::after { margin-left:-8px; }
.FacilityRecommend .list .owl-nav .owl-next::after { margin-right:-8px; }
}
@media screen and (min-width: 640px) and (max-width: 1279px) {
.FacilityRecommend .list .owl-nav > div { margin-top:-24px; width:48px; height:48px; }
.FacilityRecommend .list .owl-nav .owl-prev { left:-5px; }
.FacilityRecommend .list .owl-nav .owl-next { right:-5px; }
.FacilityRecommend .list .owl-nav > div::after { width:18px; height:18px; margin-top:-9px; }
.FacilityRecommend .list .owl-nav .owl-prev::after { margin-left:-9px; }
.FacilityRecommend .list .owl-nav .owl-next::after { margin-right:-9px; }
}
@media screen and (min-width: 1280px) and (max-width: 1439px) {
.FacilityRecommend .list .owl-nav > div { margin-top:-30px; width:60px; height:60px; }
.FacilityRecommend .list .owl-nav .owl-prev { left:-5px; }
.FacilityRecommend .list .owl-nav .owl-next { right:-5px; }
.FacilityRecommend .list .owl-nav > div::after { width:18px; height:18px; margin-top:-9px; }
.FacilityRecommend .list .owl-nav .owl-prev::after { margin-left:-9px; }
.FacilityRecommend .list .owl-nav .owl-next::after { margin-right:-9px; }
}
@media screen and (min-width: 1440px) {
.FacilityRecommend .list .owl-nav > div { margin-top:-30px; width:60px; height:60px; }
.FacilityRecommend .list .owl-nav .owl-prev { left:-70px; }
.FacilityRecommend .list .owl-nav .owl-next { right:-70px; }
.FacilityRecommend .list .owl-nav > div::after { width:18px; height:18px; margin-top:-9px; }
.FacilityRecommend .list .owl-nav .owl-prev::after { margin-left:-9px; }
.FacilityRecommend .list .owl-nav .owl-next::after { margin-right:-9px; }
}

.FacilityRecommend .list .owl-dots { position:absolute; left:0; bottom:0; width:100%; text-align:center; line-height:0; }
.FacilityRecommend .list .owl-dots .owl-dot { 
	display:inline-block; border:2px solid #636363; background-color:#fff; width:12px; height:12px; margin:0 6px; border-radius:50%; 
	}
.FacilityRecommend .list .owl-dots .owl-dot.active, .FacilityRecommend .list .owl-dots .owl-dot:hover { 
	background-color:#fd3784; border-color:#fd3784;
	}


/*----------------------------------------------------------------------*/
/* 會展檔期 */
/* 標頭 */
.EventScheduleHeader { margin-top:50px; margin-bottom:20px; }
.EventScheduleHeader .date_select { display:flex; align-items:center; justify-content:center; }
.EventScheduleHeader .date_selected { margin:0 10px; font-size:1.625rem; font-weight:700; line-height:1.5em; }
.EventScheduleHeader .date_selected .num { font-family:'Montserrat', sans-serif; }
.EventScheduleHeader .date_selected .month { margin-left:10px; }
.EventScheduleHeader .date_selected .start_date { margin-right:10px; }
.EventScheduleHeader .date_selected .end_date { margin-left:10px; }
.EventScheduleHeader .prevNext > a { display:block; text-indent:-999px; width:40px; height:40px; position:relative; overflow:hidden; border-radius:5px; }
.EventScheduleHeader .prevNext > a:hover, .EventScheduleHeader .prevNext > a:focus { background-color:#00005d; }
.EventScheduleHeader .prevNext > a::after { 
	content:''; display:block; position:absolute; top:50%; width:18px; height:18px; margin-top:-9px; 
	background:url(../images/icon_arrow.png) no-repeat 50% 40%; background-size:300%;
	}
	.EventScheduleHeader .prevNext .prev::after { left:50%; transform:rotate(-180deg); margin-left:-9px; }
	.EventScheduleHeader .prevNext .next::after { right:50%; margin-right:-9px; }
.EventScheduleHeader .prevNext > a:hover::after, .EventScheduleHeader .prevNext > a:focus::after { background-position:right 40%; }
.EventScheduleHeader .title { text-align:center;  font-size:1.5rem; font-weight:700; line-height:1.5em; }

/* 月曆 */
.EventCalendar .weekdays { display:flex; }
.EventCalendar .weekdays > div { 
	width:14.2857%; border-top:1px solid #202020; border-bottom:3px solid #202020; line-height:3.2em; 
	text-align:center; font-size:1.125rem; font-weight:700; 
	}
.EventCalendar .calendar { display:flex; flex-wrap:wrap; }
.EventCalendar .calendar .day { border-left:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; position:relative; }
	.EventCalendar .calendar .day.day-othermonth { background-color:#f8f8f8; }
	.EventCalendar .calendar .day.day-today::before { 
		content:''; display:block; position:absolute; top:-2px; left:-2px; width:100%; height:100%; 
		border:3px solid #4a93ee; box-shadow:0 0 15px rgba(0,0,0,0.3); z-index:1; 
		}
	.EventCalendar .calendar .day:hover::before { 
		content:''; display:block; position:absolute; top:-1px; left:-1px; width:100%; height:100%; 
		border:1px solid #00005d; z-index:1; 
		}
.EventCalendar .calendar .day > div { position:relative; z-index:2; }
.EventCalendar .calendar .date { font-family:'Montserrat', sans-serif; font-size:1.125rem; font-weight:700; line-height:1.5em; }
.EventCalendar .calendar .list li { margin-bottom:1.11em; }
.EventCalendar .calendar .list li:last-child { margin-bottom:0; }
.EventCalendar .calendar .list a { display:inline-block; padding-left:0.833em; line-height:1.35em; color:#202020; text-decoration:none; position:relative; }
.EventCalendar .calendar .list a:hover, .EventCalendar .calendar .list a:focus { color:#e80067; }
.EventCalendar .calendar .list a::before { content:''; display:block; position:absolute; top:0; left:0; width:5px; height:1.35em; background-color:#202020; }
.EventCalendar .calendar .list a:hover::before, .EventCalendar .calendar .list a:focus::before { background-color:#e80067; }
.EventCalendar .calendar .day-othermonth .list a { color:#666; }
.EventCalendar .calendar .day-othermonth .list a::before { background-color:#666; }
.EventCalendar .calendar .day-othermonth .list a:hover, .EventCalendar .calendar .day-othermonth .list a:focus { color:#202020; }
.EventCalendar .calendar .day-othermonth .list a:hover::before, .EventCalendar .calendar .day-othermonth .list a:focus::before { background-color:#202020; }

.EventCalendar .more { margin-top:20px; }
.EventCalendar .more a { border:1px solid #dcdcdc; padding:0.5em 8px; color:#636363; text-decoration:none; }
.EventCalendar .more a::after {
	content:''; display:block; width:6px; height:6px; margin-left:4px; border-width:0 1px 1px 0; border-style:solid; border-color:#666; 
	transform:rotate(-45deg); transition:all 0.3s ease;
	}
.EventCalendar .more a:hover, .EventCalendar .more a:focus { border-color:#00005d; background-color:#00005d; color:#fff; }
.EventCalendar .more a:hover::after, .EventCalendar .more a:focus::after { border-color:#fff; }

/* RWD-桌機 */
@media screen and (min-width: 1024px) {
.EventCalendar .calendar .day { width:14.2857%; }
.EventCalendar .calendar .day:nth-child(7n+7) { border-right:1px solid #dcdcdc; }
.EventCalendar .calendar .date span { display:none; }
.EventCalendar .more a { font-size:0.875rem; line-height:1.25em; }
}

@media screen and (min-width: 1024px) and (max-width: 1599px) {
.EventCalendar .more a { display:block; position:relative; padding-right:15px; }
.EventCalendar .more a::after { position:absolute; top:50%; right:10px; margin-top:-3px; }
}
@media screen and (min-width: 1600px) {
.EventCalendar .more a { display:flex; align-items:center; justify-content:center; }
}

@media screen and (min-width: 1024px) and (max-width: 1439px) {
.EventCalendar .calendar .day { padding:10px 10px 15px 10px; }
.EventCalendar .calendar .date { margin-bottom:10px; }
}
@media screen and (min-width: 1440px) {
.EventCalendar .calendar .day { padding:12px 15px 20px 15px; }
.EventCalendar .calendar .date { margin-bottom:25px; }
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {
.EventCalendar .calendar .list li { font-size:0.875rem; }
}
@media screen and (min-width: 1280px) and (max-width: 1439px) {
.EventCalendar .calendar .list li { font-size:0.9375rem; }
}
@media screen and (min-width: 1440px) and (max-width: 1599px) {
.EventCalendar .calendar .list li { font-size:1rem; }
}
@media screen and (min-width: 1600px) {
.EventCalendar .calendar .list li { font-size:1.125rem; }
}

/* 行動裝置 */
@media screen and (max-width: 1023px) {
.EventCalendar .weekdays,
.EventCalendar .calendar .day.day-noevent,
.EventCalendar .calendar .day.day-othermonth { display:none; }
.EventCalendar .calendar { border-top:1px solid #dcdcdc; }
.EventCalendar .calendar .day { width:100%; border-right:1px solid #dcdcdc; padding:15px 15px 20px; }
.EventCalendar .calendar .date { margin-bottom:15px; }
.EventCalendar .more a { display:inline-block; position:relative; padding-right:20px; line-height:1.5em; }
.EventCalendar .more a::after { position:absolute; top:50%; right:10px; margin-top:-3px; }
}

@media screen and (max-width: 399px) {
.EventCalendar .calendar .list li { font-size:1rem; }
}
@media screen and (min-width: 400px) and (max-width: 1023px) {
.EventCalendar .calendar .list li { font-size:1.125rem; }
}

/* 列表 */
.EventList { margin:0 -10px; }
.EventList > div { display:flex; flex-wrap:wrap; }
.EventList .item { height:100%; padding:0 10px; margin-top:50px; }
.EventList .item > div { height:100%; max-width:315px; margin:0 auto; }
.EventList .img { padding-bottom:66.6666%; background-repeat:no-repeat; background-position:center center; background-size:contain; position:relative; }
.EventList .cont { padding-top:1.25rem; }
.EventList .cat { display:flex; align-items:center; line-height:1.25em; letter-spacing:0.15em; }
.EventList .cat::before { content:''; display:block; margin-right:5px; }
	.EventList .cat.megaevent::before { 
		width:15px; height:15px; background-color:#9d12ff; clip-path:polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); 
		}
	.EventList .cat.exhibition::before { 
		width:14px; height:16px; background-color:#1189e3; clip-path:polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); 
		}
	.EventList .cat.convention::before { 
		width:15px; height:13px; background-color:#0b9662; clip-path:polygon(50% 0%, 0% 100%, 100% 100%); 
		}
.EventList .title { margin-top:5px; margin-bottom:15px; border-bottom:1px solid #202020; padding-bottom:0.75rem; position:relative; }
.EventList .title a { display:inline-block; font-weight:700; font-size:1.25rem; color:#202020; line-height:1.5em; text-decoration:none; }
	.EventList .title a:hover, .EventList .title a:focus { color:#e80067; }
.EventList .title::after { content:''; display:block; position:absolute; bottom:0; left:0; width:100px; border-bottom:5px solid #202020; }
.EventList .date { margin-top:5px; padding-left:1.5em; font-family:'Montserrat', sans-serif; line-height:1.5em; letter-spacing:0.15em; position:relative; }
.EventList .date::before { 
	content:''; display:block; position:absolute; top:0.25em; left:0; width:16px; height:16px; 
	background:url(../images/icon_list.svg) no-repeat 0 10%; background-size:200%;
	}
.EventList .place { margin-top:5px; padding-left:1.5em; line-height:1.5em; letter-spacing:0.15em; position:relative; }
.EventList .place::before { 
	content:''; display:block; position:absolute; top:0.25em; left:0; width:16px; height:16px; 
	background:url(../images/icon_list.svg) no-repeat 0 0; background-size:200%;
	}

@media screen and (max-width: 499px) {
.EventList .item { width:100%; }
.EventList .item:nth-child(1) { margin-top:0; }
.EventList .item > div { margin:0 auto; }
}
@media screen and (min-width: 500px) and (max-width: 799px) {
.EventList .item { width:50%; }
.EventList .item:nth-child(-n+2) { margin-top:0; }
.EventList .item:nth-child(2n+1) > div { margin-right:auto; }
.EventList .item:nth-child(2n+2) > div { margin-left:auto; }
}
	@media screen and (min-width: 500px) and (max-width: 579px) {
	.EventList .title a { font-size:1.125rem; }
	.EventList .date, .EventList .place { font-size:0.875rem; }
	}
@media screen and (min-width: 800px) and (max-width: 1199px) {
.EventList .item { width:33.3333%; }
.EventList .item:nth-child(-n+3) { margin-top:0; }
.EventList .item:nth-child(3n+1) > div { margin-right:auto; }
.EventList .item:nth-child(3n+2) > div { margin:0 auto; }
.EventList .item:nth-child(3n+3) > div { margin-left:auto; }
}
	@media screen and (min-width: 800px) and (max-width: 839px) {
	.EventList .title a { font-size:1.125rem; }
	.EventList .date, .EventList .place { font-size:0.875rem; }
	}
@media screen and (min-width: 1200px) {
.EventList .item { width:25%; }
.EventList .item:nth-child(-n+4) { margin-top:0; }
}
	@media screen and (min-width: 1200px) and (max-width: 1279px) {
	.EventList .title a { font-size:1.125rem; }
	.EventList .date, .EventList .place { font-size:0.875rem; }
	}

/* 回月曆按鈕 */
.btn_return_calendar { margin-top:60px; text-align:center; }
.btn_return_calendar a { display:inline-flex; background-color:#202020; align-items:center; padding-left:1em; line-height:3.125em; color:#fff; text-decoration:none; }
	.btn_return_calendar a:hover, 
	.btn_return_calendar a:focus { padding-left:1.5em; box-shadow:0 0 15px rgba(0,0,0,0.4); }
.btn_return_calendar a span { 
	display:block; margin-left:1em; border-left:1px solid #fff; width:3em; height:2.375em; position:relative; transition:all 0.3s ease; 
	}
	.btn_return_calendar a:hover span, 
	.btn_return_calendar a:focus span { margin-left:0.5em; border-color:transparent !important;  }
.btn_return_calendar a span::after { 
	content:''; display:block; position:absolute; top:50%; left:50%; width:20px; height:20px; margin:-10px 0 0 -10px;
	background:url(../images/icon_btn_common.png) no-repeat 0 20%; background-size:200%; 
	}

/* 內頁 */
.EventCont .section { margin-top:50px; }
.EventCont .section_title {  }
	@media screen and (max-width: 959px) {
	.EventCont .section_title { margin-bottom:15px; }
	}
	@media screen and (min-width: 960px) {
	.EventCont .section_title { margin-bottom:30px; }
	}
.EventCont .section_title h4 { 
	border-left:6px solid #202020; padding-left:10px; font-family:'Noto Sans TC', sans-serif; font-size:1.125rem; font-weight:700; line-height:1.4em; 
	}
.EventCont .event_cont_header h3 { 
	border-bottom:1px solid #dcdcdc; padding-bottom:10px;
	font-family:'Noto Sans TC', sans-serif; font-size:1.625rem; font-weight:700; line-height:1.5em; color:#00005d; 
	}
.EventCont .event_cont_header .cover { margin-top:30px; padding-bottom:52.5%; background-repeat:no-repeat; background-position:center center; background-size:contain; }

.EventCont .event_info dl { display:flex; flex-wrap:wrap; margin-bottom:15px; padding-left:1em; line-height:1.5em; position:relative; }
.EventCont .event_info dl::before { content:''; display:block; position:absolute; top:0.5625em; left:0; width:6px; height:6px; background-color:#202020; }
.EventCont .event_info dd + dd::before { content:'、'; }
.EventCont .event_info dd a { display:inline-block; }
.EventCont .event_info dd a:hover, .EventCont .event_info dd a:focus { color:#e80067; }
.EventCont .event_info .time dd { font-family:'Montserrat', sans-serif; }
.EventCont .event_info .url dd a { font-family:'Montserrat', sans-serif; color:#202020; word-break:break-all; }

.EventCont .event_map .map { height:400px; position:relative; }
	@media screen and (orientation: portrait) and (max-width:639px) {
	.EventCont .event_map .map { height:80vh; }
	}
	@media screen and (orientation: portrait) and (min-width:640px) and (max-width:799px) {
	.EventCont .event_map .map { height:60vh; }
	}
	@media screen and (orientation: landscape) and (max-height:439px) {
	.EventCont .event_map .map { height:90vh; }
	}
.EventCont .event_map .map iframe { position:absolute; top:0; left:0; width:100%; height:100%; border:0; margin:0; }

/* 其他會展場館推薦 */
.EventRecommend { margin-top:70px; }
.EventRecommend .title h4 { margin-bottom:15px; font-size:1.125rem; font-weight:700; line-height:1.5em; }
.EventRecommend .list { margin:0 -10px; }
.EventRecommend .list .item { height:100%; padding:0 10px; }
.EventRecommend .list .item > div { height:100%; max-width:200px; margin:0 auto; }
.EventRecommend .list .img { 
	padding-bottom:100%; background-repeat:no-repeat; background-position:center center; background-size:contain; position:relative;
	}
.EventRecommend .list .cont { padding-top:10px; }
.EventRecommend .cat { display:flex; align-items:center; line-height:1.25em; font-size:0.875rem; }
.EventRecommend .cat::before { content:''; display:block; margin-right:5px; }
	.EventRecommend .cat.megaevent::before { 
		width:15px; height:15px; background-color:#9d12ff; clip-path:polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); 
		}
	.EventRecommend .cat.exhibition::before { 
		width:14px; height:16px; background-color:#1189e3; clip-path:polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); 
		}
	.EventRecommend .cat.convention::before { 
		width:15px; height:13px; background-color:#0b9662; clip-path:polygon(50% 0%, 0% 100%, 100% 100%); 
		}
.EventRecommend .list .title { margin:5px 0; border-bottom:1px solid #202020; }
.EventRecommend .list .title a { display:block; padding-bottom:0.6em; font-weight:500; color:#202020; line-height:1.5em; text-decoration:none; }
	.EventRecommend .list .title a:hover, .EventRecommend .list .title a:focus { color:#e80067; }
.EventRecommend .date { margin-top:5px; font-family:'Montserrat', sans-serif; line-height:1.5em; font-size:0.875rem; position:relative; }

@media screen and (max-width: 399px) {
.EventRecommend .list { margin:0; }
.EventRecommend .list .item { padding:0; }
}
@media screen and (min-width: 400px) and (max-width: 479px) {
.EventRecommend .list .title a { font-size:0.9375rem; }
}
@media screen and (min-width: 640px) and (max-width: 679px) {
.EventRecommend .list .title a { font-size:0.9375rem; }
}
@media screen and (min-width: 767px) and (max-width: 899px) {
.EventRecommend .list .title a { font-size:0.9375rem; }
}
@media screen and (min-width: 1100px) and (max-width: 1199px) {
.EventRecommend .list .title a { font-size:0.9375rem; }
}

/* owl-carousel */
.EventRecommend .list .owl-carousel { padding-bottom:40px; }
.EventRecommend .list .owl-nav > div {
	position:absolute; top:50%; background-color:rgba(255,255,255,0.5); text-indent:-999px; z-index:9999; overflow:hidden;
	border:1px solid #17176c; border-radius:50%; transition:all 0.3s ease;
	}
	.EventRecommend .list .owl-nav > div:hover { background-color:#17176c; box-shadow:0 0 8px rgba(0,0,0,0.5); }
.EventRecommend .list .owl-nav > div::after { 
	content:''; display:block; position:absolute; top:50%; background:url(../images/icon_arrow.png) no-repeat 0 20%; background-size:300%;
	}
	.EventRecommend .list .owl-nav .owl-prev::after { left:50%; transform:rotate(-180deg); }
	.EventRecommend .list .owl-nav .owl-next::after { right:50%; }
.EventRecommend .list .owl-nav > div:hover::after { background-position:right 20%; }
.EventRecommend .list .owl-nav .disabled { display:none; }

@media screen and (max-width: 639px) {
.EventRecommend .list .owl-nav > div { margin-top:-18px; width:36px; height:36px; }
.EventRecommend .list .owl-nav .owl-prev { left:5px; }
.EventRecommend .list .owl-nav .owl-next { right:5px; }
.EventRecommend .list .owl-nav > div::after { width:16px; height:16px; margin-top:-8px; }
.EventRecommend .list .owl-nav .owl-prev::after { margin-left:-8px; }
.EventRecommend .list .owl-nav .owl-next::after { margin-right:-8px; }
}
@media screen and (min-width: 640px) and (max-width: 1279px) {
.EventRecommend .list .owl-nav > div { margin-top:-24px; width:48px; height:48px; }
.EventRecommend .list .owl-nav .owl-prev { left:-5px; }
.EventRecommend .list .owl-nav .owl-next { right:-5px; }
.EventRecommend .list .owl-nav > div::after { width:18px; height:18px; margin-top:-9px; }
.EventRecommend .list .owl-nav .owl-prev::after { margin-left:-9px; }
.EventRecommend .list .owl-nav .owl-next::after { margin-right:-9px; }
}
@media screen and (min-width: 1280px) and (max-width: 1439px) {
.EventRecommend .list .owl-nav > div { margin-top:-30px; width:60px; height:60px; }
.EventRecommend .list .owl-nav .owl-prev { left:-5px; }
.EventRecommend .list .owl-nav .owl-next { right:-5px; }
.EventRecommend .list .owl-nav > div::after { width:18px; height:18px; margin-top:-9px; }
.EventRecommend .list .owl-nav .owl-prev::after { margin-left:-9px; }
.EventRecommend .list .owl-nav .owl-next::after { margin-right:-9px; }
}
@media screen and (min-width: 1440px) {
.EventRecommend .list .owl-nav > div { margin-top:-30px; width:60px; height:60px; }
.EventRecommend .list .owl-nav .owl-prev { left:-70px; }
.EventRecommend .list .owl-nav .owl-next { right:-70px; }
.EventRecommend .list .owl-nav > div::after { width:18px; height:18px; margin-top:-9px; }
.EventRecommend .list .owl-nav .owl-prev::after { margin-left:-9px; }
.EventRecommend .list .owl-nav .owl-next::after { margin-right:-9px; }
}

.EventRecommend .list .owl-dots { position:absolute; left:0; bottom:0; width:100%; text-align:center; line-height:0; }
.EventRecommend .list .owl-dots .owl-dot { 
	display:inline-block; border:2px solid #636363; background-color:#fff; width:12px; height:12px; margin:0 6px; border-radius:50%; 
	}
.EventRecommend .list .owl-dots .owl-dot.active, .EventRecommend .list .owl-dots .owl-dot:hover { 
	background-color:#fd3784; border-color:#fd3784;
	}


/*----------------------------------------------------------------------*/
/* 會展動態 */
/* 列表搜尋(for 行動裝置) */
.NewsFilter { background-color:#f8f8f8; margin-bottom:25px; position:relative; display:flex; flex-wrap:wrap; }
	@media screen and (min-width: 1200px) {
	.NewsFilter { display:none; }
	}
.NewsFilter .item { max-width:100%; margin-bottom:10px; position:relative; }
.NewsFilter .item .label { color:#333; font-size:0.9375em; font-weight:500; line-height:30px; }
.NewsFilter .btn { margin-bottom:15px; }
.NewsFilter .btn button { 
	line-height:46px; padding:0 15px; background-color:#202020; color:#fff; 
	position:relative; 
	}
.NewsFilter .btn button:hover, .NewsFilter .btn button:focus { 
	background-color:#e80067; box-shadow:0 0 10px rgba(0,0,0,0.2); 
	}

@media screen and (max-width: 479px) {
.NewsFilter { flex-direction:column; padding:10px 10px 0 10px; }
.NewsFilter .item { width:100%; }
.NewsFilter select, .NewsFilter input[type="text"] { width:100%; }
}
@media screen and (min-width: 480px) {
.NewsFilter { padding:15px 20px 10px 20px; align-items:flex-end; }
.NewsFilter .item { margin-right:20px; }
}

/* 列表 */
.NewsList .item > div::after { content:''; display:block; clear:both; }

.NewsList .img > div { padding-bottom:66.6666%; background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative; }

.NewsList .cont { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; }
.NewsList .title { 
	width:100%; padding-bottom:1em; position:relative; 
	color:#202020; font-weight:700; font-size:1.25rem; line-height:1.5em;
	}
.NewsList .title::after { content:''; display:block; position:absolute; bottom:0; left:0; width:150px; border-bottom:6px solid #202020; }
.NewsList .title a { display:inline-block; color:#202020; text-decoration:none; }
.NewsList .title a:hover, .aside_news_list .title a:focus { color:#e80067; }
.NewsList .desc { width:100%; border-top:1px solid #202020; border-bottom:1px solid #202020; padding:0.75em 0; }
.NewsList .desc > div { 
	font-weight:400; font-size:1.125rem; 
	line-height:2em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; 
	}
.NewsList .info { display:flex; align-items:center; flex-wrap:wrap; min-width:50%; }
.NewsList .info > div { display:flex; align-items:center; line-height:2.25em; }
.NewsList .cat { margin-right:25px; }
.NewsList .cat::before { 
	content:''; display:block; margin-right:4px; border-style:solid; border-width:16px 0 0 16px; border-top-color:transparent; 
	}
	/*--分類:會展新聞(cat1)、會展花絮(cat2)、課程與研究(cat3)*/
	.NewsList .cat.cat1::before { border-left-color:#178ce4; }
	.NewsList .cat.cat2::before { border-left-color:#dc1a48; }
	.NewsList .cat.cat3::before { border-left-color:#44309e; }

.NewsList .date { font-family:'Montserrat', sans-serif; font-weight:400; }
.NewsList .date::before { 
	content:''; display:block; margin-right:4px; width:16px; height:16px; background:url(../images/icon_list.svg) no-repeat 0 10%; background-size:200%;
	}

.NewsList .btn a { 
	display:flex; align-items:center; 
	font-weight:500; line-height:2.25em; color:#202020; text-decoration:none; 
	}
	.NewsList .btn a:hover, 
	.NewsList .btn a:focus { padding-left:0.625em; color:#00005d; }
.NewsList .btn a span { 
	display:block; margin-left:0.625em; border-left:1px solid #636363; width:1.5625em; height:1em; position:relative; transition:all 0.3s ease; 
	}
	.NewsList .btn a:hover span, 
	.NewsList .btn a:focus span { margin-left:0; border-color:transparent !important; }
.NewsList .btn a span::after { 
	content:''; display:block; position:absolute; top:50%; right:0; width:16px; height:16px; margin:-8px 0 0 0;
	background:url(../images/icon_arrow.png) no-repeat 50% 20%; background-size:300%; 
	}
.NewsList .btn a:hover span::after,
.NewsList .btn a:focus span::after{ background-position:0 20%; }

/* RWD */
@media screen and (max-width: 767px) {
.NewsList .item > div { max-width:300px; }
.NewsList .title { margin-top:15px; }
.NewsList .info { width:100%; display:flex; justify-content:space-between; }
.NewsList .btn { width:100%; display:flex; justify-content:center; }
.NewsList .btn a { margin-top:10px; }
}
	@media screen and (max-width: 499px) {
	.NewsList .item:nth-child(1) { margin-top:0; }
	.NewsList .item > div { margin:0 auto; }
	.NewsList .title { margin-top:15px; }
	.NewsList .info { width:100%; display:flex; justify-content:space-between; }
	.NewsList .btn { width:100%; display:flex; justify-content:center; }
	.NewsList .btn a { margin-top:10px; }
	}
	@media screen and (min-width: 500px) and (max-width: 767px) {
	.NewsList { margin:0 -10px; }
	.NewsList > div { display:flex; flex-wrap:wrap; }
	.NewsList .item { width:50%; padding:0 10px; }
	.NewsList .item:nth-child(-n+2) { margin-top:0; }
	.NewsList .item:nth-child(2n+1) > div { margin-right:auto; }
	.NewsList .item:nth-child(2n+2) > div { margin-left:auto; }
	.NewsList .title { margin-top:15px; }
	.NewsList .info { width:100%; display:flex; justify-content:space-between; }
	.NewsList .btn { width:100%; display:flex; justify-content:center; }
	.NewsList .btn a { margin-top:10px; }
	}
@media screen and (min-width: 768px) {
.NewsList .item:first-child { margin-top:0; }
.NewsList .img { float:left; width:300px; max-width:40%; margin-right:30px; margin-bottom:15px; }
}

@media screen and (max-width: 959px) {
.NewsList .item { margin-top:40px; }
}
@media screen and (min-width: 960px) and (max-width: 1599px) {
.NewsList .item { margin-top:5vw; }
}
@media screen and (min-width: 1600px) {
.NewsList .item { margin-top:80px; }
}

@media screen and (max-width: 499px) {
.NewsList .desc > div { max-height:10em; -webkit-line-clamp:5; }
}
@media screen and (min-width: 500px) and (max-width: 599px) {
.NewsList .desc > div { max-height:10em; -webkit-line-clamp:5; font-size:1rem; }
}
@media screen and (min-width: 600px) and (max-width: 799px) {
.NewsList .desc > div { max-height:10em; -webkit-line-clamp:5; }
}
@media screen and (min-width: 800px) and (max-width: 959px) {
.NewsList .desc > div { max-height:8em; -webkit-line-clamp:4; }
}
@media screen and (min-width: 960px) and (max-width: 1199px) {
.NewsList .desc > div { max-height:6em; -webkit-line-clamp:3; }
}
@media screen and (min-width: 1200px) and (max-width: 1439px) {
.NewsList .desc > div { max-height:8em; -webkit-line-clamp:4; }
}
@media screen and (min-width: 1440px) {
.NewsList .desc > div { max-height:6em; -webkit-line-clamp:3; }
}

/* 最新動態(側邊欄) */
.aside_news_list li { display:flex; flex-wrap:wrap; padding:0.8rem 10px; border-bottom:1px dotted #555; }
.aside_news_list .title { width:100%; margin-bottom:5px; }
.aside_news_list .title a { display:inline-block; font-weight:700; color:#202020; line-height:1.5em; text-decoration:none; }
.aside_news_list .title a:hover, .aside_news_list .title a:focus { color:#e80067; }
.aside_news_list .cat, .aside_news_list .date { display:flex; align-items:center; line-height:2em; font-size:0.875rem; }
.aside_news_list .cat { margin-right:1rem; }
.aside_news_list .cat::before { 
	content:''; display:block; margin-right:4px; border-style:solid; border-width:12px 0 0 12px; border-top-color:transparent; 
	}
	/*--分類:會展新聞(cat1)、會展花絮(cat2)、課程與研究(cat3)*/
	.aside_news_list .cat.cat1::before { border-left-color:#178ce4; }
	.aside_news_list .cat.cat2::before { border-left-color:#dc1a48; }
	.aside_news_list .cat.cat3::before { border-left-color:#44309e; }

.aside_news_list .date { font-family:'Montserrat', sans-serif; font-weight:400; }
.aside_news_list .date::before { 
	content:''; display:block; margin-right:4px; width:15px; height:15px; background:url(../images/icon_list.svg) no-repeat 0 10%; background-size:200%;
	}

/* 動態分類(側邊欄) */
.aside_news_cat li { border-bottom:1px solid #202020; }
.aside_news_cat a { 
	display:flex; align-items:center; position:relative; padding-left:1em; 
	font-weight:500; line-height:52px; color:#202020; text-decoration:none; 
	}
	.aside_news_cat a:hover, 
	.aside_news_cat a:focus { padding-left:1.5em; color:#fff; }
	.aside_news_cat .cat1 a:hover, .aside_news_cat .cat1 a:focus { background-color:#178ce4; }
	.aside_news_cat .cat2 a:hover, .aside_news_cat .cat2 a:focus { background-color:#dc1a48; }
	.aside_news_cat .cat3 a:hover, .aside_news_cat .cat3 a:focus { background-color:#44309e; }
.aside_news_cat a::before { 
	content:''; display:block; margin-right:8px; border-style:solid; border-width:12px 0 0 12px; border-top-color:transparent; 
	}
	/*--分類:會展新聞(cat1)、會展花絮(cat2)、課程與研究(cat3)*/
	.aside_news_cat .cat1 a::before { border-left-color:#178ce4; }
	.aside_news_cat .cat2 a::before { border-left-color:#dc1a48; }
	.aside_news_cat .cat3 a::before { border-left-color:#44309e; }
	.aside_news_cat a:hover::before, 
	.aside_news_cat a:focus::before { border-left-color:#fff; }
.aside_news_cat a span { 
	display:block; position:absolute; top:9px; right:0; border-left:1px solid #636363; width:48px; height:34px; transition:all 0.3s ease; 
	}
	.aside_news_cat a:hover span, 
	.aside_news_cat a:focus span { border-color:transparent !important; }
.aside_news_cat a span::after { 
	content:''; display:block; position:absolute; top:50%; right:50%; width:16px; height:16px; margin:-8px -8px 0 0;
	background:url(../images/icon_arrow.png) no-repeat 50% 20%; background-size:300%; 
	}
.aside_news_cat a:hover span::after,
.aside_news_cat a:focus span::after{ background-position:right 20%; }


/*----------------------------------------------------------------------*/
/* 會展辦公室 */
.KHmiceOffice_Block ~ .KHmiceOffice_Block { border-top:6px solid #202020; margin-top:60px; }
	@media screen and (max-width: 639px) {
	.KHmiceOffice_Block ~ .KHmiceOffice_Block { padding-top:25px; }
	}
	@media screen and (min-width: 640px) {
	.KHmiceOffice_Block ~ .KHmiceOffice_Block { padding-top:40px; }
	}
.KHmiceOffice_Block .title { padding-left:10px; border-left:6px solid #202020; font-size:1.125rem; font-weight:700; line-height:1.66em; }
.KHmiceOffice_Block .block_title h3 { margin-bottom:5px; font-weight:700; font-size:1.625rem; line-height:1.15em; letter-spacing:0.15em; }
.KHmiceOffice_Block .block_title .desc { line-height:1.875em; letter-spacing:0.15em; }

.khmice_office_intro { margin-top:40px; }
.khmice_office_intro .desc { margin-top:15px; }

.khmice_office_service { margin-top:40px; position:relative; }
.khmice_office_service dl { background-color:#f8f8f8; display:flex; justify-content:space-between; flex-wrap:wrap; }
.khmice_office_service dt { position:absolute; top:0; left:0; }
.khmice_office_service dd { 
	display:flex; align-items:center; flex-wrap:wrap; 
	border-bottom:1px solid #202020; padding:15px 0; letter-spacing:0.15em; 
	}
.khmice_office_service dd span { display:block; }
.khmice_office_service dd .icon { width:50px; height:50px; background-repeat:no-repeat; background-position:center center; background-size:contain; }
.khmice_office_service dd .text { margin-left:1em; }
	/* RWD */
	@media screen and (max-width: 767px) {
	.khmice_office_service dd .text { width:calc(100% - 50px - 1em); }
	}
	@media screen and (min-width: 768px) {
	.khmice_office_service dd { justify-content:center; }
	.khmice_office_service dd .text { width:10.35em; }
	}

	@media screen and (max-width: 499px) {
	.khmice_office_service dd { width:100%; }
	.khmice_office_service dd:nth-of-type(1) { border-top:1px solid #202020; }
	}
	@media screen and (min-width: 500px) and (max-width: 959px) {
	.khmice_office_service dd { width:calc(50% - 15px); }
	.khmice_office_service dd:nth-of-type(-n+2) { border-top:1px solid #202020; }
	}
	@media screen and (min-width: 960px) {
	.khmice_office_service dd { width:calc(50% - 25px); }
	.khmice_office_service dd:nth-of-type(-n+2) { border-top:1px solid #202020; }
	}

	@media screen and (max-width: 959px) {
	.khmice_office_service { padding-top:45px; }
	.khmice_office_service dl { padding:40px 30px; }
	}
	@media screen and (min-width: 960px) {
	.khmice_office_service { padding-left:200px; }
	.khmice_office_service dl { padding:50px; }
	}

.khmice_service_apply { max-width:1050px; margin:40px auto 0; display:flex; align-items:center; flex-wrap:wrap; }
.khmice_service_apply .img > div { padding-bottom:66.6666%; background-repeat:no-repeat; background-position:center center; background-size:contain; }

.khmice_service_apply .how_to_apply .desc { margin-top:15px; line-height:1.875em; }

.khmice_service_apply .contact_info { margin-top:40px; }
.khmice_service_apply .contact_info dt { margin-bottom:25px; }
.khmice_service_apply .contact_info .tel,
.khmice_service_apply .contact_info .addr,
.khmice_service_apply .contact_info .email { margin-top:8px; padding-left:1.875em; line-height:1.5em; position:relative; }
.khmice_service_apply .contact_info .tel::before,
.khmice_service_apply .contact_info .addr::before,
.khmice_service_apply .contact_info .email::before { 
	content:''; display:block; position:absolute; top:0.09375em; left:0; width:21px; height:21px; 
	background:url(../images/icon_list.svg) no-repeat; background-size:200%;
	}
.khmice_service_apply .contact_info .tel { font-family:'Roboto', sans-serif; }
.khmice_service_apply .contact_info .tel::before { background-position:0 30%; }
.khmice_service_apply .contact_info .addr {  }
.khmice_service_apply .contact_info .addr::before { background-position:0 40%; }
.khmice_service_apply .contact_info .email {  }
.khmice_service_apply .contact_info .email a { 
	display:block; font-family:'Roboto', sans-serif; color:#202020; word-break:break-all;
	}
	.khmice_service_apply .contact_info .email a:hover, .khmice_service_apply .contact_info .email a:focus { color:#e80067; }
.khmice_service_apply .contact_info .email::before { background-position:0 60%; }

.khmice_service_apply .email_us { margin-top:40px; }
.khmice_service_apply .email_us .desc { line-height:1.875em; }
	/* RWD */
	@media screen and (max-width: 767px) {
	.khmice_service_apply .img { max-width:450px; width:90%; margin:0 auto 30px; }
	.khmice_service_apply .cont { width:100%; }
	}
	@media screen and (min-width: 768px) {
	.khmice_service_apply .img { width:42.86%; }
	.khmice_service_apply .cont { width:57.14%; }
	}

	@media screen and (min-width: 768px) and (max-width: 1049px) {
	.khmice_service_apply .cont { padding-left:25px; }
	}
	@media screen and (min-width: 1050px) {
	.khmice_service_apply .cont { padding-left:75px; }
	}

.khmice_service_traffic { display:flex; align-items:center; flex-wrap:wrap; margin-top:40px; }
.khmice_service_traffic .traffic_info dl + dl { margin-top:40px; }
.khmice_service_traffic .traffic_info dt { margin-bottom:15px; }
.khmice_service_traffic .traffic_info dd { padding:0.25em 0 0.25em 1em; line-height:1.5em; position:relative; }
.khmice_service_traffic .traffic_info dd::before { 
	content:''; display:block; position:absolute; top:0.8125em; left:0; width:6px; height:6px; background-color:#202020; 
	}
.khmice_service_traffic .traffic_info dd a { display:inline-block; color:#202020; word-break:break-all; }
.khmice_service_traffic .traffic_info dd a:hover, .TrafficBlock .item .cont .info dd a:focus { color:#e80067; }
.khmice_service_traffic .map { position:relative; height:400px; }
.khmice_service_traffic .map iframe { position:absolute; top:0; left:0; width:100%; height:100%; border:0; margin:0; }
.khmice_service_traffic .map .skip_map { position:absolute; bottom:100%; left:0; }
	/* RWD */
	@media screen and (orientation: portrait) and (max-width:639px) {
	.khmice_service_traffic .map { height:80vh; }
	}
	@media screen and (orientation: portrait) and (min-width:640px) and (max-width:799px) {
	.khmice_service_traffic .map { height:60vh; }
	}
	@media screen and (orientation: landscape) and (max-height:439px) {
	.khmice_service_traffic .map { height:90vh; }
	}
	@media screen and (min-width:800px) and (max-width:959px) {
	.khmice_service_traffic .map { height:500px; }
	}

	@media screen and (max-width: 799px) {
	.khmice_service_traffic .cont { width:100%; }
	.khmice_service_traffic .map { width:100%; }
	}
	@media screen and (min-width: 800px) {
	.khmice_service_traffic .cont { width:50%; padding-right:50px; }
	.khmice_service_traffic .map { width:50%; }
	}

.khmice_service_download { max-width:1050px; margin:40px auto 0; display:flex; flex-wrap:wrap; }
.khmice_service_download .img > div { padding-bottom:66.6666%; background-repeat:no-repeat; background-position:center center; background-size:contain; }
.khmice_service_download .cont { display:flex; flex-wrap:wrap; }
.khmice_service_download .intro .desc { margin-top:15px; line-height:1.875em; }

.khmice_service_download .download { display:flex; align-items:flex-end; flex-wrap:wrap; }
.khmice_service_download .download .btn { margin-right:10px; }
.khmice_service_download .download .btn a { 
	display:inline-flex; align-items:center; padding-left:2.25em; background-color:#202020; 
	color:#fff; font-weight:500; line-height:50px; text-decoration:none; 
	}
	.khmice_service_download .download .btn a:hover, 
	.khmice_service_download .download .btn a:focus { 
		padding-left:2.75em; background-color:#e80067; box-shadow:0 0 15px rgba(0,0,0,0.2); 
		}
.khmice_service_download .download .btn a span { 
	display:block; margin-left:2.25em; border-left:1px solid #fff; width:3.75em; height:2.375em; position:relative; transition:all 0.3s ease; 
	}
	.khmice_service_download .download .btn a:hover span, 
	.khmice_service_download .download .btn a:focus span { margin-left:1.75em; border-color:transparent !important; }
.khmice_service_download .download .btn a span::after { 
	content:''; display:block; position:absolute; top:50%; left:50%; width:18px; height:18px; margin:-9px 0 0 -9px;
	background:url(../images/icon_btn_common.png) no-repeat 0 30%; background-size:200%; 
	}

.khmice_service_download .download .file_hashes { text-indent:0; }
.khmice_service_download .download .file_hashes a { 
	display:inline-block; width:auto; height:auto; background-color:transparent; padding-right:20px; padding-top:8px; 
	color:#636363; font-size:0.875rem; line-height:1em; text-decoration:none;
	}
.khmice_service_download .download .file_hashes a:hover, .khmice_service_download .download .file_hashes a:focus { color:#00005d; }
.khmice_service_download .download .file_hashes a:focus { outline:0; }
.khmice_service_download .download .file_hashes a:focus::before { 
	content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; border:2px dashed #e80067; box-sizing:border-box; 
	}
.khmice_service_download .download .file_hashes a::after { left:auto; right:0; top:auto; bottom:0; margin:0; }
.khmice_service_download .download .file_hashes a:hover::after, .khmice_service_download .download .file_hashes a:focus::after { background-position:0 50%; }
	/* RWD */
	@media screen and (max-width: 767px) {
	.khmice_service_download .img { max-width:450px; width:90%; margin:0 auto 30px; }
	.khmice_service_download .cont { width:100%; }
	.khmice_service_download .download { margin-top:30px; }
	}
	@media screen and (min-width: 768px) {
	.khmice_service_download .img { width:42.86%; }
	.khmice_service_download .cont { width:57.14%; align-content:space-between; }
	}

	@media screen and (min-width: 768px) and (max-width: 1049px) {
	.khmice_service_download .cont { padding-left:25px; }
	}
	@media screen and (min-width: 1050px) {
	.khmice_service_download .cont { padding-left:75px; }
	}


/*----------------------------------------------------------------------*/
/* 圖像牆(會展聯盟、會展體驗) */
.GridImgWall > div { display:flex; flex-wrap:wrap; }
.GridImgWall a { display:block; height:100%; position:relative; overflow:hidden; }
.GridImgWall .img { padding-bottom:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; }
.GridImgWall .cont { position:absolute; bottom:0; left:0; width:100%; background-color:rgba(0,0,0,0.65); padding-top:8px; padding-bottom:20px; color:#fff; }
.GridImgWall .cont > div { border-bottom:1px solid #fff; padding-right:20px; position:relative; }
.GridImgWall .cont > div::after { 
	content:''; display:block; position:absolute; top:50%; right:0; width:18px; height:18px; margin:-9px 0 0 0;
	background:url(../images/icon_arrow.png) no-repeat 100% 20%; background-size:300%; 
	}
.GridImgWall .cont .title { 
	display:inline-block; padding:5px 0 5px; border-bottom:4px solid #fff; 
	font-size:1.375rem; font-weight:700; line-height:1.5em; letter-spacing:0.15em; 
	}
.GridImgWall .cont .title span.tag { display:inline-block; margin-left:5px; font-size:0.875rem; font-weight:300; letter-spacing:0.1em; }

/* RWD */
@media screen and (max-width: 639px) {
.GridImgWall { margin:0 -8px; }
.GridImgWall .item { padding:8px; }
.GridImgWall .cont { padding-left:16px; padding-right:16px; }
}
@media screen and (min-width: 640px) and (max-width: 1199px) {
.GridImgWall { margin:0 -1.25vw; }
.GridImgWall .item { padding:1.25vw; }
.GridImgWall .cont { padding-left:2.5vw; padding-right:2.5vw; }
}
@media screen and (min-width: 1200px) {
.GridImgWall { margin:0 -15px; }
.GridImgWall .item { padding:15px; }
.GridImgWall .cont { padding-left:30px; padding-right:30px; }
}

@media screen and (max-width: 539px) {
.GridImgWall .item { width:100%; max-width:380px; margin-left:auto; margin-right:auto; }
}
@media screen and (min-width: 540px) and (max-width: 959px) {
.GridImgWall > div { justify-content:center; }
.GridImgWall .item { width:50%; }
}
@media screen and (min-width: 960px) {
.GridImgWall .item { width:33.3333%; }
.GridImgWall .item.two-thirds { width:66.6666%; }
.GridImgWall .item.two-thirds .img { padding-bottom:calc((100% - 30px) / 2); }
.GridImgWall .item.full-width { width:100%; }
.GridImgWall .item.full-width .img { padding-bottom:calc((100% - 60px) / 3); }
}

@media screen and (min-width: 480px) and (max-width: 639px) {
.GridImgWall .cont { padding-bottom:15px; }
.GridImgWall .cont .title { font-size:1.25rem; letter-spacing:0.1em; }
}
@media screen and (min-width: 960px) and (max-width: 1199px) {
.GridImgWall .cont { padding-bottom:15px; }
.GridImgWall .cont .title { font-size:1.25rem; letter-spacing:0.1em; }
}

/* hover */
.GridImgWall .img { transition:transform 0.5s ease; }
.GridImgWall .cont { transition:background 0.5s ease; }
.GridImgWall a:hover, .GridImgWall a:focus { box-shadow:0 0 20px rgba(0,0,0,0.2); }
.GridImgWall a:hover .img, .GridImgWall a:focus .img { transform:scale(1.03); }
.GridImgWall a:hover .cont, .GridImgWall a:focus .cont { background-color:rgba(0,0,93,0.8); }


/*----------------------------------------------------------------------*/
/* 會展聯盟列表 */
.AllianceList { margin:0 -10px; }
.AllianceList > div { display:flex; flex-wrap:wrap; }
.AllianceList .item { height:100%; padding:0 10px; margin-top:50px; }
.AllianceList .item > div { height:100%; max-width:315px; margin:0 auto; }
.AllianceList .img { padding-bottom:66.6666%; background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative; }
.AllianceList .cont { padding-top:10px; }
.AllianceList .title { 
	margin-bottom:15px; border-bottom:1px solid #202020; padding-bottom:0.75rem; position:relative; 
	font-weight:700; font-size:1.25rem; color:#202020; line-height:1.5em;
	}
.AllianceList .title::after { content:''; display:block; position:absolute; bottom:0; left:0; width:100px; border-bottom:5px solid #202020; }

.AllianceList .tel,
.AllianceList .addr,
.AllianceList .website { margin-top:8px; padding-left:1.875em; line-height:1.5em; position:relative; }
.AllianceList .tel::before,
.AllianceList .addr::before,
.AllianceList .website::before { 
	content:''; display:block; position:absolute; top:0.09375em; left:0; width:21px; height:21px; 
	background:url(../images/icon_list.svg) no-repeat; background-size:200%;
	}
.AllianceList .tel { font-family:'Roboto', sans-serif; }
.AllianceList .tel::before { background-position:0 30%; }
.AllianceList .addr {  }
.AllianceList .addr::before { background-position:0 40%; }
.AllianceList .website {  }
.AllianceList .website a { display:block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-family:'Roboto', sans-serif; color:#202020; }
	.AllianceList .website a:hover, .AllianceList .website a:focus { color:#e80067; }
.AllianceList .website::before { background-position:0 50%; }

@media screen and (max-width: 499px) {
.AllianceList .item { width:100%; }
.AllianceList .item:nth-child(1) { margin-top:0; }
.AllianceList .item > div { margin:0 auto; }
}
@media screen and (min-width: 500px) and (max-width: 799px) {
.AllianceList .item { width:50%; }
.AllianceList .item:nth-child(-n+2) { margin-top:0; }
.AllianceList .item:nth-child(2n+1) > div { margin-right:auto; }
.AllianceList .item:nth-child(2n+2) > div { margin-left:auto; }
}
	@media screen and (min-width: 500px) and (max-width: 579px) {
	.AllianceList .title a { font-size:1.125rem; }
	.AllianceList .date, .AllianceList .addr { font-size:0.875rem; }
	}
@media screen and (min-width: 800px) and (max-width: 1199px) {
.AllianceList .item { width:33.3333%; }
.AllianceList .item:nth-child(-n+3) { margin-top:0; }
.AllianceList .item:nth-child(3n+1) > div { margin-right:auto; }
.AllianceList .item:nth-child(3n+2) > div { margin:0 auto; }
.AllianceList .item:nth-child(3n+3) > div { margin-left:auto; }
}
	@media screen and (min-width: 800px) and (max-width: 839px) {
	.AllianceList .title a { font-size:1.125rem; }
	.AllianceList .date, .AllianceList .addr { font-size:0.875rem; }
	}
@media screen and (min-width: 1200px) {
.AllianceList .item { width:25%; }
.AllianceList .item:nth-child(-n+4) { margin-top:0; }
}
	@media screen and (min-width: 1200px) and (max-width: 1279px) {
	.AllianceList .title a { font-size:1.125rem; }
	.AllianceList .date, .AllianceList .addr { font-size:0.875rem; }
	}


/*----------------------------------------------------------------------*/
/* 會展體驗 */
.exp_cont_header { display:flex; flex-wrap:wrap; margin-bottom:60px; }
.exp_cont_header .cover { background-repeat:no-repeat; background-position:center center; background-size:cover; }
.exp_cont_header .cont { background-color:#000; padding:30px; display:flex; align-items:center; }
	@media screen and (max-width: 479px) {
	.exp_cont_header .cont { padding:20px 20px 25px 20px; }
	}
	@media screen and (min-width: 768px) and (max-width: 1199px) {
	.exp_cont_header .cont { padding:20px 20px 25px 20px; }
	}
.exp_cont_header dl { letter-spacing:0.15em; color:#fff; }
.exp_cont_header dt { border-bottom:1px solid #fff; padding:0 10px 0.75em 10px; font-size:2.5em; font-weight:700; }
.exp_cont_header dd { margin-top:10px; margin-left:10px; padding-left:20px; line-height:1.5em; position:relative; }
.exp_cont_header dd::before, .exp_cont_header dd::after { content:''; display:block; position:absolute; top:0.4375em; }
.exp_cont_header dd::before { left:0; width:2px; height:14px; background-color:#fff; }
.exp_cont_header dd::after { left:2px; border-top:4px solid transparent; border-bottom:4px solid transparent; border-left:8px solid #fff; }
/* RWD */
@media screen and (max-width: 767px) {
.exp_cont_header .cover { width:100%; }
.exp_cont_header .cont { width:90%; margin:-12vw auto 0; box-shadow:0 0 20px rgba(0,0,0,0.4) }
}
	@media screen and (max-width: 767px) and (orientation: portrait) {
	.exp_cont_header .cover { padding-bottom:50vh; }
	}
	@media screen and (max-width: 767px) and (orientation: landscape) {
	.exp_cont_header .cover { padding-bottom:72vh; }
	}
@media screen and (min-width: 768px) {
.exp_cont_header { flex-direction:row-reverse; }
.exp_cont_header .cover { width:60%; min-height:360px; }
.exp_cont_header .cont { width:40%; }
}

@media screen and (max-width: 479px) {
.exp_cont_header dt { font-size:2em; }
.exp_cont_header dd { font-size:0.9375em; }
}
@media screen and (min-width: 768px) and (max-width: 899px) {
.exp_cont_header dt { font-size:2em; }
.exp_cont_header dd { font-size:0.9375em; }
}

/* 行程選擇 */
.exp_itinerary_select { position:relative; }
.exp_itinerary_select .anchor { position:absolute; top:-60px; }
.exp_itinerary_select dl { display:flex; justify-content:space-around; flex-wrap:wrap; }
.exp_itinerary_select dl a { 
	display:flex; align-items:center; align-content:center; flex-wrap:wrap; 
	background-color:#fff; border:1px solid #000; position:relative;
	font-family:'Roboto', sans-serif; color:#202020; text-decoration:none; 
	}
.exp_itinerary_select dl a::after {
	content:''; display:block; position:absolute; width:100%; height:100%; 
	border:1px solid #000; box-sizing:border-box; z-index:-1; transition:all 0.3s ease;
	}
	.exp_itinerary_select dl dd:nth-of-type(1) a::after { background-color:#466cab; }
	.exp_itinerary_select dl dd:nth-of-type(2) a::after { background-color:#fd3784; }
	.exp_itinerary_select dl dd:nth-of-type(3) a::after { background-color:#faac03; }
	.exp_itinerary_select dl dd:nth-of-type(4) a::after { background-color:#0b9662; }
.exp_itinerary_select dl a .date { font-size:2.625rem; font-weight:900; line-height:1.1em; }
.exp_itinerary_select dl a .arrow::before { content:'START'; display:block; font-weight:700; font-size:1.125rem; line-height:2em; text-align:center; }
.exp_itinerary_select dl a .arrow::after { 
	content:''; display:block; width:16px; height:16px; 
	background:url(../images/icon_arrow.png) no-repeat 0 80%; background-size:300%; 
	}
/* RWD */
@media screen and (max-width: 639px) {
.exp_itinerary_select { margin-bottom:48px; }
}
@media screen and (min-width: 640px) and (max-width: 959px) {
.exp_itinerary_select { margin-bottom:10vw; }
}
@media screen and (min-width: 960px) {
.exp_itinerary_select { margin-bottom:96px; }
}

@media screen and (max-width: 479px) {
.exp_itinerary_select dl dd { width:100%; margin-bottom:20px; }
.exp_itinerary_select dl dd:last-child { margin-top:0; }
.exp_itinerary_select dl a { padding:10px 20px; justify-content:space-between; }
.exp_itinerary_select dl a .arrow { display:flex; align-items:center; margin-left:10px; }
.exp_itinerary_select dl a .arrow::after { margin-left:10px; }
}
@media screen and (min-width: 480px) {
.exp_itinerary_select dl a { justify-content:center; }
.exp_itinerary_select dl a span { display:block; width:100%; text-align:center; }
.exp_itinerary_select dl a .date { width:2em; }
.exp_itinerary_select dl a .arrow::after { margin:0 auto; transform:rotate(90deg); }
}
	@media screen and (min-width: 480px) and (max-width: 639px) {
	.exp_itinerary_select dl a { width:20vw; height:160px; }
	}
	@media screen and (min-width: 640px) and (max-width: 959px) {
	.exp_itinerary_select dl a { width:20vw; height:180px; }
	.fs3 .exp_itinerary_select dl a { height:200px; }
	}
	@media screen and (min-width: 960px) {
	.exp_itinerary_select dl a { width:200px; height:200px; }
	}

@media screen and (min-width: 480px) and (max-width: 639px) {
.exp_itinerary_select dl a .date { font-size:2rem; }
.exp_itinerary_select dl a .arrow::before { font-size:1rem; }
}

@media screen and (max-width: 639px) {
.exp_itinerary_select dl a::after { top:6px; left:6px; }
}
@media screen and (min-width: 640px) {
.exp_itinerary_select dl a::after { top:10px; left:10px; }
}

/* hover */
.exp_itinerary_select dl a:hover, .exp_itinerary_select dl a:focus { background-color:#466cab; color:#fff; box-shadow:0 0 20px rgba(0,0,0,0.2); }
.exp_itinerary_select dl a:hover .arrow::after, .exp_itinerary_select dl a:focus .arrow::after { background-position:right 20%; }
.exp_itinerary_select dl a:hover::after, .exp_itinerary_select dl a:focus::after { top:0; left:0; }

/* 行程內容 */
.exp_itinerary_cont .section { margin-top:64px; position:relative; }
	.exp_itinerary_cont .section:first-child { margin-top:0; }
.exp_itinerary_cont .section .anchor { position:absolute; top:-60px; }
.exp_itinerary_cont .date { 
	border-width:0 0 6px 0; border-style:solid; position:relative;
	font-family:'Roboto', sans-serif; font-size:1.5rem; font-weight:700; text-align:center; line-height:1.5em; 
	}
	.exp_itinerary_cont .section:nth-child(1) .date { border-color:#466cab; }
	.exp_itinerary_cont .section:nth-child(2) .date { border-color:#fd3784; }
	.exp_itinerary_cont .section:nth-child(3) .date { border-color:#faac03; }
	.exp_itinerary_cont .section:nth-child(4) .date { border-color:#0b9662; }
.exp_itinerary_cont .date::after { 
	content:''; display:block; position:absolute; top:100%; left:50%; margin-left:-10px; margin-top:6px; 
	border-left:10px solid transparent; border-right:10px solid transparent; border-top-width:9px; border-top-style:solid; 
	}
	.exp_itinerary_cont .section:nth-child(1) .date::after { border-top-color:#466cab; }
	.exp_itinerary_cont .section:nth-child(2) .date::after { border-top-color:#fd3784; }
	.exp_itinerary_cont .section:nth-child(3) .date::after { border-top-color:#faac03; }
	.exp_itinerary_cont .section:nth-child(4) .date::after { border-top-color:#0b9662; }
.exp_itinerary_cont .item { display:flex; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; margin:70px 0 80px; position:relative; }
	.exp_itinerary_cont .section > div:last-of-type { margin-bottom:0; }
	.exp_itinerary_cont .section:nth-child(even) .item { flex-direction:row-reverse; }

.exp_itinerary_cont .img { position:relative; }
.exp_itinerary_cont .img::after { 
	content:''; position:absolute; width:200px; height:200px; background:url(../images/bg_exp_itinerary_cont.png) no-repeat 0 0; z-index:-1;
	}
.exp_itinerary_cont .img > div { padding-bottom:66.6666%; background-repeat:no-repeat; background-position:center center; background-size:cover; }
.exp_itinerary_cont .cont dt { 
	border-bottom:1px solid #202020; margin-bottom:25px; padding-bottom:12px; line-height:1.375em; font-size:1.375rem; font-weight:700; position:relative; 
	}
.exp_itinerary_cont .cont dt .time { margin-right:10px; font-family:'Roboto', sans-serif; font-size:1.25rem; font-weight:900; }
.exp_itinerary_cont .cont dt::after { content:''; display:block; position:absolute; bottom:-1px; left:0; width:200px; border-width:0 0 6px 0; border-style:solid; }
	.exp_itinerary_cont .section:nth-child(1) .cont dt::after { border-color:#466cab; }
	.exp_itinerary_cont .section:nth-child(2) .cont dt::after { border-color:#fd3784; }
	.exp_itinerary_cont .section:nth-child(3) .cont dt::after { border-color:#faac03; }
	.exp_itinerary_cont .section:nth-child(4) .cont dt::after { border-color:#0b9662; }
.exp_itinerary_cont .cont .tel,
.exp_itinerary_cont .cont .addr,
.exp_itinerary_cont .cont .website { margin-top:8px; padding-left:1.875em; line-height:1.5em; position:relative; }
.exp_itinerary_cont .cont .tel::before,
.exp_itinerary_cont .cont .addr::before,
.exp_itinerary_cont .cont .website::before { 
	content:''; display:block; position:absolute; top:0.09375em; left:0; width:21px; height:21px; 
	background:url(../images/icon_list.svg) no-repeat; background-size:200%;
	}
.exp_itinerary_cont .cont .tel { font-family:'Roboto', sans-serif; }
.exp_itinerary_cont .cont .tel::before { background-position:0 30%; }
.exp_itinerary_cont .cont .addr {  }
.exp_itinerary_cont .cont .addr::before { background-position:0 40%; }
.exp_itinerary_cont .cont .website {  }
.exp_itinerary_cont .cont .website a { 
	display:block; font-family:'Roboto', sans-serif; color:#202020; word-break:break-all;
	}
	.exp_itinerary_cont .cont .website a:hover, .exp_itinerary_cont .cont .website a:focus { color:#e80067; }
.exp_itinerary_cont .cont .website::before { background-position:0 50%; }
.exp_itinerary_cont .cont .desc { margin-top:15px; line-height:2em; letter-spacing:0.15em; }
.exp_itinerary_cont .arrow { position:absolute; top:100%; left:50%; width:20px; height:30px; margin-left:-10px; }
	.exp_itinerary_cont .section > div:last-of-type .arrow { display:none; }
.exp_itinerary_cont .arrow::before, .exp_itinerary_cont .arrow::after { 
	content:''; display:block; position:absolute; left:0; 
	border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid #202020; 
	}
	.exp_itinerary_cont .arrow::before { top:0; }
	.exp_itinerary_cont .arrow::after { bottom:0; }

.exp_itinerary_cont .btn_return_list { position:absolute; bottom:0; right:0; width:100%; padding:3px 0; text-align:center; display:block; }
.exp_itinerary_cont .btn_return_list a { 
	width:1px; height:1px; margin:-1px 0 0 -1px; overflow:hidden; background-color:#fff; 
	display:inline-flex; align-items:center; padding:0 20px; color:#fff; font-weight:500; line-height:40px; text-decoration:none; 
	}
.exp_itinerary_cont .btn_return_list a::after { 
	content:''; display:block; width:18px; height:18px; margin-left:10px; background:url(../images/icon_arrow.png) no-repeat right 20%; background-size:300%; 
	}
.exp_itinerary_cont .btn_return_list a:focus { width:auto; height:auto; margin:0; overflow:visible; background-color:#e80067; }

/* RWD */
@media screen and (max-width: 639px)  {
.exp_itinerary_cont .item { padding:0 0 20px; }
.exp_itinerary_cont .cont { width:100%; }
.exp_itinerary_cont .img { width:100%; max-width:440px; margin:0 auto 30px auto; }
.exp_itinerary_cont .img::after { 
	content:''; position:absolute; width:200px; height:200px; background:url(../images/bg_exp_itinerary_cont.png) no-repeat 0 0; z-index:-1;
	}
.exp_itinerary_cont .img::after { top:-20px; left:-20px; }
}
@media screen and (min-width: 640px)  {
.exp_itinerary_cont .cont { width:50%; }
.exp_itinerary_cont .img { width:45%; }
.exp_itinerary_cont .img::after { 
	content:''; position:absolute; width:200px; height:200px; background:url(../images/bg_exp_itinerary_cont.png) no-repeat 0 0; z-index:-1;
	}
.exp_itinerary_cont .section:nth-child(even) .img::after { left:auto; right:0; }
}
	@media screen and (min-width: 640px) and (max-width: 767px) {
	.exp_itinerary_cont .item { padding:0 0 20px; }
	.exp_itinerary_cont .img { width:45%; }
	.exp_itinerary_cont .img::after { bottom:-40px; }
	.exp_itinerary_cont .section:nth-child(odd) .img::after { left:-10px; }
	.exp_itinerary_cont .section:nth-child(even) .img::after { right:-10px; }
	}
	@media screen and (min-width: 768px) and (max-width: 1199px) {
	.exp_itinerary_cont .item { padding:0 20px 40px; }
	.exp_itinerary_cont .img { width:45%; }
	.exp_itinerary_cont .img::after { bottom:-40px; }
	.exp_itinerary_cont .section:nth-child(odd) .img::after { left:-20px; }
	.exp_itinerary_cont .section:nth-child(even) .img::after { right:-20px; }
	}
	@media screen and (min-width: 1200px) {
	.exp_itinerary_cont .item { padding:0 75px 50px; }
	.exp_itinerary_cont .img { width:42.85%; }
	.exp_itinerary_cont .img::after { bottom:-50px; }
	.exp_itinerary_cont .section:nth-child(odd) .img::after { left:-75px; }
	.exp_itinerary_cont .section:nth-child(even) .img::after { right:-75px; }
	}





/*----------------------------------------------------------------------*/
/* 文字列表 */
.ListTable { background-color:#fff; position:relative; overflow:hidden; }
	.editable_content + .ListTable { margin-top:15px; }
.ListTable table { width:100%; }

.ListTable td.no { font-family:'Montserrat', sans-serif; color:#999; font-weight:700; font-style:italic; }
.ListTable td.date { font-family:'Montserrat', sans-serif; color:#555; }
.ListTable td.title { color:#202020; }
.ListTable td.title a { display:block; color:#202020; position:relative; }
.ListTable td.title a:hover, .ListTable table td.title a:focus { color:#e80067; }
.ListTable td.hash_value { word-break:break-all; }

@media screen and (max-width: 1023px) {
.ListTable table, .ListTable table tbody, .ListTable table tr, .ListTable table th, .ListTable table td { display:block; }
.ListTable { margin-top:30px; margin-bottom:30px; border:2px solid #d4d4d4; border-radius:20px; }
.ListTable table tr { padding:15px 20px; border-bottom:1px solid #d4d4d4; }
.ListTable table tr:first-child { position:absolute; left:-10000px; top:-10000px; }
.ListTable table tr:last-child { border-bottom:0; }
.ListTable table tr:nth-child(odd) { background-color:#fafafa; }

.ListTable table td { margin:5px 0; text-align:left; }
.ListTable td.no { display:none; }
.ListTable td:before { font-weight:bold; content: attr(data-th)"："; }
.ListTable td.no:before, .ListTable td:first-child.date:before, .ListTable td.cat:before, .ListTable td.title:before { 
	content:""; 
	}
.ListTable td.date { display:inline-block; font-size:0.9375rem; position:relative; }
.ListTable td.date br { display:none; }
.ListTable td.title { margin-top:0; font-size:1.25rem; font-weight:500; line-height:1.5em; position:relative; }
}
	@media screen and (max-width: 479px) {
	.ListTable table tr { padding:15px 10px; }
	.ListTable td.title a { padding-right:0; }
	.ListTable td.title a::after { display:none; }
	}
@media screen and (min-width: 1024px) {
.ListTable { margin-top:30px; margin-bottom:30px; }
.ListTable table th { 
	padding:15px 25px; border-top:1px solid #202020; border-bottom:3px solid #202020; font-weight:700; font-size:1.125rem; white-space:nowrap; 
	}
.ListTable table td { border-bottom:1px solid #dcdcdc; padding:20px 25px; line-height:30px; vertical-align:top; }
.ListTable table tr:nth-child(odd) td { background-color:#f8f8f8; }

.ListTable th.no { width:40px; }
.ListTable td.no { width:40px; white-space:nowrap; letter-spacing:0.05em; text-align:right; }
.ListTable th.date { width:160px; }
.ListTable td.date { width:160px; white-space:nowrap; position:relative; }
.ListTable th.date.range, .ListTable td.date.range { width:200px; }

.ListTable table .tc { text-align:center; }
}
	@media screen and (min-width: 1024px) and (max-width: 1279px) {
	.ListTable td.title { font-size:1rem; }
	}
	@media screen and (min-width: 1280px) {
	.ListTable td.title { font-size:1.125rem; }
	}


/*----------------------------------------------------------------------*/
/* 網站導覽 */
.sitemap_instr .intro { line-height:2em; }
.sitemap_instr dl { margin-top:25px; }
.sitemap_instr dt { margin-bottom:15px; color:#202020; font-size:1.125rem; font-weight:700; line-height:1.5em; }
.sitemap_instr dd { margin-left:1.125em; padding:0 0 10px 0; line-height:1.5em; position:relative; }
.sitemap_instr dd::after { 
	content:''; display:block; position:absolute; top:0.625em; left:-12px; width:4px ;height:4px; background-color:#202020;
	border-radius:50%;
	}
.sitemap_instr ul { margin-left:1.1em; padding:5px 0 5px 0; }
.sitemap_instr ul li { position:relative; }
.sitemap_instr ul li::after { 
	content:''; display:block; position:absolute; top:0.625em; left:-12px; width:4px ;height:4px; background-color:#202020;
	border-radius:50%;
	}
.sitemap_instr strong { color:#00005d; font-weight:500; }

.sitemap_title { margin-top:25px; margin-bottom:20px; color:#202020; font-size:1.125rem; font-weight:700; line-height:1.5em; }
.sitemap_tree { border:1px solid #202020; background-color:#fff; padding-bottom:20px; color:#202020; }
.sitemap_tree li { line-height:1.8em; }
.sitemap_tree a { display:block; color:#202020; text-decoration:none; }
.sitemap_tree a:hover, .sitemap_tree a:focus { color:#e80067; text-decoration:underline; }

/* 第1層 */
.sitemap_tree .home a { background-color:#202020; padding-left:10px; padding-right:10px; line-height:2.75em; font-size:1.125rem; text-align:center; color:#fff; }
.sitemap_tree .home a:hover, .sitemap_tree .home a:focus { background-color:#e80067; }
.sitemap_tree > li:not(.home) { padding:0 30px; font-size:1.125rem; }
.sitemap_tree > li:not(.home) > a { padding:0.75em 0; border-bottom:1px solid #dedede; }
/* 第2層 */
.sitemap_tree > li > ol { margin-left:1.1em; margin-top:10px; }
.sitemap_tree > li > ol > li { font-size:1rem; }
.sitemap_tree > li > ol > li a { padding:5px 0; }
/* 第3層 */
.sitemap_tree > li > ol > li > ol { margin-left:2.2em; }
.sitemap_tree > li > ol > li > ol > li { font-size:0.9375rem; }
.sitemap_tree > li > ol > li > ol > li a { padding:5px 0; }
/* 第4層 */
.sitemap_tree > li > ol > li > ol > li > ol { margin-left:3.3em; }
.sitemap_tree > li > ol > li > ol > li > ol > li { font-size:0.9375rem; font-weight:300; }
.sitemap_tree > li > ol > li > ol > li > ol > li a { padding:5px 0; }
/* 第5層 */
.sitemap_tree > li > ol > li > ol > li > ol > li > ol { margin-left:4.4em; }
.sitemap_tree > li > ol > li > ol > li > ol > li > ol > li { font-size:0.9375rem; font-weight:300; color:#666; }
.sitemap_tree > li > ol > li > ol > li > ol > li > ol > li a { padding:5px 0; color:#666; }



/*----------------------------------------------------------------------*/
/* 搜尋結果 */
.SearchResult .header { margin-bottom:40px; border:1px solid #202020; background-color:#fff; }
.SearchResult .header .title { display:inline-block; line-height:2em; position:relative; }
.SearchResult .header .title::after { content:'：'; }
.SearchResult .header .tags { display:inline-block; line-height:2em; }
.SearchResult .header .tags span { display:inline-block; background-color:#e80067; padding:0 10px; margin:0 5px 5px; border-radius:1em; color:#fff; }
.SearchResult .header .total { display:inline-block; margin-top:10px; line-height:2em; }
.SearchResult .header .total span { margin:0 5px; color:#e80067; font-family:'Montserrat', sans-serif; font-weight:700; }

.SearchResult .results_list .item { margin-top:40px; }
.SearchResult .results_list .title { line-height:1.5em; color:#202020; font-weight:700; position:relative; }
.SearchResult .results_list .title a { display:block; color:#202020; text-decoration:none; }
.SearchResult .results_list .title span { color:#e80067; }
.SearchResult .results_list .title a:hover, .SearchResult .results_list .title a:focus { color:#e80067; }
.SearchResult .results_list .date { display:inline-flex; align-items:center; font-family:'Montserrat', sans-serif; color:#555; line-height:2em; }
	.SearchResult .results_list .cat + .date { margin-left:25px; }
.SearchResult .results_list .date::before { 
	content:''; display:block; margin-right:4px; width:16px; height:16px; background:url(../images/icon_list.svg) no-repeat 0 10%; background-size:200%;
	}
.SearchResult .results_list .cat { display:inline-block; }
.SearchResult .results_list .cat a { display:block; color:#202020; line-height:2em; text-decoration:none; }
.SearchResult .results_list .cat a:hover, .SearchResult .results_list .cat a:focus { color:#e80067; }
.SearchResult .results_list .desc { margin-top:12px; padding-top:10px; border-top:1px solid #202020; position:relative; }
.SearchResult .results_list .desc > div { 
	color:#202020; font-size:1.125rem; line-height:2em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; 
	}
.SearchResult .results_list .desc::after { content:''; display:block; position:absolute; bottom:100%; left:0; width:150px; border-bottom:6px solid #202020; }
.SearchResult .results_list .desc span { color:#e80067; font-weight:500; }

/* RWD */
@media screen and (max-width: 479px) {
.SearchResult .header { padding:10px 15px; }
.SearchResult .results_list .title { font-size:1.125rem; }
.SearchResult .results_list .date, .SearchResult .results_list .cat { font-size:0.875rem; }
}
@media screen and (min-width: 480px) {
.SearchResult .header { padding:20px 25px; }
.SearchResult .results_list .title { font-size:1.25rem; }
}

@media screen and (max-width: 479px) {
.SearchResult .results_list .desc > div { max-height:10em; -webkit-line-clamp:5; }
}
	@media screen and (max-width: 399px) {
	.SearchResult .results_list .desc > div { font-size:0.9375rem; }
	}
@media screen and (min-width: 480px) and (max-width: 799px) {
.SearchResult .results_list .desc > div { max-height:8em; -webkit-line-clamp:4; }
}
@media screen and (min-width: 800px) {
.SearchResult .results_list .desc > div { max-height:6em; -webkit-line-clamp:3; }
}
