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

/*----------------------------------------------------------------------*/
/* Header */
#Header > div { height:120px; }
#Header.cont > div { max-width:1320px; margin:0 auto; position:relative; }
#Header.cont .topper { margin-left:280px; padding-top:22px; }
#Header.cont a.logo_index { display:none; }
#Header.cont a.logo_cont { width:240px; padding:5px 10px 5px 0; z-index:10001; }


/*----------------------------------------------------------------------*/
/* Menu */
#Menu > div { max-width:1320px; margin:0 auto; }
#Menu > div > div { margin-left:240px; }


/*----------------------------------------------------------------------*/
/* 內頁元素 */
#Content { max-width:1320px; margin:0 auto; padding:5px 10px 0; }

/* 導覽列(麵包屑) */
#Breadcrumbs ul { overflow:hidden; }
#Breadcrumbs ul li { float:left; padding-right:18px; font-size:81.25%; color:#696969; line-height:40px; position:relative; }
#Breadcrumbs ul li a { display:block; color:#696969; text-decoration:none; }
	#Breadcrumbs ul li:after { content:'/'; position:absolute; top:0; right:6px; }
	#Breadcrumbs ul li a:hover { color:#e60012; }
#Breadcrumbs ul li.last a { color:#000; }
	#Breadcrumbs ul li.last a:hover { color:#e60012; }
	#Breadcrumbs ul li.last:after { content:''; }

/* 工具列 */
.ToolBar .colm_left a span, .ToolBar dl.font_size dd, .ToolBar dl.share dd { 
	-webkit-transition: background-color 0.5s ease;
	-moz-transition: background-color 0.5s ease;
	transition: background-color 0.5s ease;
	}
