@charset "utf-8";
/* CSS Document */
#Center .guide_title { position:absolute; top:-60px; left:0; }

/*----------------------------------------------------------------------*/
/* KeyVisual */
#KeyVisual {}
	@media screen and (min-width: 640px) and (max-width: 1279px) {
	#KeyVisual { padding:0 20px; }
	}
	@media screen and (min-width: 1280px) {
	#KeyVisual { padding:0 40px; }
	}
#KeyVisual > div { max-width:1600px; margin:0 auto; }
@media screen and (min-width: 640px) {
#KeyVisual > div { background:url(../images/solgan.png) no-repeat 0 bottom; background-size:contain; }
}
	@media screen and (min-width: 640px) and (max-width: 1023px) {
	#KeyVisual > div { padding-bottom:10%; }
	}
	@media screen and (min-width: 1024px) {
	#KeyVisual > div { padding-bottom:8.75%; }
	}

.index_slider_list.owl-carousel {}
	@media screen and (min-width: 640px) and (max-width: 1023px) {
	.index_slider_list.owl-carousel { width:92%; margin-left:auto; }
	}
	@media screen and (min-width: 1024px) {
	.index_slider_list.owl-carousel { width:88.75%; margin-left:auto; }
	}
.index_slider_list a { display:block; max-width:100%; overflow:hidden; position:relative; }
.index_slider_list a:hover, .index_slider_list a:focus { opacity:0.8; }
.index_slider_list a:focus::after { 
	content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; border:4px dashed #ee3a7f; box-sizing:border-box; 
	}
.index_slider_list img { display:block; width:100%; }

/* 影片 */
.index_slider_list .youtube .video { padding-bottom:57.7464%; position:relative; }
.index_slider_list .youtube .video iframe { position:absolute; top:0; left:0; width:100%; height:100%; border:0; margin:0; }
.index_slider_list .youtube .desc { font-size:0.875rem; line-height:1.5em; }
#KeyVisual:not(.noscript) .index_slider_list .youtube .desc { 
	position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(1px, 1px, 1px, 1px); border:0; white-space:nowrap; 
	}

/* owl-carousel */
.index_slider_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;
	}
	.index_slider_list .owl-nav > div:hover { background-color:#17176c; box-shadow:0 0 8px rgba(0,0,0,0.5); }
.index_slider_list .owl-nav > div::after { 
	content:''; display:block; position:absolute; top:50%; background:url(../images/icon_arrow.png) no-repeat 0 0; background-size:300%;
	}
	.index_slider_list .owl-nav .owl-prev::after { left:50%; transform:rotate(-180deg); }
	.index_slider_list .owl-nav .owl-next::after { right:50%; }
.index_slider_list .owl-nav > div:hover::after { background-position:right 0; }
.index_slider_list .owl-nav .disabled { display:none; }

@media screen and (max-width: 639px) {
.index_slider_list .owl-nav > div { margin-top:-18px; width:36px; height:36px; }
.index_slider_list .owl-nav .owl-prev { left:5px; }
.index_slider_list .owl-nav .owl-next { right:5px; }
.index_slider_list .owl-nav > div::after { width:16px; height:16px; margin-top:-8px; }
.index_slider_list .owl-nav .owl-prev::after { margin-left:-8px; }
.index_slider_list .owl-nav .owl-next::after { margin-right:-8px; }
}
@media screen and (min-width: 640px) and (max-width: 1279px) {
.index_slider_list .owl-nav > div { margin-top:-24px; width:48px; height:48px; }
.index_slider_list .owl-nav .owl-prev { left:-15px; }
.index_slider_list .owl-nav .owl-next { right:-15px; }
.index_slider_list .owl-nav > div::after { width:18px; height:18px; margin-top:-9px; }
.index_slider_list .owl-nav .owl-prev::after { margin-left:-9px; }
.index_slider_list .owl-nav .owl-next::after { margin-right:-9px; }
}
@media screen and (min-width: 1280px) {
.index_slider_list .owl-nav > div { margin-top:-30px; width:60px; height:60px; }
.index_slider_list .owl-nav .owl-prev { left:-35px; }
.index_slider_list .owl-nav .owl-next { right:-35px; }
.index_slider_list .owl-nav > div::after { width:18px; height:18px; margin-top:-9px; }
.index_slider_list .owl-nav .owl-prev::after { margin-left:-9px; }
.index_slider_list .owl-nav .owl-next::after { margin-right:-9px; }
}

.index_slider_list .owl-dots { position:absolute; left:0; width:100%; text-align:center; line-height:0; }
	@media screen and (max-width: 799px) {
	.index_slider_list .owl-dots { bottom:-21px; }
	}
	@media screen and (min-width: 800px) {
	.index_slider_list .owl-dots { bottom:-26px; }
	}
.index_slider_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%; 
	}
.index_slider_list .owl-dots .owl-dot.active, .index_slider_list .owl-dots .owl-dot:hover { 
	background-color:#fd3784; border-color:#fd3784;
	}

/* noscript */
#KeyVisual.noscript > div { padding-bottom:0; background:none; max-width:720px; }
#KeyVisual.noscript .index_slider_list li { margin:10px 0; }
#KeyVisual.noscript .index_slider_list li.video { padding-bottom:56.25%; }
#KeyVisual.noscript + .return_form_noscript { padding-bottom:40px; }


/*----------------------------------------------------------------------*/
/* 首頁區塊 */
.IndexBlock { position:relative; }
	@media screen and (max-width: 1279px) {
	.IndexBlock { margin:80px 0; }
	}
	@media screen and (min-width: 1280px) {
	.IndexBlock { margin:100px 0; }
	}

	@media screen and (max-width: 639px) {
	.IndexBlock { padding-left:10px; padding-right:10px; }
	}
	@media screen and (min-width: 640px) and (max-width: 1279px) {
	.IndexBlock { padding-left:20px; padding-right:20px; }
	}
	@media screen and (min-width: 1280px) {
	.IndexBlock { padding-left:40px; padding-right:40px; }
	}
.IndexBlock > div { max-width:1500px; margin:0 auto; box-sizing:content-box; }
.IndexBlock > div::after { content:''; display:block; clear:both; }

.index_block_title { text-align:center; }
.index_block_title h2 { font-weight:700; line-height:1.625em; }
	@media screen and (max-width: 479px) {
	.index_block_title h2 { font-size:2.25rem; }
	}
	@media screen and (min-width: 480px) and (max-width: 639px) {
	.index_block_title h2 { font-size:2.5rem; }
	}
	@media screen and (min-width: 640px) and (max-width: 1279px) {
	.index_block_title h2 { font-size:3rem; }
	}
	@media screen and (min-width: 1280px) {
	.index_block_title h2 { font-size:3.75rem; }
	}
.index_block_title h2::after { 
	content:''; display:block; width:82px; height:15px; margin:0 auto; 
	background-image:url(../images/icon_wave.png); background-repeat:no-repeat; background-size:100%;
	}
