@charset "utf-8";
/* CSS Document */
.editable_content { color:#333; letter-spacing:.025em; }
.editable_content.content { margin-top:30px; margin-bottom:40px; }

/* 為文字上稿區可能出現的元素做設定 */
.editable_content, .editable_content p, .editable_content .para, .editable_content blockquote { line-height:2em; }
.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:5px; margin-bottom:15px; }
.editable_content table, .editable_content iframe { margin-top:10px; margin-bottom:20px; }
.editable_content h3, .editable_content h4, .editable_content h5, .editable_content h6 { line-height:1.3em; padding-top:10px; }
.editable_content blockquote { margin:35px auto 55px; background-color:#fff; font-size:1.375rem; font-style:italic; color:#666; position:relative; max-width:1000px; box-sizing:border-box; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; text-align:center; }
.editable_content blockquote::before, .editable_content blockquote::after { 
		display:block; position:absolute; font-family:'Arial'; font-style:normal; font-weight:bold; line-height:100%; color:#6dc4e2; 
		}
	.editable_content blockquote::before { content:'“'; left:10px; top:-28px; }
	.editable_content blockquote::after { content:'”'; right:10px; bottom:-80px; }

.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:150%; }
.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; }
.editable_content ul.no_list_style { list-style:none; margin-left:26px; }

