@charset "utf-8";
/* CSS Document */
.editable_content { color:#222222; clear:both; font-size: 1.125rem;  }
.editable_content h4, .editable_content h5, .editable_content h6 { font-weight:bold; }
.editable_content.content { margin-top:10px; margin-bottom:40px; }
.editable_content a{ text-decoration: underline; color: #222222; }
.editable_content a:hover{ color: #1f893c; cursor: pointer; }


/* 為文字上稿區可能出現的元素做設定 */
.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:10px; margin-bottom:20px; }
.editable_content table, .editable_content iframe { margin-top:10px; margin-bottom:20px; }
.editable_content h4, .editable_content h5, .editable_content h6 { line-height:120%;}

/* 引言區塊 */
.editable_content blockquote { padding:3.4375rem 3.75rem; margin:5.5rem auto; 
	background-color:#f5f5f5; color:#333333; position:relative; 
    border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;
}
.editable_content blockquote::before, .editable_content blockquote::after{ content:''; display:block; position:absolute;
    background: url(../images/img_blockquote_deco.png) no-repeat; width:60px; height:60px; 

    background-size: cover;
}
.editable_content blockquote::before{ top:-25px; left:20px; background-position: center 0; }
.editable_content blockquote::after{ bottom:-25px; right:20px; background-position: center -60px; } 
.editable_content blockquote p{ margin-top:0; line-height: 200%; }
.editable_content blockquote ul, .editable_content blockquote ol{ text-align:left; }
.editable_content blockquote ul li, .editable_content blockquote ol li{ line-height:180%; }
.editable_content blockquote ul li li, .editable_content blockquote ol li li{ line-height:160%; }

.editable_content ol { list-style-type:decimal; margin-left:40px; }
.editable_content ul { list-style-type:disc; margin-left: 40px; }
	.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:160%; }
.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; margin-left:20px; }
.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 { font-weight:bold; 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:#f5f5f5; }
	.MsgModule_Media .describe span {  line-height:180%; }
	noscript div.ytlink { padding:0; line-height:18px; }/* no script時影片區塊顯示的訊息 */

.editable_content .MsgModule_Media { margin-left:auto; margin-right:auto; width:560px; }
    .editable_content .MsgModule_Media.left { margin-left:0; }
    .editable_content .MsgModule_Media.right { margin-right:0; }
    .editable_content .MsgModule_Media.landscape { width:560px; }
    .editable_content .MsgModule_Media.portrait { width:315px; }
.editable_content .MsgModule_Media .media_wrap { margin-top:0; margin-bottom:0; padding-bottom:56.25%; text-align:left; position:relative; overflow:hidden; }
    .editable_content .MsgModule_Media.landscape.ratio_16by9 .media_wrap { padding-bottom:56.25%; }
    .editable_content .MsgModule_Media.portrait.ratio_16by9 .media_wrap { padding-bottom:177.77%; }
    .editable_content .MsgModule_Media.landscape.ratio_4by3 .media_wrap { padding-bottom:75%; }
    .editable_content .MsgModule_Media.portrait.ratio_4by3 .media_wrap { padding-bottom:133.33%; }
    .editable_content .MsgModule_Media .media_wrap iframe,
    .editable_content .MsgModule_Media .media_wrap object,
    .editable_content .MsgModule_Media .media_wrap embed { position:absolute; top:0; left:0; width:100%; height:100%; border:0; margin:0; }
.editable_content .MsgModule_Media .describe { padding:20px; line-height:150%; }
    .editable_content .MsgModule_Media .describe span { display:block; }
    .editable_content .MsgModule_Media .describe .title { margin-bottom:10px; }
    .editable_content .MsgModule_Media .describe .title strong { font-weight: bold; margin-right: 5px; }
    .editable_content .MsgModule_Media .describe .desc strong{ font-weight:bold; margin-right: 5px; }
    .editable_content noscript div.ytlink { padding:0; margin:0; line-height:18px; }/* no script時影片區塊顯示的訊息 */
    
.editable_content .MsgModule_Media video{ display:block; width:100%; }

/* 文繞圖設定 */
.editable_content div.district { overflow:hidden; }
.editable_content div.district p  { padding:5px 0; margin-bottom:20px; margin-top: 5px; }
.editable_content div.district h3 { padding-top:0; margin-bottom:5px; }
.editable_content .img_bg { margin-bottom:0;}
.editable_content .imgleft { float:left; margin-right:40px; margin-top:0px; }
.editable_content .imgright { float:right; margin-left:40px; margin-top:0px; }
.editable_content .imgcenter { clear:both; text-align:center; margin:0 auto; padding:10px 0 0 0; }
.editable_content .imgleft, .editable_content .imgright { max-width:50%; }
.editable_content .district .img.left { float:left; margin-right:15px; }
.editable_content .district .img.right { float:right; margin-left:15px; }
.editable_content .district .img.left, .editable_content .district .img.right { max-width:50%; }
.editable_content .district .img_wrap { display:inline-block; margin-top:0; margin-bottom:0; text-align:left; }
.editable_content .img_bg span { 
	display:block; padding:5px 0 5px 14px; box-sizing:border-box; position:relative;
	font-size:87.5%; line-height:140%; text-align:left; color:#6d6d6d; 
}
.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; 
}

