@charset "utf-8";
/* CSS Document */

.editable_content { margin-top:10px; margin-bottom:15px; }
.editable_content.content { margin-top:60px; margin-bottom:40px; }

/* 為文字上稿區可能出現的元素做設定 */
.editable_content, .editable_content p, .editable_content li, .editable_content div, .editable_content blockquote { line-height:150%; }
.editable_content .district, .editable_content div, .editable_content table, .editable_content iframe, .editable_content blockquote { 
	margin-top:30px; margin-bottom:30px; 
	}
.editable_content p, .editable_content ul, .editable_content ol { 
	margin-top:20px; margin-bottom:20px; 
	}
.editable_content p { padding:0; }
.editable_content h4, .editable_content h5, .editable_content h6 { margin-bottom:5px; line-height:120%; }
.editable_content h4 + *:not(h4):not(h5):not(h6):not(blockquote),
.editable_content h5 + *:not(h4):not(h5):not(h6):not(blockquote),
.editable_content h6 + *:not(h4):not(h5):not(h6):not(blockquote) { margin-top:10px; }
.editable_content h4 + h4, .editable_content h4 + h5, .editable_content h4 + h6,
.editable_content h5 + h4, .editable_content h5 + h5, .editable_content h5 + h6,
.editable_content h6 + h4, .editable_content h6 + h5, .editable_content h6 + h6 { margin-top:20px; }
	.editable_content h4 { font-size:2.5rem; color:#333333; overflow:hidden; }
	.editable_content h5 { font-size:2rem; color:#333333; }
	.editable_content h6 { font-size:1.675rem; color:#333333; }
.editable_content blockquote { 
	max-width:640px; margin-left:auto; margin-right:auto; text-align:center; font-size:1.125rem; overflow:hidden; position:relative; box-sizing:border-box; 
	}
.editable_content blockquote li { text-align:left; }
.editable_content .district .imgleft ~ blockquote, .editable_content .district .imgright ~ blockquote { margin-left:0; margin-right:0; }
.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 { margin-bottom:5px; }
.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-top:5px; margin-bottom:0; }
.editable_content ul li:last-child, .editable_content li:last-child { margin-bottom:0; }
.editable_content hr { margin:20px 0; border-bottom:2px solid #e9e9e9; border-left:0; border-right:0; border-top:0; }

/* 影片、相關連結、相關檔案 */
.editable_content .MsgModule_Download, .editable_content .MsgModule_Link { padding:0; line-height:160%; }
	.editable_content .MsgModule_Download span, .editable_content .MsgModule_Link span { font-weight:bold; white-space:nowrap; color:#333; }
	.editable_content .MsgModule_Download a, .editable_content .MsgModule_Link a { color:#333; text-decoration:underline; }
	.editable_content .MsgModule_Download a:hover, .editable_content .MsgModule_Link a:hover { text-decoration:none; }
.editable_content .MsgModule_Download + .MsgModule_Download, 
.editable_content .MsgModule_Download + .MsgModule_Link, 
.editable_content .MsgModule_Link + .MsgModule_Download, 
.editable_content .MsgModule_Link + .MsgModule_Link { 
	margin-top:-15px; 
	}
	
.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 { text-align:left; margin:0; padding:20px; background-color:#f0f0f0; 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 .desc { font-size:0.9375rem; }
	.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 .district { overflow:hidden; }
.editable_content .district .img_bg + * { margin-top:0; }
.editable_content .district > *:first-child { margin-top:0; }
.editable_content .district > *:last-child { margin-bottom:0; }
.editable_content .img_bg { margin-bottom:15px; }
.editable_content .imgleft { float:left; margin-right:15px; }
.editable_content .imgright { float:right; margin-left:15px; }
.editable_content .imgcenter { clear:both; text-align:center; 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; margin:0 auto; 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; 
	}
	
/* 單篇延伸區塊 */
.editable_content h4.ext_title { 
	margin-bottom:0; margin-top:20px; position:relative; 
	font-size:1.5rem; font-weight:normal; line-height:180%; color:#555;
	}
.editable_content h4.ext_title::after { content:''; display:block; position:absolute; bottom:0; left:0; width:100%; border-bottom:1px solid #333; }
.editable_content + h4.ext_title { margin-top:40px; }

.editable_content ul.ext_list { margin:10px 0 20px 0; list-style-type:decimal; overflow:hidden; }
.editable_content ul.ext_list li { position:relative; padding:4px 0; line-height:150%; }
.editable_content ul.ext_list li a { color:#595959; text-decoration:none; }
.editable_content ul.ext_list li a:hover, .editable_content ul.ext_list li a:focus { color:#f77300; text-decoration:underline; }
.editable_content ul.ext_list li span.file_ext { margin-left:6px; text-indent:-10000px; vertical-align:bottom; position:relative; width:20px; height:20px; }


/* html編輯區的表格預設樣式 */
.editable_content table[align="center"] { margin-left:auto; margin-right:auto; }
.editable_content table caption { margin:5px 0; padding:5px 0; font-weight:bold; color:#333; text-align:left; line-height:150%; }
.editable_content .tableWrap { position:relative; overflow-y:auto; _overflow:auto; width:100%; margin-bottom:1em; }
.editable_content .tableWrap table { margin:0; }
/*添加IOS下卷軸*/
.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:#ca161d; }
	
/* html編輯區的表格外框樣式 */
.editable_content table.table_style1 { border-left:1px solid #000; border-top:1px solid #000; }
.editable_content .table_style1 > tbody > tr > th, .editable_content .table_style1 > tbody > tr > td { 
	padding:8px; border-right: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 blockquote > *:first-child, .editable_content td > *:first-child { 
	margin-top:0; 
	}
/* 移除最後一個物件的下邊界、下間距避免過大的空白 */
.editable_content > *:last-child, .editable_content blockquote > *:last-child, .editable_content td > *:last-child { 
	margin-bottom:0; 
	}
/* 避免爆版 */
.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; }
/* 取消圖片的高度設定避免RWD時不等比例縮放 */
.editable_content img { height:auto; }