.index_block_title .en { 
	display:block; margin-top:10px; font-family:'Montserrat', sans-serif; font-weight:800; line-height:1em; text-transform:uppercase;
	}
	@media screen and (max-width: 479px) {
	.index_block_title .en { font-size:1.375rem; -webkit-text-stroke-width:1px; }
	}
	@media screen and (min-width: 480px) and (max-width: 639px) {
	.index_block_title .en { font-size:1.5rem; -webkit-text-stroke-width:1px; }
	}
	@media screen and (min-width: 640px) and (max-width: 1279px) {
	.index_block_title .en { font-size:2.25rem; letter-spacing:0.15em; -webkit-text-stroke-width:2px; }
	}
	@media screen and (min-width: 1280px) {
	.index_block_title .en { font-size:2.625rem; letter-spacing:0.15em; -webkit-text-stroke-width:2px; }
	}

.index_btn_more a { 
	display:inline-flex; align-items:center; padding-left:2.25em; border-width:2px; border-style:solid;
	font-weight:500; line-height:58px; text-decoration:none; 
	}
	.index_btn_more a:hover, 
	.index_btn_more a:focus { padding-left:2.75em; box-shadow:0 0 15px rgba(0,0,0,0.2); }
.index_btn_more a span { 
	display:block; margin-left:2.25em; border-left-width:1px; border-left-style:solid; width:3.75em; height:1.875em; position:relative; transition:all 0.3s ease; 
	}
	.index_btn_more a:hover span, 
	.index_btn_more a:focus span { margin-left:1.75em; border-color:transparent !important; }
.index_btn_more a span::after { 
	content:''; display:block; position:absolute; top:50%; left:50%; width:18px; height:18px; margin:-9px 0 0 -9px;
	background-image:url(../images/icon_arrow.png); background-repeat:no-repeat;  background-size:300%; 
	}

/* 動畫效果 */
.index_block_title h2,
.index_block_title .en,
.index_btn_more div { opacity:0; transition:transform 1s ease, opacity 1s ease; }

.index_block_title.active h2,
.index_block_title.active .en,
.index_btn_more.active div { opacity:1; }


/*----------------------------------------------------------------------*/
/* 常用服務 */
@media screen and (max-width: 639px) {
.IndexService { margin-top:30px; }
}
@media screen and (min-width: 640px) and (max-width: 1599px) {
.IndexService { margin-top:5vw; }
}
@media screen and (min-width: 1600px) {
.IndexService { margin-top:80px; }
}
.IndexService > div { max-width:1600px; }

