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

/*----------------------------------------------------------------------*/
/* header */
#header .menu, #header .top_info { display:none; }
#header .logo { float:none; height:50px; width:100%; }
#header > div:first-child { text-align:center; padding:7px; }
#header > div:after { display:none; }
#header > div { height:50px; }

/* banner */
.bx-wrapper .bx-controls-direction a { width:40px; height:40px; margin-top:-20px; }

/* footer */
#footer { display:none; }
.bottomBar > div { padding:1em 60px 1em 15px; text-align:left; }

/* 回頂端 */
.btn_top { bottom:15px; }
.btn_top a { width:40px; height:40px; }

/*----------------------------------------------------------------------*/
/* 首页 */
a.more_btn { line-height:16px; }

/* 敘述 */
.introduction { padding:2em 15px 4em 15px; }
.introduction > div > div { width:100%; margin-top:25px; padding:0px; }
.introduction > div > div:first-child { margin-top:0; }
.introduction > div > div:before { display:none; }
.introduction .dep { padding:0 7%; }

/* 自由連結 */
.index_link > div { background-position:center top; }
.index_link > div:before { content:""; display:block; width:100%; height:100%; background:rgba(0,68,143,0.4); position:absolute; left:0; top:0; }
.index_link .textBox { padding:30px 5% 0 5%; text-align:center; position:relative; }
.index_link .textBox a.more_btn { margin-top:15px; }

