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

/*----------------------------------------------------------------------*/
/* Header */
#Header { position:relative; max-width:1000px; height:118px; margin:0 auto; }
#Header a.logo { display:block; width:246px; height:118px; background:url("../../images/tw/logo.png") no-repeat center center; text-indent:-10000px;  }

.top_menu { overflow:hidden; position:absolute; right:15px; top:15px; }
.top_menu li { float:left; margin-left:10px; padding-left:10px; border-left:1px solid; }
.top_menu li:first-child { margin-left:0; padding-left:0; border-left:0; }
.top_menu li a { display:block; color:#2a2a2a; text-decoration:none; line-height:12px; font-size:12px; }
.top_menu li a:hover { color:#e60012; }


/*----------------------------------------------------------------------*/
/* Menu */
#MenuBar { 
	height:55px; max-width:1000px; background:url("../../images/tw/menu_bg.jpg") repeat; margin:0 auto; 
	border-radius:8px 8px 0 0; 
	-moz-border-radius:8px 8px 0 0; 
	-webkit-border-radius:8px 8px 0 0;
	}
#Menu { float:left; position:relative; z-index:999; margin-left:15px; }
#Menu ul li { position:relative; }
#Menu ul a { display:block; }
#Menu > ul { width:100%; height:55px; margin:0 auto; }
#Menu > ul > li { 
	float:left; 
	-webkit-transition: background-color 0.3s ease;
	-moz-transition: background-color 0.3s ease;
	-o-transition: background-color 0.3s ease;
	transition: background-color 0.3s ease;
	}
#Menu > ul > li > a { 
	padding:0 20px; line-height:55px; color:#3c3c3c; font-weight:bold; font-size:15px; text-decoration:none;
	-webkit-transition: color 0.3s ease;
	-moz-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
	transition: color 0.3s ease;
	}
#Menu > ul > li:hover, #Menu > ul > li.select { background-color:#F7E67B; }
#Menu > ul > li:hover > a, #Menu > ul > li.select > a {  }

#Menu ul ul { 
	display:none; position:absolute; top:55px; left:0; width:170px; background-color:#fff; 
	-moz-box-shadow: 0 2px 6px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.3);
	box-shadow: 0 2px 6px rgba(0,0,0,0.3);
	}
#Menu > ul > li:hover ul { display:block; }
#Menu ul ul li a { line-height:150%; padding:10px 20px; color:#3c3c3c; text-decoration:none; font-size:14px; }
#Menu ul ul li a:hover { background-color:#EEEEEE; }

#Site { position:relative; z-index:999; float:right; margin-right:15px; }
#Site > div { position:relative; float:left; height:55px; margin-left:20px; }

#Site .select { background:url("../../images/tw/sub_arrow.png") right center no-repeat; }
#Site .select label { width:auto; text-align:left; padding-right:15px; font-size:12px; z-index:2; color:#706f6f; line-height:55px; height:55px; display:block; }
#Site .select select { width:100%; padding:17px 0; z-index:4; position:absolute; top:0; left:0; margin:0; opacity:0; filter:alpha(opacity=0); cursor:pointer; font-size:13px; }
#Site .select.location .group, #Site .select.location optgroup { background-color:#F7E67B; color:#000; }
#Site .select.location option { background-color:#fff; color:#000; }

#Site .search .trigger { 
	width:40px; height:55px; line-height:55px; text-indent:-10000px; background:url("../../images/tw/icon_search.png") no-repeat center 0; cursor:pointer; position:relative;  
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	}
#Site .search .trigger.show_searchBox { 
	background:url("../../images/tw/icon_search.png") no-repeat center -55px; 
	border-radius:8px 8px 0 0; 
	-moz-border-radius:8px 8px 0 0; 
	-webkit-border-radius:8px 8px 0 0; 
	}
#Site .searchBox { 
	position:absolute; top:50px; right:0; width:280px; padding:15px; background-color:#fff; text-align:center; 
	border-radius:8px; 
	-moz-border-radius:8px; 
	-webkit-border-radius:8px; 
	-moz-box-shadow: 0 3px 10px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.2);
	box-shadow: 0 3px 10px rgba(0,0,0,0.2);
	background: #e2e2e2; /* Old browsers */
	background: -moz-linear-gradient(top,  #e2e2e2 0%, #fff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(100%,#fff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e2e2e2 0%,#fff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e2e2e2 0%,#fff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e2e2e2 0%,#fff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e2e2e2 0%,#fff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	}
#Site .searchBox input[type="text"] { 
	width:200px; margin:0; padding:0 5px; border:0; border:1px solid #999; background-color:#fff; line-height:38px; height:38px;
	-moz-box-shadow: inset 1px 1px 5px #d3d3d3;
	-webkit-box-shadow: inset 1px 1px 5px #d3d3d3;
	box-shadow: inset 1px 1px 5px #d3d3d3;
	-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
	}
#Site .searchBox input[type="text"]:focus { 
	outline: 0;
	border:1px solid #f2cd40;　
	-moz-box-shadow: inset 1px 1px 5px #fbe790, 0 0 6px #f2cd40;
	-webkit-box-shadow: inset 1px 1px 5px #fbe790, 0 0 6px #f2cd40;
	box-shadow: inset 1px 1px 5px #fbe790, 0 0 6px #f2cd40
	}
