@charset "utf-8";
/* CSS Document */
.editable_content { color:#666; font-size:1em; letter-spacing:0.0325em; }
.editable_content.above { margin-top:10px; margin-bottom:10px; }
.editable_content.content { margin-top:10px; margin-bottom:40px; }
.editable_content + .FormGroup { margin-top:40px; }
.PageTitle + .editable_content { margin-top:20px; }

/* 為文字上稿區可能出現的元素做設定 */
.editable_content, .editable_content p, .editable_content .para, .editable_content blockquote, .editable_content li { text-align:justify; text-justify:inter-ideograph; }
.editable_content, .editable_content p, .editable_content .para, .editable_content blockquote { line-height:200%; }
.editable_content p, .editable_content .para, .editable_content div { padding:0; }
.editable_content p, .editable_content .para, .editable_content ul, .editable_content ol, .editable_content div { margin-top:20px; margin-bottom:25px; }
.editable_content table, .editable_content iframe { margin-top:20px; margin-bottom:25px; }
.editable_content h3, .editable_content h4, .editable_content h5, .editable_content h6 { line-height:120%; padding-top:20px; }
.editable_content blockquote { margin:0 0 30px 0; padding:30px 70px; background-color:#f4f4f4; color:#333; font-size:0.9375rem; letter-spacing:1px; border:none; overflow:hidden; position:relative; font-style:italic; }
.editable_content blockquote:before, .editable_content blockquote:after { content:""; position:absolute; display:block; width:37px; height:27px; background:url(../images/blockquote.png) no-repeat; }
.editable_content blockquote:before { left:15px; top:15px; }
.editable_content blockquote:after { right:15px; bottom:15px; background-position:left bottom; }
.editable_content ol { list-style-type:decimal; padding-left:25px; overflow:hidden; }
.editable_content ul { list-style-type:disc; padding-left:25px; overflow:hidden; }
	.editable_content ul[type="disc"] { list-style-type:disc; }
	.editable_content ul[type="circle"] { list-style-type:circle; }
	.editable_content ul[type="square"] { list-style-type:square; }
.editable_content li { padding-bottom:10px; line-height:200%; }
.editable_content ol ol { list-style-type:lower-alpha; }
.editable_content ul ul { list-style-type:circle; }
.editable_content ul ul, .editable_content ul ol, .editable_content ol ul, .editable_content ol ol { margin-bottom:0; }
.editable_content ul > li li:last-child, .editable_content ol > li li:last-child { padding-bottom:0; }
.font_red { color:#e60000; }
.font_blue { color:#0052d0; }
.font_bold { font-weight:bold; } 
.font_italic { font-style:italic; }
.font_underline { text-decoration:underline; }

/* 影片、相關連結、相關檔案 */
p.MsgModule_Download, p.MsgModule_Link { padding:0; line-height:160%; }
	p.MsgModule_Download span, p.MsgModule_Link span { white-space:nowrap; }
	
.MsgModule_Media { margin-left:auto; margin-right:auto; padding:10px 0 !important; }
	.MsgModule_Media iframe { margin:0 !important; }
	.MsgModule_Media .describe { text-align:left; margin:0 !important; padding:10px; background-color:#ebebeb; }
	.MsgModule_Media .describe span { display:block; line-height:180%; }
	noscript div.ytlink { padding:0; line-height:18px; }/* no script時影片區塊顯示的訊息 */

/* 文繞圖設定 */
.editable_content div.district { overflow:hidden; }
.editable_content div.district p  { padding:0; margin:0 0 10px 0; }
.editable_content div.district h4 { padding-top:0; margin-bottom:8px; }
.editable_content div.district h5 { margin-bottom:8px; }
.editable_content .img_bg { margin-bottom:25px; }
.editable_content .imgleft { float:left; margin-right:25px; margin-top:3px; }
.editable_content .imgright { float:right; margin-left:25px; margin-top:3px; }
.editable_content .imgcenter { clear:both; text-align:center; margin-top:0; margin-left:auto; margin-right:auto; }
.editable_content .imgleft, .editable_content .imgright { max-width:50%; }
.editable_content .img_bg span { 
	display:block; padding:5px 0 0 14px; box-sizing:border-box; position:relative;
	font-size:0.875rem; line-height:140%; text-align:left; color:#7e7e7e; 
	}
.editable_content .img_bg span::after { 
	content:''; display:block; position:absolute; top:12px; left:0;
	border-left:5px solid rgba(255,255,255,0); border-right:5px solid rgba(255,255,255,0); border-bottom:5px solid #818181; 
	}
	
/* 單篇延伸區塊 */
h4.ext_title { 
	margin-top:20px; padding:2px 10px 5px 34px; border-bottom:2px solid #eee;
	font-size:1.125rem !important; line-height:150% !important; color:#666; letter-spacing:0.2em; 
	background:url("../images/icon_module.png") no-repeat;
	}
	h4.icon_more { background-position: 0px 3px; }
	h4.icon_file { background-position: 0px -45px; }
	h4.icon_link { background-position: 0px -92px; }
	h4.icon_photo { background-position: 0px -144px; }
	h4.icon_pro { background-position: 0px -199px; }
	h4.icon_other { background-position: 0px -297px; }
.editable_content+h4.ext_title { margin-top:20px; }
.prevNextLink+h4.ext_title { margin-top:60px; }
.related_articles+h4.ext_title { margin-top:45px; }

ul.ext_list { padding-top:8px; padding-bottom:8px; padding-left:50px; list-style-type:decimal; overflow:hidden; }
ul.ext_list li { position:relative; padding:5px 0; line-height:140%; color:#666; font-size:0.9375rem; }
ul.ext_list li a { color:#666; text-decoration:none; word-wrap:break-word; }
ul.ext_list li a:hover { color:#de1e19; text-decoration:underline; }
ul.ext_list li span.file_ext { width:20px; height:20px; margin-left:6px; text-indent:-10000px; }

.editable_content h4.ext_title, .editable_content ul.ext_list, .editable_content h4.ext_title+#colorbox_thum { margin-left:0; margin-right:0; }


/* html編輯區的表格預設樣式 */
.editable_content table[align="center"] { margin-left:auto; margin-right:auto; }
.editable_content table caption, .editable_content .tableWrap_caption { font-weight:bold; color:#333; font-size:0.875rem; text-align:left; line-height:140%; }
	.editable_content table caption { margin:5px 0; }
	.editable_content .tableWrap_caption { padding-top:5px; margin:0; }
.editable_content .tableWrap { position:relative; }
.editable_content .tableWrap table { margin:0; }
	
/* html編輯區的表格外框樣式 */
.editable_content .table_style1 > tbody > tr > th, .editable_content .table_style1 > tbody > tr > td { padding:8px; border-left:1px solid #000; border-bottom:1px solid #000; line-height:160%; }
.editable_content .table_style1 > tbody > tr > th { background-color:#dedede; color:#333; white-space:nowrap; }

/* 移除第一個物件的上邊界、上間距避免過大的空白 */
.editable_content > *:first-child, .editable_content td > *:first-child { 
	padding-top:0 !important; margin-top:0 !important; 
	}
/* 移除最後一個物件的下邊界、下間距避免過大的空白 */
.editable_content > *:last-child, .editable_content td > *:last-child{ 
	padding-bottom:0 !important; margin-bottom:0 !important; 
	}
.editable_content iframe, .editable_content img, .editable_content div, .editable_content table { max-width:100%; box-sizing:border-box; }/* 避免爆版 */
.editable_content * { word-wrap:break-word; }

/* 條文 */
.clause .l1 { margin-bottom:10px; }
.clause .l2 { margin-top:0; margin-bottom:10px; padding-left:33px; text-indent:-33px; }
.clause .l2.cont { padding-left:0; text-indent:0; }
.clause .l3 { margin-top:0; margin-bottom:10px; padding-left:62px; text-indent:-26px; }
.clause .l3.cont { padding-left:36px; text-indent:0; }
.clause .l4 { margin-top:0; margin-bottom:10px; padding-left:78px; text-indent:-13px; }
.clause .l5 { margin-top:0; margin-bottom:10px; padding-left:100px; text-indent:-20px; }

.clause .l1+.l1, .clause .l2+.l1, .clause .l3+.l1, .clause .l4+.l1, .clause .l5+.l1,
.clause .l1+h3, .clause .l2+h3, .clause .l3+h3, .clause .l4+h3, .clause .l5+h3 { margin-top:40px; }
.clause .l1+h4, .clause .l2+h4, .clause .l3+h4, .clause .l4+h4, .clause .l5+h4 { margin-top:20px; }

/*StyleStart*/
/*段落*/
.para { display:block; }
/*字級12px*/
.font_12px { font-size:0.75rem; }
/*字級13px*/
.font_13px { font-size:0.8125rem; }
/*字級14px*/
.font_14px { font-size:0.875rem; }
/*字級15px*/
.font_15px { font-size:0.9375rem; }
/*字級16px*/
.font_16px { font-size:1rem; }
/*字級18px*/
.font_18px { font-size:1.125rem; }
/*字級20px*/
.font_20px { font-size:1.25rem; }
/*字級22px*/
.font_22px { font-size:1.375rem; }
/*字級24px*/
.font_24px { font-size:1.5rem; }
/*字級26px*/
.font_26px { font-size:1.625rem; }
/*字級28px*/
.font_28px { font-size:1.75rem; }
/*字級30px*/
.font_30px { font-size:1.875rem; }
/*字級32px*/
.font_32px { font-size:2rem; }
/*字級36px*/
.font_36px { font-size:2.25rem; }
/*文字靠左*/
.editable_content .tl { text-align:left; }
/*文字置中*/
.editable_content .tc { text-align:center; }
/*文字靠右*/
.editable_content .tr { text-align:right; }
/*h4標題*/
.editable_content h4 { font-size:1.375rem; font-weight:normal; color:#333; letter-spacing:.1em; padding-left:.1em; }
.editable_content .district h4 { font-size:1.375rem; }
/*h5標題*/
.editable_content h5 { font-size:1rem; font-weight:normal; color:#de1e19; }
/*h6標題*/
.editable_content h6 { font-size:1rem; font-weight:normal; color:#333; }
/* 表格外框樣式1 */
.editable_content table.table_style1 { border-right:1px solid #000; border-top:1px solid #000; }
/* 表格外框樣式2 */
.editable_content table.table_style2 { border-right:1px solid #dcdcdc; border-top:1px solid #dcdcdc; }
.editable_content .table_style2 th, .editable_content .table_style2 td { padding:20px 10px; border-left:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; line-height:160%; }
/*StyleEnd*/

.editable_content + h4.related_title { margin-top: 50px; }

/* 人才招募專用 */
.editable_content .hoverBox { text-align: center; }
.editable_content .hoverBox h4 { color: #fff; }
.editable_content .hoverBox div { margin: 0; }
.editable_content .hoverBox > div { position: relative; display: inline-block; margin-left: auto; margin-right: auto; }
.editable_content .hoverBox .imgBox { position: relative; z-index: 1; display: inline-block; }
.editable_content .hoverBox .imgBox:before { content:""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0); transition:background 0.3s ease; }
.editable_content .hoverBox > div:hover .imgBox:before { background: rgba(0,0,0,.5); }
.editable_content .hoverBox .textBox { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 5; }
.editable_content .hoverBox .textBox > div { display: table; width: 100%; height: 100%; }
.editable_content .hoverBox .textBox > div > div { display: table-cell; vertical-align: middle; }
.editable_content .hoverBox .text { border: 5px solid #fff; margin: auto; color: #fff; line-height:1em; }
.editable_content .hoverBox .text p { text-align: center; margin-top:10px; margin-bottom:20px; }
.editable_content .hoverBox .text img { vertical-align: middle; }

/* 寬1000內文880 */
.editable_content .district_w1000 .img { max-width: 1000px; margin-left: auto; margin-right: auto; margin-bottom:20px; padding: 10px 0 5px; text-align: center; }
.editable_content .district_w1000 h4, .editable_content .district_w1000 h5, .editable_content .district_w1000 h6, .editable_content .district_w1000 p { max-width: 880px; margin-left: auto; margin-right: auto; }
.editable_content .district_w1000 h4 { font-size:1.375em; font-weight: bold; border-bottom:1px solid #ccc; color:#444; letter-spacing:.2em; padding:.5em 0; }

/* 寬960 */
.editable_content .district_w960 > div { max-width: 960px; margin-left: auto; margin-right: auto; margin-bottom:20px; text-align: center; }
.editable_content .district_w960 p { text-align: center; }

/* 圖片拼圖 */
.editable_content .img_puzzle { position: relative; overflow: hidden; margin-left: -10px; margin-right: -10px; max-width: 1280px; }
.editable_content .img_puzzle * { margin: 0; }
.editable_content .img_puzzle .item { position: relative; height: auto !important; }
.editable_content .img_puzzle .item > div { position:absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box; padding: 10px; }
.editable_content .img_puzzle .img { display:block; position:relative; background-repeat:no-repeat; background-position:center center; background-size:cover; height:100%; width:100%; }