/* 文繞圖插入影片 */
.editable_content .district .media { width:560px; }
.editable_content .district .media .media_wrap { margin-top:0; margin-bottom:0; padding-bottom:56.25%; text-align:left; position:relative; overflow:hidden; }
    .editable_content .district .media.landscape { width:560px; }
    .editable_content .district .media.portrait { width:315px; }
    .editable_content .district .media.landscape.ratio_16by9 .media_wrap { padding-bottom:56.25%; }
    .editable_content .district .media.portrait.ratio_16by9 .media_wrap { padding-bottom:177.77%; }
    .editable_content .district .media.landscape.ratio_4by3 .media_wrap { padding-bottom:75%; }
    .editable_content .district .media.portrait.ratio_4by3 .media_wrap { padding-bottom:133.33%; }
    .editable_content .district .media .media_wrap iframe,
    .editable_content .district .media .media_wrap object,
    .editable_content .district .media .media_wrap embed { position:absolute; top:0; left:0; width:100%; height:100%; border:0; margin:0; }
    .editable_content .district .media .describe { text-align:left; margin:0; background-color:#f5f5f5; padding:15px 25px; }
    .editable_content .district .media .describe span { display:block; margin:0; line-height:150%; }
    .editable_content .district .media .describe .desc { line-height:180%; color:#000000; }
    .editable_content .district .media .describe .title{ font-size: 1.125rem; margin-bottom:5px; }
    .editable_content .district .media .describe .title strong, .editable_content .district .media .describe .desc strong{ margin-right: 5px; }
    .editable_content .district .media .describe .title + .desc { padding-top:0; }
    .editable_content noscript div.ytlink { padding:0; line-height:150%; }/* no script時影片區塊顯示的訊息 */
	
/* html編輯區的表格預設樣式 */
.editable_content table[align="center"] { margin-left:auto; margin-right:auto; }
.editable_content table caption, .editable_content .tableWrap_caption { font-weight:bold; color:#000;  font-size:100%; text-align:left; line-height:140%; }
	.editable_content table caption { margin:10px 0;}
	.editable_content .tableWrap_caption { padding-top:5px; margin:0; }
.editable_content .tableWrap { position:relative; overflow-y:auto; width:100%; height: auto; height:auto; margin-bottom: 10px; } /* 捲軸新增的 */
.editable_content .tableWrap table { margin:0; }

/* 美化卷軸(僅支援chrome，其他瀏覽器仍維持預設卷軸樣式) */
.editable_content .tableWrap::-webkit-scrollbar { -webkit-appearance:none; width:14px; height:14px; }
.editable_content .tableWrap::-webkit-scrollbar-thumb { border-radius:8px; border:3px solid #fff; background-color:rgba(0, 0, 0, .3); }
.editable_content .tableWrap::-webkit-scrollbar-thumb:hover { background-color:#1f893c; }

/* 給Chrome以外瀏覽器以外js產生的捲軸 */
.editable_content .tableWrap .jspContainer { margin: 0; padding-bottom:13px; }
.editable_content .tableWrap .jspPane, .editable_content .tableWrap .jspDragLeft, .editable_content .tableWrap .jspDragRight { margin:0; }
.editable_content .tableWrap .jspHorizontalBar { background:transparent; height:8px; margin:0; }
.editable_content .tableWrap .jspDrag { border-radius:8px; background-color:rgba(0, 0, 0, .3); margin:0; }
.editable_content .tableWrap .jspDrag:hover { background-color:#222; }
.editable_content .tableWrap .jspTrack { border-radius:8px; background:#f5f5f5; margin:0; }

/* 移除第一個物件的上邊界、上間距避免過大的空白 */
.editable_content > *:first-child, .editable_content td > *:first-child { 
	 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 p, .editable_content span{ 
    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.812rem; }
/*字級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; }
/*文字靠左*/
.tl { text-align:left; }
/*文字置中*/
.tc { text-align:center; }
/*文字靠右*/
.tr { text-align:right; }

/*h4標題*/
.editable_content h4 { font-size:1.5rem; color:#1f893c; margin-bottom:5px; line-height:150%; }
/*h5標題*/
.editable_content h5 { font-size:1.375rem; color:#085d80; margin-bottom:5px; }
/*h6標題*/
.editable_content h6 { font-size:1.25rem; color:#222222; margin-bottom:5px; }

/*----------------------------------------------------------------------*/
/* 單篇延伸區塊 */
.editable_content .ExtBlock{ padding-top: 15px; }
.editable_content .ExtBlock .item{ border-bottom: 1px dashed #aaaaaa; margin-bottom: 15px; padding-bottom: 10px; }
.editable_content .ExtBlock .item:last-child{ border-bottom: 0; }

h4.ext_title {
    position:relative; padding:10px 10px 5px 55px; 
	font-size:1.5rem; line-height:150%; color:#1f893c;
}
h4.ext_title span{ position: absolute; top: 5px; left: 0;
    display: block; width: 45px; height: 45px; border: 1px solid #dff3f3; 
    border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;
    background:#ecf4ef url("../images/icon_module.png") no-repeat; /*這是有icon的*/ 
    background-size: cover;
}
    h4.icon_file span{ background-position: 0 0; }
	h4.icon_link span{ background-position: 0px -45px; }
    h4.icon_photo span{ background-position: 0px -87px; }
	
.editable_content + h4.ext_title { margin-top:20px; }

ul.ext_list { list-style-type:disc; padding-top:10px; padding-left: 35px; margin-bottom: 20px; border-top: 1px solid #dddddd; }
.editable_content ul.ext_list{ margin-left:0; margin-top:0; }
ul.ext_list li { position:relative; padding:4px 0; line-height:140%; }
ul.ext_list li a { color:#333333; text-decoration:none; word-wrap:break-word; line-height:1.6; }
ul.ext_list li a:hover { color:#1f893c; text-decoration:underline; }
ul.ext_list li span.file_ext { width:20px; height:20px; margin-left:6px; text-indent:-10000px; }

h4.ext_title + #colorbox_thum{ padding-top:20px; border-top: 1px solid #dddddd; }

/* 表格外框樣式1 */
.editable_content .table_style1 > tbody > tr > th, .editable_content .table_style1 > tbody > tr > td { 
    padding:10px 14px; line-height:160%; color:#333333; vertical-align: top; background-color:#ffffff;
    border: 1px solid #b2caaa; vertical-align: middle;
}
.editable_content .table_style1 > tbody > tr > th { white-space:nowrap; background-color:#e0f2d4; }
.editable_content .table_style1 .tableWrap tbody > tr > th{ font-weight: bold; }

/* 表格外框樣式2 */
.editable_content .table_style2{ width:100%; min-width:500px;}
.editable_content table.table_style2 tbody{ border:1px solid #ddd; }
.editable_content .table_style2 > tbody > tr > th, .table_style2 > tbody > tr > td { 
    padding:10px; border-left:1px solid #ddd; border-bottom:1px solid #ddd; line-height:180%; text-align:center;
}
.editable_content .table_style2 > tbody > tr > th{ min-width:100px; background-color:#f7f7f7; color:#000; }
.editable_content .table_style2 .text-center{ text-align:center; }
.editable_content .table_style2 .text-left{ text-align:left; }