@charset "utf-8";
/* CSS Document */
@import url(font-montserrat.css);/*Montserrat,font-family:'Montserrat', sans-serif; font-weight:300(Light),400(Regular),500(Medium),700(Bold),800(ExtraBold)*/
@import url(font-roboto.css);/*Roboto,font-family:'Roboto', sans-serif; font-weight:400(Regular),500(Medium),700(Bold),900(Black)*/
@import url(mmenu.css);

/* CSS Reset */
html, body, div, span, applet, object, iframe, form,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, 
em, img, q, strong, sub, sup,
dl, dt, dd, ol, ul, li { margin:0; padding:0; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, textarea, input, button, header, footer, section, nav, main, figcaption, figure { box-sizing:border-box; }
img { border:0; }
ul, ol { list-style:none; }
table { border-collapse:collapse; border-spacing:0; }

select, input, textarea, button { font-size:1rem; }
input[type="checkbox"], input[type="radio"] { margin-right:5px; margin-left:0; vertical-align:middle; }
input[type="button"], input[type="submit"], input[type="reset"], input[type="file"], select, button { cursor:pointer; }
input:not([type="checkbox"]), input:not([type="radio"]), input:not([type="file"]) { padding:0; }
button { padding:0; transition:all 0.3s ease; }
/*ios樣式清除*/
input[type="button"], input[type="submit"], input[type="reset"], button {
	background-color:transparent; border:none; margin:0px;
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );
	}