.ToolBar { padding-bottom:20px; border-top:1px solid #d3d3d3; font-size:81.25%; overflow:hidden; }
.ToolBar .colm_left { float:left; padding:8px 0; }
.ToolBar .colm_left a { display:block; float:left; position:relative; margin-left:15px; color:#868686; text-decoration:none; }
.ToolBar .colm_left a:first-child { margin-left:0; }
.ToolBar .colm_left a span { position:absolute; top:0; left:0; display:block; background:#dfdfdf url("../images/icon_toolbar.png") no-repeat; }
.ToolBar .colm_left a:hover { color:#000; }
.ToolBar .colm_left a:hover span { background-color:#000; }

.ToolBar .colm_right dl { padding:8px 0; }
.ToolBar .colm_right dt { display:none; }
.ToolBar dl.font_size > * { float:left; }
.ToolBar dl.font_size dt { color:#868686; }
.ToolBar dl.font_size dd { margin-right:6px; border:2px solid #000; box-sizing:border-box; }
.ToolBar dl.share dd:last-child { margin-right:0; }
.ToolBar dl.font_size a { display:block; background:url("../images/icon_toolbar.png") no-repeat; text-indent:-10000px; }
.ToolBar dl.font_size dd:hover { background-color:#e60012; }

.ToolBar dl.share > * { float:left; }
.ToolBar dl.share dt { color:#868686; }
.ToolBar dl.share dd { margin-right:8px; }
.ToolBar dl.share dd:last-child { margin-right:0; }
.ToolBar dl.share dd a { display:block; background:url("../images/icon_toolbar.png") no-repeat; text-indent:-10000px; cursor:pointer; }
	.ToolBar dl.share dd.facebook:hover { background-color:#3b5998; }
	.ToolBar dl.share dd.twitter:hover { background-color:#00abf1; }
	.ToolBar dl.share dd.google_plus:hover { background-color:#d0422a; }
	.ToolBar dl.share dd.plurk:hover { background-color:#de4124; }
	
.SubToolBar { padding-top:10px; overflow:hidden; }
.SubToolBar > div { overflow:hidden; }
.SubToolBar .colm_left { float:left; }
.SubToolBar a { display:block; float:left; position:relative; margin-left:10px; padding-right:10px; border-right:1px solid #d3d3d3; color:#868686; text-decoration:none; font-size:87.5%; line-height:120%; }
.SubToolBar > div a:first-child { margin-left:0; padding-left:10px; border-left:1px solid #d3d3d3; }
.SubToolBar a:hover { color:#000; text-decoration:underline; }
	
/* 標題 */
h2.PageTitle { padding:12px 0; font-size:187.5%; font-weight:normal; line-height:120%; position:relative; }
h2.PageTitle span { display:block; position:absolute; top:0; left:0; border-top:5px solid #000; width:55px; }
h3.title { clear:both; }
h3.title span { display:block; font-weight:normal; color:#000; }
h4.title { margin:15px 0 5px; font-size:18px; }
.post_info { padding:5px 35px 5px 0; }
.post_info span { display:inline-block; border-left:1px solid #dedede; padding-left:14px; margin-left:12px; line-height:20px; color:#8b8b8b; font-size:81.25%; }
.post_info span:first-child { border-left:0; padding-left:0; margin-left:0; }
.post_info span.date { padding-left:16px; background:url("../images/icon_date.png") no-repeat 0 center; font-family:Arial, Helvetica, sans-serif; }
.post_info.below { padding-right:0; margin-top:0; }

/* 分類下拉 */
.CatTitle { overflow:hidden; padding:10px 0; }
.CatTitle h3 { font-weight:normal; }
.CatTitle .cat_select { font-size:81.25%; }
.CatTitle .cat_select > * { vertical-align:middle; }
.CatTitle .cat_select .btn {
	color:#fff; font-weight:bold; box-sizing:border-box; border:0; margin:0 0 0 5px; padding:0 8px;
	background: linear-gradient(to bottom,  #000000 0%,#000000 100%);/*fix ios bug*/
	background-color:#000;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
	-moz-border-radius:0px;
	-o-border-radius:0px;
	border-radius:0px;
	}
.CatTitle .cat_select .btn:hover { background-color:#e60012; }

/* 列表搜尋 */
.ListSearch { 
	background-color:#f8f8f8; border:1px solid #e3e3e3; margin:20px auto 30px; box-sizing:border-box; overflow:hidden; position:relative; 
	-moz-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
	}
.ListSearch .item { float:left; margin-left:10px; margin-bottom:10px; }
.ListSearch .item > label { display:block; font-size:81.25%; line-height:180%; font-weight:bold; }
.ListSearch .BtnCommon span { background-color:#fff; }
.ListSearch .BtnCommon a, .ListSearch .BtnCommon input { color:#000; }
.ListSearch .BtnCommon input { padding-left:15px; padding-right:15px; font-size:15px; }
.ListSearch .BtnCommon div:hover input { color:#fff; }

/* 頁碼 */
#Pagination { margin-top:30px; clear:both; text-align:center; font-size:81.25%; }
#Pagination .pages { display:inline-block; }
#Pagination a {
	display:inline-block; width:40px; text-decoration:none; line-height:40px;
	-moz-border-radius:50%;
	-o-border-radius:50%;
	border-radius:50%;
	}
	#Pagination a.first, #Pagination a.prev, #Pagination a.next, #Pagination a.last { width:auto; padding:0 10px; }

#Pagination .current { width:auto; border:1px solid #fff; background-color:transparent; cursor:default; }
	#Pagination .current:hover { color:#7b7b7b; }
	
#Pagination .setting { display:block; clear:both; padding-top:10px; line-height:32px; color:#7b7b7b; }
#Pagination .setting select { padding:6px 0 5px; }
#Pagination .setting input[type="text"] { width:30px; height:28px; border:1px solid #6a6a6a; vertical-align:bottom; }
#Pagination .setting input[type="button"] { 
	height:32px; padding:0 6px; margin-left:3px; background-color:#000; border:0; color:#fff; 
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
	}
#Pagination .setting input[type="button"]:hover { background-color:#e60012; }

/* 內頁頁碼 */
.inPagination { margin-top:30px; clear:both; text-align:center; font-size:81.25%; display:none; }
.inPagination .pages { display:inline-block; }
.inPagination a {
	display:inline-block; width:40px ;margin:0 4px 12px 4px; border:1px solid #d6d6d6; background-color:#e2e2e2; color:#7b7b7b; text-decoration:none; line-height:40px;  
	}
.inPagination a:hover { border:1px solid #c8c8c8; background-color:#c8c8c8; }
.inPagination a.focuz { color:#fff; background-color:#000; border:1px solid #000; }

/* 檔案下載icon */
.file_ext { background-repeat:no-repeat; display:inline-block !important; }
	.file_doc { background-image:url("../images/file_ext/doc.png"); }
	.file_img { background-image:url("../images/file_ext/img.png"); }
	.file_mov { background-image:url("../images/file_ext/mov.png"); }
	.file_other { background-image:url("../images/file_ext/other.png"); }
	.file_pdf { background-image:url("../images/file_ext/pdf.png"); }
	.file_ppt { background-image:url("../images/file_ext/ppt.png"); }
	.file_txt { background-image:url("../images/file_ext/txt.png"); }
	.file_xls { background-image:url("../images/file_ext/xls.png"); }
	.file_zip { background-image:url("../images/file_ext/zip.png"); }
	.file_odt { background-image:url("../images/file_ext/odt.png"); }
	.file_ods { background-image:url("../images/file_ext/ods.png"); }
	.file_odp { background-image:url("../images/file_ext/odp.png"); }

/* 轉寄表單 */
.forward { width:100%; max-width:680px; margin:30px auto; }
.forward > div { 
	padding:20px; margin:0 10px; border:1px solid #bcbcbc; background-color:#fff; box-sizing:border-box; 
	-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);
	}
.forward label { font-size:16px; font-weight:bold; display:block; margin:15px 0 5px 0; }
	.forward label span { color:#d00000; }
.forward input[type="text"], .forward textarea { margin-bottom:5px; width:100%; box-sizing:border-box; }
.forward .title { font-size:22px; line-height:135%; color:#e60012; }
.forward .note { color:#FF0000; line-height:15px; }

/* 內頁顯示欄位 */
.content_info { background-color:#f8f8f8; border-left:5px solid #ccc; padding:15px; margin-top:10px; }
.content_info ul { display:table; }
.content_info ul li { display:table-row; }
.content_info ul li span { display:table-cell; vertical-align:top; padding:5px 0; font-size:87.5%; line-height:120%; }
.content_info ul li span.title { text-align:right; font-weight:bold; color:#000; }
.content_info ul li span.cont { color:#646464; }

/* 上下篇文章 */
.prevNextLink { padding:10px 0 10px; clear:both; }
.prevNextLink > div { overflow:hidden; }
.prevNextLink .prev, .prevNextLink .next { width:48%; background-color:#f8f8f8; box-sizing:border-box; }
.prevNextLink .prev:hover, .prevNextLink .next:hover { background-color:#a0a0a0; border-color:#a0a0a0; }
.prevNextLink .prev:hover a, .prevNextLink .next:hover a, .prevNextLink .prev:hover a span, .prevNextLink .next:hover a span { color:#fff; }
.prevNextLink .prev { float:left; border-left:5px solid #ccc; }
.prevNextLink .next { float:right; border-right:5px solid #ccc; text-align:right; }
.prevNextLink a { 
	display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width:100%; box-sizing:border-box; padding:0 15px 10px 15px; 
	text-decoration:none; color:#333; line-height:150%; 
	}

.prevNextLink a span { display:block; padding-top:10px; padding-bottom:10px; font-size:150%; color:#999999; position:relative; }
	.prevNextLink .prev a span { padding-left:30px; padding-right:15px; }
	.prevNextLink .next a span { padding-left:15px; padding-right:30px; }
.prevNextLink a span::after { 
	content:''; display:block; position:absolute; top:50%; margin-top:-7px; width:14px; height:14px; 
	border-bottom:2px solid #a4a4a4; border-left:2px solid #a4a4a4;
	}
	.prevNextLink .prev a span::after { 
		left:5px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);
		}
	.prevNextLink .next a span::after { 
		right:5px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(-135deg);
		}
.prevNextLink .item:hover a span::after { border-bottom:2px solid #fff; border-left:2px solid #fff; }


/*----------------------------------------------------------------------*/
/* 輪播圖片替代方案 */
#KeyVisual.noscript { overflow:hidden; }
#KeyVisual.noscript > div { float:none; width:100%; }
#KeyVisual.noscript .bxSlider_list { display:block !important; }
#KeyVisual.noscript .bxSlider_list li { position:relative; }
#KeyVisual.noscript .bxSlider_list li a { 
	display:block; position:absolute; top:0; left:0; width:100%; height:100%; 
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	}
#KeyVisual.noscript .bxSlider_list li img { width:100%; }


/*----------------------------------------------------------------------*/
/* 文創商品 */
.ProductCont { overflow:hidden; }
.ProductCont .photo { width:40%; float:left; }
.ProductCont .photo img { width:100%; }

.ProductCont .desc { width:58%; float:right; }
.ProductCont .desc h3 { border-bottom:1px solid #d3d3d3; padding-bottom:8px; line-height:120%; font-weight:normal; font-size:175%; }
.ProductCont ul { border-bottom:1px solid #d3d3d3; padding:5px 0; }
.ProductCont li { position:relative; padding-left:90px; margin:10px 0; font-size:87.5%; line-height:20px; min-height:20px; }
.ProductCont li span { position:absolute; top:0; left:0; width:90px; font-weight:bold; text-align:right; }


/*----------------------------------------------------------------------*/
/* 搜尋結果 */
.SearchResult { margin-top:10px; }
.SearchResult .item { 
	background-color:#fff; margin-bottom:30px; padding:20px; overflow:hidden; 
	-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);
	}
.SearchResult .title { padding-top:5px; padding-bottom:10px; line-height:130%; font-size:150%; }
.SearchResult .title a { display:block; color:#000; text-decoration:none; }
.SearchResult .title a:hover { color:#e60012; text-decoration:underline; }
.SearchResult .date { 
	margin-right:20px; color:#8b8b8b; line-height:180%; 
	background:url("../images/icon_date.png") no-repeat 0 center; padding-left:16px;
	}
.SearchResult .cat { margin-right:20px; color:#8b8b8b; line-height:180%; }
.SearchResult .cat a { color:#8b8b8b; text-decoration:none; }
.SearchResult .cat a:hover { color:#e60012; text-decoration:underline; }
.SearchResult .desc { color:#757575; line-height:180%; }
.SearchResult .item span { color:red; }


/*----------------------------------------------------------------------*/
/* 網站導覽 */
.sitemap_list { margin-left:40px; padding:0 0 10px 0; }
	ol.sitemap_list { list-style-type:decimal; }
	ul.sitemap_list { list-style-type:disc; }
.sitemap_list ul { list-style-type:disc; margin-left:20px; padding:5px 0 5px 0; }
.sitemap_list li { padding-bottom:5px; line-height:170%; }
.sitemap_list li strong { color:#000 }
.sitemap_list + h4.title { margin-top:5px; }

.sitemap_tree { padding:15px; margin-top:20px; border:1px solid #CCC; background-color:#fdfdfd; }
.sitemap_tree .home a { border:0; background-color:#000; line-height:150%; font-size:125%; font-weight:normal; text-align:center; color:#fff; font-family:"微軟正黑體"; }
.sitemap_tree li { padding-top:5px; padding-bottom:5px; }
.sitemap_tree li a { display:block; text-decoration:none; }
.sitemap_tree li a:hover { text-decoration:underline; }
.sitemap_tree li.last { padding-bottom:0px; }
.sitemap_tree li.arrow > a {  }
.sitemap_tree > li li { line-height:130%; }
.sitemap_tree > li > ol > li a { padding:0; }

/* 第1層 */
.sitemap_tree > li { font-size:125%; color:#d01325; line-height:180%; }
	.sitemap_tree > li > a { color:#000; padding:5px 0; border-bottom:1px solid #e5e5e5; }
/* 第2層 */
.sitemap_tree > li > ol { margin-left:20px; margin-top:10px; }
.sitemap_tree > li > ol > li { font-size:80%; color:#000; padding-left:14px; }
	.sitemap_tree > li > ol > li > a { color:#6b6b6b; }
/* 第3層 */
.sitemap_tree > li > ol > li > ol { margin-left:30px; }
.sitemap_tree > li > ol > li > ol > li { font-size:93.75%; color:#6d6d6d; }
	.sitemap_tree > li > ol > li > ol > li > a { color:#6b6b6b; }
/* 第4層 */
.sitemap_tree > li > ol > li > ol > li > ol { margin-left:37px; }
.sitemap_tree > li > ol > li > ol > li > ol > li { font-size:93.33%; color:#6d6d6d; }
	.sitemap_tree > li > ol > li > ol > li > ol > li a { color:#6b6b6b; }

.editable_content .sitemap_tree, .editable_content .sitemap_tree ol { list-style-type:none; }
.editable_content .sitemap_tree { margin-left:0; overflow:hidden; }
.editable_content .sitemap_tree > li > ol { margin-left:6px; }


/*----------------------------------------------------------------------*/
/* 問卷 */
.queBox { border:1px solid #ccc; margin:20px 0 30px; padding:0.3em 15px 2em 15px; }
.queBox legend { font-size:125%; padding:0 10px; font-weight:bold; }
.que_title { font-weight:bold; }
.qa_no { font-weight:bold; padding-right:10px; font-family:Georgia, "Times New Roman", Times, serif; font-size:120%; }
.que_list { border-bottom:1px dotted #ccc; padding:18px 0px 10px 0px; }
.que_item { overflow:hidden; padding:10px 0px 5px 28px; }
.que_item ul li { float:left; margin:0 30px 5px 0; line-height:240%; color:#666; }
.que_item input[type="checkbox"], .que_item input[type="radio"] { vertical-align:middle; margin-right:5px; }
.que_item input[type="text"] { margin-left:8px; width:150px; }
.que_title { line-height:160%; color:#2c2c2c; }
.queBox textarea { width:100%; box-sizing:border-box; }
.queBox input[type="text"]:focus, .queBox input[type="password"]:focus, .queBox input[type="file"]:focus, .queBox textarea:focus, .queBox select:focus { 
	outline: 0;
	border:1px solid #66afe9;　
	-webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0,0.075), 0 0 6px rgba(102,175,233,0.8);
	box-shadow: inset 1px 1px 3px rgba(0,0,0,0.075), 0 0 6px rgba(102,175,233,0.8);
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
	}
	

/*----------------------------------------------------------------------*/
/* 投票內頁 */
.vote_box { overflow:hidden; }
.vote_title { color:#0068b7; font-size:150%; line-height:150%; }
.vote1 ul { padding:15px 20px; }
.vote1 ul li { padding:10px 0; }
.vote1 ul li input[type="radio"] { vertical-align:middle; }
.vote2 label { display:block; padding-bottom:10px; line-height:150%; }
.vote2 textarea {
	width:100%; padding:0 4px;
	border:1px solid #c6c6c6; font-size:16px; box-sizing:border-box; margin:0;
	-moz-box-shadow: inset 1px 1px 8px #e5e5e5;
	-webkit-box-shadow: inset 1px 1px 8px #e5e5e5;
	box-shadow: inset 1px 1px 8px #e5e5e5;
}
.vote2 > div { margin-bottom:20px; }
.vote_box .BtnCommon { text-align:left; }

.vote_info { background-color:#eeeeee; padding:15px; margin:15px 0; overflow:hidden; }
.vote_info .vote_total { float:left; }
.vote_info .blue { color:#0068B7; }
.vote_info a { float:right; color:#0068b7; }
.vote_info a:hover { text-decoration:underline; }