.index_service_list ul { display:flex; flex-wrap:wrap; margin:0 -10px; }
.index_service_list a { border:2px solid #00005d; text-decoration:none; position:relative; }
.index_service_list a::before { 
	content:''; display:block; position:absolute; bottom:0; left:0; width:100%; height:0; background-color:#00005d; z-index:2; 
	}
.index_service_list .icon { position:relative; }
.index_service_list .icon::before { content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background-color:#fd3784; z-index:1; }
.index_service_list .icon::after { 
	content:''; display:block; width:90px; height:90px; margin:0 auto; position:relative; z-index:3; 
	background-image:url(../images/icon_index_btn.png); background-repeat:no-repeat; background-size:100%; 
	}
	.index_service_list .venues .icon::after { background-position:0 0; }
	.index_service_list .news .icon::after { background-position:0 25%; }
	.index_service_list .events .icon::after { background-position:0 50%; }
	.index_service_list .hotels .icon::after { background-position:0 75%; }
	.index_service_list .subsidy .icon::after { background-position:0 100%; }
.index_service_list .cont { text-align:center; position:relative; z-index:4; }
.index_service_list .cont::after { 
	content:''; display:block; width:16px; height:16px; margin:10px auto; background:url(../images/icon_arrow.png) no-repeat 0 0; background-size:300%; 
	}
.index_service_list .title { font-family:'Montserrat', sans-serif; font-weight:400; font-size:1.25rem; color:#00005d; line-height:1.5em; }
.index_service_list .title span { font-weight:700; }
/* hover */
.index_service_list a::before, 
.index_service_list .cont, 
.index_service_list .title, 
.index_service_list .title_en { 
	transition:all 0.3s ease; 
	}
.index_service_list a:hover, .index_service_list a:focus { box-shadow:0 0 20px rgba(0,0,0,0.3); }
.index_service_list a:hover::before, .index_service_list a:focus::before { height:100%; }
.index_service_list a:hover .cont, .index_service_list a:focus .cont { border-color:#fff; }
.index_service_list a:hover .title, .index_service_list a:focus .title,
.index_service_list a:hover .title_en, .index_service_list a:focus .title_en { color:#fff; }
.index_service_list a:hover .cont::after, .index_service_list a:focus .cont::after { background-position:right 0; }

/* RWD */
@media screen and (max-width: 639px) {
.index_service_list li { width:100%; }
.index_service_list a { display:flex; }
.index_service_list .icon { display:flex; align-items:center; }
.index_service_list .icon::after { width:72px; height:72px; }
.index_service_list .cont { border-left:2px solid #00005d; padding:10px 30px 10px 15px; display:flex; align-items:center; }
.index_service_list .cont::after { position:absolute; right:10px; top:50%; margin-top:-8px; }
}
	@media screen and (max-width: 479px) {
	.index_service_list li { padding:7px 20px; }
	.index_service_list .icon { width:80px; height:72px; }
	.index_service_list .icon::after { width:48px; height:48px; }
	.index_service_list .cont { width:calc(100% - 80px); }
	.index_service_list .title { font-size:1rem; }
	}
	@media screen and (min-width: 480px) and (max-width:639px) {
	.index_service_list li { padding:10px 20px; }
	.index_service_list .icon { width:96px; height:96px; }
	.index_service_list .icon::after { width:72px; height:72px; }
	.index_service_list .cont { width:calc(100% - 96px); }
	}
@media screen and (min-width: 640px) {
.index_service_list li { max-width:270px; padding:20px 10px; }
.index_service_list a { display:block; }
.index_service_list .icon { padding:15px 0; }
.index_service_list .cont { padding:10px; border-top:2px solid #00005d; }
}
	@media screen and (min-width: 640px) and (max-width: 959px) {
	.index_service_list ul { justify-content:center; }
	.index_service_list li { width:33.3333%; }
	}
	@media screen and (min-width: 960px) {
	.index_service_list ul { justify-content:space-between; }
	.index_service_list li { width:20%; }
	}

	@media screen and (min-width: 640px) and (max-width: 1099px) {
	.index_service_list .icon::after { width:72px; height:72px; }
	.index_service_list .title { font-size:1.125rem; }
	}

/* 動畫效果 */
.index_service_list li { opacity:0; transform:translateY(100px); transition:transform 1s ease, opacity 1s ease; }
.index_service_list.active li { opacity:1; transform:translateY(0); }
.index_service_list.active li:nth-child(2) { transition-delay:0.15s; }
.index_service_list.active li:nth-child(3) { transition-delay:0.3s; }
.index_service_list.active li:nth-child(4) { transition-delay:0.45s; }
.index_service_list.active li:nth-child(5) { transition-delay:0.6s; }


/*----------------------------------------------------------------------*/
/* 會展檔期 */
.IndexEvents { margin-bottom:0; background:url(../images/bg_index_events.jpg) repeat 0 0; z-index:3; }
	@media screen and (max-width: 639px) {
	.IndexEvents { display:none; }
	}
	@media screen and (min-width: 640px) and (max-width: 839px) {
	.IndexEvents { margin-top:120px; padding-bottom:40px; }
	}
	@media screen and (min-width: 840px) and (max-width: 1599px) {
	.IndexEvents { margin-top:15vw; padding-bottom:30px; }
	}
	@media screen and (min-width: 1600px) {
	.IndexEvents { margin-top:240px; padding-bottom:20px; }
	}
.IndexEvents::before { 
	content:''; position:absolute; bottom:100%; left:0; width:100%; height:9vw; 
	background:url(../images/bg_index_events_top.png) no-repeat 0 bottom; background-size:contain; 
	}
.IndexEvents::after { 
	content:''; position:absolute; top:100%; left:0; width:100%; height:4.48vw; 
	background:url(../images/bg_index_events_bottom.png) no-repeat 0 0; background-size:contain; 
	}

.IndexEvents .index_block_title { margin-top:-20px; }
.IndexEvents .index_block_title h2 { color:#fff; }
.IndexEvents .index_block_title h2::after { background-position:0 bottom; }
.IndexEvents .index_block_title .en { color:#fff; -webkit-text-stroke-color:#00005d; }

.IndexEvents .index_btn_more { margin-top:40px; text-align:right; }
.IndexEvents .index_btn_more a { background-color:#fff; border-color:#00005d; color:#00005d; }
.IndexEvents .index_btn_more a:hover, 
.IndexEvents .index_btn_more a:focus { background-color:#e80067; border-color:#e80067; color:#fff; }
.IndexEvents .index_btn_more a span { border-color:#00005d; }
.IndexEvents .index_btn_more a span::after { background-position:0 20%; }
.IndexEvents .index_btn_more a:hover span::after, 
.IndexEvents .index_btn_more a:focus span::after { background-position:right 20%; }

/* list */
.index_events_list { margin-top:4vw; }
.index_events_list .item { height:100%; padding:0 20px; }
.index_events_list .item > div { height:100%; max-width:320px; margin:0 auto; }
.index_events_list .img { 
	padding-bottom:66.6666%; background-repeat:no-repeat; background-position:center center; background-size:contain; position:relative;
	}
.index_events_list .cont { padding-top:12px; }
.index_events_list .cont > div { padding-left:8px; padding-right:8px; }
.index_events_list .cat { display:flex; align-items:center; line-height:1.25em; color:#fff; font-size:0.875rem; }
.index_events_list .cat::before { content:''; display:block; margin-right:5px; }
	.index_events_list .cat.megaevent::before { 
		width:15px; height:15px; background-color:#9d12ff; clip-path:polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); 
		}
	.index_events_list .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%); 
		}
	.index_events_list .cat.convention::before { 
		width:15px; height:13px; background-color:#0b9662; clip-path:polygon(50% 0%, 0% 100%, 100% 100%); 
		}
.index_events_list .title { margin-top:10px; }
.index_events_list .title a { 
	font-family:'Montserrat', sans-serif; font-weight:700; color:#fff; font-size:1.125rem; text-decoration:none; 
	line-height:1.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; max-height:7em; -webkit-line-clamp:4;
	}
	.index_events_list .title a:hover, .index_events_list .title a:focus { color:#ff6ea6; }
.index_events_list .date { 
	border-top:1px solid rgba(255,255,255,0.5); padding-top:12px; padding-bottom:12px; margin-top:12px; 
	line-height:1.25em; color:#fff; font-family:'Montserrat', sans-serif; font-weight:700; font-size:0.9375rem; 
	}
.index_events_list .date span { display:inline-block; margin-left:8px; font-size:133%; }
.index_events_list .date .hyphen { display:inline-block; min-width:8px; height:1rem; text-indent:-99px; overflow:hidden; position:relative; }
	@media screen and (max-width: 1599px) {
	.index_events_list .date .hyphen { width:20px; }
	}
	@media screen and (min-width: 1600px) {
	.index_events_list .date .hyphen { width:40px; }
	}
.index_events_list .date .hyphen::before { 
	content:''; display:block; position:absolute; top:50%; left:50%; width:8px; height:2px; margin-left:-4px; background-color:#fff; 
	}
.index_events_list .cont .place { 
	border-top:4px solid rgba(255,255,255,0.5); padding-top:10px; padding-left:20px; color:#fff; line-height:1rem; font-size:0.875rem; position:relative; 
	}
.index_events_list .place::before { 
	content:''; display:block; position:absolute; top:10px; left:0; width:16px; height:16px; margin-right:5px; 
	background:url(../images/icon_list.svg) no-repeat right 0; background-size:200%; 
	}
@media screen and (max-width: 499px) {
.index_events_list .item { padding:0; }
}
@media screen and (min-width: 500px) and (max-width: 559px) {
.index_events_list .item { padding:0 10px; }
.index_events_list .title a { font-size:1rem; }
.index_events_list .date { font-size:0.8125rem; }
}
@media screen and (min-width: 768px) and (max-width: 899px) {
.index_events_list .item { padding:0 10px; }
.index_events_list .title a { font-size:1rem; }
.index_events_list .date { font-size:0.8125rem; }
}
@media screen and (min-width: 1180px) and (max-width: 1299px) {
.index_events_list .item { padding:0 10px; }
.index_events_list .title a { font-size:1rem; }
.index_events_list .date { font-size:0.8125rem; }
}

/* owl-carousel */
.index_events_list .owl-carousel { padding-bottom:40px; }
.index_events_list .owl-nav > div {
	position:absolute; top:50%; text-indent:-999px; z-index:9999; overflow:hidden;
	border:1px solid #fff; border-radius:50%; transition:all 0.3s ease;
	}
	.index_events_list .owl-nav > div:hover { background-color:#fd3784; border-color:#fd3784; box-shadow:0 0 15px rgba(0,0,0,0.75); }
.index_events_list .owl-nav > div::after { 
	content:''; display:block; position:absolute; top:50%; background:url(../images/icon_arrow.png) no-repeat right 20%; background-size:300%;
	}
	.index_events_list .owl-nav .owl-prev::after { left:50%; transform:rotate(-180deg); }
	.index_events_list .owl-nav .owl-next::after { right:50%; }
.index_events_list .owl-nav .disabled { display:none; }

@media screen and (max-width: 639px) {
.index_events_list .owl-nav > div { margin-top:-18px; width:36px; height:36px; }
.index_events_list .owl-nav .owl-prev { left:-5px; }
.index_events_list .owl-nav .owl-next { right:-5px; }
.index_events_list .owl-nav > div::after { width:16px; height:16px; margin-top:-8px; }
.index_events_list .owl-nav .owl-prev::after { margin-left:-8px; }
.index_events_list .owl-nav .owl-next::after { margin-right:-8px; }
}
@media screen and (min-width: 640px) and (max-width: 1279px) {
.index_events_list .owl-nav > div { margin-top:-24px; width:48px; height:48px; }
.index_events_list .owl-nav .owl-prev { left:-15px; }
.index_events_list .owl-nav .owl-next { right:-15px; }
.index_events_list .owl-nav > div::after { width:18px; height:18px; margin-top:-9px; }
.index_events_list .owl-nav .owl-prev::after { margin-left:-9px; }
.index_events_list .owl-nav .owl-next::after { margin-right:-9px; }
}
@media screen and (min-width: 1280px) {
.index_events_list .owl-nav > div { margin-top:-30px; width:60px; height:60px; }
.index_events_list .owl-nav .owl-prev { left:-35px; }
.index_events_list .owl-nav .owl-next { right:-35px; }
.index_events_list .owl-nav > div::after { width:18px; height:18px; margin-top:-9px; }
.index_events_list .owl-nav .owl-prev::after { margin-left:-9px; }
.index_events_list .owl-nav .owl-next::after { margin-right:-9px; }
}

.index_events_list .owl-dots { position:absolute; left:0; bottom:0; width:100%; text-align:center; line-height:0; }
.index_events_list .owl-dots .owl-dot { 
	display:inline-block; border:2px solid #fff; width:12px; height:12px; margin:0 6px; border-radius:50%; opacity:0.5;
	}
.index_events_list .owl-dots .owl-dot.active, .index_events_list .owl-dots .owl-dot:hover { 
	background-color:#fd3784; border-color:#fd3784; opacity:1;
	}

/* 動畫效果 */
.IndexEvents .index_block_title h2, 
.IndexEvents .index_block_title .en { transform:scale(0.8); }
.IndexEvents .index_block_title.active h2, 
.IndexEvents .index_block_title.active .en { transform:scale(1); }

.index_events_list .owl-item .item { opacity:0; transform:scale(0.8); transition:transform 1s ease, opacity 1s ease; }
.index_events_list.active .owl-item .item { opacity:1; transform:scale(1); }
.index_events_list.active .owl-item:nth-child(2) .item { transition-delay:0.15s; }
.index_events_list.active .owl-item:nth-child(3) .item { transition-delay:0.3s; }
.index_events_list.active .owl-item:nth-child(4) .item { transition-delay:0.45s; }
.index_events_list.active .owl-item:nth-child(5) .item { transition-delay:0.6s; }

.IndexEvents .index_btn_more div { opacity:0; transform:translateX(50px); }
.IndexEvents .index_btn_more.active div { opacity:1; transform:translateX(0); }


/*----------------------------------------------------------------------*/
/* 會展動態 */
.IndexNews { background-color:#d8ebff; margin-top:0; margin-bottom:0; z-index:2; }
	@media screen and (max-width: 639px) {
	.IndexNews { display:none; }
	}
	@media screen and (min-width: 640px) and (max-width: 959px) {
	.IndexNews { padding-top:50px; }
	}
	@media screen and (min-width: 960px) and (max-width: 1599px) {
	.IndexNews { padding-top:5.2vw; }
	}
	@media screen and (min-width: 1600px) {
	.IndexNews { padding-top:100px; }
	}
.IndexNews::before { 
	content:''; position:absolute; bottom:100%; left:0; width:100%; height:5.83vw; 
	background:url(../images/bg_index_news_top.png) no-repeat 0 bottom; background-size:contain; 
	}
.IndexNews::after { 
	content:''; position:absolute; top:100%; left:0; width:100%; height:8.28vw; 
	background:url(../images/bg_index_news_bottom.png) no-repeat 0 0; background-size:contain; 
	}

.IndexNews .index_block_title h2 { color:#00005d; }
.IndexNews .index_block_title h2::after { background-position:0 bottom; }
.IndexNews .index_block_title .en { color:#fff; -webkit-text-stroke-color:#00005d; }

.IndexNews .index_btn_more { text-align:right; }
	@media screen and (max-width: 1599px) {
	.IndexNews .index_btn_more { margin-top:20px; }
	}
	@media screen and (min-width: 1600px) {
	.IndexNews > div { padding-bottom:50px; position:relative; }
	.IndexNews .index_btn_more { position:absolute; bottom:-50px; right:0; z-index:2; }
	}
.IndexNews .index_btn_more a { background-color:#fff; border-color:#00005d; color:#00005d; }
.IndexNews .index_btn_more a:hover, 
.IndexNews .index_btn_more a:focus { background-color:#e80067; border-color:#e80067; color:#fff; }
.IndexNews .index_btn_more a span { border-color:#00005d; }
.IndexNews .index_btn_more a span::after { background-position:0 20%; }
.IndexNews .index_btn_more a:hover span::after, 
.IndexNews .index_btn_more a:focus span::after { background-position:right 20%; }

/* list */
.index_news_list { margin-top:4vw; }
.index_news_list .item { height:100%; padding:0 20px; }
.index_news_list .item > div { height:100%; max-width:450px; margin:0 auto; }
.index_news_list .img { 
	padding-bottom:66.6666%; background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative;
	}
.index_news_list .cont { display:flex; align-items:center; flex-wrap:wrap; padding-top:15px; }
.index_news_list .title { width:100%; padding-bottom:1rem; position:relative; }
.index_news_list .title a { 
	font-family:'Montserrat', sans-serif; font-weight:700; color:#202020; font-size:1.375rem; text-decoration:none; 
	line-height:1.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; max-height:7em; -webkit-line-clamp:4;
	}
	.index_news_list .title a:hover, .index_news_list .title a:focus { color:#e80067; }
.index_news_list .title::after { content:''; display:block; position:absolute; bottom:0; left:0; width:52%; border-bottom:5px solid #202020; }
.index_news_list .desc { width:100%; border-top:1px solid #202020; border-bottom:1px solid #202020; padding:1rem 0; }
.index_news_list .desc > div { 
	font-size:1rem; 
	line-height:1.75em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; max-height:5.25em; -webkit-line-clamp:3;
	}
.index_news_list .cat { width:50%; display:flex; align-items:center; margin-top:12px; line-height:1.25em; }
.index_news_list .cat::before { 
	content:''; display:block; margin-right:4px; border-style:solid; border-width:16px 0 0 16px; border-top-color:transparent; 
	}
	/*--分類:會展新聞(cat1)、會展花絮(cat2)、課程與研究(cat3)*/
	.index_news_list .cat.cat1::before { border-left-color:#178ce4; }
	.index_news_list .cat.cat2::before { border-left-color:#dc1a48; }
	.index_news_list .cat.cat3::before { border-left-color:#44309e; }

.index_news_list .date { 
	width:50%; display:flex; align-items:center; justify-content:flex-end; margin-top:12px; 
	line-height:1.25em; font-family:'Montserrat', sans-serif; font-weight:400; 
	}
.index_news_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%;
	}

@media screen and (max-width: 499px) {
.index_news_list .item { padding:0; }
}
@media screen and (min-width: 500px) and (max-width: 559px) {
.index_news_list .item { padding:0 10px; }
.index_news_list .title a { font-size:1.125rem; }
.index_news_list .desc > div { font-size:0.9375rem; max-height:7em; -webkit-line-clamp:4; }
.index_news_list .cat { font-size:0.875rem; }
.index_news_list .date { font-size:0.875rem; }
}
@media screen and (min-width: 640px) and (max-width: 767px) {
.index_news_list .item { padding:0 10px; }
.index_news_list .title a { font-size:1.125rem; }
.index_news_list .desc > div { font-size:0.9375rem; max-height:7em; -webkit-line-clamp:4; }
.index_news_list .cat { font-size:0.875rem; }
.index_news_list .date { font-size:0.875rem; }
}
@media screen and (min-width: 900px) and (max-width: 1100px) {
.index_news_list .item { padding:0 10px; }
.index_news_list .title a { font-size:1.25rem; }
.index_news_list .desc > div { font-size:0.9375rem; max-height:7em; -webkit-line-clamp:4; }
.index_news_list .cat { font-size:0.875rem; }
.index_news_list .date { font-size:0.875rem; }
}

/* owl-carousel */
.index_news_list .owl-carousel { padding-bottom:40px; }
.index_news_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;
	}
	.index_news_list .owl-nav > div:hover { background-color:#17176c; box-shadow:0 0 8px rgba(0,0,0,0.5); }
.index_news_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%;
	}
	.index_news_list .owl-nav .owl-prev::after { left:50%; transform:rotate(-180deg); }
	.index_news_list .owl-nav .owl-next::after { right:50%; }
.index_news_list .owl-nav > div:hover::after { background-position:right 20%; }
.index_news_list .owl-nav .disabled { display:none; }

@media screen and (max-width: 639px) {
.index_news_list .owl-nav > div { margin-top:-18px; width:36px; height:36px; }
.index_news_list .owl-nav .owl-prev { left:5px; }
.index_news_list .owl-nav .owl-next { right:5px; }
.index_news_list .owl-nav > div::after { width:16px; height:16px; margin-top:-8px; }
.index_news_list .owl-nav .owl-prev::after { margin-left:-8px; }
.index_news_list .owl-nav .owl-next::after { margin-right:-8px; }
}
@media screen and (min-width: 640px) and (max-width: 1279px) {
.index_news_list .owl-nav > div { margin-top:-24px; width:48px; height:48px; }
.index_news_list .owl-nav .owl-prev { left:-15px; }
.index_news_list .owl-nav .owl-next { right:-15px; }
.index_news_list .owl-nav > div::after { width:18px; height:18px; margin-top:-9px; }
.index_news_list .owl-nav .owl-prev::after { margin-left:-9px; }
.index_news_list .owl-nav .owl-next::after { margin-right:-9px; }
}
@media screen and (min-width: 1280px) {
.index_news_list .owl-nav > div { margin-top:-30px; width:60px; height:60px; }
.index_news_list .owl-nav .owl-prev { left:-35px; }
.index_news_list .owl-nav .owl-next { right:-35px; }
.index_news_list .owl-nav > div::after { width:18px; height:18px; margin-top:-9px; }
.index_news_list .owl-nav .owl-prev::after { margin-left:-9px; }
.index_news_list .owl-nav .owl-next::after { margin-right:-9px; }
}

.index_news_list .owl-dots { position:absolute; left:0; bottom:0; width:100%; text-align:center; line-height:0; }
.index_news_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%; 
	}
.index_news_list .owl-dots .owl-dot.active, .index_news_list .owl-dots .owl-dot:hover { 
	background-color:#fd3784; border-color:#fd3784;
	}

/* 動畫效果 */
.IndexNews .index_block_title h2, 
.IndexNews .index_block_title .en { transform:scale(0.8); }
.IndexNews .index_block_title.active h2, 
.IndexNews .index_block_title.active .en { transform:scale(1); }

.index_news_list .owl-item .item { opacity:0; transform:scale(0.8); transition:transform 1s ease, opacity 1s ease; }
.index_news_list.active .owl-item .item { opacity:1; transform:scale(1); }
.index_news_list.active .owl-item:nth-child(2) .item { transition-delay:0.15s; }
.index_news_list.active .owl-item:nth-child(3) .item { transition-delay:0.3s; }
.index_news_list.active .owl-item:nth-child(4) .item { transition-delay:0.45s; }
.index_news_list.active .owl-item:nth-child(5) .item { transition-delay:0.6s; }

.IndexNews .index_btn_more div { opacity:0; transform:translateX(50px); }
.IndexNews .index_btn_more.active div { opacity:1; transform:translateX(0); }


/*----------------------------------------------------------------------*/
/* 活動場館&旅館餐飲 */
.IndexFacility { background:url(../images/bg_index_facility.png) repeat center center; margin-bottom:0; margin-top:0; }
	@media screen and (max-width: 639px) {
	.IndexFacility { display:none; }
	}
	@media screen and (min-width: 640px) and (max-width: 959px) {
	.IndexFacility { padding-top:100px; padding-bottom:75px; background-image:url(../images/bg_index_facility_mobile.png); }
	}
	@media screen and (min-width: 960px) and (max-width: 1599px) {
	.IndexFacility { padding-top:12.5vw; padding-bottom:9.375vw; }
	}
	@media screen and (min-width: 1600px) {
	.IndexFacility { padding-top:200px; padding-bottom:150px; }
	}

.IndexFacility .index_btn_more { margin-top:40px; text-align:center; }
.IndexFacility .index_btn_more a { background-color:#fff; border-color:#00005d; color:#00005d; }
.IndexFacility .index_btn_more a:hover, 
.IndexFacility .index_btn_more a:focus { background-color:#e80067; border-color:#e80067; color:#fff; }
.IndexFacility .index_btn_more a span { border-color:#00005d; }
.IndexFacility .index_btn_more a span::after { background-position:0 20%; }
.IndexFacility .index_btn_more a:hover span::after, 
.IndexFacility .index_btn_more a:focus span::after { background-position:right 20%; }

/* list */
.index_facility_list { margin:0 -10px; }
.index_facility_list .item { height:100%; padding:0 10px; }
.index_facility_list .item > div { height:100%; max-width:250px; margin:0 auto; }
.index_facility_list .img { 
	padding-bottom:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative;
	}
.index_facility_list .cont { padding-top:20px; }
.index_facility_list .title { padding-left:18px; position:relative; }
.index_facility_list .title a { 
	display:block; font-family:'Montserrat', sans-serif; font-weight:700; color:#202020; font-size:1.125rem; line-height:1.5em; text-decoration:none; 
	}
	.index_facility_list .title a:hover, .index_facility_list .title a:focus { color:#e80067; }
.index_facility_list .title::before { 
	content:''; display:block; position:absolute; top:0.33em; left:0; width:12px; height:15px; clip-path:polygon(50% 0%,100% 30%, 100% 100%, 0% 100%, 0% 30%);
	}
	/*--分類:會展場館(cat1)、旅館餐飲(cat2)*/
	.index_facility_list .title.cat1::before { background-color:#3d56cf; }
	.index_facility_list .title.cat2::before { background-color:#fd9500; }

/*@media screen and (max-width: 479px) {
.index_facility_list { margin:0; }
.index_facility_list .item { padding:0; }
}*/
@media screen and (min-width: 720px) and (max-width: 767px) {
.index_facility_list .title a { font-size:1rem; }
}
@media screen and (min-width: 960px) and (max-width: 1039px) {
.index_facility_list .title a { font-size:1rem; }
}
@media screen and (min-width: 1200px) and (max-width: 1279px) {
.index_facility_list .title a { font-size:1rem; }
}

/* 頁籤 */
.index_facility_group { position:relative; }
.index_facility_group .tab_cont .no_data { 
	max-width:360px; margin:0 auto; padding:40px 20px; background-color:#fff; color:#00005d; box-shadow:2px 2px 17px rgba(0,0,0,0.14);
	text-align:center; font-size:1.25rem; line-height:1.5em;
	}
.index_facility_group .tab_cont .no_data::before, .index_facility_group .tab_cont .no_data::after { display:inline-block; content:"-"; }
.index_facility_group .tab_title a { display:block; border-bottom:6px solid #eee; text-decoration:none; position:relative; }
	.index_facility_group .tab_title.active a { border-color:#202020; }
.index_facility_group .tab_title.active a::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:9px solid #202020; 
	}
.index_facility_group .tab_title .index_block_title h2 { color:#6a6a6a; }
.index_facility_group .tab_title .index_block_title h2::after { width:62px; height:12px; background-position:0 0; }
.index_facility_group .tab_title .index_block_title .en { color:#fff; -webkit-text-stroke-color:#757575; }
	@media screen and (max-width: 959px) {
	.index_facility_group .tab_title a { padding-bottom:1rem; }
	.index_facility_group .tab_title .index_block_title h2 { font-size:2.25rem; }
	.index_facility_group .tab_title .index_block_title .en { font-size:1.5rem; }
	}
	@media screen and (min-width: 960px) {
	.index_facility_group .tab_title a { padding-bottom:1.5rem; }
	.index_facility_group .tab_title .index_block_title h2 { font-size:2.625rem; }
	.index_facility_group .tab_title .index_block_title .en { font-size:1.875rem; }
	}
.index_facility_group .tab_title a:hover .index_block_title h2, 
.index_facility_group .tab_title a:focus .index_block_title h2, 
.index_facility_group .tab_title.active a .index_block_title h2 { color:#00005d; }
.index_facility_group .tab_title a:hover .index_block_title h2::after, 
.index_facility_group .tab_title a:focus .index_block_title h2::after, 
.index_facility_group .tab_title.active a .index_block_title h2::after { background-position:0 bottom; }
.index_facility_group .tab_title a:hover .index_block_title .en, 
.index_facility_group .tab_title a:focus .index_block_title .en, 
.index_facility_group .tab_title.active a .index_block_title .en { -webkit-text-stroke-color:#6a6a6a; }

@media screen and (max-width: 639px) {
.index_facility_group { padding:0 20px; }
.index_facility_group .tab_title { border-bottom:1px solid #b8b8b8; border-top:1px solid #b8b8b8; background-color:#fafafa; margin-top:-1px; }
	.index_facility_group .tab_title.active { border-color:#ff9000; background-color:#ffb935; }
.index_facility_group .tab_title a { padding:8px 10px; line-height:150%; font-size:1.25rem; font-weight:bold; color:#666; }
.index_facility_group .tab_title a::after {
	content:''; display:block; position:absolute; right:10px; top:50%; margin-top:-10px; width:12px; height:12px; 
	border-width:2px 0 0 2px; border-style:solid; border-color:#a1a1a1;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	transform: rotate(-135deg);
	}
.index_facility_group .tab_title.active a::after {
	border-color:#353535; margin-top:-2px; 
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
	}
.index_facility_group .tab_cont { background-color:#fff; padding:10px 20px 30px 20px; }
}
@media screen and (min-width: 640px) {
.index_facility_group .tab_title { position:absolute; top:0; left:0; width:50%; z-index:2; }
.index_facility_group .tab_title a {}
}
	@media screen and (min-width: 640px) and (max-width: 959px) {
	.index_facility_group { padding-top:170px; }
	}
	@media screen and (min-width: 960px) and (max-width: 1279px) {
	.index_facility_group { padding-top:200px; }
	}
	@media screen and (min-width: 1280px) and (max-width: 1599px) {
	.index_facility_group { padding-top:15.625vw; }
	}
	@media screen and (min-width: 1600px) {
	.index_facility_group { padding-top:250px; }
	}

/* owl-carousel */
.index_facility_list .owl-carousel { padding-bottom:40px; }
.index_facility_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;
	}
	.index_facility_list .owl-nav > div:hover { background-color:#17176c; box-shadow:0 0 8px rgba(0,0,0,0.5); }
.index_facility_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%;
	}
	.index_facility_list .owl-nav .owl-prev::after { left:50%; transform:rotate(-180deg); }
	.index_facility_list .owl-nav .owl-next::after { right:50%; }
.index_facility_list .owl-nav > div:hover::after { background-position:right 20%; }
.index_facility_list .owl-nav .disabled { display:none; }

/*@media screen and (max-width: 639px) {
.index_facility_list .owl-nav > div { margin-top:-18px; width:36px; height:36px; }
.index_facility_list .owl-nav .owl-prev { left:5px; }
.index_facility_list .owl-nav .owl-next { right:5px; }
.index_facility_list .owl-nav > div::after { width:16px; height:16px; margin-top:-8px; }
.index_facility_list .owl-nav .owl-prev::after { margin-left:-8px; }
.index_facility_list .owl-nav .owl-next::after { margin-right:-8px; }
}*/
@media screen and (min-width: 640px) and (max-width: 1279px) {
.index_facility_list .owl-nav > div { margin-top:-24px; width:48px; height:48px; }
.index_facility_list .owl-nav .owl-prev { left:-5px; }
.index_facility_list .owl-nav .owl-next { right:-5px; }
.index_facility_list .owl-nav > div::after { width:18px; height:18px; margin-top:-9px; }
.index_facility_list .owl-nav .owl-prev::after { margin-left:-9px; }
.index_facility_list .owl-nav .owl-next::after { margin-right:-9px; }
}
@media screen and (min-width: 1280px) and (max-width: 1699px) {
.index_facility_list .owl-nav > div { margin-top:-30px; width:60px; height:60px; }
.index_facility_list .owl-nav .owl-prev { left:-10px; }
.index_facility_list .owl-nav .owl-next { right:-10px; }
.index_facility_list .owl-nav > div::after { width:18px; height:18px; margin-top:-9px; }
.index_facility_list .owl-nav .owl-prev::after { margin-left:-9px; }
.index_facility_list .owl-nav .owl-next::after { margin-right:-9px; }
}
@media screen and (min-width: 1700px) {
.index_facility_list .owl-nav > div { margin-top:-30px; width:60px; height:60px; }
.index_facility_list .owl-nav .owl-prev { left:-70px; }
.index_facility_list .owl-nav .owl-next { right:-70px; }
.index_facility_list .owl-nav > div::after { width:18px; height:18px; margin-top:-9px; }
.index_facility_list .owl-nav .owl-prev::after { margin-left:-9px; }
.index_facility_list .owl-nav .owl-next::after { margin-right:-9px; }
}

.index_facility_list .owl-dots { position:absolute; left:0; bottom:0; width:100%; text-align:center; line-height:0; }
.index_facility_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%; 
	}
.index_facility_list .owl-dots .owl-dot.active, .index_facility_list .owl-dots .owl-dot:hover { 
	background-color:#fd3784; border-color:#fd3784;
	}

/* 動畫效果 */
.IndexFacility .index_block_title h2, 
.IndexFacility .index_block_title .en { transform:scale(0.8); }
.IndexFacility .index_block_title.active h2, 
.IndexFacility .index_block_title.active .en { transform:scale(1); }

.index_facility_list .owl-item .item { opacity:0; transform:scale(0.8); transition:transform 1s ease, opacity 1s ease; }
.index_facility_list.active .owl-item .item { opacity:1; transform:scale(1); }
.index_facility_list.active .owl-item:nth-child(2) .item { transition-delay:0.15s; }
.index_facility_list.active .owl-item:nth-child(3) .item { transition-delay:0.3s; }
.index_facility_list.active .owl-item:nth-child(4) .item { transition-delay:0.45s; }
.index_facility_list.active .owl-item:nth-child(5) .item { transition-delay:0.6s; }

.IndexFacility .index_btn_more div { opacity:0; transform:translateY(50px); }
.IndexFacility .index_btn_more.active div { opacity:1; transform:translateY(0); }


/*----------------------------------------------------------------------*/
/* 會展資源 */
.IndexResource { background-color:#d8ebff; padding-top:20px; margin-top:0; margin-bottom:0; z-index:2; }
	@media screen and (max-width: 639px) {
	.IndexResource { margin-bottom:-96px; padding-bottom:60px; }
	}
	@media screen and (min-width: 640px) and (max-width: 959px) {
	.IndexResource { padding-bottom:20px; }
	}
.IndexResource::before { 
	content:''; position:absolute; bottom:100%; left:0; width:100%; height:5.83vw; 
	background:url(../images/bg_index_resource_top.png) no-repeat 0 bottom; background-size:contain; 
	}
@media screen and (min-width: 640px) {
.IndexResource::after { 
	content:''; position:absolute; top:100%; left:0; width:100%; height:8.28vw; 
	background:url(../images/bg_index_resource_bottom.png) no-repeat 0 0; background-size:contain; 
	}
}

.IndexResource .index_block_title h2 { color:#00005d; }
.IndexResource .index_block_title h2::after { background-position:0 bottom; }
.IndexResource .index_block_title .en { color:#fff; -webkit-text-stroke-color:#00005d; }

/* list */
.index_resource_list { margin-top:3.25vw; }
.index_resource_list .item { height:100%; padding:0 20px; }
.index_resource_list .item > div { height:100%; max-width:320px; margin:0 auto; padding-bottom:36px; position:relative; }
.index_resource_list .cont { 
	display:block; position:relative; text-decoration:none; 
	padding-bottom:125%; background-repeat:no-repeat; background-position:center center; background-size:cover;
	}
.index_resource_list .cont::before { 
	content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background-color:#001343; opacity:0.76; 
	}
.index_resource_list .title { 
	position:absolute; top:0; left:0; width:100%; height:100%; padding:0 1.5vw;
	display:flex; align-items:center; justify-content:center; flex-wrap:wrap; text-align:center; 
	}
.index_resource_list .title > div { font-family:'Montserrat', sans-serif; font-weight:500; color:#fff; font-size:1.125rem; line-height:1.5em; transition:all 0.3s ease; }
	.index_resource_list .cont:hover .title > div, .index_resource_list .cont:focus .title > div { color:#ffc000; }
.index_resource_list .title > div::after { 
	content:''; display:block; width:36px; height:36px; margin:10px auto 0; background:url(../images/icon_index_resource.png) no-repeat; background-size:200%;
	}
	/*--分類:檔案下載(file)、連結(link)*/
	.index_resource_list .file .title > div::after { background-position:0 0; }
	.index_resource_list .link .title > div::after { background-position:0 100%; }
	.index_resource_list .file:hover .title > div::after, .index_resource_list .file:focus .title > div::after { background-position:right 0; }
	.index_resource_list .link:hover .title > div::after, .index_resource_list .link:focus .title > div::after { background-position:right 100%; }
.index_resource_list .file_hashes { position:absolute; bottom:0; left:0; width:100%; text-align:right; text-indent:0; }
.index_resource_list .file_hashes a { 
	display:inline-block; width:auto; height:auto; background-color:transparent; padding-right:18px; position:relative; 
	color:#636363; font-size:0.8125rem; line-height:36px; text-decoration:none;
	}
.index_resource_list .file_hashes a:hover, .index_resource_list .file_hashes a:focus { color:#00005d; }
.index_resource_list .file_hashes a:focus { outline:0; }
.index_resource_list .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; 
	}
.index_resource_list .file_hashes a::after { left:auto; right:0; }
.index_resource_list .file_hashes a:hover::after, .index_resource_list .file_hashes a:focus::after { background-position:0 50%; }
@media screen and (max-width: 479px) {
.index_resource_list .item { padding:0; }
.index_resource_list .item > div { max-width:250px; }
}
@media screen and (min-width: 480px) and (max-width: 599px) {
.index_resource_list .item { padding:0 10px; }
.index_resource_list .title > div { font-size:0.9375rem; }
}
@media screen and (min-width: 720px) and (max-width: 899px) {
.index_resource_list .item { padding:0 10px; }
.index_resource_list .title > div { font-size:0.9375rem; }
}
@media screen and (min-width: 960px) and (max-width: 1199px) {
.index_resource_list .item { padding:0 10px; }
.index_resource_list .title > div { font-size:0.9375rem; }
}

/* owl-carousel */
.index_resource_list .owl-carousel { padding-bottom:40px; }
.index_resource_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;
	}
	.index_resource_list .owl-nav > div:hover { background-color:#17176c; box-shadow:0 0 8px rgba(0,0,0,0.5); }
.index_resource_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%;
	}
	.index_resource_list .owl-nav .owl-prev::after { left:50%; transform:rotate(-180deg); }
	.index_resource_list .owl-nav .owl-next::after { right:50%; }
.index_resource_list .owl-nav > div:hover::after { background-position:right 20%; }
.index_resource_list .owl-nav .disabled { display:none; }

@media screen and (max-width: 639px) {
.index_resource_list .owl-nav > div { margin-top:-18px; width:36px; height:36px; }
.index_resource_list .owl-nav .owl-prev { left:-5px; }
.index_resource_list .owl-nav .owl-next { right:-5px; }
.index_resource_list .owl-nav > div::after { width:16px; height:16px; margin-top:-8px; }
.index_resource_list .owl-nav .owl-prev::after { margin-left:-8px; }
.index_resource_list .owl-nav .owl-next::after { margin-right:-8px; }
}
@media screen and (min-width: 640px) and (max-width: 1279px) {
.index_resource_list .owl-nav > div { margin-top:-24px; width:48px; height:48px; }
.index_resource_list .owl-nav .owl-prev { left:-15px; }
.index_resource_list .owl-nav .owl-next { right:-15px; }
.index_resource_list .owl-nav > div::after { width:18px; height:18px; margin-top:-9px; }
.index_resource_list .owl-nav .owl-prev::after { margin-left:-9px; }
.index_resource_list .owl-nav .owl-next::after { margin-right:-9px; }
}
@media screen and (min-width: 1280px) {
.index_resource_list .owl-nav > div { margin-top:-30px; width:60px; height:60px; }
.index_resource_list .owl-nav .owl-prev { left:-35px; }
.index_resource_list .owl-nav .owl-next { right:-35px; }
.index_resource_list .owl-nav > div::after { width:18px; height:18px; margin-top:-9px; }
.index_resource_list .owl-nav .owl-prev::after { margin-left:-9px; }
.index_resource_list .owl-nav .owl-next::after { margin-right:-9px; }
}

.index_resource_list .owl-dots { position:absolute; left:0; bottom:0; width:100%; text-align:center; line-height:0; }
.index_resource_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%; 
	}
.index_resource_list .owl-dots .owl-dot.active, .index_resource_list .owl-dots .owl-dot:hover { 
	background-color:#fd3784; border-color:#fd3784;
	}

/* 動畫效果 */
.IndexResource .index_block_title h2, 
.IndexResource .index_block_title .en { transform:scale(0.8); }
.IndexResource .index_block_title.active h2, 
.IndexResource .index_block_title.active .en { transform:scale(1); }

.index_resource_list .owl-item .item { opacity:0; transform:scale(0.8); transition:transform 1s ease, opacity 1s ease; }
.index_resource_list.active .owl-item .item { opacity:1; transform:scale(1); }
.index_resource_list.active .owl-item:nth-child(2) .item { transition-delay:0.15s; }
.index_resource_list.active .owl-item:nth-child(3) .item { transition-delay:0.3s; }
.index_resource_list.active .owl-item:nth-child(4) .item { transition-delay:0.45s; }
.index_resource_list.active .owl-item:nth-child(5) .item { transition-delay:0.6s; }


/*----------------------------------------------------------------------*/
/* 會展聯盟 */
.IndexAlliance { margin-top:7.6vw; }
	@media screen and (max-width: 639px) {
	.IndexAlliance { display:none; }
	}

.IndexAlliance .index_block_title { text-align:left; position:relative; }
.IndexAlliance .index_block_title h2 { 
	display:inline-block; background-color:#fff; padding-right:0.375em; color:#00005d; position:relative; z-index:2; 
	}
	@media screen and (min-width: 640px) and (max-width: 899px) {
	.IndexAlliance .index_block_title h2 { font-size:2.375rem; }
	}
	@media screen and (min-width: 900px) and (max-width: 1279px) {
	.IndexAlliance .index_block_title h2 { font-size:2.5rem; }
	}
	@media screen and (min-width: 1280px) and (max-width: 1599px) {
	.IndexAlliance .index_block_title h2 { font-size:3.25vw; }
	}
	@media screen and (min-width: 1600px) {
	.IndexAlliance .index_block_title h2 { font-size:3.25rem; }
	}
.IndexAlliance .index_block_title h2 span { display:block; color:#202020; font-weight:400; }
.IndexAlliance .index_block_title h2::after { margin:0 auto 0 0; background-position:0 bottom; }
.IndexAlliance .index_block_title .en { color:#fff; -webkit-text-stroke-color:#00005d; position:relative; z-index:2; }
.IndexAlliance .index_block_title .img { display:block; z-index:1; }
.IndexAlliance .index_block_title .img > span { 
	display:block; padding-bottom:42%; background:url(../images/img_index_alliance.jpg) no-repeat center center; background-size:cover; 
	}

.IndexAlliance .index_btn_more { margin-top:25px; text-align:right; }
.IndexAlliance .index_btn_more a { background-color:#fff; border-color:#00005d; color:#00005d; }
.IndexAlliance .index_btn_more a:hover, 
.IndexAlliance .index_btn_more a:focus { background-color:#e80067; border-color:#e80067; color:#fff; }
.IndexAlliance .index_btn_more a span { border-color:#00005d; }
.IndexAlliance .index_btn_more a span::after { background-position:0 20%; }
.IndexAlliance .index_btn_more a:hover span::after, 
.IndexAlliance .index_btn_more a:focus span::after { background-position:right 20%; }

.IndexAlliance .cont { width:90%; margin-left:auto; margin-right:-0.15em; margin-top:20px; font-size:1.125rem; line-height:2em; letter-spacing:0.15em; }

@media screen and (max-width: 899px) {
.IndexAlliance .index_block_title .img { width:100%; margin-top:25px; }
}
@media screen and (min-width: 900px) and (max-width: 1279px) {
.IndexAlliance .index_block_title { padding-bottom:20vw; }
.IndexAlliance .index_block_title .img { position:absolute; bottom:0; right:0; width:80%; }
}
@media screen and (min-width: 1280px) {
.IndexAlliance .index_block_title { padding-bottom:15vw; }
.IndexAlliance .index_block_title .img { position:absolute; bottom:0; right:0; width:70%; }
}

/* 動畫效果 */
.IndexAlliance .index_block_title h2, 
.IndexAlliance .index_block_title .en { transform:translateX(-80px); }
.IndexAlliance .index_block_title.active h2, 
.IndexAlliance .index_block_title.active .en { transform:translateX(0); }
.IndexAlliance .index_block_title .img { transform:translateX(80px); transition:transform 1s ease, opacity 1s ease; }
.IndexAlliance .index_block_title.active .img { transform:translateX(0); }

.IndexAlliance .cont { opacity:0; transform:translateX(80px); transition:transform 1s ease, opacity 1s ease; }
.IndexAlliance .cont.active { opacity:1; transform:translateX(0); }

.IndexAlliance .index_btn_more div { opacity:0; transform:translateX(50px); }
.IndexAlliance .index_btn_more.active div { opacity:1; transform:translateX(0); }