@charset "utf-8";

/*-------------------------------------------------------------*/
/*#header > div:after { content:""; display:block; height:5px; width:100%; position:absolute; bottom:0; left:0; z-index:1; background:#e5e5e5; }*/

/*-------------------------------------------------------------*/
.contBox { padding:0 15px; }
/*.contBox > div { padding:1em 0 2em; max-width:1120px; margin:0 auto; }*/
.contBox > div {padding:1em 0 2em;  margin: 0 clamp(10px, 360 * var(--custom-size), 360px);}
@media (max-width: 768px) {
	.contBox > div {padding:1em 0 2em;  margin: unset;}
}

/*-------------------------------------------------------------*/
/* 麵包列 */
#breadcrumbs { width:100%; overflow:hidden; padding:5px 0 10px; font-size:92.5%; color:#888; }
#breadcrumbs ul { overflow:hidden; height:20px; line-height:20px; }
#breadcrumbs ul li { float:left; padding:0 0 0 26px; background:url(../images/breadcrumbs_arrow.png) no-repeat 8px center; }
#breadcrumbs ul li:first-child { padding:0px; background:none; }
#breadcrumbs ul li a { color:#888; }
#breadcrumbs ul li a:hover { text-decoration:underline; }
#breadcrumbs ul li.last a { max-width:300px; overflow:hidden; display:block; text-overflow:ellipsis; white-space:nowrap; color:#3283de; }