/* 基本設定 */
body, select, input, textarea, button { color:#202020; font-family:'Roboto', '微軟正黑體', sans-serif; }
h1, h2, h3, h4, h5, h6 { font-family:'Montserrat', sans-serif; }
body {  
	background-color:#fff; 
	-webkit-overflow-scrolling:touch;	/*momentum-based scrolling*/
	}
#Wrap { height:100%; max-width:1920px; margin:0 auto; position:relative; overflow:hidden; }
body.fixed { overflow:hidden; }
/*@media (prefers-reduced-motion: no-preference) {
:root { scroll-behavior:smooth; }
}*/

/* 連結 */
a { text-decoration:underline; text-underline-offset:5px; color:#4892ee; transition:all 0.3s ease; }
a:hover, a:focus { text-decoration:none; color:#e80067; }
a:focus, :focus { outline:2px dashed #e80067; }

/* 反選 */
::selection{ background-color:#00005d; color:#fff; }
#Footer *::selection { background-color:#e80067; color:#fff; }

/* 無障礙 */
body { letter-spacing:0.05em; }
p { margin-bottom:2em; }
.guide_title { line-height:1em; font-size:0.75rem; letter-spacing:0; word-spacing:0; color:#7f7f7f; text-decoration:none; position:relative; }
.skip_to_content { 
	position:absolute; top:0; left:0; width:1px; height:1px; margin:-1px 0 0 -1px; background-color:#fff; z-index:99999; overflow:hidden; 
	line-height:1.75em; font-size:00.8125rem; color:#000; 
	}
	@media screen and (min-width: 1024px) {
	.skip_to_content:focus { width:auto; height:auto; margin:0; overflow:visible; }
	}
.sr-only {
	position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(1px, 1px, 1px, 1px); border:0; 
	white-space:nowrap; font-size:0.8125rem; letter-spacing:0.05em; 
	}
.sr-only:focus { width:auto; height:auto; margin:0; overflow:visible; clip:auto; }
.return_form_noscript { margin:20px 0; text-align:center; position:relative; }
.return_form_noscript a { 
	display:inline-block; background-color:#fff; border:2px solid #00005d; width:240px; line-height:58px;
	text-align:center; color:#00005d; font-weight:bold; text-decoration:none; position:relative; 
	box-shadow:2px 2px 17px rgba(0,0,0,0.14);
	}
.return_form_noscript a:hover, .return_form_noscript a:focus { background-color:#e80067; border-color:#e80067; color:#fff; }

.SubMenuList { position:relative; }
.SubMenuList dl { display:flex; flex-wrap:wrap; -ms-display:flex; -ms-flex-wrap:wrap; }
.SubMenuList dd { flex:0 1 auto; padding:10px; }
	@media screen and (max-width: 479px) {
	.SubMenuList dd { width:100%; max-width:320px; margin:0 auto; }
	}
	@media screen and (min-width: 480px) and (max-width: 719px) {
	.SubMenuList dd { width:50%; }
	}
	@media screen and (min-width: 720px) and (max-width: 959px) {
	.SubMenuList dd { width:33.3333%; }
	}
	@media screen and (min-width: 960px) {
	.SubMenuList dd { width:25%; }
	}
.SubMenuList dd a { 
	display:block; background-position:center center; background-repeat:no-repeat; background-size:cover; padding-bottom:100%; 
	line-height:1.5em; color:#fff; text-decoration:none; position:relative; 
	}
	.SubMenuList dd a:hover, .SubMenuList dd a:focus { box-shadow:0 0 15px rgba(0,0,0,0.2); }
.SubMenuList dd a div { 
	position:absolute; bottom:0; left:0; width:100%; background-color:rgba(0,0,0,0.65); padding:10px 10px 15px 10px; transition:all 0.3s ease; 
	}
	.SubMenuList dd a:hover div, .SubMenuList dd a:focus div { background-color:rgba(0,0,93,0.8); }
.SubMenuList dd a span { 
	display:flex; align-items:center; border-bottom:1px solid #fff; padding-top:4px; padding-bottom:12px; position:relative; transition:all 0.3s ease; 
	}
	.SubMenuList dd a:hover span, .SubMenuList dd a:focus span { padding-left:0.8em; }
.SubMenuList dd a span::before { content:''; display:block; position:absolute; bottom:0; left:0; width:100px; border-bottom:4px solid #fff; }
.SubMenuList dd a span::after { 
	content:''; display:block; width:18px; height:18px; margin-left:10px;
	background:url(../images/icon_arrow.png) no-repeat 100% 20%; background-size:300%; 
	}

noscript { font-size:0.8125rem; }
noscript a:focus { outline:2px dashed #117938; }
*:focus:not(:focus-visible),
*::before:focus:not(:focus-visible),
*::after:focus:not(:focus-visible) {
	outline: none;
	}

/* 頁籤共用 */
.tabs_group .tab_cont .no_data { padding:10px 0; text-align:center; }

/* 檔案下載圖示及雜湊值驗證 */
.file_ext { display:inline-block; position:relative; border-radius:4px; overflow:hidden; vertical-align:middle; }
.file_ext::before { 
	content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; 
	}
	.file_csv::before { background-color:#589c00; }
	.file_doc::before { background-color:#2372ba; }
	.file_img::before { background-color:#5b2d8d; }
	.file_mov::before { background-color:#c51700; }
	.file_other::before { background-color:#919191; }
	.file_pdf::before { background-color:#ea4c3a; }
	.file_ppt::before { background-color:#dd5b26; }
	.file_txt::before { background-color:#919191; }
	.file_xls::before { background-color:#08743b; }
	.file_xml::before { background-color:#157efb; }
	.file_zip::before { background-color:#e67e22; }
	.file_odt::before { background-color:#2372ba; }
	.file_ods::before { background-color:#08743b; }
	.file_odp::before { background-color:#dd5b26; }
	.file_wmf::before { background-color:#2f5483; }
	.file_dwg::before { background-color:#2f5483; }
.file_ext::after { 
	content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%;
	background-repeat:no-repeat; background-position:center center; background-size:cover; 
	}
	.file_csv::after { background-image:url("../images/file_ext/csv.png"); }
	.file_doc::after { background-image:url("../images/file_ext/doc.png"); }
	.file_img::after { background-image:url("../images/file_ext/img.png"); }
	.file_mov::after { background-image:url("../images/file_ext/mov.png"); }
	.file_other::after { background-image:url("../images/file_ext/other.png"); }
	.file_pdf::after { background-image:url("../images/file_ext/pdf.png"); }
	.file_ppt::after { background-image:url("../images/file_ext/ppt.png"); }
	.file_txt::after { background-image:url("../images/file_ext/txt.png"); }
	.file_xls::after { background-image:url("../images/file_ext/xls.png"); }
	.file_xml::after { background-image:url("../images/file_ext/xml.png"); }
	.file_zip::after { background-image:url("../images/file_ext/zip.png"); }
	.file_odt::after { background-image:url("../images/file_ext/odt.png"); }
	.file_ods::after { background-image:url("../images/file_ext/ods.png"); }
	.file_odp::after { background-image:url("../images/file_ext/odp.png"); }
	.file_wmf::after { background-image:url("../images/file_ext/wmf.png"); }
	.file_dwg::after { background-image:url("../images/file_ext/dwg.png"); }

.file_hashes { 
	display:inline-block; position:relative; overflow:hidden; text-indent:-999px; vertical-align:middle; 
	}
.file_hashes a { display:block; width:24px; height:24px; border-radius:4px; position:relative; }
.file_hashes a:hover, .file_hashes a:focus { background-color:#00005d; }
.file_hashes a::after { 
	content:''; display:block; position:absolute; top:50%; left:50%; width:18px; height:18px; margin:-9px 0 0 -9px; 
	background:url("../images/icon_file_hashes.png") 0 0 no-repeat; background-size:100%; 
	}
.file_hashes a:hover::after, .file_hashes a:focus::after { background-position:0 100%; }


/*----------------------------------------------------------------------*/
/* Header */
#Header { background-color:#fff; position:relative; z-index:10001; }
	@media screen and (max-width: 1023px) {
	#Header { height:50px; }
	#Header > div { height:inherit; }
	}

	@media screen and (max-width: 639px) {
	#Header { padding:0 10px; }
	}
	@media screen and (min-width: 640px) and (max-width: 1279px) {
	#Header { padding:0 20px; }
	}
	@media screen and (min-width: 1280px) {
	#Header { padding:0 40px; }
	}
#Header > div { max-width:1600px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; }

@media screen and (min-width: 1024px) and (max-width: 1159px) {
.fs3 #Header .col_right .topper { justify-content:flex-end; }
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
#Header .col_right { width:calc(100% - 225px); }
}
@media screen and (min-width: 1280px) {
#Header .col_right { width:calc(100% - 265px); }
}

#Header .topper { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; padding:15px 0; }
	@media screen and (max-width: 1023px) {
	#Header .topper { display:none; }
	}

/* logo */
#Header .logo { flex:0 1 auto; height:100%; padding:5px 0; margin-right:20px; }
	@media screen and (max-width: 1023px) {
	#Header .logo { width:130px; margin:0 auto; }
	}
	@media screen and (min-width: 1024px) and (max-width: 1279px) {
	#Header .logo { width:180px; }
	}
	@media screen and (min-width: 1280px) {
	#Header .logo { width:210px; }
	}
#Header .logo h1, #Header .logo a { width:inherit; height:inherit; }
#Header .logo a { display:flex; align-items:center; text-decoration:none; }
	@media screen and (max-width: 1023px) {
	#Header .logo a { justify-content:center; }
	}
#Header .logo a img { display:block; max-width:100%; max-height:100%; }

/* 天氣 */
#Header .weather { display:flex; align-items:center; }
#Header .weather > div { color:#00407c; line-height:1.5em; }
	@media screen and (min-width: 1024px) and (max-width: 1279px) {
	#Header .weather > div { font-size:0.75rem; }
	}
	@media screen and (min-width: 1280px) {
	#Header .weather > div { font-size:0.8125rem; }
	}
#Header .weather .place { position:relative; padding-left:24px; letter-spacing:0.1em; }
#Header .weather .place::before { 
	content:''; display:block; position:absolute; top:50%; left:0; width:16px; height:16px; margin-top:-8px; 
	background:url(../images/icon_place.svg) no-repeat 0 0; background-size:content; 
	}
#Header .weather .date, 
#Header .weather .time, 
#Header .weather .temp { position:relative; padding-left:12px; margin-left:6px; font-family:'Montserrat', sans-serif; font-weight:400; }
#Header .weather .date::before, 
#Header .weather .time::before, 
#Header .weather .temp::before { content:''; display:block; position:absolute; top:50%; left:0; width:5px; border-top:1px solid #00407c; }

/* top_link */
#Header .top_link { display:flex; align-items:center; flex-wrap:wrap; margin-left:20px; }
#Header .top_link .list { display:flex; align-items:center; flex-wrap:wrap; }
#Header .top_link .list li { position:relative; }
#Header .top_link .list a { display:block; color:#636363; text-decoration:none; }
#Header .top_link .list a:hover, #Header .top_link .list a:focus, #Header .top_link .list .sfHover > a { color:#00005d; }

#Header .top_link .list > li > a { line-height:2.5em; letter-spacing:0.1em; }
#Header .top_link .list > li > a span[lang="en"] { font-family:'Montserrat', sans-serif; font-weight:400; letter-spacing:0.05em; }
/* 子選單 */
#Header .top_link .list ul { 
	position:absolute; top:100%; left:50%; display:none; width:120px; margin-left:-60px; padding:0 10px; background-color:#fff; 
	z-index:10003; box-shadow:0 0 10px rgba(0,0,0,0.25);
	}
	#Header .top_link .list li:hover > ul { display:block; }
#Header .top_link .list ul li { border-top:1px solid #d4d4d4; position:relative; }
	#Header .top_link .list ul li:first-child { border-top:0; }
#Header .top_link .list ul a { padding:10px 15px; line-height:1.25em; color:#666; text-align:center; position:relative; }

@media screen and (min-width: 1024px) and (max-width: 1279px) {
#Header .top_link .list > li { padding:0 5px; }
#Header .top_link .list a { font-size:0.75rem; }
}
@media screen and (min-width: 1280px) {
#Header .top_link .list > li { padding:0 8px; }
#Header .top_link .list a { font-size:0.8125rem; }
}

/* fb */
#Header .social { display:flex; align-items:center; }
#Header .social a { display:block; width:36px; height:36px; border-radius:5px; text-indent:-999px; overflow:hidden; position:relative; }
	#Header .social .fb a:hover, #Header .social .fb a:focus { background-color:#00005d; }
#Header .social a::before { 
	content:''; display:block; position:absolute; top:50%; left:50%; width:16px; height:16px; margin:-8px 0 0 -8px; 
	background:url(../images/icon_header_social.png) no-repeat 0 0; background-size:200%; 
	}
	#Header .social .fb a::before { background-position:0 0; }
	#Header .social .fb a:hover::before, #Header .social .fb a:focus::before { background-position:right 0; }

/* 搜尋 */
#Header .search_wrap { margin-left:15px; }
	@media screen and (max-width: 1023px) {
	#Header .search_wrap { display:none; }
	}
#Header .search_box { position:relative; }
#Header .search_box input[type="text"] { 
	display:block; border:1px solid #636363; padding:0 45px 0 8px; line-height:44px; color:#636363; transition: all 0.3s ease;
	}
#Header .search_box input[type="text"]::placeholder { color:#636363; }
#Header .search_box input[type="text"]:focus { 
	border-color:#e80067; background-color:#ffedf4; color:#000;
	box-shadow:0 0 10px rgba(0, 0, 0, 0.2);
	}
#Header .search_box input[type="text"]:focus::placeholder { color:#000; }
#Header .search_box button { 
	position:absolute; top:-1px; right:-1px; width:40px; height:48px; text-indent:-999px; overflow:hidden; 
	}
#Header .search_box button:hover, #Header .search_box button:focus { background-color:#fd3784; }
#Header .search_box button::before { 
	content:''; display:block; position:absolute; top:50%; left:50%; width:16px; height:16px; margin:-8px 0 0 -8px; 
	background:url(../images/icon_search.png) no-repeat 0 0; background-size:100%; 
	}
#Header .search_box button:hover::before, #Header .search_box button:focus::before { background-position:0 100%; }
#Header .search_box button::after { content:''; display:block; position:absolute; top:50%; left:0; height:30px; margin-top:-15px; border-left:1px solid #636363; }

@media screen and (min-width: 1024px) and (max-width: 1279px) {
#Header .search_box input[type="text"] { width:160px; font-size:0.8125rem; }
}
@media screen and (min-width: 1280px) {
#Header .search_box input[type="text"] { width:200px; font-size:0.875rem; }
}

/* 浮動效果 */
@media screen and (min-width: 1024px) {
.MenuFix #Header { 
	position:fixed; top:0; left:0; width:100%; height:54px;
    box-shadow:0 10px 10px rgba(0,0,0,0.2);
	animation:header 0.5s ease 1;
	}
.MenuFix #Header > div { height:inherit; }
.MenuFix #Header .logo { width:120px; }
.MenuFix #Header .col_right { width:calc(100% - 140px); }
.MenuFix #Header .topper .weather, .MenuFix #Header .topper .list, .MenuFix #Header .topper .social { display:none; }
.MenuFix #Header .topper { padding:0; }
.MenuFix #Header .topper .guide_title { position:absolute; left:0; top:0; }
.MenuFix #Header .search_box { position:absolute; right:5px; top:4px; }
.MenuFix #Header .search_box input[type="text"] { width:160px; font-size:0.8125rem; }
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
.MenuFix #Wrap { padding-top:131px; }
}
@media screen and (min-width: 1280px) {
.MenuFix #Wrap { padding-top:151px; }
}
	@-webkit-keyframes header{
		0%{
			top:-64px;
		}
		100%{
			 top:0;
		}
	}

/* popup頁(包含雜湊值頁) header */
#Header.layoutless_header { background-color:#fff; height:54px; margin-bottom:30px; }
#Header.layoutless_header > div { height:inherit; }
#Header.layoutless_header .logo { margin:0 auto; }
#Header.layoutless_header .logo a { justify-content:center; }


/*----------------------------------------------------------------------*/
/* Menu */
/* 先隱藏子選單,等網頁載入完畢後再顯示 */
@media screen and (max-width: 1023px) {
#Menu { display:none }
}
#Menu .superfish { /*overflow:hidden;*/ z-index:10002; }
#Menu .superfish.sf-js-enabled { overflow:visible; }

#Menu { border-top:1px solid #ccc; }
	@media screen and (min-width: 1280px) {
	#Menu { min-width:900px; }
	}
#Menu .menu_list { display:flex; align-items:center; justify-content:space-between; }
#Menu .menu_list li { position:relative; }
#Menu .menu_list a { display:block; text-align:left; color:#202020; letter-spacing:0.1em; text-decoration:none; position:relative; }

#Menu .menu_list > li { padding:0 5px; }
	#Menu .menu_list > li:first-child { padding-left:0; }
	#Menu .menu_list > li:last-child { padding-right:0; }
#Menu .menu_list > li::before { 
	content:''; display:none; position:absolute; left:50%; width:8px; height:8px; margin-left:-4px; background-color:#fd3784; border-radius:50%;
	}
	#Menu .menu_list > li:hover::before, #Menu .menu_list > li.sfHover::before, #Menu .menu_list > li.selected::before { display:block; }
#Menu .menu_list > li > a { font-weight:500; }
#Menu .menu_list > li > a:hover, #Menu .menu_list > li > afocus, #Menu .menu_list > li.selected > a { color:#00005d; }

/* 子選單 */
#Menu .menu_list ul { position:absolute; display:none; background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,0.25); }
	/*#Menu .menu_list li:hover > ul { display:block; }*/
	#Menu .menu_list > li > ul { left:50%; top:100%; }
	#Menu .menu_list > li > ul ul { top:0; }	
#Menu .menu_list ul li { position:relative; }
#Menu .menu_list ul li::before { content:''; display:block; position:absolute; top:0; left:15px; width:calc(100% - 30px); border-top:1px solid #d4d4d4; }
	#Menu .menu_list ul li:first-child::before { display:none; }
#Menu .menu_list ul a { padding:15px 20px; line-height:1.375em; text-align:center; font-weight:400; position:relative; }
#Menu .menu_list ul a:hover, #Menu .menu_list ul a:focus { color:#00005d; }
#Menu .menu_list ul a.sf-with-ul::after { 
	content:''; position:absolute; top:50%; right:8px; width:6px; height:6px; margin-top:-3px;
	border-top:1px solid #999; border-right:1px solid #999;
	transform:rotate(45deg);
	}
#Menu .menu_list ul li:hover > a.sf-with-ul::after, #Menu .menu_list ul a.sf-with-ul:focus::after { border-color:#000; }

@media screen and (max-width: 1279px) {
#Menu .menu_list > li::before { top:8px; }
#Menu .menu_list > li > a { font-size:1rem; line-height:54px; }
#Menu .menu_list ul, #Menu .menu_list > li > ul ul { width:140px; }
#Menu .menu_list > li > ul { margin-left:-70px; }
#Menu .menu_list > li > ul ul { left:140px; }
#Menu .menu_list ul a { font-size:0.875rem; }
}
@media screen and (min-width: 1280px) {
#Menu .menu_list > li::before { top:16px; }
#Menu .menu_list > li > a { font-size:1.125rem; line-height:74px; }
#Menu .menu_list ul, #Menu .menu_list > li > ul ul { width:160px; }
#Menu .menu_list > li > ul { margin-left:-80px; }
#Menu .menu_list > li > ul ul { left:160px; }
#Menu .menu_list ul a { font-size:0.9375rem; }
}

/* 倒數第1個選單的處理 */
#Menu .menu_list > li:last-child > ul ul { left:auto; }
	@media screen and (max-width: 1279px) {
	#Menu .menu_list > li:last-child > ul ul { right:140px; }
	}
	@media screen and (min-width: 1280px) {
	#Menu .menu_list > li:last-child > ul ul { right:160px; }
	}
#Menu .menu_list > li:last-child ul a.sf-with-ul::after { 
	left:8px; right:auto; transform: rotate(-135deg);
	}
	
/* 倒數第2個選單的處理 
#Menu .menu_list > li:nth-last-child(2) > ul ul { left:auto; right:150px; }
#Menu .menu_list > li:nth-last-child(2) ul a.sf-with-ul::after { 
	left:8px; right:auto; 
    transform: rotate(-135deg);
	}*/

/* 浮動效果 */
.MenuFix #Menu { width:100%; border:0; padding-right:160px; }
.MenuFix #Menu .menu_list > li::before { top:8px; }
.MenuFix #Menu .menu_list > li > a { line-height:54px; }

	/* 浮動時取消倒數第1個選單的處理 */
/*	.MenuFix #Menu .menu_list > li:last-child > ul { left:0; right:auto; }
	.MenuFix #Menu .menu_list > li:last-child > ul > li > ul { left:180px; right:auto; }
	.MenuFix #Menu .menu_list > li:last-child a.sf-with-ul::after { 
		left:auto; right:10px; 
		transform: rotate(45deg);
		}*/
		
	/* 浮動時取消倒數第2個選單的處理 */
	/*.MenuFix #Menu .menu_list > li:nth-last-child(2) > ul { left:0; right:auto; }
	.MenuFix #Menu .menu_list > li:nth-last-child(2) > ul > li > ul { left:150px; right:auto; }
	.MenuFix #Menu .menu_list > li:nth-last-child(2) a { text-align:left; }
	.MenuFix #Menu .menu_list > li:nth-last-child(2) a.sf-with-ul::after { 
		left:auto; right:10px; 
		transform: rotate(45deg);
		}*/


/*----------------------------------------------------------------------*/
/* Center */
#Center { position:relative; }
#Center::after { content:''; display:block; clear:both; }
#Center > *:first-child { margin-top:0; }
#Center > *:last-child { margin-bottom:0; }


/*----------------------------------------------------------------------*/
/* Btn Top */
.BtnTop { text-align:center; z-index:10001; position:fixed; bottom:5px; right:5px; display:none; }
	.MenuFix .BtnTop { display:block; }
.BtnTop a { 
	display:block; width:62px; height:62px; border:2px solid #fd3784; background-color:#00005d; overflow:hidden; position:relative; border-radius:50%;
	font-family:'Montserrat', sans-serif; font-size:0.875rem; color:#fff; line-height:46px; text-decoration:none;
	}
.BtnTop a:hover, .BtnTop a:focus { background-color:#fd3784; }
.BtnTop a::before {
	content:''; display:block; position:absolute; bottom:21px; left:50%; width:10px; margin-left:-5px; border-bottom:1px solid #fff; 
	}
.BtnTop a::after { 
	content:''; display:block; position:absolute; bottom:12px; left:50%; margin-left:-5px; 
	border-left:5px solid transparent; border-right:5px solid transparent; border-bottom:8px solid #fff; 
	}

	
/*----------------------------------------------------------------------*/
/* Footer */
#Footer { background-color:#00005d; margin-top:96px; position:relative; }
	@media screen and (max-width: 639px) {
	#Footer { padding:0 10px; }
	}
	@media screen and (min-width: 640px) and (max-width: 1279px) {
	#Footer{ padding:0 20px; }
	}
	@media screen and (min-width: 1280px) {
	#Footer { padding:0 40px; }
	}
#Footer > div { 
	max-width:1600px; padding-top:25px; margin-left:auto; margin-right:auto; color:#fff; 
	display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; 
	}
	@media screen and (max-width: 539px) {
	#Footer > div { padding-bottom:70px; }
	}
#Footer .guide_title { position:absolute; top:0; left:0; }
#Footer a { display:inline-block; color:#fff; text-decoration:none; }
#Footer a:hover, #Footer a:focus { color:#ed3d7f; }
#Footer a:focus { outline:2px dashed #ed3d7f; }

#Footer .col_left { width:400px; }
#Footer .logo { width:340px; height:66px; background:url(../images/footer_logo.png) no-repeat center center; background-size:contain; }
#Footer .com_name { margin-top:5px; font-family:'Montserrat', sans-serif; font-size:0.875rem; font-weight:500; color:#fd3784; line-height:1.5em; }
#Footer .com_name span { letter-spacing:0.1em; }
#Footer .contact_info { margin-top:12px; }
#Footer .contact_info li { padding-left:1.875em; margin-top:6px; margin-right:1em; line-height:1.5em; font-size:0.875rem; position:relative; }
#Footer .contact_info li a { letter-spacing:0.1em; line-height:1.5em; }
#Footer .contact_info .tel, #Footer .contact_info .email { font-family:'Montserrat', sans-serif; }
#Footer .contact_info li::before { 
	content:''; display:block; position:absolute; top:50%; left:0; width:23px; height:23px; margin-top:-12px; 
	background:url(../images/icon_footer_contact.svg) no-repeat; background-size:100%; 
	}
	#Footer .contact_info .tel::before { background-position:0 0; }
	#Footer .contact_info .addr::before { background-position:0 50%; }
	#Footer .contact_info .email::before { background-position:0 100%; }

#Footer .col_right { width:calc(100% - 400px); }
#Footer .footer_marks ul { display:flex; align-items:center; flex-wrap:wrap; }
#Footer .footer_marks li { margin-right:15px; }
	#Footer .footer_marks li:last-child { margin-right:0; }
#Footer .footer_marks li a { 
	display:block; background-repeat:no-repeat; background-position:center center; background-size:contain; text-indent:-999px; overflow:hidden; 
	}
#Footer .footer_marks .fb a { width:48px; height:48px; border:1px solid #fff; border-radius:50%; position:relative; }
#Footer .footer_marks .fb a:hover, #Footer .footer_marks .fb a:focus { border-color:#1877f2; background-color:#1877f2; }
#Footer .footer_marks .fb a::before { 
	content:''; display:block; position:absolute; top:50%; left:50%; width:20px; height:20px; margin:-10px 0 0 -10px; 
	background:url(../images/icon_toolbar.png) no-repeat right 60%; background-size:200%; 
	}
#Footer .footer_marks .accessibility a { width:120px; height:44px; background-image:url(../images/accessibility.png); }
#Footer .footer_marks .accessibility a:hover, #Footer .footer_marks .accessibility a:focus { opacity:0.8; }
#Footer .footer_marks .egov a { width:42px; height:44px; background-image:url(../images/icon_gov.png); }
#Footer .footer_marks .egov a:hover, #Footer .footer_marks .egov a:focus { opacity:0.8; }

#Footer .footer_links { margin-top:15px; }
#Footer .footer_links ul { display:flex; align-items:center; flex-wrap:wrap; }
#Footer .footer_links li { margin-right:10px; padding-right:10px; position:relative; }
	#Footer .footer_links li:last-child { margin-right:0; padding-right:0; }
#Footer .footer_links li::before { 
	content:''; display:block; position:absolute; top:50%; right:0; height:5px; margin-top:-2px; border-left:1px solid #fff; opacity:0.5; 
	}
	#Footer .footer_links li:last-child::before { display:none; }
#Footer .footer_links a { display:block; font-size:0.8125rem; line-height:2em; }

#Footer .footer_info ul { display:flex; align-items:center; flex-wrap:wrap; opacity:0.8; }
#Footer .footer_info li { margin-right:15px; padding-right:15px; font-size:0.8125rem; line-height:2em; position:relative; }
	#Footer .footer_info li:last-child { margin-right:0; padding-right:0; }
#Footer .footer_info li::before { 
	content:''; display:block; position:absolute; top:50%; right:0; height:5px; margin-top:-2px; border-left:1px solid #fff; opacity:0.5; 
	}
	#Footer .footer_info li:last-child::before { display:none; }
#Footer .footer_info .update span { margin-left:10px; font-family:'Montserrat', sans-serif; }
#Footer .footer_info .view span { padding:0 8px; font-size:0.8125rem; font-family:'Montserrat', sans-serif; }

#Footer .copyright { 
	width:100%; margin-top:10px; padding:0.75em 0; border-top:1px solid rgba(255,255,255,0.3); 
	text-align:center; font-size:0.8125rem; line-height:2em; color:rgba(255,255,255,0.8); 
	}

/* RWD */
@media screen and (max-width: 639px) {
#Footer .col_left, #Footer .col_right { width:100%; }
#Footer .logo { width:280px; height:54px; }
#Footer .com_name { font-size:0.9375rem; }
#Footer .contact_info li { display:inline-block; font-size:0.9375rem; }
#Footer .col_right { margin-top:20px; }
#Footer .footer_marks ul, #Footer .footer_links ul, #Footer .footer_info ul { justify-content:flex-start; }
#Footer .footer_links a, #Footer .footer_info li { font-size:0.8125rem; }
#Footer .copyright { text-align:left; font-size:0.75rem; }
}
@media screen and (min-width: 640px) and (max-width: 959px) {
#Footer .col_left, #Footer .col_right { width:100%; }
#Footer .logo { margin:0 auto; }
#Footer .com_name { text-align:center; }
#Footer .contact_info ul { text-align:center; }
#Footer .contact_info li { display:inline-block; }
#Footer .col_right { margin-top:20px; }
#Footer .footer_marks ul, #Footer .footer_links ul, #Footer .footer_info ul { justify-content:center; }
}
@media screen and (min-width: 960px) and (max-width: 1439px) {
#Footer .footer_marks ul, #Footer .footer_links ul, #Footer .footer_info ul { justify-content:flex-end; }
}
@media screen and (min-width: 1440px) {
#Footer .contact_info li { display:inline-block; }
#Footer .footer_marks ul, #Footer .footer_links ul, #Footer .footer_info ul { justify-content:flex-end; }
}


/*----------------------------------------------------------------------*/
/* 手機板選單 */
/* mmenu補丁 */
#MenuMobile { --mm-color-background:#fff; }
.mm-wrapper--opened .mm-wrapper__blocker { opacity:1; --mm-blocker-opacity-delay:0s; box-shadow:0 0 10px rgba(0,0,0,.5); }
#mm-1 .mm-navbar { display:none; }
.mm-btn--next:after, .mm-btn--prev:before { border-left:1px solid #35343e; border-top:1px solid #35343e; }
.mm-navbar__title { justify-content:flex-start; }
.mm-listitem:after { inset-inline-start:0; }
.mm-footer + .mm-listitem:before {
	content:""; display:block; position:absolute; top:0; inset-inline-start:0; inset-inline-end:0;
	border-color:inherit; border-bottom-width:1px; border-bottom-style:solid; 
	}
.mm-listitem__text { text-overflow:inherit; white-space:normal; overflow:hidden; }
.mm-menu a.mm-listitem__text:hover { color:#00005d; }
.mm-menu a.mm-btn--next:hover::after { border-color:#00005d; }

.mm-search { padding:20px; }
.mm-search .search_box { display:block; width:100%; position:relative; }
.mm-search .search_box input[type="text"] { 
	width:100%; height:48px; line-height:48px; padding:0 45px 0 8px; background-color:#fff; border:1px solid #636363; font-size:0.875rem; 
	}
.mm-search .search_box input[type="text"], .mm-search .search_box input[type="text"]::placeholder { color:#636363; }
.mm-search .search_box .btn { 
	position:absolute; top:-1px; right:-1px; width:40px; height:48px; text-indent:-999px; overflow:hidden;
	}
.mm-search .search_box .btn::before { 
	content:''; display:block; position:absolute; top:50%; left:50%; width:16px; height:16px; margin:-8px 0 0 -8px; 
	background:url(../images/icon_search.png) no-repeat 0 0; background-size:100%; 
	}
.mm-search .search_box .btn::after { content:''; display:block; position:absolute; top:50%; left:0; height:30px; margin-top:-15px; border-left:1px solid #636363; }


@media screen and (min-width: 1024px) {
#nav, #MenuMobile, .switch { display:none; }
}
@media screen and (max-width: 1023px) {
html.mm-open { overflow:hidden; }
#nav .switch a {
	display:block; position:fixed; top:0; left:0; width:50px; height:50px; z-index:99999; background-color:#fff; transition-delay:0.3s;
	}
.menu-action { height:30px; left:50%; margin-left:-13px; overflow:hidden; }
.menu-action::after, .menu-action::before, .menu-action > i::before, .menu-action, .menu-action > i { width:26px; }
.menu-action::after, .menu-action::before, .menu-action > i::before {
	content:""; position:absolute; left:0; height:3px; background:#00005d none repeat scroll 0 0; transition:all 0.3s ease;
	}
.menu-action, .menu-action > i { position:absolute; top:50%; transform:translateY(-50%); }
.menu-action::after { bottom:6px; }
.menu-action::before { top:6px; }
.menu-action > i { height:3px; left:0; text-indent:-999px; overflow:hidden; }
.menu-action > i::before { top:0; }

.mm-wrapper--opened .menu-action > i { opacity:0; }
.mm-wrapper--opened .menu-action::after { bottom:13px; transform:rotate(45deg); }
.mm-wrapper--opened .menu-action::before { top:14px; transform:rotate(-45deg); }

.mm-wrapper--opened .mm-wrapper__blocker { opacity:0.8; }
}


/*----------------------------------------------------------------------*/
/* popup box */
.popup_box { 
	position:fixed; top:0; left:0; width:100%; height:100vh; background-color:rgba(0,0,0,0.75); transform:scale(0); opacity:0; z-index:-1; 
	}
	.popup_box.show { transform:scale(1); opacity:1; z-index:10006; }
.popup_box .box_wrap { 
	transform:scale(0); position:absolute; top:50%; left:50%; width:96vw; height:96vh; margin:-48vh 0 0 -48vw; box-sizing:border-box; 
	display:flex; align-items:center;
	transition: all 0.3s ease;
	}
	.popup_box.show .box_wrap { transform:scale(1); }
.popup_box .box_wrap > div { 
	flex:0 1 auto; width:100%; max-width:1440px; max-height:100%; margin:0 auto; position:relative; 
	background-color:#fff; box-sizing:border-box; 
	box-shadow: 0 0 10px rgba(0,0,0,0.4);
	}
.popup_box .scrollable_cont { 
	overflow-y:auto; overflow-x:hidden; height:100%; box-sizing:border-box; position:relative; 
	-webkit-overflow-scrolling:touch; 
	}
	/*添加IOS下卷軸*/
	.popup_box .scrollable_cont::-webkit-scrollbar { -webkit-appearance:none; width:14px; height:14px; }
	.popup_box .scrollable_cont::-webkit-scrollbar-thumb { border-radius:8px; border:3px solid #fff; background-color:rgba(0, 0, 0, .3); }
	.popup_box .scrollable_cont::-webkit-scrollbar-thumb:hover { background-color:#dc5512; }
.popup_box .scrollable_cont > *:first-child { margin-top:0; }
.popup_box .scrollable_cont > *:last-child { margin-bottom:0; }

.popup_box .close { 
	position:absolute; top:-5px; right:-5px; width:32px; height:32px; background-color:#2d6cab; text-indent:-10000px; cursor:pointer; z-index:10000;
	}
.popup_box .close::before, .popup_box .close::after { 
	display:block; content:''; position:absolute; top:50%; left:50%; width:2px; height:16px; margin:-8px 0 0 -1px; background-color:#fff; 
	}
.popup_box .close::before {
    transform: rotate(-45deg);
	}
.popup_box .close::after {
    transform: rotate(45deg);
	}
.popup_box .close:hover { background-color:#dc5512; }
@media screen and (max-width: 1023px) {
.popup_box .box_wrap > div { padding:20px 10px; }
}
@media screen and (min-width: 1024px) {
.popup_box .box_wrap > div { padding:40px; }
}

	
/*----------------------------------------------------------------------*/
/* 表單 */
/* 表單群組 */
/* 注意 ------
fieldset內，表單元件max-width:100%會失效(但IE沒事),加上如下兩個fix(尚未經測試),但須確保fieldset沒有左右margin
又或者,不要用fieldset,改用div
*/
/*IOS webkit fix*/
fieldset.FormGroup { 
	width:auto;
	min-width:0;
	max-width:none;
	}
/*Mozilla fix*/
@-moz-document url-prefix() { fieldset.FormGroup { display:table-cell; }}

.FormGroup { 
	max-width:100%; overflow:hidden; position:relative; 
	margin-left:0; margin-right:0; /*消除fieldset的左右margin*/
	}
.FormGroup::after { content:''; display:block; clear:both; }
legend.form_group_title { padding-left:0; padding-right:0; }/*消除legend的左右padding*/

.FormGroupWarp > *:first-child { margin-top:0; }
.FormGroupWarp > *:last-child { margin-bottom:0; }
.FormGroup { 
	background-color:#fff; border:1px solid #ccc; margin-top:10px; margin-bottom:40px; position:relative; 
	box-shadow:0 0 10px rgba(0,0,0,0.2);
	}
.form_group_title span { 
	display:block; padding:0.75em 20px; background-color:#2d6cab;
	color:#fff; font-size:1.11rem; font-weight:bold; line-height:1.5em; 
	box-shadow:5px 5px 0 rgba(0,0,0,0.1);
	}
.form_group_title.icon span::before { 
	content:''; display:inline-block; width:22px; height:22px; vertical-align:middle; margin:0 10px 0.15em 0; 
	background:url("../images/icon_legend.png") no-repeat; background-size:100%; 
	}
	.form_group_title.search span::before { background-position:0 0; }
	.form_group_title.setting span::before { background-position:0 10%; }
.FormGroup > *:first-child { margin-top:0; }
.FormGroup > *:last-child { margin-bottom:0; }
@media screen and (max-width: 639px) {
.FormGroupWarp { margin-top:20px; margin-bottom:30px; }
.FormGroup { padding:15px 15px 30px; }
}
@media screen and (min-width: 640px) and (max-width: 1023px) {
.FormGroupWarp { margin-top:20px; margin-bottom:40px; }
.FormGroup { padding:20px 30px 30px; }
}
@media screen and (min-width: 1024px) {
.FormGroupWarp { margin-top:20px; margin-bottom:40px; }
.FormGroup { padding-top:20px; padding-bottom:20px; }
}
	@media screen and (min-width: 1024px) and (max-width: 1439px) {
	.FormGroup { padding-left:2.8vw; padding-right:2.8vw; }
	}
	@media screen and (min-width: 1440px) {
	.FormGroup { padding-left:40px; padding-right:40px;  }
	}

/* 表單表格 */
.FormTableWrap { margin:10px 0 30px; }
	.FormTableWrap.login { max-width:800px; margin-left:auto; margin-right:auto; }
.FormTableWrap > *:first-child { margin-top:0; }
.FormTableWrap > *:last-child { margin-bottom:0; }
table.FormTable { width:100%; margin:10px 0 20px; table-layout:fixed; }
table.FormTable.small { max-width:700px; margin-left:auto; margin-right:auto; }
table.FormTable > tbody > tr > th { line-height:1.5em; position:relative; }
table.FormTable > tbody > tr > th span.required { color:#e60000; }
table.FormTable > tbody > tr > td { line-height:1.5em; }
@media screen and (max-width: 1023px) {
.FormTable { width:auto; }
table.FormTable , table.FormTable > tbody, table.FormTable > tbody > tr, table.FormTable > tbody > tr > th, table.FormTable > tbody > tr > td { display:block; }
table.FormTable > tbody > tr { padding:20px 0 15px 0; position:relative; border-bottom: 1px solid #d5f0ec; }
    table.FormTable > tbody > tr:last-child { padding-bottom:0; border-bottom: none; }
table.FormTable > tbody > tr > th { margin-bottom:10px; text-align:left; font-weight:bold; font-size:1.125rem; }
}
@media screen and (min-width: 1024px) {
table.FormTable > tbody > tr > th, table.FormTable > tbody > tr > td { vertical-align:top; }
table.FormTable > tbody > tr > th { height:1px; width:200px; padding:20px 10px 15px 0; text-align:right; }
table.FormTable > tbody > tr > th > div { 
	max-height:40px; height:100%; 
	display:flex; justify-content:flex-end; align-items:center; align-content:center; flex-wrap:wrap; 
	}
table.FormTable > tbody > tr > td { padding:15px 0 10px 0; }
}

/* 表單內按鈕 */
.FormElmt .inline_btn { display:inline-block; margin-right:6px; vertical-align:top; }
.FormElmt .inline_btn > * { 
	display:inline-block; margin-right:5px; margin-bottom:5px; padding-left:15px; padding-right:15px; background-color:#999; 
	color:#fff; line-height:40px; text-decoration:none;
	border-radius:5px;
	}
.FormElmt .inline_btn > *[class] { background-image:url("../images/icon_inline_btn.png"); background-repeat:no-repeat; }
.FormElmt .inline_btn > *:hover, .FormElmt .inline_btn > *:focus { background-color:#2d6cab; }
.FormElmt .inline_btn.block { display:block; margin-left:0; margin-right:0; }

/* 表單警告/提示 */
.FormElmt .form_alert { display:inline-block; margin-left:10px; margin-right:6px; vertical-align:top; }
.FormElmt .form_alert span { 
	display:inline-block; margin-right:6px; margin-bottom:6px; padding-left:15px; padding-right:15px; background-color:#c9161d; 
	color:#fff; line-height:36px; font-size:0.875rem; box-sizing:border-box; position:relative; 
	border-radius:5px;
	}
.FormElmt .form_alert span::after { 
	display:block; content:''; top:15px; left:-8px; position:absolute; 
	border-top:5px solid transparent; border-bottom:5px solid transparent; border-right:8px solid #c9161d; 
	}

/* 表單元件 */
.FormElmt input[type="text"], .FormElmt input[type="password"], .FormElmt input[type="file"], 
.FormElmt input[type="number"], .FormElmt input[type="date"], .FormElmt input[type="month"],
.FormElmt input[type="week"], .FormElmt input[type="time"], .FormElmt input[type="datetime-local"],
.FormElmt input[type="email"], .FormElmt input[type="search"], .FormElmt input[type="tel"], .FormElmt input[type="url"],
.FormElmt input[type="color"], .FormElmt input[type="hidden"], .FormElmt input[type="range"] { 
	line-height:46px; height:46px; 
	}
.FormElmt input[type="text"], .FormElmt input[type="password"], .FormElmt input[type="file"], 
.FormElmt input[type="number"], .FormElmt input[type="date"], .FormElmt input[type="month"],
.FormElmt input[type="week"], .FormElmt input[type="time"], .FormElmt input[type="datetime-local"],
.FormElmt input[type="email"], .FormElmt input[type="search"], .FormElmt input[type="tel"], .FormElmt input[type="url"],
.FormElmt input[type="color"], .FormElmt input[type="hidden"], .FormElmt input[type="range"],
.FormElmt select, .FormElmt textarea { 
	max-width:100%; margin-bottom:5px; margin-right:5px; vertical-align:middle; font-size:1rem; color:#555;
	}
	.FormElmt input::placeholder { color:#555; }
.FormElmt input[type="text"], .FormElmt input[type="password"], 
.FormElmt input[type="number"], .FormElmt input[type="date"], .FormElmt input[type="month"],
.FormElmt input[type="week"], .FormElmt input[type="time"], .FormElmt input[type="datetime-local"],
.FormElmt input[type="email"], .FormElmt input[type="search"], .FormElmt input[type="tel"], .FormElmt input[type="url"], 
.FormElmt input[type="color"], .FormElmt input[type="hidden"], .FormElmt input[type="range"],
.FormElmt select, .FormElmt textarea {
	background-color:#fff; border:1px solid #202020; box-sizing:border-box; 
	}
.FormElmt input[type="text"], .FormElmt input[type="password"], 
.FormElmt input[type="number"], .FormElmt input[type="date"], .FormElmt input[type="month"],
.FormElmt input[type="week"], .FormElmt input[type="time"], .FormElmt input[type="datetime-local"],
.FormElmt input[type="email"], .FormElmt input[type="search"], .FormElmt input[type="tel"], .FormElmt input[type="url"],
.FormElmt input[type="color"], .FormElmt input[type="hidden"], .FormElmt input[type="range"] { 
	padding:0 20px; 
	}
.FormElmt textarea { padding:10px; }
.FormElmt select { padding-left:12px; padding-right:10px; height:46px; max-width:100%; }
.FormElmt input[type="radio"] + label, .FormElmt input[type="checkbox"] + label { margin-right:4px; }

.FormElmt input[type="text"]:focus, .FormElmt input[type="password"]:focus, .FormElmt input[type="file"]:focus, 
.FormElmt input[type="number"]:focus, .FormElmt input[type="date"]:focus, .FormElmt input[type="month"]:focus,
.FormElmt input[type="week"]:focus, .FormElmt input[type="time"]:focus, .FormElmt input[type="datetime-local"]:focus,
.FormElmt input[type="email"]:focus, .FormElmt input[type="search"]:focus, .FormElmt input[type="tel"]:focus, .FormElmt input[type="url"]:focus,
.FormElmt input[type="color"]:focus, .FormElmt input[type="hidden"]:focus, .FormElmt input[type="range"]:focus,
.FormElmt textarea:focus, .FormElmt select:focus {
	background-color:#ffedf4; border-color:#e80067; box-shadow:0 0 10px rgba(0,0,0,0.2); transition:all ease-in-out .15s;
	}
.FormElmt input[disabled], .FormElmt textarea[disabled], .FormElmt select[disabled] { 
	background-color:#fff; color:#666; opacity:1; padding:0; height:auto; line-height:inherit;
	box-shadow:none;
	}
	.FormElmt select[disabled] { cursor:default; }
	.FormElmt input[type="file"][disabled] { border:0; background:none; }
	.FormElmt input[type="radio"][disabled] + label, .FormElmt input[type="checkbox"][disabled] + label { color:#999; }

@media screen and (max-width: 639px) {
.FormElmt input[type="text"], .FormElmt input[type="password"], .FormElmt input[type="file"], 
.FormElmt input[type="number"], .FormElmt input[type="date"], .FormElmt input[type="month"],
.FormElmt input[type="week"], .FormElmt input[type="time"], .FormElmt input[type="datetime-local"],
.FormElmt input[type="email"], .FormElmt input[type="search"], .FormElmt input[type="tel"], .FormElmt input[type="url"],
.FormElmt input[type="color"], .FormElmt input[type="hidden"], .FormElmt input[type="range"],
.FormElmt select, .FormElmt textarea { 
	font-size:0.9375rem;
	}
.FormElmt input[type="file"] { width:100%; }
.FormElmt input[type="text"], .FormElmt input[type="password"], 
.FormElmt input[type="number"], .FormElmt input[type="date"], .FormElmt input[type="month"],
.FormElmt input[type="week"], .FormElmt input[type="time"], .FormElmt input[type="datetime-local"],
.FormElmt input[type="email"], .FormElmt input[type="search"], .FormElmt input[type="tel"], .FormElmt input[type="url"],
.FormElmt input[type="color"], .FormElmt input[type="hidden"], .FormElmt input[type="range"] {
	padding:0 10px;
	}
}
	
.FormElmt hr { margin:15px 0 5px; }
.FormElmt .w40 { width:40px; }
.FormElmt .w60 { width:60px; }
.FormElmt .w80 { width:80px; }
.FormElmt .w100 { width:100px; }
.FormElmt .w150 { width:150px; }
.FormElmt .w200 { width:200px; }
.FormElmt .w250 { width:250px; }
.FormElmt .w300 { width:300px; }
.FormElmt .w350 { width:350px; }
.FormElmt .w400 { width:400px; }
.FormElmt .w500 { width:500px; }
.FormElmt .fullwidth { width:100%; }
.FormElmt .date, .FormElmt .datepicker { width:180px; }
.FormElmt .note { display:block; color:#e60000; }
.FormElmt .FormTable .note { display:inline-block; margin-left:5px; font-size:0.875rem; }
.FormElmt .FormTable br + .note { display:block; margin-left:0; }

/* checkbox/radio群組 */
.FormElmt .form-check-group { max-width:100%; }
.FormElmt .form-check-group.inline { display:inline-block; }
.FormElmt * + .form-check-group.inline.margin { margin-left:15px; }
.FormElmt .form-check-group li { 
	display:inline-block; margin-top:5px; margin-bottom:5px; padding-right:30px; max-width:100%; line-height:30px; vertical-align:middle; 
	}
.FormElmt .form-check-group.item_block li { display:block; margin-right:0; }
.FormElmt .form-check-group .fullwidth { display:block; margin-right:0; }
.FormElmt .form-check-group li.divider { height:40px; position:relative; }
.FormElmt .form-check-group li.divider::before { 
	content:''; display:block; position:absolute; top:50%; left:0; margin-top:-15px; height:30px; border-left:1px solid #ccc; 
	}

/* 驗證碼 */
.FormElmt .randomcode { 
	display:flex; align-items:center; align-content:center; flex-wrap:wrap;
	}
.FormElmt .randomcode > div { flex:0 1 auto; margin-right:10px; line-height:normal; }
.FormElmt .randomcode .input input[type="text"] { width:120px; margin-bottom:0; }
.FormElmt .randomcode .img img { display:block; }
.FormElmt .randomcode .btns { margin-left:10px; }
.FormElmt .randomcode .btns > * { 
	border:0; padding:0; margin-right:10px; height:36px; position:relative; 
	display:inline-flex; align-items:center; flex-wrap:wrap;
	font-size:0.9375rem; line-height:40px; color:#555; text-decoration:none;
	}
.FormElmt .randomcode .btns > *:last-child { margin-right:0; }
.FormElmt .randomcode .btns > *:hover, .FormElmt .randomcode .btns > *:focus { color:#dc5512; }
.FormElmt .randomcode .btns > *::before { 
    display:inline-block; content:''; width:15px; height:15px; vertical-align:middle; margin-right:5px; 
	background:url("../images/icon_random_code.png") no-repeat; background-size:200%; 
	}
	.FormElmt .randomcode .refresh::before { background-position:0 0; }
	.FormElmt .randomcode .play::before { background-position:0 100%; }
	.FormElmt .randomcode .refresh:hover::before, .FormElmt .randomcode .refresh:focus::before { background-position:right 0; }
	.FormElmt .randomcode .play:hover::before, .FormElmt .randomcode .play:focus::before { background-position:right 100%; }
.FormElmt .randomcode .btns > *::after { display:block; content:'';position:absolute; bottom:3px; left:0; width:100%; height:1px; background-color:#d4d4d4; }
.FormElmt .randomcode .btns > *:hover::after, .FormElmt .randomcode .btns > *:focus::after { background-color:#dc5512; }

/* 按鈕 */
.BtnCommon { margin-top:15px; margin-bottom:15px; clear:both; text-align:center; }
	.BtnCommon.tl { text-align:left; }
	.BtnCommon.tr { text-align:right; }
.BtnCommon div { display:inline-block; margin-top:5px; margin-bottom:5px; }
	@media screen and (max-width: 639px) {
	.BtnCommon div, .BtnCommon.tc div { margin-right:5px; margin-left:5px; }
	.BtnCommon.tl div { margin-right:10px; margin-left:0; }
	.BtnCommon.tr div { margin-right:0; margin-left:10px; }
	}
	@media screen and (min-width: 640px) {
	.BtnCommon div, .BtnCommon.tc div { margin-right:8px; margin-left:8px; }
	.BtnCommon.tl div { margin-right:16px; margin-left:0; }
	.BtnCommon.tr div { margin-right:0; margin-left:16px; }
	.BtnCommon.small div, .BtnCommon.tc.small div { margin-right:3px; margin-left:3px; }
	.BtnCommon.tl.small div { margin-right:6px; margin-left:0; }
	.BtnCommon.tr.small div { margin-right:0; margin-left:6px; }
	}
.BtnCommon a, .BtnCommon button, .BtnCommon span { display:block; }
.BtnCommon span {
	display:flex; align-items:center; 
	}
.BtnCommon a, .BtnCommon button { 
    background-color:#018cd4; position:relative; color:#fff; border-radius:30px; font-weight:bold; 
	}
	.BtnCommon .reset a, .BtnCommon .reset button { background-color:#999; }
	.BtnCommon.large a, .BtnCommon.large button { height:54px; line-height:54px; }
    .BtnCommon.mid a, .BtnCommon.mid button { height:45px; line-height:45px; }
	.BtnCommon.small a, .BtnCommon.small button { height:36px; line-height:36px; }
	
	@media screen and (max-width: 639px) {
	.BtnCommon.large a, .BtnCommon.large button { padding-left:20px; padding-right:20px; font-size:1.125rem; }
	.BtnCommon.mid a, .BtnCommon.mid button { padding-left:15px; padding-right:15px; font-size:0.9375rem; }
	.BtnCommon.small a, .BtnCommon.small button { padding-left:10px; padding-right:10px; font-size:0.9375rem; }
	}
	@media screen and (min-width: 640px) {
	.BtnCommon.large a, .BtnCommon.large button { padding-left:25px; padding-right:25px; font-size:1.125rem; }
	.BtnCommon.mid a, .BtnCommon.mid button { padding-left:20px; padding-right:20px; font-size:1rem; }
	.BtnCommon.small a, .BtnCommon.small button { padding-left:15px; padding-right:15px; font-size:1rem; }
	}
.BtnCommon a { text-decoration:none; }

/* 按鈕加icon */
.BtnCommon div[class] span::before { 
	content:''; display:inline-block; flex:0 1 auto; width:20px; height:20px; margin:0 6px 0 0; 
	background:url("../images/icon_btn_common.png") no-repeat;
	}
	.BtnCommon div.submit span::before { background-position:0 0; }
    .BtnCommon div.reset span::before { background-position:0 -20px; }
    .BtnCommon div.login span::before { background-position:0 -40px; }
    .BtnCommon div.forget span::before { background-position:0 -60px; }
.BtnCommon div.no_icon span::before { display:none; }

/* 按鈕加漸層效果(可以不要) */
/*.BtnCommon div[class] > *::after { 
	display:block; position:absolute; top:0; left:0; width:100%; height:100%; content:''; 
	background: -ms-linear-gradient(top, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 100%);
	}*/

.BtnCommon a:hover, .BtnCommon button:hover, .BtnCommon a:focus, .BtnCommon button:focus { 
	background-color:#01afb1; box-shadow:0 0 8px rgba(1,175,177,0.5);
	}

/* 表單送出畫面 */
.form_feedback_box { 
	background-color:#fffdf3; border:2px solid #009a5f; padding:20px 30px; max-width:640px; margin:30px auto; line-height:2em; 
	box-shadow:2px 2px 17px rgba(0,0,0,0.14);
	}


/*----------------------------------------------------------------------*/
/* datepicker共通設定 */
.ui-datepicker { 
	background-color:#fff; padding:15px 8px 7px 8px; position:relative; display:none;
	box-shadow: 0 0 5px #b2b2b2;
	}
.ui-datepicker-prev, .ui-datepicker-next { 
	display:block; position:absolute; top:15px; width:36px; height:36px; cursor:pointer; 
	}
	.ui-datepicker-prev { left:0; }
	.ui-datepicker-next { right:0; }
.ui-datepicker-prev span, .ui-datepicker-next span { 
	display:block; position:absolute; top:50%; left:50%; margin:-6px 0 0 -6px; width:12px; height:12px; background:url("../images/icon_datepicker.png") no-repeat; 
	text-indent:-10000px; 
	}
	.ui-datepicker-prev span { background-position:0 0; }
	.ui-datepicker-next span { background-position:0 -12px; }
	.ui-datepicker-prev:hover span { background-position:-12px 0; }
	.ui-datepicker-next:hover span { background-position:-12px -12px; }
.ui-datepicker-title { text-align:center; font-size:15px; font-weight:bold; line-height:30px; }
.ui-datepicker-title select { height:36px; padding:7px 0 8px; font-size:15px; }
.ui-datepicker-title select.ui-datepicker-year { margin-right:4px; }
.ui-datepicker-title select.ui-datepicker-month { margin-left:6px; }
.ui-datepicker-title select.ui-datepicker-month:first-child { margin-left:0; }
.ui-datepicker-title select.ui-datepicker-month + select.ui-datepicker-year { margin-left:6px; margin-right:0; }
.ui-datepicker-calendar { margin-top:5px; }
.ui-datepicker-calendar th, .ui-datepicker-calendar td { width:32px; padding:0; font-family:Arial, Helvetica, "微軟正黑體", sans-serif; text-align:center; }
.ui-datepicker-calendar th { font-size:14px; font-weight:bold; }
.ui-datepicker-calendar td { font-size:14px; }
	.ui-datepicker-calendar th span, .ui-datepicker-calendar td span, .ui-datepicker-calendar td a { display:block; padding:5px 0 5px; }
	.ui-datepicker-calendar td a { text-decoration:none; color:#333; line-height:22px; }
	.ui-datepicker-unselectable { color:#cfcfcf; }
	.ui-datepicker-today { background-color:#e60012; }
		.ui-datepicker-calendar td.ui-datepicker-today a { color:#fff !important; }
		.ui-datepicker-unselectable.ui-datepicker-today { background-color:#f0f0f0; }
	.ui-datepicker-calendar td a.ui-state-default:hover { color:#e60012 }
	.ui-datepicker-current-day a { border:1px solid #21293c; }


/*----------------------------------------------------------------------*/
/* 編輯器 */
.editable_content { margin-top:10px; margin-bottom:10px; }
.editable_content.content { margin-top:30px; margin-bottom:40px; }
#main_content + .editable_content.content { margin-top:10px; }

/* 為文字上稿區可能出現的元素做設定 */
/*.editable_content, .editable_content p, .editable_content li, .editable_content div, .editable_content blockquote { text-align:justify; text-justify:inter-ideograph; }*/
.editable_content, .editable_content p, .editable_content li, .editable_content div, .editable_content blockquote { 
	line-height:2em; letter-spacing:0.15em;
	}
.editable_content .district, .editable_content div, .editable_content table, .editable_content iframe, .editable_content blockquote { 
	margin-top:2.5em; margin-bottom:2.5em; 
	}
.editable_content p, .editable_content ul, .editable_content ol { 
	margin-top:1.5em; margin-bottom:1.5em; 
	}
.editable_content p { padding:0; }
.editable_content h4, .editable_content h5, .editable_content h6 { margin-bottom:5px; line-height:1.5em; }
.editable_content h4 + *:not(h4):not(h5):not(h6),
.editable_content h5 + *:not(h4):not(h5):not(h6),
.editable_content h6 + *:not(h4):not(h5):not(h6) { margin-top:0.625em; }
.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:1.25em; }
	.editable_content h4 { font-size:1.375rem; color:#202020; overflow:hidden; }
	.editable_content h5 { font-size:1.25rem; }
	.editable_content h6 { font-size:1.125rem; }
.editable_content blockquote { 
	background-color:#fff; border:1px solid #ccc;
	overflow:hidden; position:relative; box-sizing:border-box; 
	}
.editable_content blockquote::before, .editable_content blockquote::after { 
	display:block; position:absolute; font-family:'Montserrat', sans-serif; line-height:100%; color:#e2e2e2; 
	}
.editable_content blockquote::before { content:'“'; }
.editable_content blockquote::after { content:'”'; }
	@media screen and (max-width: 767px) {
	.editable_content blockquote { padding:50px 25px; }
	.editable_content blockquote::before, .editable_content blockquote::after { font-size:80px; }
	.editable_content blockquote::before { left:10px; top:10px; }
	.editable_content blockquote::after { right:10px; bottom:-40px; }
	}
	@media screen and (min-width: 768px) and (max-width: 1023px) {
	.editable_content blockquote { margin-left:40px; margin-right:40px; padding:25px 50px; }
	.editable_content blockquote::before, .editable_content blockquote::after { font-size:80px; }
	.editable_content blockquote::before { left:10px; top:10px; }
	.editable_content blockquote::after { right:10px; bottom:-40px; }
	}
	@media screen and (min-width: 1024px) {
	.editable_content blockquote { margin-left:60px; margin-right:60px; padding:30px 70px; }
	.editable_content blockquote::before, .editable_content blockquote::after { font-size:100px; }
	.editable_content blockquote::before { left:20px; top:5px; }
	.editable_content blockquote::after { right:20px; bottom:-45px; }
	}
.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:2em; overflow:hidden; }
.editable_content ul { list-style-type:disc; padding-left:2em; 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:0.625em; }
.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 ol li:last-child { margin-bottom:0; }
.editable_content dl { overflow:hidden; }
.editable_content dl dt { font-weight:bold; margin-bottom:0.625em; }
.editable_content dl dd { padding-left:25px; margin-bottom:0.625em; position:relative; }
.editable_content dl dd::before {  
	content:''; display:block; position:absolute; top:1em; left:6px; width:6px; height:6px; margin-top:-3px; background-color:#333; border-radius:50%; }
	
.editable_content dl dl, .editable_content dl ul, .editable_content dl ol, .editable_content ul dl.editable_content ol dl { margin-top:5px; margin-bottom:0; }
.editable_content dl dd:last-child { margin-bottom:0; }
.editable_content hr { margin:1.875em 0; }

/* 影片、相關連結、相關檔案 */
.MsgModule_Download span, .MsgModule_Link span { white-space:nowrap; font-weight:bold; }
.MsgModule_Download + .MsgModule_Download, .MsgModule_Download + .MsgModule_Link, .MsgModule_Link + .MsgModule_Download, .MsgModule_Link + .MsgModule_Link { 
	margin-top:-10px; 
	}
.editable_content .MsgModule_Download span.file_hashes { margin-left:4px; }
	
.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:#ebebeb; 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:1.25em; }/* no script時影片區塊顯示的訊息 */
	
.editable_content .MsgModule_Media video  { display:block; width:100%; }

/* 文繞圖設定 */
.editable_content .district::after { content:''; display:block; clear:both; }
.editable_content .district > *:first-child { margin-top:0; }
.editable_content .district > *:last-child { margin-bottom:0; }
.editable_content .img_bg { margin-bottom:20px; text-align:center; }
.editable_content .img_bg figure { display:inline-block; margin:0; }
.editable_content .imgleft { float:left; }
.editable_content .imgright { float:right; }
.editable_content .imgcenter { clear:both; text-align:center; max-width:1200px; margin-left:auto; margin-right:auto; }
.editable_content .imgleft, .editable_content .imgright { max-width:50%; }
.editable_content .img_bg figcaption, .editable_content .img_bg span { 
	display:block; padding:0 0 0 14px; margin:0 auto; position:relative;
	font-size:0.875rem; font-weight:300; color:#636363; line-height:1.5em; text-align:left; 
	}
.editable_content .img_bg figcaption::after, .editable_content .img_bg span::after { 
	content:''; display:block; position:absolute; top:9px; left:0;
	border-left:5px solid transparent; border-right:5px solid transparent; border-bottom:5px solid #999;
	}

@media screen and (max-width: 639px) {
.editable_content .district .imgleft, .editable_content .district .imgright { 
	float:none; clear:both; max-width:100%; text-align:center; margin-left:auto; margin-right:auto; 
	}
}
@media screen and (min-width: 640px) and (max-width: 1279px) {
.editable_content .imgleft { margin-right:20px; }
.editable_content .imgright { margin-left:20px; }
}
@media screen and (min-width: 1280px) {
.editable_content .imgleft { margin-right:25px; }
.editable_content .imgright { margin-left:25px; }
}
	
/* 單篇延伸區塊 */
.editable_content h4.ext_title { 
	display:flex; align-items:center; margin-bottom:10px; margin-top:0; position:relative; 
	color:#00005d; font-size:1.25rem; font-weight:700; line-height:1.5em;
	}
.editable_content h4.ext_title::before { 
	content:''; display:block; width:22px; height:22px; margin-right:5px; 
	background:url("../images/icon_module.svg") no-repeat; background-size:100%; 
	}
	.editable_content h4.icon_file::before { background-position:0 0; }
	.editable_content h4.icon_link::before { background-position:0 50%; }
	.editable_content h4.icon_photo::before { background-position:0 100%; }

.editable_content ul.ext_list { margin:0 0 2em 0; list-style-type:none; overflow:hidden; }
.editable_content ul.ext_list li { position:relative; margin-bottom:6px; line-height:1.8em; }
	.editable_content ul.ext_list li:last-child { margin-bottom:0; }
.editable_content ul.ext_list li::after { 
	content:''; display:block; position:absolute; top:0.9em; left:-15px; background-color:#202020; width:6px; height:6px; margin-top:-3px; 
	}
.editable_content ul.ext_list li > a { display:inline-block; color:#202020; }
.editable_content ul.ext_list li > a:hover, .editable_content ul.ext_list li > a:focus { color:#e80067; }
.editable_content ul.ext_list li span.file_ext { margin-left:6px; width:24px; height:24px; }
.editable_content ul.ext_list li span.file_hashes { margin-left:6px; width:24px; height:24px; }
.editable_content ul.ext_list li span.file_hashes a { background-position:right 0; }
.editable_content ul.ext_list li span.file_hashes a:hover,
.editable_content ul.ext_list li span.file_hashes a:focus { background-position:right 100%; }
.editable_content #colorbox_thum { position:relative; margin-top:0; }

/* 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:1.5em; }
.editable_content .tableWrap { position:relative; overflow-y:auto; _overflow:auto; width:100%; margin-bottom:1em; -webkit-overflow-scrolling:touch; }
.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 #fafafa; background-color:rgba(0, 0, 0, .3); }
.editable_content .tableWrap::-webkit-scrollbar-thumb:hover { background-color:#e80067; }

/* 移除第一個物件的上邊界、上間距避免過大的空白 */
.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, 
.editable_content ul,
.editable_content ol,
.editable_content li,
.editable_content figure, 
.editable_content figcaption { 
	max-width:100%; 
	}
.editable_content * { word-wrap:break-word; }
/* 取消圖片的高度設定避免RWD時不等比例縮放 */
.editable_content img { height:auto; }

/* html編輯區的表格外框樣式 */
.editable_content .table_style1 { width:100%; 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:5px 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 .table_style1 > tbody > tr > td { background-color:#fff; color:#333; }


/*----------------------------------------------------------------------*/
/* 微編輯器 */
.micro_editable_content, .micro_editable_content p, .micro_editable_content li, .micro_editable_content div, .micro_editable_content blockquote { 
	line-height:1.875em; letter-spacing:0.15em;
	}
.micro_editable_content div, .micro_editable_content table, .micro_editable_content iframe, .micro_editable_content blockquote { 
	margin-top:1.4375em; margin-bottom:1.4375em; 
	}
.micro_editable_content p, .micro_editable_content ul, .micro_editable_content ol { 
	margin-top:1em; margin-bottom:1em; 
	}
.micro_editable_content p { padding:0; }
.micro_editable_content h4, .micro_editable_content h5, .micro_editable_content h6 { margin-bottom:5px; line-height:1.5em; }
.micro_editable_content h4 + *:not(h4):not(h5):not(h6),
.micro_editable_content h5 + *:not(h4):not(h5):not(h6),
.micro_editable_content h6 + *:not(h4):not(h5):not(h6) { margin-top:0.625em; }
.micro_editable_content h4 + h4, .micro_editable_content h4 + h5, .micro_editable_content h4 + h6,
.micro_editable_content h5 + h4, .micro_editable_content h5 + h5, .micro_editable_content h5 + h6,
.micro_editable_content h6 + h4, .micro_editable_content h6 + h5, .micro_editable_content h6 + h6 { margin-top:1.25em; }
	.micro_editable_content h4 { font-size:1.375rem; color:#202020; overflow:hidden; }
	.micro_editable_content h5 { font-size:1.25rem; }
	.micro_editable_content h6 { font-size:1.125rem; }
.micro_editable_content blockquote { 
	background-color:#fff; border:1px solid #ccc; margin-left:20px; margin-right:20px; padding:20px 40px;
	overflow:hidden; position:relative; box-sizing:border-box; 
	}
.micro_editable_content blockquote::before, .micro_editable_content blockquote::after { 
	display:block; position:absolute; font-family:'Montserrat', sans-serif; line-height:100%; color:#e2e2e2; font-size:64px;
	}
.micro_editable_content blockquote::before { content:'“'; left:10px; top:5px; }
.micro_editable_content blockquote::after { content:'”'; right:10px; bottom:-25px; }
.micro_editable_content ol { list-style-type:decimal; padding-left:2em; overflow:hidden; }
.micro_editable_content ul { list-style-type:disc; padding-left:2em; overflow:hidden; }
	.micro_editable_content ul[type="disc"] { list-style-type:disc; }
	.micro_editable_content ul[type="circle"] { list-style-type:circle; }
	.micro_editable_content ul[type="square"] { list-style-type:square; }
.micro_editable_content li { margin-bottom:0.5em; }
.micro_editable_content ol ol { list-style-type:lower-alpha; }
.micro_editable_content ul ul { list-style-type:circle; }
.micro_editable_content ul ul, .micro_editable_content ul ol, .micro_editable_content ol ul, .micro_editable_content ol ol { margin-top:5px; margin-bottom:0; }
.micro_editable_content ul li:last-child, .micro_editable_content li:last-child { margin-bottom:0; }
.micro_editable_content hr { margin:1.4375em 0; }

/* 移除第一個物件的上邊界、上間距避免過大的空白 */
.micro_editable_content > *:first-child, .micro_editable_content blockquote > *:first-child, .micro_editable_content td > *:first-child { 
	margin-top:0; 
	}
/* 移除最後一個物件的下邊界、下間距避免過大的空白 */
.micro_editable_content > *:last-child, .micro_editable_content blockquote > *:last-child, .micro_editable_content td > *:last-child { 
	margin-bottom:0; 
	}
/* 避免爆版 */
.micro_editable_content iframe, 
.micro_editable_content img, 
.micro_editable_content div, 
.micro_editable_content p, 
.micro_editable_content span, 
.micro_editable_content ul,
.micro_editable_content ol,
.micro_editable_content li,
.micro_editable_content figure, 
.micro_editable_content figcaption { 
	max-width:100%; 
	}
.micro_editable_content * { word-wrap:break-word; }
/* 取消圖片的高度設定避免RWD時不等比例縮放 */
.micro_editable_content img { height:auto; }


/*----------------------------------------------------------------------*/
/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper { position:absolute; top:0; left:0; z-index:10001; overflow:hidden; }
#cboxOverlay { position:fixed; width:100%; height:100%; }
#cboxMiddleLeft, #cboxBottomLeft { clear:left; }
#cboxContent { position:relative;font-size:14px; text-align:center; }
#cboxLoadedContent { overflow:auto;padding:30px 5px 60px 5px; }
#cboxTitle { margin:0; }
#cboxLoadingOverlay, #cboxLoadingGraphic { position:absolute; top:0; left:0; width:100%; height:100%; }
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor:pointer; }
.cboxPhoto { float:left; margin:auto; border:0; display:block; max-width:none; }
.cboxIframe { width:100%; height:100%; display:block; border:0; }
#colorbox, #cboxContent, #cboxLoadedContent { box-sizing:content-box; }

#colorbox_thum { display:flex; align-items:center; flex-wrap:wrap; }
#colorbox_thum a { display:block; text-align:center; vertical-align:middle; }
#colorbox_thum a:hover { 
    transform: scale(1.02);
	}
#colorbox_thum a * { vertical-align:middle; }
#colorbox_thum a span { display:inline-block; height:100%; }
#colorbox_thum a img { max-width:100%; max-height:100%; }

@media screen and (max-width:399px) {
#colorbox_thum { margin-left:-5px; margin-right:-5px; }
#colorbox_thum a { padding:5px; }
}
@media screen and (min-width: 400px) {
#colorbox_thum { margin-left:-10px; margin-right:-10px; }
#colorbox_thum a { padding:10px; }
}

@media screen and (max-width: 639px) {
#colorbox_thum a { width:140px; height:100px; }
}
@media screen and (min-width: 640px) and (max-width: 1199px) {
#colorbox_thum a { width:180px; height:120px; }
}
@media screen and (min-width: 1200px) {
#colorbox_thum a { width:220px; height:145px; }
}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay { background:#000; }
#colorbox {}
    #cboxContent { margin-top:20px; }
        .cboxIframe { background:#fff; }
        #cboxError { padding:50px; border:1px solid #ccc; }
        #cboxLoadedContent { border:5px solid #000; background:#000; }
        #cboxTitle { position:absolute; bottom:10px; *bottom:20px; left:0; width:100%; padding:0 10px; box-sizing:border-box; color:#fff; line-height:18px; }
        #cboxCurrent { position:absolute; top:-20px; right:0px; color:#ccc; }
        #cboxSlideshow { position:absolute; top:-20px; right:90px; color:#fff; }
        #cboxPrevious { 
			position:absolute; top:50%; left:5px; margin-top:-32px; background:url("../images/colorbox_controls.png") no-repeat top left; 
			width:28px; height:65px; text-indent:-9999px;
			}
        #cboxPrevious:hover { background-position:bottom left; }
        #cboxNext { 
			position:absolute; top:50%; right:5px; margin-top:-32px; background:url("../images/colorbox_controls.png") no-repeat top right; 
			width:28px; height:65px; text-indent:-9999px;
			}
        #cboxNext:hover { background-position:bottom right; }
        #cboxLoadingOverlay { background:#000; }
        #cboxLoadingGraphic { background:url("../images/colorbox_loading.gif") no-repeat center center; }
        #cboxClose { 
			position:absolute; top:5px; right:5px; display:block; background:url("../images/colorbox_controls.png") no-repeat top center; 
			width:38px; height:19px; text-indent:-9999px;
			}
        #cboxClose:hover {background-position:bottom center; }

		
/*----------------------------------------------------------------------*/
/*測試用menu*/
.ifun_text_menu { position:fixed; top:0; left:0; z-index:10006; }
.ifun_text_menu ul { box-sizing: content-box; }
.ifun_text_menu a { display:block; text-decoration:none; }
.ifun_text_menu li:hover > a { color:red; }
.ifun_text_menu > ul > li > a { text-indent:-10000px; width:20px; height:20px; }

.ifun_text_menu > ul ul { display:none; position:absolute; width:150px; border:1px solid #ccc; }
	.ifun_text_menu ul ul ul ul { width:200px; }
.ifun_text_menu > ul ul::before { 
	content:''; display:block; position:absolute; top:12px; left:-12px; width:5px; height:5px;
	border-left:1px solid #999; border-top:1px solid #999;
	transform: rotate(135deg);
	}
	.ifun_text_menu li:hover > ul::before { border-color:red; }
.ifun_text_menu > ul > li > ul { top:20px; left:0; }
.ifun_text_menu > ul > li > ul ul { top:-1px; left:150px; }
.ifun_text_menu > ul li:hover > ul { display:block; } 
.ifun_text_menu > ul ul li { background-color:rgba(255,255,255,0.85); position:relative; }
.ifun_text_menu > ul ul a { padding:6px 10px; line-height:125%; font-size:14px; color:#333; }