/* 新闻中心 */
.index_news > div > .index_news_left { padding:2em 15px 0 15px; }
.index_news .t1 { font-size:28px; color:#0064cb; margin-right:5px; }
.index_news .t2 { font-size:18px; color:#ffbd00; font-family:"思源黑体","思源宋体", sans-serif; }
.index_news > div > .index_news_right { overflow:hidden; padding:0.8em 15px 1.5em 15px; }
.index_news_right a.more_btn { margin-top:10px; }

/* 公司訊息 */
.index_info { padding:2em 15px; }
.index_info > div > div { float:none; }
.index_info .index_info_left { width:100%; margin-right:0; margin-bottom:1.5em; }
.index_info .index_info_right { width:100%; }

/*----------------------------------------------------------------------*/
/* 內頁 */

/* 列表樣式 */
.List { padding-bottom:10px; display:block; }
.List_3column li { width:96%; margin:0 2% 25px 2%; }
.List_4column li { width:96%; margin:0 2% 25px 2%; }
@media screen and (max-width: 559px) {
	.List { padding-bottom:0px; }
	.List_3column li { width:100%; margin:0 0 30px 0; }
	.List_4column li { width:100%; margin:0 0 30px 0; }
}

/* 麵包列 */
#breadcrumbs { display:none; }

/* 頁碼 */
#pages { padding-bottom:15px; }
#pages a { display:none; }
#pages a.prev, #pages a.next, #pages .current { display:inline-block; }
#pages > span { display:none; }

/*-------------------------------------------------------------*/
/* 字級變換及工具列 */
.toolbar .toolbar_left { display:none; }
.toolbar .toolbar_right { float:none; }
.toolbar .toolbar_right dl{ margin-left: 10px; }
.toolbar .toolbar_right dl dt { display:none; }
.toolbar dl.share { margin:0 0 0 0; float:right; }
.toolbar dl.fontsize dd, .toolbar dl.share dd { margin-left:6px; }

/*----------------------------------------------------------------------*/
/* colorbox */
#colorbox_thum a { width:110px; height:73px; margin:0 10px 15px 10px; }

/*----------------------------------------------------------------------*/
/* 切換上一篇下一篇文章 */
.page_arrow .arrow_left a:before, .page_arrow .arrow_right a:before { padding-top:14px; }
.page_arrow span.text { display:none; }

/*----------------------------------------------------------------------*/
/* 編輯器 */
ul.items { margin-left:30px; }
@media screen and (max-width: 559px) {
.editable_content .img_grand, .editable_content .img_grand tbody, .editable_content .img_grand tr, .editable_content .img_grand td { display:block; }
.editable_content .img_grand td { width:100% !important; padding:0 0 20px 0 !important; }
.editable_content .imgleft, .editable_content .imgright { float:none !important; clear:both; width:100%; max-width:100%; text-align:center; margin-top:0; margin-bottom:20px; margin-left:auto; margin-right:auto; }
}

/*----------------------------------------------------------------------*/
/* 表格樣式 */
.FormTable > div > label { line-height:100%; }
.FormTable > div > div { line-height:35px; }
.FormTable > div { padding:3px 0; }
.FormTable > div > label, .FormTable > div > div { padding:5px 0; }

.FormTable.forward { padding:10px; }

.FormTable.contactForm > div > label, .FormTable.contactForm > div > div { border:none; }
.FormTable.contactForm > div { border-bottom:1px solid #e0e0e0; padding:3px 0 8px 0; }
.FormTable .randomcode > div:first-child { float:none; margin:0; }
.FormTable .randomcode > div { margin:8px 8px 0 0; }

.FormTable.searchForm > div { padding:8px 0 6px 0; }

/*----------------------------------------------------------------------*/
/* 聯絡我們 */
.c_info > div { width:100%; margin:20px 0 0 0; }
.c_info > div:first-child { margin:0; }
.c_info dl { padding-left:80px; min-height:70px; padding-top:0px; display:table; }
.c_info dl dd { text-align:left; display:table-cell; }
.c_info dl dt { left:0; margin:0; width:70px; height:70px; }
.c_info dl.addr dt { background-position:-10px -10px; }
.c_info dl.call dt { background-position:-100px -10px; }
.c_info dl.mail dt { background-position:-190px -10px; }
.c_info dl dd { font-size:14px; }

.mapBox { height:auto; }
.mapBox iframe { width:100%; height:250px; }
.mapBox .mapinfo { width:100%; position:relative; }
.mapBox .mapinfo:after { display:none; }

/*-------------------------------------------------------------*/
/* 通用按鈕 */
.btn_common input { padding:12px 26px; }
.btn_common a { padding:12px 26px; }

/*----------------------------------------------------------------------*/
/* 轉寄好友 */
.forward { margin:5px; }
.forward > div { padding:15px 20px; }
.forward input[type="text"], .forward textarea { width:100%; box-sizing:border-box; }
.forward .randomcode > div:first-child { float:none; margin:0; }
.forward .randomcode > div { margin:8px 8px 0 0; }

/*----------------------------------------------------------------------*/
/* 第二層標題 */
.sub_title ul { display:none; }

/*----------------------------------------------------------------------*/
/* 圖文列表 */
.PicTextList > li { float:none; width:100%; padding:20px 0; overflow:hidden; }
.PicTextList:before { display:none; }
@media screen and (max-width: 459px) {
.PicTextList > li > div.imgBox { margin-right:0; margin-bottom:10px; }
.PicTextList .imgBox, .PicTextList .textBox { width:100%; }
}

/*----------------------------------------------------------------------*/
/* 文字列表 */
.ListTable, .ListTable tbody, .ListTable tr, .ListTable th, .ListTable td { display:block; }
.ListTable { margin-bottom:20px; background:none; font-size:87.5%; }
.ListTable tr:nth-child(odd), .ListTable tr:nth-child(even) { background:#f4f4f4; }

.ListTable tr:first-child { position:absolute; left:-10000px; top:-10000px; }
.ListTable tr { margin-bottom:15px; border-bottom:1px solid #e0e0e0; position:relative; padding:5px 0; background:#f4f4f4; text-align:left; }

.ListTable tr td { margin:8px 10px; padding:0; text-align:left; }
.ListTable tr td:before { font-weight:bold; content: attr(data-th)"：";  font-family: "思源黑体","思源宋体"; }
.ListTable td.no:before, .ListTable td.title_link:before, .ListTable td.date:before, .ListTable td.btn:before, .ListTable td.edit:before { content:""; }

.ListTable td.no {
	width:30px; height:30px; line-height:30px; color:#616161; background:#f9dca3; position:absolute; left:5px; top:10px; margin:0; text-align:center;
	-webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50%;
}
.ListTable td.title_link { font-size:125%; }
.ListTable td.date { color:#888; font-size:92.85%; line-height:100%; }
.ListTable td.btn { text-align:right; }
.ListTable td.btn input { padding:8px 14px; }
.ListTable td.edit { padding: 3px 0; }

/*----------------------------------------------------------------------*/
/* 標題設定 */
.title01 { margin:5px auto; }
.title01:before, .title01:after { width:20%; }

/*----------------------------------------------------------------------*/
/* 內頁搜尋 */
.content_search > div { padding:10px 0 0 0; }
.content_search > div:nth-child(2) { padding:0; }
.content_search > div > div { padding:5px 0; float:none; }
.content_search > div > div.cs_btn { padding:5px 0; }
.content_search input[type="submit"] { width:100px; }

/*----------------------------------------------------------------------*/
/* 註冊會員 */
.FormTable.lastForm { padding:5px 0 10px; width:auto; }
.FormTable.lastForm > div > div.agree { margin-left:0px; line-height:22px; }
.FormTable.lastForm > div > label, .FormTable.lastForm > div > div { padding:8px 14px; }
.FormTable.member input.w300 { width:100%; }
.FormTable a.check_btn { margin-top:8px; }

/*----------------------------------------------------------------------*/
/* 一般table表單 */
.FormTable_st1 tr { display:block; padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #e0e0e0; }
.FormTable_st1 tr th, .FormTable_st1 tr td { display:block; width:100%; box-sizing:border-box; border:none; }
.FormTable_st1 tr th { text-align:left; padding:5px 0px; }
.FormTable_st1 tr td { padding:0 0 10px 0px; }
.FormTable_st1 input.w300 { width:100%; }
.FormTable_st1 .randomcode > div:first-child { float:none; margin:0; }
.FormTable_st1 .randomcode > div { margin:8px 8px 0 0; }

.FormTable_st1 .input_group.two_aliquots > div{ width: 100%; display: block; }

/*----------------------------------------------------------------------*/
/* 人才招募_首页輪播 */
.bx-pager { display:none; }

/* 人才招募_首页搜尋 */
.job_search > div { padding:15px; }
.job_search_title { position:relative; left:auto; top:auto; margin-bottom:10px; line-height:100%; }
.job_search .search_btn { position:relative; right:auto; top:auto; }
.select_box > .select { float:none; margin:0 0 10px 0; width:100%; line-height:35px; height:35px; }
.select_box .select label { line-height:35px; height:35px; }
.select_box .select select { line-height:35px; height:35px; }
.search_btn input { line-height:35px; height:35px; }

/* 人才招募_敘述 */
.job_introduction > div { width:100%; display:block; border-top:1px solid #ddd; padding:25px 15px; }
.job_introduction > div:before { display:none; }
.job_introduction > div:first-child { border:none; padding:10px 15px 25px 15px; }

/* 人才招募_首页圖文列表 */
.job_picText > div { float:none; width:100%; margin:0 auto; max-width:315px; }
.job_picText > div:first-child { margin:0 auto; }
	.fs3 .job_search_title { left:auto; }

/* 人才招募_開啟職涯之路 */
#jobItem > li > a { font-size:100%; }

/*----------------------------------------------------------------------*/
/* 分類_標題 */
.tab_title { border-bottom:1px solid #E7E7E7; margin-bottom:0; }
.tab_title h2 { position:absolute; top:0; left:0; line-height:150%; padding-bottom:0px; }
.tab_title > a { margin:5px; display:inline-block; }
.tab_title > a:hover { font-size:100%; color:#2b7fdd; }
.fs1 .tab_title h2, .fs2 .tab_title h2, .fs3 .tab_title h2 { padding-bottom:0; }
.fs1 .tab_title { padding-top:37px; }
.fs2 .tab_title { padding-top:42px; }
.fs3 .tab_title { padding-top:50px; }

/*----------------------------------------------------------------------*/
/* 彈出視窗 */
.popup_box > div { max-height:90%; height: 100%; margin:20px; padding:20px; }
.popup_box .close { position:absolute; top:5px; right:5px; }
.popup_box .popupCont .cont{ padding-right: 10px; }