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

#google_translate_element { position:absolute; bottom:0; right:0; }
#google_translate_element .skiptranslate { text-indent:-999px; overflow:hidden; width:100px; height:24px; position:relative; }
#google_translate_element .skiptranslate > div { display:inline-block; }
#google_translate_element .goog-te-combo { position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #484848; background-color:rgba(255,255,255,0.5); margin:0; }


/*----------------------------------------------------------------------*/
/* Header */
#Header > div { padding:0 10px; }
#Header.index > div { max-width:1200px; margin:0 auto; height:90px; position:relative; }
#Header.index a.logo_cont { display:none; }


/*----------------------------------------------------------------------*/
/* 站內搜尋 */
#Menu .search { position:relative; display:flex; padding-bottom:30px; }
#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:128px; line-height:32px; height:32px; }
#Menu .search input.btn { 
	border:0; padding:0; width:32px; height:32px; 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; }
#Menu { height:90px; width:100%; position:absolute; top:0; left:0; }
#Menu > div { display:flex; align-items:center; height:100%; padding:0 10px; }
#Menu > div > div { position:relative; z-index:10003; box-sizing:border-box;display:flex; align-items:center; justify-content:space-between; width:100%; }
#Menu .superfish { margin-left:14px; display:flex; flex-wrap:wrap; }
#Menu .superfish a { 
	display:block; text-decoration:none; color:#000; font-size:13px; 
	-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; }

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


/*----------------------------------------------------------------------*/
/* Key visual */
#KeyVisual .bx-viewport, #KeyVisual .bxSlider_list li a {
	-moz-border-radius:217px;
	-o-border-radius:217px;
	border-radius:217px;
	}
#KeyVisual > div { padding:0 10px; }
#KeyVisual .bxSlider_list li a { 
	-moz-box-shadow: inset 2px 2px 10px rgba(0,0,0,0.4);
	-webkit-box-shadow: inset 2px 2px 10px rgba(0,0,0,0.4);
	box-shadow: inset 2px 2px 10px rgba(0,0,0,0.4);
	}
	
	
/*----------------------------------------------------------------------*/
/* IndexBtn */
#IndexBtn { margin-top:-45px; }
#IndexBtn ul { float:right; width:70%; }
#IndexBtn ul li { width:80px; margin:0 5px; }
#IndexBtn ul li a:hover { transform: scale(1.03); }
#IndexBtn ul li a span { display:none; }


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

/* theme1 */
.IndexBlock.theme1 { margin-bottom:-10px; }
.IndexBlock.theme1.first { margin-top:-36px; }
.IndexBlock.theme1 > div { padding-bottom:35px; }
.IndexBlock.theme1 .btn_more { bottom:5px; }
.grid-item { width:31.33%; margin:0 1% 30px 1%; 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; 
	}
@media screen and (max-width: 1279px) {
.grid-item a span.list_title { height:48px; font-size:18px; line-height:48px; }
}
@media screen and (min-width: 1280px) {
.grid-item a span.list_title { height:60px; font-size:22px; line-height:60px; }
}

/* theme2 */
.IndexBlock.theme2 { margin-top:30px; margin-bottom:0; }
.IndexBlock.theme2.first { margin-top:0; }
.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:-36px; }
.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:-36px; }
.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%; }

/* 首頁相關連結 */
.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 { background-position:-44px -4px; }
.ToolBar .colm_left a.print:hover span { background-position:-44px -44px; }
.ToolBar .colm_left a.mail:hover span { background-position:-44px -84px; }
.ToolBar .colm_left a.rss:hover 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 { 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; }


/*----------------------------------------------------------------------*/
/* 投票內頁 */
.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; }