/* 影片、相關連結、相關檔案 */
.MsgModule_Download span, .MsgModule_Link span { white-space:nowrap; font-weight:bold; color:#007870; display:block; }
.MsgModule_Download + .MsgModule_Download, .MsgModule_Download + .MsgModule_Link, .MsgModule_Link + .MsgModule_Download, .MsgModule_Link + .MsgModule_Link { 
	margin-top:-15px; 
}
	
.editable_content .MsgModule_Media { margin-left:auto; margin-right:auto; width:560px; margin-bottom:55px; }
	.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 { position:relative; text-align:left; margin:0; background-color:#fff; }
	.editable_content .MsgModule_Media .describe span { display:block; }
	.editable_content .MsgModule_Media .describe .title { margin-bottom:10px; font-family:"Noto Sans TC"; font-size:1.5625rem; color:#444; }
	.editable_content .MsgModule_Media .describe .desc { color:#666; }
	.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 .MsgModule_Media .describe:after { display:block; position:absolute; font-family:'Arial'; font-style:normal; font-weight:bold; line-height:100%; color:#d6dbe3; content:'”'; right:10px; bottom:-80px; }

/* 文繞圖設定 */
.editable_content div.district { overflow:hidden; }
.editable_content div.district p  { padding:0 0 14px 0; margin:0; }
.editable_content div.district h4 { padding-top:0; margin-bottom:10px; }
.editable_content .img_bg { margin-bottom:15px; }
.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; margin:0 auto;
	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-top:20px; position:relative; font-size:1.75rem; letter-spacing:0.025em; padding:0 30px; color:#444; line-height:180%; font-weight:400; }
h4.ext_title:before { content:""; position:absolute; top:25px; left:0; width:100%; height:2px; background:#d5d5d5; }
h4.ext_title span { position:relative; background:#f0f2f4; padding:0 15px 0 64px; }
h4.ext_title span:before { 
	content:''; display:block; position:absolute; left:15px; top:50%; width:38px; height:38px; margin-top:-19px; 
	background:url("../images/icon_module.png") no-repeat;
	}
	h4.icon_file span:before { background-position:0 0; }
	h4.icon_link span:before { background-position:0 -100px; }
	h4.icon_photo span:before { background-position:0 -200px; }

ul.ext_list { padding-top:6px; margin-left:26px; list-style-type:decimal; }
ul.ext_list li { position:relative; padding:6px 0; line-height:145%; color:#333; }
ul.ext_list li a { color:#333; text-decoration:none; word-wrap:break-word; }
ul.ext_list li a:hover, ul.ext_list li a:focus { text-decoration:underline; }
ul.ext_list li span.file_ext { width:20px; height:20px; margin-left:6px; text-indent:-10000px; }


/* 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:#000; font-size:1rem; text-align:left; line-height:140%; }
.editable_content .tableWrap { position:relative; overflow-y:auto; _overflow:auto; width:100%; height:auto; 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 #f0f2f4; background-color:rgba(0, 0, 0, .3); }
.editable_content .tableWrap::-webkit-scrollbar-thumb:hover { background-color:#555; }

/* 移除第一個物件的上邊界、上間距避免過大的空白 */
.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 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.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; }
/*文字靠左*/
.tl { text-align:left; }
/*文字置中*/
.tc { text-align:center; }
/*文字靠右*/
.tr { text-align:right; }
/*h4標題*/
.editable_content h4 { font-size:1.5625rem; color:#003466; }
/*h5標題*/
.editable_content h5 { font-size:1.125rem; color:#444; }
/*h6標題*/
.editable_content h6 { font-size:1rem; color:#444; }
/* 表格樣式1 */
.editable_content table.table_style1 {
    border-collapse:separate; background:#fff; border-spacing:3px; margin:10px 0;
	-webkit-box-shadow:0 0 10px rgba(0,0,0,0.2);
	-moz-box-shadow:0 0 10px rgba(0,0,0,0.2);
	box-shadow:0 0 10px rgba(0,0,0,0.2);
}
.editable_content table.table_style1 th, .editable_content table.table_style1 td { padding:8px 10px; }
.editable_content table.table_style1 th { background:#007472; color:#fff; white-space:nowrap; font-size:1.125rem; }
.editable_content table.table_style1 td { background:rgba(0,136,134,.1); }
/* 表格樣式2 */
.editable_content table.table_style2 {
    border-collapse:separate; background:#fff; border-spacing:3px; margin:10px 0;
	-webkit-box-shadow:0 0 10px rgba(0,0,0,0.2);
	-moz-box-shadow:0 0 10px rgba(0,0,0,0.2);
	box-shadow:0 0 10px rgba(0,0,0,0.2);
}
.editable_content table.table_style2 th, .editable_content table.table_style2 td { padding:8px 10px; }
.editable_content table.table_style2 th { background:#003b59; color:#fff; white-space:nowrap; font-size:1.125rem; }
.editable_content table.table_style2 td { background:rgba(0,59,89,.1); }
/* 表格樣式3 */
.editable_content table.table_style3 {
    border-collapse:separate; background:#fff; border-spacing:0; border:5px solid #b8dcdc;
}
.editable_content table.table_style3 th, .editable_content table.table_style3 td { padding:8px 10px; border-top:1px dashed #8fbebe; }
.editable_content table.table_style3 th { background:#e5f3f3; color:#00786f; white-space:nowrap; font-size:1.125rem; }
.editable_content table.table_style3 tr:first-child th, .editable_content table.table_style3 tr:first-child td { border-top:none; }
/*StyleEnd*/


/* 首頁-客製樣式 */
.editable_content .index_edit, .editable_content .index_edit * { padding:0; margin:0; }
.editable_content .index_edit { background-position:top center; background-size:cover; text-align:center; color:#fff; height:700px; display:table; width:100%; }
.editable_content .index_edit > div { display:table-cell; vertical-align:middle; }
.editable_content .index_edit h2 { font-size:3.125rem; letter-spacing:0.025em; position:relative; line-height:1; padding-bottom:25px; margin:0 auto; max-width:900px; }
.editable_content .index_edit h2:after { content:""; width:80px; height:3px; background:#fff; position:absolute; bottom:0; left:50%; margin-left:-40px; }
.editable_content .index_edit .desc { font-family:"Noto Sans TC"; font-size:1.625rem; max-width:860px; margin:0 auto; padding:1em 10px; }
.editable_content .index_edit .desc span { display:block; }
.editable_content .IndexMoreBtn a {
    padding:0 1.865em; background-color:#fff; color:#444;
}
.editable_content .IndexMoreBtn a:hover, .editable_content .IndexMoreBtn a:focus { background-color:#25507b; color:#fff; }
.editable_content .IndexMoreBtn a:focus { outline:3px dashed #fff; }
.editable_content .IndexMoreBtn a:before { background:url(../images/icon_search_b.png) no-repeat; }
.editable_content .IndexMoreBtn a:hover:before, .editable_content .IndexMoreBtn a:focus:before { background:url(../images/icon_search.png) no-repeat; }

.editable_content .index_edit.index_edit_2 { color:#444; }
.editable_content .index_edit.index_edit_2 h2 { max-width:839px; line-height:125%; }
.editable_content .index_edit.index_edit_2 h2:after { background:#07b1e4; }

/* 內頁-客製樣式 */
.editable_content .guest_tabs { text-align:center; font-size:0; }
.editable_content .guest_tabs .item { display:inline-block; }
.editable_content .guest_tabs a {
    display:block; font-family:"Noto Sans TC"; text-decoration:none; color:#555; background:#dedede; letter-spacing:0.025em;
    -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px;
	-webkit-box-shadow:3px 5px 0 rgba(0,0,0,0.2);
	-moz-box-shadow:3px 5px 0 rgba(0,0,0,0.2);
	box-shadow:3px 5px 0 rgba(0,0,0,0.2);
    -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; transition:all 0.3s ease;
}
.editable_content .guest_tabs a:hover, .editable_content .guest_tabs a:focus { color:#333; background:#ccc; }
.editable_content .guest_tabs .active a { background:#00786f; color:#fff; }
.editable_content .guest_tabs .active a:hover, .editable_content .guest_tabs .active a:focus { opacity:1; }

/* 智農是什麼-客製樣式 */
.editable_content .aboutBox { background:#fff; border-width:5px; border-style:solid; visibility:hidden; }
.editable_content .aboutBox * { padding:0; margin:0; }
.editable_content .aboutBox.blue { border-color:#bfddeb; }
.editable_content .aboutBox.green { border-color:#b8dcdc; }
.editable_content .aboutBox h3 { display:inline-block; border-radius:0 45px 45px 0; margin-right:20px; }
.editable_content .aboutBox.blue h3 { background:#bfddeb; color:#003466; }
.editable_content .aboutBox.green h3 { background:#b8dcdc; color:#00665e; }
.editable_content .aboutBox .block { text-align:center; }
.editable_content .aboutBox .block h4 { display:inline-block; color:#333; position:relative; padding-bottom:16px; }
.editable_content .aboutBox .block h4:after { content:''; width:60px; height:3px; background:#64bab9; display:inline-block; position:absolute; left:50%; bottom:0; transform:translateX(-50%); -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; transition:all 0.3s ease; }
.editable_content .aboutBox .block h4:hover:after { width:100%; }
.editable_content .aboutBox .block p { text-align:left; }
.editable_content .aboutBox .block p.tc { text-align:center; }
.editable_content .aboutBox .block p, .editable_content .aboutBox .block .imgBox, .editable_content .aboutBox .block .two_imgBox { padding:15px 0; }
.editable_content .aboutBox .has_color { background:#eff5f5; }

.editable_content .PageNav { background:#003466; margin:0; padding:0; text-align:center; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; transition:all 0.3s ease; }
.editable_content .PageNav * { margin:0; padding:0; }
.editable_content .PageNav .nav_item { display:inline-block; color:#fff; text-decoration:none; font-family:"Noto Sans TC"; font-weight:400; letter-spacing:0.025em; cursor:pointer; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; transition:all 0.3s ease; }
.editable_content .PageNav .nav_item:hover { color:#1fa3d9; }
.PageNavFix .editable_content .PageNav { position:fixed; top:0; left:0; width:100%; z-index:99; }
.editable_content .PageNav > div::-webkit-scrollbar { -webkit-appearance:none; width:10px; height:10px; }
.editable_content .PageNav > div::-webkit-scrollbar-thumb { border-radius:8px; border:2px solid #003466; background-color:rgba(255, 255, 255, .3); }
.editable_content .PageNav > div::-webkit-scrollbar-thumb:hover { background-color:rgba(255, 255, 255, .5); }

.editable_content .aboutBox ol, .editable_content .aboutBox ul { margin-left:40px; }
.editable_content table.about_table01 { border-collapse:separate; }
.editable_content table.about_table01 td { width:50%; }
.editable_content table.about_table01 td.text { background:#eee; text-align:center; color:#003465; border:5px solid #fff; box-sizing:border-box; padding:8px 15px; font-weight:bold; }
.editable_content .about_table02 { min-width:760px; }
.editable_content .about_table02 th { background:#003466; color:#fff; font-size:1.125rem; }
.editable_content .about_table02 th, .editable_content .about_table02 td { padding:10px; }
.editable_content .about_table02 tr td.tc { background:#fff; font-weight:bold; }
.editable_content .about_table02 .table_left, .editable_content .about_table02 .table_right { width:42%; }
.editable_content .about_table02 tr td { border-bottom:1px dashed #ccc; }