/*-------------------------------------------------------------*/
/* 標題樣式 */
h1.article_title { color:#000000; font-size:158%; font-weight:400; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; }
/*h1.article_title { color:#0064cb; font-size:158%; font-weight:400; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; }*/
.content .title { padding:10px 0; }

/*-------------------------------------------------------------*/
/* 字級變換及工具列 */
.toolbar { clear:both; overflow:hidden; padding:12px 0; font-size:90.5%; }
.toolbar .toolbar_left { float:left; overflow:hidden; }
.toolbar .toolbar_right { float:right; overflow:hidden; }
.toolbar span { float:left; display:block; }
.toolbar a { display:block; }

.toolbar .tool { margin-top:6px; margin-left:10px; padding-left:11px; line-height:17px; border-left:1px solid #999999; }
	.toolbar .tool:first-child { border-left:0; padding-left:0; margin-left:0; }
.toolbar .tool a { background:url("../images/icon_toolbar.png") no-repeat; padding-left:22px; transition: color 0.2s; -moz-transition: color 0.2s; -webkit-transition: color 0.2s; -o-transition: color 0.2s; color:#494949; }
.toolbar .tool:hover a { color:#0064cb; text-decoration:none; }
	.toolbar .tool.return a { background-position:0 top; }
	.toolbar .tool.return:hover a { background-position:0 bottom; }
	.toolbar .tool.print a { background-position:-104px top; }
	.toolbar .tool.print:hover a { background-position:-104px bottom; }
	.toolbar .tool.mail a { background-position:-210px top; }
	.toolbar .tool.mail:hover a { background-position:-210px bottom; }

.toolbar .toolbar_right dl { float:left; overflow:hidden; margin-left:20px; line-height:32px; }
.toolbar .toolbar_right dl:first-child { border-left:0; padding-left:0; margin-left:0; }
.toolbar .toolbar_right dl dt, .toolbar .toolbar_right dl dd { float:left; }
.toolbar .toolbar_right dl dd a { text-indent:-9999px; }

/* 字級 */
.toolbar dl.fontsize dd { margin-left:8px; transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s; }
.toolbar dl.fontsize dd.font_small { margin-left:3px; }
.toolbar dl.fontsize a { width:30px; height:30px; background:url("../images/icon_font_size.png") no-repeat; border:1px solid #adadad; -webkit-border-radius:8px; -moz-border-radius:8px; -o-border-radius:8px; border-radius:8px; }

.toolbar dl.fontsize a:hover { border:1px solid #0064cb; }
	.toolbar dl.fontsize .font_small a { background-position:0 center; }
	.toolbar dl.fontsize .font_medium a { background-position:-40px center; }
	.toolbar dl.fontsize .font_big a { background-position:-79px center; }
.toolbar dl.fontsize .noscript { clear:both; display:block; text-align:right; }
/* 分享 */
.toolbar dl.share dt { display:none; }
.toolbar dl.share dd { margin-left:8px; }
.toolbar dl.share dd.facebook { margin-left:4px; }
.toolbar dl.share a { width:32px; height:100%; background:url("../images/icon_share.png") no-repeat; transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s; }
.toolbar dl.share a:hover { opacity:0.8; filter:alpha(opacity=80); }
	.toolbar dl.share .facebook a { background-position:0 center; }
	.toolbar dl.share .linkedin a { background-position:-50px center; }

/* 訂閱資料按鈕 */
.toolbar .subscribe_btn{ float: left; padding-top: 0; padding-bottom: 0; }


/*-------------------------------------------------------------*/
.postdate { color:#ADADAD; font-family:"思源黑体","思源宋体", sans-serif; float:left; line-height:125%; font-size:87.5%; }

/* 單篇延伸區塊 */
h3.item_title {
	margin-top:20px; padding:8px 0 8px 32px; line-height:125%; font-weight:400;
	font-size:125%; color:#3a88df; border-bottom:1px solid #3a88df;
	 background-image:url(../images/icon_module.png); background-repeat:no-repeat;
	}
	h3.item_title.first { margin-top:60px; }
	h3.item_title.icon_more { background-position:0 10px; }
	h3.item_title.icon_file { background-position:0 -90px; }
	h3.item_title.icon_link { background-position:0 -190px; }
	h3.item_title.icon_photo { background-position:0 -290px; }

ul.items { margin-left:45px; padding:5px 0; list-style-type:decimal; }
ul.items li { line-height:140%; margin:15px 0; }
ul.items li a { text-decoration:none; color:#4e4e4e; }
ul.items li a:hover { color:#2b7fdd; }

/* 字級變化 */
.fs3 h3.item_title.icon_more { background-position:0 12px; }
.fs3 h3.item_title.icon_file { background-position:0 -86px; }
.fs3 h3.item_title.icon_link { background-position:0 -187px; }
.fs3 h3.item_title.icon_photo { background-position:0 -285px; }
.fs1 h3.item_title.icon_more { background-position:0 7px; }
.fs1 h3.item_title.icon_file { background-position:0 -91px; }
.fs1 h3.item_title.icon_link { background-position:0 -191px; }
.fs1 h3.item_title.icon_photo { background-position:0 -291px; }


/* 檔案下載icon */
.file_ext { display:inline-block; height:20px; line-height:20px; width:20px; margin-left:5px; background-repeat:no-repeat; text-indent:-9999px; }
	.file_doc { background-image:url("../images/doc.png"); }
	.file_img { background-image:url("../images/img.png"); }
	.file_mov { background-image:url("../images/mov.png"); }
	.file_other { background-image:url("../images/other.png"); }
	.file_pdf { background-image:url("../images/pdf.png"); }
	.file_ppt { background-image:url("../images/ppt.png"); }
	.file_txt { background-image:url("../images/txt.png"); }
	.file_xls { background-image:url("../images/xls.png"); }
	.file_zip { background-image:url("../images/zip.png"); }
	.file_rar { background-image:url("../images/rar.png"); }
	.file_dwg { background-image:url("../images/dwg.png"); }

.file_extension { margin:3px; background-repeat:no-repeat; padding-left:24px; display:inline-block; background-position:0 2px; }

/*-------------------------------------------------------------*/
/* 列表樣式 */
.List { display:table; max-width:1350px; width:100%; margin:0 auto; padding-top:20px; }
.List li { display:inline-block; vertical-align:top; background:#fff; margin:0 2% 54px 2%; max-width:500px; }

.List_3column li { width:29.3%; }
.List_4column li { width:21%; }

.List li { position:relative; background:#e5e5e5; }
.List li:hover { -moz-box-shadow:0 0 10px rgba(0,0,0,0.5); -webkit-box-shadow:0 0 10px rgba(0,0,0,0.5); box-shadow:0 0 10px rgba(0,0,0,0.5); }
.List .imgBox { text-align:center; position:relative; }
.List .imgBox * { vertical-align:middle; }
.List .imgBox a span { display:inline-block; height:100%; }
.List .imgBox img { max-height:100%; max-width:100%; }
.List .textBox { text-align:left; padding:14px; }
.List .textBox .atitle { padding:5px 0; }
.List .textBox .atitle a { font-size:112.5%; color:#2b7fdd; line-height:120%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; }
.List .textBox .atitle a:hover { text-decoration:underline; }
.List .textBox .ainfo { color:#5d5d5d; font-size:81.25%; padding-bottom:5px; }
.List .textBox .adec { font-size:87.5%; color:#333; line-height:180%; padding:3px 0; max-height:75px; overflow:hidden; }

/*-------------------------------------------------------------*/
/* 頁碼 */
#pages { padding-bottom:1em; clear:both; text-align:center; font-size:87.5%; color:#aaa; }
#pages div { display:inline-block; *display:inline; zoom:1; }
#pages a {
	display:inline-block; *display:inline; zoom:1; width:17px; margin:0 4px;
	text-decoration:none; line-height:28px; color:#999;
	}
	#pages a.first, #pages a.prev, #pages a.next, #pages a.last { width:60px; color:#555; border:1px solid #adadad; -webkit-border-radius:8px; -moz-border-radius:8px; -o-border-radius:8px; border-radius:8px; }
	#pages a.first:hover, #pages a.prev:hover, #pages a.next:hover, #pages a.last:hover { border:1px solid #0064cb; color:#2b7fdd; }
	#pages a.prev { margin:0 12px 0 4px; }
	#pages a.next { margin:0 4px 0 12px; }
	#pages a:hover { color:#2b7fdd; }
	#pages a.focuz { color:#2b7fdd; font-weight:bold; }

#pages .current { width:auto; background-color:transparent; cursor:default; }
	#pages .current:hover {  }

#pages span { display:block; clear:both; padding-top:15px; }
#pages span input[type="text"] { width:40px; height:30px; line-height:30px; border:1px solid #cccccc; margin:0; }
#pages span select { padding:0 4px; margin:0; height:30px; line-height:30px; }
#pages span input[type="submit"] {
	height:30px; line-height:30px; margin:0; padding:0 10px; border:none; color:#7b7b7b; font-size:87.5%;
	-webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px;
	background: linear-gradient(to bottom, rgba(234,234,234,1) 0%,rgba(234,234,234,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#eaeaea',GradientType=0 ); /* IE6-8 */
}
#pages span input[type="submit"]:hover { background:#FACC43; color:#fff; }

/*----------------------------------------------------------------------*/
/* 文字列表 */
.ListTable { width:100%; font-size:93.75%; text-align:center; color:#555; border-collapse:separate; border-spacing:3px; margin:0.8em 0 1.5em 0; }
.ListTable tr th, .ListTable tr td { padding:8px 10px; }
.ListTable tr th { text-align:center; vertical-align:middle; background:#8eb0d4; color:#fff; padding:10px 10px; letter-spacing:0.5px; line-height:120%; }
.ListTable tr:nth-child(odd) { background:#E8E8E8; }
.ListTable tr td { line-height:150%; padding:8px 12px; }
.ListTable td.boolean label { margin:0 5px; }
.ListTable td.date { letter-spacing:0.5px; white-space:nowrap; }
.ListTable td.title_link { text-align:left; }
.ListTable td.title_link a { color:#2f4388; font-weight:bold; }
.ListTable td.title_link a:hover { text-decoration:underline; }
.ListTable td input[type="button"] { font-size:87.5%; background:#a9a9a9; color:#fff; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; padding:3px 12px; }
.ListTable td input[type="button"]:hover { color:#fff; background:#f57107; }
.ListTable ul li { text-align:left; }

/* 報名人數 */
.ListTable td.limit strong { color:#f57107; font-weight:bold; }
/* 申請 */
.ListTable td.edit { font-size:86.6%; }
.ListTable td.edit a { color:#fff; background:#a9a9a9; padding:4px 8px; white-space:nowrap; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px; }
.ListTable td.edit a:hover { text-decoration:none; background:#2b7fdd; }

.ListTable2 { width:100%; font-size:93.75%; text-align:center; color:#555; border-collapse:separate; border-spacing:3px; margin:0.8em 0 1.5em 0; line-height:150%; }
.ListTable2 tr th, .ListTable2 tr td { padding:10px 10px; }
.ListTable2 tr th { background:#8eb0d4; color:#fff; letter-spacing:0.5px; }
.ListTable2 tr:nth-child(odd) { background:#E8E8E8; }
.ListTable2 .totel { font-size:106.6%; font-weight:bold; }

.stockTable { margin:0.8em 0 1.5em 0; }
.stockTable .ListTable2 { min-width:800px; }
.stockTable .ListTable2 .year { width:100px; }

/*----------------------------------------------------------------------*/
/* 內頁搜尋 */
.content_search > div { padding:10px 3px 0; text-align:left; overflow:hidden; }
.content_search > div > div { padding:5px 0 5px 15px; float:left; }
.content_search > div > div:first-child { padding:5px 0 5px 0; }
.content_search label { vertical-align:middle; font-size:93.75%; }
.content_search select { line-height:100%; background-color:#fff; padding:5px 5px 5px; max-width:100%; font-size:93.75%; margin:0; }
.content_search input[type="text"] { margin:0; width:200px; }
.content_search input[type="submit"] {
	padding:0 10px; line-height:34px; font-size:87.5%; color:#fff;
	-webkit-border-radius:8px; -moz-border-radius:8px; -o-border-radius:8px; border-radius:8px;
	background: linear-gradient(to bottom, rgba(169,169,169,1) 0%,rgba(169,169,169,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9a9a9', endColorstr='#a9a9a9',GradientType=0 ); /* IE6-8 */
}
.content_search input[type="submit"]:hover { background:#2b7fdd; }

/*-------------------------------------------------------------*/
/* Table橫向卷軸tinyscrollbar */
.tableWrap .viewport { overflow:hidden; position:relative; margin: 0; }
.tableWrap .overview { list-style:none; padding:0; margin:0; left:0; top:0;	margin: 0; }
.tableWrap .scrollbar { position:relative; margin:15px 0; clear:both; height:4px; }
.tableWrap .track {	background-color:#dbdbdb; width:100%; height:2px; position:relative; margin: 0; }
.tableWrap .thumb {
	background-color:#656565;
    height:6px;
    cursor:pointer;
    overflow:hidden;
    position:absolute;
    left:0;
    top:-2px;
	margin: 0;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}
.tableWrap:hover .thumb { background-color:#2b7fdd; }
.tableWrap .thumb .end { overflow:hidden; height:8px; width:5px; margin: 0; }
.tableWrap .disable { display:none; }
.noSelect { user-select:none; -o-user-select:none; -moz-user-select:none; -khtml-user-select:none; -webkit-user-select:none; }

/*----------------------------------------------------------------------*/
/* 第二層標題 */
.sub_title { overflow:hidden; padding:0 3px 5px 3px; }
.sub_title li { float:left; margin:5px 15px 5px 0; }
.sub_title li a {
	padding:0 14px; height:33px; line-height:33px; border:1px solid #ccc; margin:0px; font-size:93.75%; letter-spacing:1px; display:inline-block;
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-8 */
}
.sub_title li.selected a, .sub_title li a:hover {
	color:#2b7fdd; text-decoration:none; text-shadow:1px 1px #fff;
	-moz-box-shadow: 0 0 8px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.3);
	box-shadow: 0 0 8px rgba(0,0,0,0.3);
}
.tinynav { font-size:93.75%; padding:0 4px; margin:5px 0; height:35px; line-height:35px; -webkit-border-radius:0px; -moz-border-radius:0px; -o-border-radius:0px; border-radius:0px; }

/*----------------------------------------------------------------------*/
/* 圖文列表 */
.PicTextList { overflow:hidden; position:relative; margin:0.8em 0 1.5em 0; }
.PicTextList:before { content:""; display:block; position:absolute; left:50%; width:1px; height:100%; background:#e0e0e0; }
.PicTextList > li { float:left; width:45%; line-height:140%; padding:20px 2.5%; letter-spacing:0.5px; border-bottom:1px solid #e0e0e0; position:relative; }
.PicTextList .imgBox img { max-width:100%; max-height:100%; }
.PicTextList .title_link a { color:#2b7fdd; }
.PicTextList .title_link a:hover { text-decoration:underline; }
.PicTextList .dep { font-size:93.75%; }
.PicTextList .date { font-size:81.25%; color:#888; margin:0.2em 0; }

/* 年報 */
.PicTextList h3 { color:#2b7fdd; font-size:112.5%; }
.PicTextList .imgBox { float:left; width:47%; text-align:center; margin-right:3%; }
.PicTextList .textBox { float:left; width:50%; }
.PicTextList .textBox ul li { line-height:141%; }
.PicTextList .textBox ul li a { font-size: 93.75%; }

/*----------------------------------------------------------------------*/
/* 一般table表單 */
.FormTable_st1 { width:100%; border-collapse:separate; border-spacing:3px; margin:0.8em 0 1.5em 0; line-height:150%; border-top:1px solid #e0e0e0; }
.FormTable_st1 tr th, .FormTable_st1 tr td { padding:0.9em; border-bottom:1px solid #e0e0e0; }
.FormTable_st1 tr th { width:20%; min-width:80px; text-align:right; border-right:1px solid #e0e0e0; font-size:100%; font-weight:bold; letter-spacing:1px; }
.FormTable_st1 tr td { width:80%; }
.FormTable_st1 span.marker { font-weight:bold; color:#e60000; }
.FormTable_st1 span.note { font-size:13px; color:#d90000; display:block; line-height:20px; padding:3px 0; }

.FormTable_st1 input[type="text"], .FormTable_st1 input[type="tel"], .FormTable_st1 input[type="email"], .FormTable_st1 textarea { width:100%; }
.FormTable_st1 input.w60 { width:60px !important; }
.FormTable_st1 input.w160 { width:160px !important; }
.FormTable_st1 input.w300 { width:300px; }
.FormTable_st1 input[type="text"].addr { margin-top:8px; }
.FormTable_st1 input.checkin { width:120px; }

/* 表單元件 */
.FormTable_st1 input[type="text"], .FormTable_st1 input[type="password"], .FormTable_st1 input[type="file"], .FormTable_st1 input[type="tel"], .FormTable_st1 input[type="email"], .FormTable_st1 textarea, .FormTable_st1 select { font-size:100%; box-sizing:border-box; margin:0; max-width:100%; }
.FormTable_st1 input[type="text"], .FormTable_st1 input[type="password"], .FormTable_st1 input[type="file"], .FormTable_st1 input[type="tel"], .FormTable_st1 input[type="email"] { padding:0 6px; }
.FormTable_st1 textarea { padding:6px; height:120px; }
.FormTable_st1 select { line-height:16px; background-color:#fff; padding:5px 4px 5px; max-width:100%; }

.FormTable_st1 .input_group { overflow:hidden; }
.FormTable_st1 .input_group > div { display:inline-block; white-space:nowrap; box-sizing:border-box; padding-right:20px; }

.FormTable_st1 .input_group.two_aliquots > div{ padding-top: 5px; padding-bottom: 5px; }

/* 驗證碼 */
.FormTable_st1 .randomcode:after { content:""; display:block; clear:both; }
.FormTable_st1 .randomcode > div { float:left; margin-right:8px; }
	.FormTable_st1 .randomcode input[type="text"] { width:100px !important; }
	.FormTable_st1 .randomcode div.btn { padding:0; border:0; }
	.FormTable_st1 .randomcode div.btn input {
		border:0; margin:0; height:30px; background-color:#fff; padding:0; letter-spacing:1px;
		font-size:87.5%; font-weight:bold; line-height:30px; color:#777777; text-decoration:underline;
		}
	.FormTable_st1 .randomcode div.btn input:hover { color:#216fc5; }

/*----------------------------------------------------------------------*/
/* Q&A */
.QnaItem { padding-bottom:10px; margin:20px 0; border-bottom:1px solid #e0e0e0; }
.QnaItem .ques { position:relative; display:block; padding:5px 0 5px 50px; margin-bottom:10px; font-size:125%; font-weight:bold; color:#5e5e5e; line-height:30px; cursor:pointer; }
.QnaItem .ques.slideUp, .QnaItem .ques:hover { color:#111; }
.QnaItem .ques span.no {
	display:block; position:absolute; top:0; left:0; width:40px; height:40px; line-height:40px; background-color:#a9a9a9;
	color:#fff; font-family:"思源黑体","思源宋体"; font-size:18px; font-weight:normal; text-align:center;
	border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px;
}
.QnaItem .ques.slideUp span.no, .QnaItem .ques:hover span.no { background-color:#2b7fdd; }
.QnaItem .ans {
	position:relative;
	margin-top:15px;
	margin-bottom:10px;
	padding:10px 13px;
	background-color:#F1F1F1;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	line-height:150%;
}
.QnaItem .ans .arrow {
	position:absolute; top:-14px; left:12px; display:block; width:0; height:0; border-left:7px solid transparent;
	border-right:7px solid transparent; border-top:7px solid transparent; border-bottom:7px solid #F1F1F1;
}
.QnaItem .qa_content { color:#696969; letter-spacing:1.5px; line-height:180%; }

/*----------------------------------------------------------------------*/
/* 股東會 */
.download_list { line-height:150%; font-size:93.75%; margin-bottom:1em; }
.download_list li { padding:5px 0; }

/*----------------------------------------------------------------------*/
/* 活動報名內頁 */
.content_intro { position:relative; border-bottom:1px solid #e0e0e0; margin-bottom:5px; }
.content_intro ul { padding:10px 0; }
.content_intro ul li { line-height:180%; overflow:hidden; padding:5px 0; color:#888; }
.content_intro .e_title { background:#8eb0d4; color:#fff; padding:3px 10px; position:relative; margin-right:0.8em; font-size:93.75%; -webkit-border-radius:8px; -moz-border-radius:8px; -o-border-radius:8px; border-radius:8px; }
.editable_content.mem_clause { overflow-y:auto; height:250px; border:1px solid #ccc; padding:10px; width:100%; box-sizing:border-box; font-size:93.75%; }
.cont_title { text-align:center; font-size:137.5%; margin:1em 0 0.5em 0; letter-spacing:1px; font-weight:bold; color:#f57107; }
.agree { font-size:100%; padding:0.5em 0; }
.agree input[type="checkbox"] { vertical-align:middle; }

.contact_title { position:relative; font-size:125%; margin-top:2em; margin-bottom:0.5em; color:#2b7fdd; font-weight:bold; padding:5px 0; }
.contact_title > span { position:absolute; right:5px; bottom:5px; display:inline-block; background:#f7f6f6; padding:4px 8px; font-weight:400; font-size:72.3%; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }

/*----------------------------------------------------------------------*/
/* 問卷 */
.queBox { border:1px solid #c3d1e0; margin:20px 0; padding:0.3em 15px 2em 15px; -webkit-border-radius:8px; -moz-border-radius:8px; -o-border-radius:8px; border-radius:8px; }
.queBox legend { font-size:125%; padding:0 10px; font-weight:bold; color:#2b7fdd; }
.qa_no { font-weight:bold; color:#f57107; padding-right:10px; }
.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; }
.que_list textarea { width:100%; box-sizing:border-box; }
.que_item table { width:100%; min-width:500px; text-align:center; border-left:1px solid #ddd; border-top:1px solid #ddd; }
.que_item table tr th, .que_item table tr td { padding:10px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; }
.que_item table tr td.title_link { text-align:left; }
.que_item table tr:first-child td { background:#d8e4ed; color:#204781; font-weight:bold; }
.que_table_title { line-height:180%; color:#204781; padding-top:1em; }

/*----------------------------------------------------------------------*/
/* 投票 */
.vote_list { margin:1em 1.5em; }
.vote_list li { padding:0.5em 0; }
.vote_info { padding-top:13px; overflow:hidden; border-top:1px solid #e0e0e0; }
.vote_info .vote_total { float:left; line-height:26px; }
.vote_info a { float:right; font-size:87.5%; background:#a9a9a9; color:#fff; padding:6px 10px; -webkit-border-radius:8px; -moz-border-radius:8px; -o-border-radius:8px; border-radius:8px; }
.vote_info a:hover { background:#2b7fdd; }
#vote_chartdiv { width:100%; height:350px; }

/*----------------------------------------------------------------------*/
/* 人才招募_首页輪播 */
#banner .bx-wrapper img { width:100%; }
.bx-wrapper { position: relative; margin: auto; padding: 0; *zoom: 1; }
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: 12px;
	right:10px;
}
#banner a { display:block; }
/* PAGER */
.bx-wrapper .bx-pager { text-align:right; }
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item { display:inline-block; *zoom:1; *display:inline; }
.bx-wrapper .bx-pager.bx-default-pager a {
	background:#fff; text-align:left; text-indent:-9999px; display: block; width: 9px; height: 9px; margin: 0 3px; border:1px solid #acacac;
	outline: 0; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;
	-webkit-box-shadow: inset 2px 2px 2px rgba(0,0,0,0.2);
	box-shadow: inset 2px 2px 2px rgba(0,0,0,0.2);
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
	background:#565656; border:1px solid #acacac;
	-webkit-box-shadow: inset 2px 2px 2px rgba(255,255,255,0.2);
	box-shadow: inset 2px 2px 2px rgba(255,255,255,0.2);
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-controls-direction a { position:absolute; top:50%; margin-top:-25px; outline:0; width:50px; height:50px; text-indent:-9999px; z-index:999; opacity:0.8; background-color:rgba(248,248,248,0.8); -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50%; }
.bx-wrapper .bx-controls-direction a:hover { background-color:rgba(248,248,248,1); }
.bx-wrapper .bx-prev { left:10px; }
.bx-wrapper .bx-next { right:10px; }
.bx-wrapper .bx-controls-direction a:after { background-image:url("../images/slider_arrow.png"); background-repeat:no-repeat; content:""; display:block; height:30px; width:18px; position:absolute; top:50%; margin-top:-15px; }
.bx-wrapper .bx-prev:after { background-position:left center; left:50%; margin-left:-9px; }
.bx-wrapper .bx-next:after { background-position:right center; right:50%; margin-right:-9px; }
.bx-wrapper .bx-controls-direction a.disabled { display: none; }

/*----------------------------------------------------------------------*/
/* 人才招募_首页搜尋 */
.job_search { background:#c2dbe8; margin:1.5em 0; }
.job_search > div { position:relative; padding:20px 140px; }
.job_search_title { font-size:112.5%; font-weight:bold; line-height:30px; position:absolute; left:45px; top:20px; }

.job_search .search_btn { position:absolute; right:40px; top:20px; }
.search_btn input {
	background:#f17a23 url(../images/icon_search.png) no-repeat 14px center; color:#fff; font-size:100%; font-weight:bold; padding:0px 12px 0px 36px; height:30px; line-height:30px;
	-moz-box-shadow:1px 2px 0 #9fb3be; -webkit-box-shadow:1px 2px 0 #9fb3be; box-shadow:1px 2px 0 #9fb3be;
	-webkit-border-radius:8px; -moz-border-radius:8px; -o-border-radius:8px; border-radius:8px;
}
.search_btn input:hover { background-color:#fb8f40; }

/*----------------------------------------------------------------------*/
/* select樣式 */
.select_box { overflow:hidden; }
.select_box > .select {
	display:block; height:30px; line-height:30px; color:#282828; position:relative; _filter:alpha(opacity=0); font-size:87.5%;
	background:#ffffff url("../images/sub_arrow.png") right center no-repeat;
	float:left; margin-left:2%; width:32%;
	-webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0,0.075);
	box-shadow: inset 1px 1px 3px rgba(0,0,0,0.075);
	-webkit-border-radius:8px; -moz-border-radius:8px; -o-border-radius:8px; border-radius:8px;
}
.select_box > .select:first-child { margin-left:0; }
.select_box .select label { padding:0 30px 0 10px; z-index:2; letter-spacing:0.75px; color:#6a6a6a; line-height:30px; height:30px; display:block; border:none; }
.select_box .select select {
	width:100%; height:30px; line-height:30px; z-index:4;
	-webkit-border-radius:0px; -moz-border-radius:0px; -o-border-radius:0px; border-radius:0px;
	position:absolute; top:0; left:0; margin:0; padding:0; opacity:0; *margin-top:12px; filter:alpha(opacity=0); cursor:pointer; border:none;
}
.fs3 .job_search_title { left:35px; }

/*----------------------------------------------------------------------*/
/* 人才招募_敘述 */
.job_introduction { text-align:center; display:table; width:100%; padding:1.5em 0; }
.job_introduction > div { display:table-cell; vertical-align:top; width:33%; position:relative; box-sizing:border-box; padding:34px 30px; line-height:125%; letter-spacing:0.75px; }
.job_introduction > div:before { content:""; background:#ddd; height:100%; width:1px; position:absolute; left:0; top:0; }
.job_introduction > div:first-child:before { display:none; }
.job_introduction .t1 { font-size:112.5%; background:#ffba00; color:#fff; font-weight:bold; display:inline-block; padding:9px 15px; margin-bottom:0.8em; }
.job_introduction .dep { font-size:87.5%; }

/*----------------------------------------------------------------------*/
/* 人才招募_首页圖文列表 */
.job_picText { text-align:center; overflow:hidden; }
.job_picText > div { float:left; width:31.57%; margin-left:2.63%; position:relative; box-sizing:border-box; padding:30px 0; line-height:125%; letter-spacing:0.75px; }
.job_picText > div:first-child { margin-left:0; }
.job_picText img { max-width:100%; max-height:100%; }
.job_picText_title { text-align:left; margin:0.55em 0 0.2em 0; }
.job_picText_title a { font-size:112.5%; color:#fa6a00; font-weight:bold; border-left:2px solid #fa6a00; line-height:140%; padding-left:0.3em; }
.job_picText_title a:hover { color:#ffba00; border-left:2px solid #ffba00; }
.job_picText_dep { text-align:left; font-size:87.5%; }

/*----------------------------------------------------------------------*/
/* 人才招募_開啟職涯之路 */
#jobItem { margin:0.8em 0 1.5em 0; }
#jobItem > li { padding:5px 0; }
#jobItem > li > a {
	display:block; padding:8px 46px 8px 12px; line-height:127%; font-size:112.5%; position:relative; border:1px solid #dadada; color:#151515; letter-spacing:1px;
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-8 */
}
#jobItem > li > a:hover, #jobItem > li > a.slideDown { color:#2b7fdd; border:1px solid #ccc; }
#jobItem > li > a.with_cont:after {
	content:""; z-index:99; position:absolute; right:15px; top:43%;
    border-left: 8px solid transparent ;
    border-top: 8px solid #555;
    border-right: 8px solid transparent ;
    display: inline-block;
}
#jobItem > li > a.with_cont:hover:after, #jobItem > li > a.slideDown:after { border-top: 8px solid #2b7fdd; }

#jobItem .ListTable2 { margin:0.8em 0; }
#jobItem .ListTable2 tr th { min-width:65px; }
#jobItem .ListTable2 tr td { text-align:left; }

/* 下載按鈕 */
.btn_download a {
	-webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px; border-radius:20px; display:inline-block;
	background:#ec8b39 url(../images/icon_download.png) no-repeat 22px center; padding:8px 18px 8px 45px; margin-bottom:0.8em; line-height:125%; color:#ffffff; letter-spacing:1px;
}
.btn_download a:hover { background-color:#dd5b26; }

/*----------------------------------------------------------------------*/
/* 分類_標題 */
.tab_title { border-bottom:3px solid #E7E7E7; margin-bottom:15px; line-height:200%; position:relative; }
.tab_title h2 { color:#2C2C2C; font-size:162.5%; font-weight:bold; border-bottom:3px solid #ffba00; position:relative; z-index:9; margin-bottom:-3px; }
.tab_title > a, .tab_title h2 { margin-right:15px; display:inline; }
.tab_title > a { font-size:100%; color:#555; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; }
.tab_title > a:hover {font-size:125%; color:#2c2c2c; }
.fs1 .tab_title h2 { padding:0 5px 5px 5px; }
.fs2 .tab_title h2 { padding:0 5px 6px 5px; }
.fs3 .tab_title h2 { padding:0 5px 8px 5px; }

/*----------------------------------------------------------------------*/
/* 問卷 */
.reportItem { border:1px solid #c3d1e0; margin:30px 0 20px 0; padding:1em 15px; -webkit-border-radius:8px; -moz-border-radius:8px; -o-border-radius:8px; border-radius:8px; }
.reportItem legend { font-size:125%; padding:0 10px; font-weight:bold; color:#444; }
.reportItem legend .no { padding-right:3px; }
.reportItem legend .marker { color:#e60000; padding-left:5px; }
.reportItem .FormTable_st1 { margin:0px; }
.reportItem textarea, .reportBox .w100pa { width:100%; }
.reportItem .w300 { max-width:300px; width:100%; }
.reportBox .reportItem:first-child { margin-top:20px; }

/*-------------------------------------------------------------*/
/* 訂閱資料 */
.subscribe_btn{ text-align: right; padding-top: 5px; padding-bottom: 5px; }
.subscribe_btn a{ display: inline-block; line-height: 32px; padding: 0 10px;
	background-color: #d88138; color: #fff;
	border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.subscribe_btn a:hover{ opacity: 0.85; }

/*訂閱資料popupbox*/
.subscribe_popupCont .cont .text{ padding-top: 10px; }
.subscribe_popupCont .FormTable_st1{ margin-bottom: 10px; }
.subscribe_popupCont .btn_common{ padding-top: 10px; padding-bottom: 10px; }

/*-------------------------------------------------------------*/
/* 訂閱單元 */
.SubscribeCont .text{ line-height: 150%; }
.SubscribeCont .text span.marker{ color: #e60000; }
.SubscribeCont .FormTable_st1{ margin-bottom: 10px; }
.SubscribeCont .btn_common{ padding: 10px 0; }

/*----------------------------------------------------------------------*/
/* 搜尋結果 */
.SearchResult { margin-top:20px; margin-bottom:30px; border-top:1px solid #ccc; }
.SearchResult .item { background-color:#fff; border-bottom:1px dashed #ccc; padding:20px 0; overflow:hidden; }
.SearchResult .title { line-height:130%; font-size:137.5%; }
.SearchResult .title a { display:block; color:#2b7fdd; text-decoration:none; }
.SearchResult .title a:hover { text-decoration:underline; }
.SearchResult .date {
	margin-right:20px; color:#8b8b8b; font-size:87.5%; line-height:180%;
	}
.SearchResult .cat { margin-right:20px; color:#8b8b8b; font-size:87.5%; 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:#f4364c; background-color:#ffec9f; }