#Site .searchBox input[type="button"] { margin:0; padding:0 15px; border:0; height:40px; margin-left:8px; line-height:40px; background-color:#5e7e36; color:#fff; }
#Site .searchBox input[type="button"]:hover { background-color:#f2cd40; }
#Site .searchBox .arrow { 
	display:block; position:absolute; width:0; top:-10px; right:10px;
	border-bottom: 10px solid #e2e2e2;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	}


/*----------------------------------------------------------------------*/
/* Key visual */
#KeyVisual { max-width:1000px; margin:0 auto; height:370px; padding-bottom:30px; background:url("../../images/tw/banner_shadow.png") no-repeat left bottom; }
.bx-wrapper .bx-controls-direction a { width:55px; }
.bx-wrapper .bx-prev { background-position:10px center }
.bx-wrapper .bx-next { background-position:-41px center }


/*----------------------------------------------------------------------*/
/* index_bar */
#index_bar ul { max-width:1000px; }
#index_bar ul li { width:300px; margin-left:50px; }
#index_bar .photo { width:120px; height:110px; float:left; margin-right:18px; }
#index_bar .title { padding-top:10px; }


/*----------------------------------------------------------------------*/
/* 活動訊息及粉絲團 */
#index_center { max-width:1000px; }

#index_event { float:left; width:660px; }
#index_event > div { width:700px; }
#index_event ul li { float:left; width:310px; margin-right:20px; }

#fb_page { float:right; width:300px; height:280px; }


/*----------------------------------------------------------------------*/
/* footer */
#footer { margin-top:60px; }
#footer .footer_bottom { border-top:1px solid #cac9c9; }
#footer .footer_bottom .col_right { float:right; }
#footer .footer_bottom .col_left { float:left; } 


/*----------------------------------------------------------------------*/
/* 內頁 */
#cont_center { width:960px; padding:15px 20px 30px 20px; }
#column_left { float:left; width:165px; }
#column_cont { float:right; width:720px; margin-right:25px; }

/* 分享 */
.social_network > * { line-height:25px; height:25px; }
.social_network dd { width:25px; margin-right:4px; }
.social_network dd a { width:23px; height:23px; }
	.social_network dd.twitter a { background-position:-6px -6px; }
	.social_network dd.plurk a { background-position:-42px -6px; }
	.social_network dd.facebook a { background-position:-78px -6px; }
	.social_network dd.google_plus a { background-position:-114px -6px; }
	.social_network dd.twitter a:hover { background-position:-6px -42px; }
	.social_network dd.plurk a:hover { background-position:-42px -42px; }
	.social_network dd.facebook a:hover { background-position:-78px -42px; }
	.social_network dd.google_plus a:hover { background-position:-114px -42px; }
	
/* 頁碼 */
#pages .current { display:none; }
	
/* GO TOP */
.btn_top { clear:both; overflow:hidden; margin-top:50px; }
.btn_top a { float:right; padding-left:20px; line-height:25px; color:#9c9c9c; }
.btn_top span { top:9px; left:0; border-bottom: 7px solid #9c9c9c; }
.btn_top a:hover { color:#e60012; }
.btn_top a:hover span { border-bottom-color:#e60012; }


/*----------------------------------------------------------------------*/
/* colorbox */
#colorbox_thum > span { height:120px; width:23%; margin:10px 1% 10px 1%; }
#colorbox_thum a { height:100px; }


/*----------------------------------------------------------------------*/
/* 文字列表 */
.ListTable { width:100%; }	
.ListTable th { 
	padding:8px 10px;  color:#000; font-size:123%; white-space:nowrap; 
	background:url("../../images/tw/table_th_divide.png") no-repeat 0 center;
	border-bottom:3px solid #839c62;
	border-top:1px solid #afafaf;
	}
	.ListTable tr th:first-child { background-image:none; }
.ListTable td { padding:14px 10px; border-bottom:1px solid #afafaf; line-height:140%; vertical-align:top; }
.ListTable tr:hover td { background-color:#fbf8e7; }
/* 編號 */
.ListTable td.no { white-space:nowrap; text-align:center; color:#9f9f9f; }
	.fs2 .ListTable th.no, .fs2 .ListTable td.no, .ListTable th.no, .ListTable td.no { width:30px; }
	.fs2 .ListTable th.no, .fs2 .ListTable td.no { width:35px; }
	.fs3 .ListTable th.no, .fs3 .ListTable td.no { width:40px; }
/* 標題連結 */
/* 日期 */
.ListTable td.date {  white-space:nowrap; text-align:center; color:#9f9f9f; }
	.fs1 .ListTable th.date, .fs1 .ListTable td.date, .ListTable th.date, .ListTable td.date { width:80px; }
	.fs2 .ListTable th.date, .fs2 .ListTable td.date { width:88px; }
	.fs3 .ListTable th.date, .fs3 .ListTable td.date { width:100px; }