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

.bg_image { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; margin:0 auto; }
#google_translate_element { margin-left:10px; }
#google_translate_element .skiptranslate { text-indent:-999px; overflow:hidden; width:160px; height:40px; position:relative; }
#google_translate_element .skiptranslate::before { content:''; display:block; position:absolute; top:10px; left:8px; width:18px; height:18px; background:url("../images/icon_google_translate.png") no-repeat center center; background-size:contain; z-index:2; }
#google_translate_element .skiptranslate > div { display:inline-block; }
#google_translate_element .goog-te-combo { position:absolute; top:0; left:0; width:100%; height:100%; padding-left:30px; border:1px solid #484848; background-color:#fff; margin:0; }


/*----------------------------------------------------------------------*/
/* Header */
#Header > div { padding:10px 0; }
	#Header.index > div {  }
	#Header.cont > div {  }
#Header a.logo_index {  }
	#Header.cont a.logo_index { height:72px; display:flex; align-items:center; }
#Header a.logo_cont { display:none; }


/*----------------------------------------------------------------------*/
/* 站內搜尋 */
#Menu .search { position:relative; display:flex; }
#Menu .search label { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(1px, 1px, 1px, 1px); border:0; white-space:nowrap; }
#Menu .search input[type="text"] { border:0; padding:0; background-color:transparent; border-bottom:1px solid #484848; width:168px; line-height:40px; height:40px; }
#Menu .search input.btn { 
	border:0; padding:0; width:32px; height:40px; background:url("../images/icon_search.png") no-repeat center center; border-bottom:1px solid #484848;
	text-indent:-10000px; font-size:0; line-height:0; box-sizing:content-box;
	}
#Menu .search input[type="text"]:focus, #Menu .search input.btn:focus{ background-color:#fff6ae; }
	

/*----------------------------------------------------------------------*/
/* Menu */
#Menu .guide_title { position:absolute; top:0; left:0; }
#Menu { position:relative; padding:10px 0; }
#Menu > div {  }
#Menu > div > div { display:flex; flex-direction:column; align-items:flex-end; z-index:10003; box-sizing:border-box; position:relative; }
#Menu .superfish { display:flex; justify-content:flex-end; flex-wrap:wrap; }
#Menu .superfish a { 
	display:block; text-decoration:none; color:#000; font-size:0.9375rem; 
	-webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
	}
#Menu .superfish a:hover { color:#e60012; }
#Menu .superfish li { position:relative; }

#Menu .superfish ul { 
	display:none; position:absolute; width:100px; padding:5px 15px; background-color:#fff; 
	-moz-box-shadow: 0 0 8px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.2);
	box-shadow: 0 0 8px rgba(0,0,0,0.2);
	z-index: 10;
	}
#Menu .superfish li:hover > ul { display:block; }
#Menu .superfish ul > li { border-top:1px solid #d2d2d2; }
#Menu .superfish ul > li:first-child { border-top:0; }
#Menu .superfish ul a { padding:8px 0; line-height:18px; }
#Menu .superfish ul a.sf-with-ul { padding-right:10px; }
#Menu .superfish ul a.sf-with-ul::after { position:absolute; top:7px; right:0; content:'>'; font-family:"Courier New", Courier, monospace; font-size:12px; color:#999; }

/*#Menu .search a { text-indent:-10000px; width:16px; height:30px; background:url("../images/icon_search.png") no-repeat right center; }*/

/* 第1層 */
#Menu .superfish > li {  }
#Menu .superfish > li:first-child a { padding-left:0; }
#Menu .superfish > li > a { padding-left:10px; line-height:28px; font-weight:bold; }
#Menu .superfish > li.test > a { color:#fff; text-indent:-10000px; width:40px; }

/* 第2層 */
#Menu .superfish > li > ul { top:30px; left:0; }
#Menu .superfish > li:last-child > ul { right:0; left:auto; }

/* 第3層 */
#Menu .superfish > li > ul ul { top:0; left:115px; }


/*----------------------------------------------------------------------*/
/* Key visual */
#KeyVisual {  }
#KeyVisual .bx-wrapper .bx-prev { left:20px; }
#KeyVisual .bx-wrapper .bx-next { right:20px; }


/*----------------------------------------------------------------------*/
/* 首頁區塊 */

/* theme1 */
.IndexBlock.theme1 { margin-bottom:-10px; }
.IndexBlock.theme1.first { margin-top:-25px; }
.IndexBlock.theme1 > div { padding-bottom:35px; }
.IndexBlock.theme1 .btn_more { bottom:5px; }
.grid-item { width:15.6%; margin:0 0.5% 20px 0.5%; float:left; }
.grid-item a span.img_phone, .grid-item a span.list_desc { display:none; } 
.grid-item a span.list_title { 
	position:absolute; left:0; bottom:0; background-color:rgba(255,255,255,0.7); 
	text-align:center; width:100%; 
	padding:0 10px; box-sizing:border-box; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; 
	}
.grid-item a span.list_title { height:36px; font-size:16px; font-weight:bold; line-height:36px; }

/* theme2 */
.IndexBlock.theme2 { margin-top:30px; margin-bottom:0; }
.IndexBlock.theme2.first { margin-top:-25px; }
.IndexBlock.theme2 > div { padding:15px 0 50px; }
.IndexBlock.theme2 .btn_more { bottom:15px; }
.IndexBlock.theme2 .bxSlider_list li > * { padding-left:115px; padding-right:115px; }

/* theme3 */
.IndexBlock.theme3 { margin-bottom:-10px; }
.IndexBlock.theme3.first { margin-top:-25px; }
.IndexBlock.theme3 > div { padding-bottom:50px; }
.IndexBlock.theme3 .btn_more { bottom:5px; }
.IndexBlock.theme3 .news_list { padding:0 50px; height:180px; overflow:hidden; }
.IndexBlock.theme3 .news_list.owl-carousel { height:auto; overflow:visible; }
@media screen and (max-width: 1319px) {
.IndexBlock.theme3 .news_list .item { width:160px; border:6px solid #999999; }
}
@media screen and (min-width: 1320px) {
.IndexBlock.theme3 .news_list .item { width:170px; border:8px solid #999999; }
}
.IndexBlock.theme3 .news_list .item:hover { border-color:#767676; }
.IndexBlock.theme3 .news_list .item a { height:100%; }
.IndexBlock.theme3 .news_list .item a span.list_title { 
	width:100%; padding:0 10px; box-sizing:border-box; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; 
	text-align:center; line-height:36px; font-size:16px; 
	}
.IndexBlock.theme3 .news_list .item a span.list_desc { display:none; }

/* theme4 */
.IndexBlock.theme4 { margin-bottom:-10px; }
.IndexBlock.theme4.first { margin-top:-25px; }
.IndexBlock.theme4 > div { padding-bottom:40px; }
.IndexBlock.theme4 .btn_more { bottom:5px; }
.IndexBlock.theme4 .news_list2 { padding:0 50px; }
@media screen and (max-width: 1279px) {
.IndexBlock.theme4 .news_list2 .item { width:280px; }
}
@media screen and (min-width: 1280px) {
.IndexBlock.theme4 .news_list2 .item { width:270px; }
}
.IndexBlock.theme4 .news_list2 .item:hover { border-color:#767676; }
.IndexBlock.theme4 .news_list2 .item a { height:100%; }

/* theme5 */
.IndexBlock.theme5 { padding-left:60px; padding-right:60px; }
.IndexBlock.theme5 .item .img img.rectangle { display:none; }
.IndexBlock.theme5 .art_museum .img img.rectangle, .IndexBlock.theme5 .art_area .img img.rectangle, .IndexBlock.theme5 .street_artist .img img.rectangle { display:block; }
.IndexBlock.theme5 .art_museum .img img.square, .IndexBlock.theme5 .art_area .img img.square, .IndexBlock.theme5 .street_artist .img img.square { display:none; }

.IndexBlock.theme5 .event,
.IndexBlock.theme5 .apply,
.IndexBlock.theme5 .art_group,
.IndexBlock.theme5 .art_museum,
.IndexBlock.theme5 .art_area,
.IndexBlock.theme5 .street_artist { width:33.33%; }
.IndexBlock.theme5 .art_monthly,
.IndexBlock.theme5 .literature,
.IndexBlock.theme5 .filmassist,
.IndexBlock.theme5 .assets,
.IndexBlock.theme5 .publicart,
.IndexBlock.theme5 .community { width:16.66%; }

.IndexBlock.theme5 .item .cont .cat a { font-size:20px; }
.IndexBlock.theme5 .item .cont .title { font-size:22px; }

/* 首頁相關連結 */
.index_links li { width:150px; }
.index_links li img { width:150px; height:60px; }
	
	
/*----------------------------------------------------------------------*/
/* 行事曆 */
.Calendar, .Calendar .days { overflow:hidden; }
.Calendar .weekdays li { float:left; width:14.285%; }
.Calendar .days li { float:left; width:14.285%; }
.Calendar .days li.today::before { left:-1px; }
.Calendar .days li.today::after { top:-1px; }
.Calendar .days li .date { margin-top:-5px; text-align:right; }


/*----------------------------------------------------------------------*/
/* 快速連結 */
.footer_sitemap > div { padding:0 65px; }
.footer_sitemap:hover > div { padding-top:20px; padding-bottom:20px; height:auto; }
.footer_sitemap > div::before, .footer_sitemap .trigger { display:none; }
.footer_sitemap ul.eqHeight > li { float:left; padding-right:20px; width:12.5%; }
.footer_sitemap ul.eqHeight > li > ul > li { line-height:180%; }


/*----------------------------------------------------------------------*/
/* Footer */
#Footer .footer_logo { text-align:center; }
#Footer .footer_menu { text-align:center; }
#Footer .copyright { width:25%; float:left; }
#Footer .copyright > span { display:block; }
#Footer .customize { width:60%; float:left; text-align:center; }
#Footer .customize .fb-page { width:320px; }
#Footer .mark { width:15%; float:right; }


/*----------------------------------------------------------------------*/
/* 表單 */
.FormGroup { 
	border:1px solid #e7e7e7; background-color:#fff; padding:11px 19px 19px 19px; position:relative; 
	-moz-box-shadow: 0 0 8px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.2);
	box-shadow: 0 0 8px rgba(0,0,0,0.2);
 }
.FormGroupTitle { border-bottom:1px solid #cccccc; background-color:#f5f5f5; margin:-11px -19px 10px; }
.FormGroupTitle span { padding-left:10px; }
.FormTable > tbody > tr > th, .FormTable > tbody > tr > td { vertical-align:top; border-bottom:1px solid #cccccc; }
.FormTable > tbody > tr > th { width:180px; padding:15px 5px 15px 0; text-align:right; }
.FormTable > tbody > tr > td { padding:10px 0; }
.FormTable > tbody > tr:nth-child(even) > th, .FormTable > tbody > tr:nth-child(even) > td { background-color:#fbfbfb; }

.FormElmt input[type="text"], .FormElmt input[type="password"], .FormElmt input[type="file"] { line-height:30px; height:30px; }
.FormElmt select { padding:4px 0 3px; }	


/*----------------------------------------------------------------------*/
/* 內頁元素 */
.ToolBar dl.font_size, .ToolBar dl.share { height:34px; }
.ToolBar .colm_left a, .ToolBar dl.font_size dt, .ToolBar dl.share dt { line-height:34px; }
.ToolBar .colm_left a span, .ToolBar dl.font_size dd, .ToolBar dl.font_size a, .ToolBar dl.share dd, .ToolBar dl.share a { width:34px; height:34px; }

.ToolBar .colm_left { border-right:1px solid #d3d3d3; padding-right:14px; }
.ToolBar .colm_left a { padding-left:36px; }
.ToolBar .colm_right { float:right; }

.ToolBar dl.font_size { float:left; border-left:1px solid #d3d3d3; padding-left:18px; }
.ToolBar dl.share { float:left; border-left:1px solid #d3d3d3; padding-left:18px; margin-left:14px; }

.ToolBar .colm_left a.return span { background-position:-4px -4px; }
.ToolBar .colm_left a.print span { background-position:-4px -44px; }
.ToolBar .colm_left a.mail span { background-position:-4px -84px; }
.ToolBar .colm_left a.rss span { background-position:-4px -124px; }
.ToolBar .colm_left a.return:hover span, .ToolBar .colm_left a.return:focus span { background-position:-44px -4px; }
.ToolBar .colm_left a.print:hover span, .ToolBar .colm_left a.print:focus span { background-position:-44px -44px; }
.ToolBar .colm_left a.mail:hover span, .ToolBar .colm_left a.mail:focus span { background-position:-44px -84px; }
.ToolBar .colm_left a.rss:hover span, .ToolBar .colm_left a.rss:focus span { background-position:-44px -124px; }

.ToolBar dl.font_size dd.font_small a { background-position:-4px -164px; }
.ToolBar dl.font_size dd.font_medium a { background-position:-4px -204px; }
.ToolBar dl.font_size dd.font_big a { background-position:-4px -244px; }
.ToolBar dl.font_size dd.font_small:hover a{ background-position:-44px -164px; }
.ToolBar dl.font_size dd.font_medium:hover a{ background-position:-44px -204px; }
.ToolBar dl.font_size dd.font_big:hover a{ background-position:-44px -244px; }

.ToolBar dl.share dd.facebook a { background-position:-4px -284px; }
.ToolBar dl.share dd.twitter a { background-position:-4px -324px; }
.ToolBar dl.share dd.google_plus a { background-position:-4px -364px; }
.ToolBar dl.share dd.plurk a { background-position:-4px -404px; }
.ToolBar dl.share dd.facebook:hover a { background-position:-44px -284px; }
.ToolBar dl.share dd.twitter:hover a { background-position:-44px -324px; }
.ToolBar dl.share dd.google_plus:hover a { background-position:-44px -364px; }
.ToolBar dl.share dd.plurk:hover a { background-position:-44px -404px; }

/* 標題 */
h3.title { font-size:225%; background:url("../images/cont_title_bg.png") no-repeat right bottom; }
h3.title span { padding-bottom:32px; padding-right:30px; line-height:54px; }
.post_info { margin-top:-30px; text-align:right; }

/* 分類下拉 */
.CatTitle h3 { float:left; }
.CatTitle .cat_select { float:right; }
.CatTitle .cat_select .btn { height:30px; line-height:30px; }

/* 列表搜尋 */
.ListSearch { padding:15px 90px 15px 10px; }
.ListSearch .BtnCommon { position:absolute; right:20px; bottom:25px; }
.ListSearch .BtnCommon input { line-height:30px; }

/* 頁碼 */
#Pagination a { margin:0 2px; color:#7b7b7b; }
#Pagination a.first, #Pagination a.prev, #Pagination a.next, #Pagination a.last { background-color:transparent; }
#Pagination .current { display:none; }
#Pagination a:hover, #Pagination a:focus { color:#e60012; }
#Pagination a.focuz { color:#fff; background-color:#000; }

/* colorbox */
#colorbox_thum a { width:200px; height:150px; margin:15px 30px; }


/*----------------------------------------------------------------------*/
/* 預約導覽 */
.tour_location { width:100%; margin:5px 0; border-top:1px solid #c6c6c6; border-left:1px solid #c6c6c6;}
.tour_location th, .tour_location td { border-bottom:1px solid #c6c6c6; border-right:1px solid #c6c6c6; padding:6px 8px; }
.tour_location th { background-color:#f0f0f0; font-size:14px; white-space:nowrap; line-height:20px; }
.tour_location td { line-height:30px; vertical-align:top; }
.tour_location tr:nth-child(2n+3) { background-color:#f7f7f7; }
.tour_location td.nowrap { white-space:nowrap; }


/*----------------------------------------------------------------------*/
/* 網站導覽 */
.editable_content .sitemap_tree > li { float:left; width:20%; }


/*----------------------------------------------------------------------*/
/* 投票內頁 */
.vote1 { float:left; width:48%; padding:15px 1.9% 15px 0; }
.vote2 { float:left; width:48%; padding:15px 0 15px 1.9%; border-left:1px dashed #ccc; }


/*----------------------------------------------------------------------*/
/* 永續發展目標 */
.SDGsList .item { float:left; width:32%; margin-left:2%; margin-bottom:30px; }
.SDGsList .item:nth-child(3n+1) { margin-left:0; }
.SDGsList .title { font-size:1.125rem; }