@charset "utf-8";
/* CSS Document */
/*中文預設字型:Noto Sans TC,font-family:'Noto Sans TC', sans-serif; 400(Regular),500(Medium),600(SemiBold)*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@600&display=swap');
/*英文字型:Roboto,font-family:'Roboto', sans-serif; font-weight:400(Regular),500(Medium)*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap');
/*英文標題字型:Cormorant Garamond,font-family:'Cormorant Garamond', serif; font-weight:700(Bold)*/
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@700&display=swap');
@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:#333; font-family:'Roboto', 'Noto Sans TC', 'Heiti TC', '黑體-繁', 'Microsoft JhengHei', '微軟正黑體', sans-serif; font-optical-sizing:auto; }
body {  
	background:#f3f3f3 url(../images/bg.jpg) repeat; 
	-webkit-overflow-scrolling:touch;	/*momentum-based scrolling*/
	}
#Wrap { height:100%; max-width:1920px; margin:0 auto; position:relative; overflow:hidden; }
	@media screen and (max-width: 1279px) {
	#Wrap { padding-top:60px; }
	}
	@media screen and (min-width: 1280px) and (max-width: 1439px) {
	#Wrap { padding-top:80px; }
	}
	@media screen and (min-width: 1440px) {
	#Wrap { padding-top:100px; }
	}

	@media screen and (min-width: 1024px) {
	#Wrap { padding-left:16.145vw; }
	}
body.fixed { overflow:hidden; }
/*@media (prefers-reduced-motion: no-preference) {
:root { scroll-behavior:smooth; }
}*/

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

/* 反選 */
::selection{ background-color:#384952; color:#fff; }

/* 無障礙 */
body { letter-spacing:0.1em; }
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:0.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:#384952; width:180px; line-height:58px;
	text-align:center; color:#fff; font-weight:bold; text-decoration:none; position:relative; 
	}
.return_form_noscript a:hover, .return_form_noscript a:focus { background-color:#4c7697; box-shadow:0 0 20px rgba(0,0,0,0.3); }

.SubMenuList { position:relative; }
.SubMenuList dl { display:flex; flex-wrap:wrap; margin:0 -10px; }
.SubMenuList dd { flex:0 1 auto; padding:10px; }
.SubMenuList a { 
	display:flex; align-items:center; justify-content:center; height:100%; background-color:#4c7697; padding:1.25em 10px; 
	line-height:1.25em; color:#fff; font-size:1.125rem; text-decoration:none; 
	}
.SubMenuList span { display:inline-block; padding:0 1em; text-align:center; position:relative; }
.SubMenuList span::before, 
.SubMenuList span::after { content:''; display:block; position:absolute; top:50%; width:10px; height:10px; margin-top:-4px; background-color:#ffc000; border-radius:50%; }
	.SubMenuList span::before { left:0; }
	.SubMenuList span::after { right:0; }
.SubMenuList a:hover, .SubMenuList a:focus { background-color:#384952; box-shadow:0 0 15px rgba(0, 0, 0, 0.4); }
@media screen and (max-width: 479px) {
.SubMenuList dd { width:100%; }
}
@media screen and (min-width: 480px) and (max-width: 767px) {
.SubMenuList dd { width:50%; }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
.SubMenuList dd { width:33.3333%; }
}
@media screen and (min-width: 1280px) {
.SubMenuList dd { width:25%; }
}

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:#4c7697; }
.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 50%; }


/*----------------------------------------------------------------------*/
/* Header */
#Header .topper { 
	position:fixed; top:0; left:0; width:100%; background-color:#fff; box-shadow:0 0 12px rgba(0, 0, 0, 0.25);
	display:flex; align-items:center; flex-wrap:wrap; z-index:10001; 
	}
	@media screen and (max-width: 639px) {
	#Header .topper { padding:0 10px; height:60px; }
	}
	@media screen and (min-width: 640px) and (max-width: 1023px) {
	#Header .topper { padding:0 20px; height:60px; }
	}
	@media screen and (min-width: 1024px) and (max-width: 1279px) {
	#Header .topper { padding:0 0 0 20px; height:60px; }
	}
	@media screen and (min-width: 1280px) {
	#Header .topper { padding:0 0 0 2vw; }
	}
		@media screen and (min-width: 1280px) and (max-width: 1439px) {
		#Header .topper { height:80px; }
		}
		@media screen and (min-width: 1440px) {
		#Header .topper { height:100px; }
		}

	@media screen and (max-width: 1023px) {
	#Header .topper {  }
	}
	@media screen and (min-width: 1024px) {
	#Header .topper { justify-content:space-between; }
	}

/* logo */
#Header .logo { flex:0 1 auto; height:100%; margin-right:20px; }
	@media screen and (max-width: 1023px) {
	#Header .logo { width:200px; padding:5px 0; margin:0 auto; }
	}
		@media screen and (max-width: 399px) {
		#Header .logo { margin:0 0 0 auto; }
		}
	@media screen and (min-width: 1024px)  {
	#Header .logo { padding:10px 0; }
	}
		@media screen and (min-width: 1024px) and (max-width: 1279px) {
		#Header .logo { width:180px; }
		}
		@media screen and (min-width: 1280px) and (max-width: 1439px) {
		#Header .logo { width:220px; }
		}
		@media screen and (min-width: 1440px) {
		#Header .logo { width:270px; }
		}
#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%; }

/* col_right */
#Header .topper .col_right { display:flex; flex-wrap:wrap; position:relative; }
	@media screen and (max-width: 1023px) {
	#Header .topper .col_right { display:none; }
	}
#Header .topper .links_group { display:flex; flex-wrap:wrap; flex-direction:column; align-items:flex-end; padding-right:20px; }

/* top_link */
#Header .top_links { display:flex; align-items:center; position:relative; }
#Header .top_links ul { display:flex; align-items:center; flex-wrap:wrap; }
#Header .top_links li { position:relative; }
	#Header .top_links li:first-child { padding-left:0; }
	#Header .top_links li:last-child { padding-right:0; }
#Header .top_links a { display:block; line-height:1.5em; color:#525a5e; text-decoration:none; }
#Header .top_links a:hover, #Header .top_links a:focus { color:#ba0000; }

#Header .top_links .guide_title { position:absolute; right:100%; }
	@media screen and (min-width: 1024px) and (max-width: 1279px) {
	#Header .top_links { height:26px; }
	#Header .top_links li { padding:0 5px; }
	#Header .top_links a { letter-spacing:0.05em; font-size:0.875rem; }
	}
	@media screen and (min-width: 1280px) and (max-width: 1439px) {
	#Header .top_links { height:36px; }
	#Header .top_links li { padding:0 8px; }
	#Header .top_links a { letter-spacing:0.1em; font-size:0.9375rem; }
	}
	@media screen and (min-width: 1440px) {
	#Header .top_links { height:46px; }
	#Header .top_links li { padding:0 1.05vw; }
	#Header .top_links a { letter-spacing:0.15em; }
	}

/* 馬偕醫學院共用選單 */
#Header .mmc_menu { display:flex; align-items:center; border-top:1px solid #dcdcdc; }
#Header .mmc_menu ul { display:flex; align-items:center; flex-wrap:wrap; }
#Header .mmc_menu li { position:relative; }
	#Header .mmc_menu li:first-child { padding-left:0; }
	#Header .mmc_menu li:last-child { padding-right:0; }
#Header .mmc_menu a { display:block; line-height:1.5em; color:#000; text-decoration:none; }
#Header .mmc_menu a:hover, #Header .mmc_menu a:focus { color:#384952; }
	@media screen and (min-width: 1024px) and (max-width: 1279px) {
	#Header .mmc_menu { height:34px; }
	#Header .mmc_menu li { padding:0 8px; }
	#Header .mmc_menu a { font-size:0.9375rem; letter-spacing:0.05em; }
	}
	@media screen and (min-width: 1280px) and (max-width: 1439px) {
	#Header .mmc_menu { height:44px; }
	#Header .mmc_menu li { padding:0 10px; }
	#Header .mmc_menu a { font-size:1rem; letter-spacing:0.1em; }
	}
	@media screen and (min-width: 1440px) {
	#Header .mmc_menu { height:54px; }
	#Header .mmc_menu li { padding:0 1.5625vw; }
	#Header .mmc_menu a { font-size:1.125rem; letter-spacing:0.15em; }
	}

/* 語系 */
#Header .lang a { 
	display:flex; align-items:center; justify-content:center; 
	width:inherit; height:100%; background-color:#384952; color:#fff; text-decoration:none; 
	}
#Header .lang a:hover, #Header .lang a:focus { background-color:#4c7697; }
#Header .lang span { display:block; border-bottom:2px solid #2c3539; line-height:2em; transition:all 0.3s ease; }
#Header .lang a:hover span, #Header .lang a:focus span { border-color:#ffc000; }
	@media screen and (min-width: 1024px) and (max-width: 1279px) {
	#Header .lang { width:80px; }
	#Header .lang a { font-size:1rem; }
	}
	@media screen and (min-width: 1280px) {
	#Header .lang { width:7.8125vw; }
	#Header .lang a { font-size:1.125rem; }
	}

/* popup頁(包含雜湊值頁) */
#Wrap.layoutless { padding:0; }

#Wrap.layoutless #Header { background-color:#fff; height:60px; }
#Wrap.layoutless #Header > div { height:inherit; }
#Wrap.layoutless #Header .logo { margin:0 auto; }
#Wrap.layoutless #Header .logo a { justify-content:center; }


/*----------------------------------------------------------------------*/
/* 左側欄 */
/*#aside { position:fixed; top:0; left:0; width:16.145vw; height:100vh; background-color:#fff; border-right:1px solid #dcdcdc; z-index:10000; }*/
#aside { 
	position:fixed; top:0; left:0; width:16.145vw; height:100vh; background-color:#fff; border-right:1px solid #dcdcdc; 
	display:flex; flex-direction:column; justify-content:space-between; z-index:10000; 
	}
	@media screen and (max-width: 1023px) {
	#aside { display:none; }
	}
	@media screen and (min-width: 1024px) and (max-width: 1279px) {
	#aside { padding-top:calc(60px + 10px); }
	}
	@media screen and (min-width: 1280px) and (max-width: 1439px) {
	#aside { padding-top:calc(80px + 10px); }
	}
	@media screen and (min-width: 1440px) {
	#aside { padding-top:calc(100px + 2vw); }
	}

/* 社群 */
/*#aside .footer { position:absolute; left:0; bottom:0; width:100%; }*/
#aside .footer { flex:0 0 auto; }
#aside .footer .follow_us ul { display:flex; justify-content:space-around; align-items:center; flex-wrap:wrap; }
#aside .footer .follow_us a { display:block; border:1px solid #dcdcdc; border-radius:50%; text-indent:-999px; overflow:hidden; position:relative; }
#aside .footer .follow_us a::before {
	content:''; display:block; position:absolute; top:50%; left:50%; 
	background:url(../images/icon_follow_us.png) no-repeat; background-size:200%;
	}
	#aside .footer .follow_us .fb a::before { background-position:0 0; }
	#aside .footer .follow_us .yt a::before { background-position:0 50%; }
	#aside .footer .follow_us .ig a::before { background-position:0 100%; }
	#aside .footer .follow_us .fb a:hover, #aside .footer .follow_us .fb a:focus { background-color:#0866ff; border:0; }
	#aside .footer .follow_us .yt a:hover, #aside .footer .follow_us .yt a:focus { background-color:#fe0000; border:0; }
	#aside .footer .follow_us .ig a:hover, #aside .footer .follow_us .ig a:focus { background: linear-gradient(to right, #ed0018 0%, #ba00b2 100%); border:0; }
	#aside .footer .follow_us .fb a:hover::before, #aside .footer .follow_us .fb a:focus::before { background-position:right 0; }
	#aside .footer .follow_us .yt a:hover::before, #aside .footer .follow_us .yt a:focus::before { background-position:right 50%; }
	#aside .footer .follow_us .ig a:hover::before, #aside .footer .follow_us .ig a:focus::before { background-position:right 100%; }
/* RWD */
@media screen and (min-width: 1024px) and (max-width: 1279px) {
#aside .footer { padding:10px; }
#aside .footer .follow_us { margin-bottom:10px; }
#aside .footer .follow_us a { width:32px; height:32px; }
#aside .footer .follow_us a::before { width:18px; height:18px; margin:-9px 0 0 -9px; }
}
@media screen and (min-width: 1280px) {
#aside .footer { padding:20px; }
#aside .footer .follow_us { margin-bottom:15px; }
#aside .footer .follow_us a { width:40px; height:40px; }
#aside .footer .follow_us a::before { width:22px; height:22px; margin:-11px 0 0 -11px; }
}

/* 搜尋 */
#Header .search_box { position:relative; }
#Header .search_box input[type="text"] { display:block; width:100%; border:1px solid #dcdcdc; color:#525a5e; transition: all 0.3s ease; }
#Header .search_box input[type="text"]::placeholder { color:#525a5e; }
#Header .search_box input[type="text"]:focus { 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; text-indent:-999px; overflow:hidden; }
#Header .search_box button::before { 
	content:''; display:block; position:absolute; top:50%; left:50%; 
	background:url(../images/icon_search.png) no-repeat 0 0; background-size:100%; 
	}
#Header .search_box button::after { content:''; display:block; position:absolute; top:50%; left:0; height:30px; margin-top:-15px; border-left:1px solid #dcdcdc; }

#Header .search_box button:hover, #Header .search_box button:focus { background-color:#384952; }
#Header .search_box button:hover::before, #Header .search_box button:focus::before { background-position:0 50%; }
#Header .search_box button:hover::after, #Header .search_box button:focus::after { opacity:0; }
/* RWD */
@media screen and (min-width: 1024px) and (max-width: 1279px) {
#Header .search_box input[type="text"] { padding:0 40px 0 10px; line-height:40px; font-size:0.8125rem; }
#Header .search_box button { width:40px; height:40px; }
#Header .search_box button::before { width:16px; height:16px; margin:-8px 0 0 -8px; }
}
@media screen and (min-width: 1280px) {
#Header .search_box input[type="text"] { padding:0 50px 0 10px; line-height:50px; font-size:0.875rem; letter-spacing:0.1em; }
#Header .search_box button { width:50px; height:50px; }
#Header .search_box button::before { width:22px; height:22px; margin:-11px 0 0 -11px; }
}


/*----------------------------------------------------------------------*/
/* Menu */
/*#Menu { overflow-y:auto; -webkit-overflow-scrolling:touch; }
	@media screen and (min-width: 1023px) and (max-width: 1279px) {
	#Menu { height:calc(100vh - 60px - 10px - 104px); }
	}
	@media screen and (min-width: 1280px) and (max-width: 1439px) {
	#Menu { height:calc(100vh - 80px - 10px - 147px); }
	}
	@media screen and (min-width: 1440px) {
	#Menu { height:calc(100vh - 100px - 2vw - 147px); }
	}*/
#Menu { overflow-y:auto; -webkit-overflow-scrolling:touch; flex:1 1 auto; }
#Menu::-webkit-scrollbar { -webkit-appearance:none; width:6px; height:6px; }
#Menu::-webkit-scrollbar-thumb { background-color:rgba(0, 0, 0, .2); }
#Menu::-webkit-scrollbar-thumb:hover { background-color:#b40081; }
#Menu .menu_list {  }
#Menu .menu_list li { position:relative; }
#Menu .menu_list a { display:block; text-decoration:none; position:relative; }
#Menu .menu_list .arrow-icon { position:absolute; top:0; right:0; width:20px; height:2.8em; text-indent:-999px; overflow:hidden; }
	#Menu .menu_list li.arrow > a { padding-right:30px; }
#Menu .menu_list .arrow-icon::before, 
#Menu .menu_list .arrow-icon::after { 
	content:''; display:block; position:absolute; top:50%; right:50%; width:9px; height:1px; margin:1px -5px 0 0; background-color:#3e464a; transition:all 0.3s ease;
	}
	#Menu .menu_list .arrow-icon::after { transform:rotate(90deg); }
	#Menu .menu_list .slideDown > .arrow-icon::after { transform:rotate(0); }

#Menu .menu_list .arrow-icon:hover, 
#Menu .menu_list .arrow-icon:focus { background-color:#384952; }
#Menu .menu_list .arrow-icon:hover::before, 
#Menu .menu_list .arrow-icon:hover::after,
#Menu .menu_list .arrow-icon:focus::before, 
#Menu .menu_list .arrow-icon:focus::after { background-color:#fff; }

/* 主選單 */
#Menu .menu_list > li {  }
#Menu .menu_list > li > a { padding-top:0.65em; padding-bottom:0.65em; color:#000; line-height:1.5em; }
#Menu .menu_list > li > a:hover, 
#Menu .menu_list > li > a:focus, 
#Menu .menu_list > li.slideDown > a,
#Menu .menu_list > li.selected > a{ color:#4c7697; }
#Menu .menu_list > li.slideDown > a,
#Menu .menu_list > li.selected > a { font-weight:600; }
#Menu .menu_list > li.strong > a { text-align:center; text-decoration:underline; text-underline-offset:8px; }

/* 子選單 */
#Menu .menu_list ul {  }
#Menu .menu_list ul li { margin:10px 0; }
#Menu .menu_list ul a { line-height:1.375em; color:#525a5e; position:relative; }
#Menu .menu_list ul a:hover, #Menu .menu_list ul a:focus { color:#4c7697; }
#Menu .menu_list ul .slideDown > a { font-weight:600; }

/* 第2層 */
#Menu .menu_list > li > ul { display:none; border:1px solid #dcdcdc; padding:0.5vw 1vw; }
/* 第3層以下 */
#Menu .menu_list ul ul { margin-left:1em; }
#Menu .menu_list ul ul > li { position:relative; }
#Menu .menu_list ul ul > li::before { content:''; display:block; position:absolute; right:calc(100% + 0.5em - 2px); top:calc((1.289em / 2) - 2px); width:4px; height:4px; background-color:#525a5e; }
#Menu .menu_list ul ul > li > a { font-size:0.9375em; }

/* RWD */
@media screen and (max-width: 1279px) {
#Menu .menu_list > li > a { font-size:1rem; letter-spacing:0.1em; }
#Menu .menu_list > li.strong > a { font-size:1.125rem; }
#Menu .menu_list > li > ul { font-size:0.9375rem; }
}
@media screen and (min-width: 1280px) {
#Menu .menu_list > li > a { font-size:1.125rem; letter-spacing:0.15em; }
#Menu .menu_list > li.strong > a { font-size:1.25rem; }
#Menu .menu_list > li > ul { font-size:1rem; }
}

@media screen and (max-width: 1199px) {
#Menu .menu_list { padding:0 10px; }
}
@media screen and (min-width: 1200px) and (max-width: 1439px) {
#Menu .menu_list { padding:0 20px; }
}
@media screen and (min-width: 1440px) {
#Menu .menu_list { padding:0 2vw; }
}


/*----------------------------------------------------------------------*/
/* 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:0; right:0; display:none; }
	.MenuFix .BtnTop { display:block; }
.BtnTop a { 
	display:block; width:60px; height:60px; padding-top:16px; background-color:#384952; overflow:hidden; position:relative; 
	font-size:0.875rem; color:#fff; line-height:44px; text-decoration:none;
	}
.BtnTop a:hover, .BtnTop a:focus { background-color:#4c7697; }
.BtnTop a::before {
	content:''; position:absolute; top:18px; left:50%; width:8px; height:8px; margin-left:-5px; border-top:1px solid #fff; border-left:1px solid #fff;
	transition:all 0.3s ease;transform:rotate(45deg);
	}
	
/*----------------------------------------------------------------------*/
/* Footer */
#Footer { background-color:#dcdcdc; position:relative; }
#Footer .guide_title { position:absolute; top:0; left:0; }

#Footer .footer_content { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; padding-top:25px; padding-bottom:20px; color:#3e464a; }
	@media screen and (max-width: 639px) {
	#Footer .footer_content { padding-left:10px; padding-right:10px; }
	}
	@media screen and (min-width: 640px) and (max-width: 1279px) {
	#Footer .footer_content { padding-left:2.34375vw; padding-right:2.34375vw; }
	}
	@media screen and (min-width: 1280px) {
	#Footer .footer_content { padding-left:3.90625vw; padding-right:3.90625vw; }
	}
#Footer .col_left { color:#3e464a; }
#Footer .col_right { color:#525a5e; }
#Footer .col_left a, #Footer .col_right a { display:inline-block; color:#525a5e; text-decoration:none; }
#Footer .col_left a:hover, #Footer .col_left a:focus, #Footer .col_right a:hover, #Footer .col_right a:focus { color:#4c7697; text-decoration:underline; }

#Footer .site_title { display:flex; align-items:center; flex-wrap:wrap; }
#Footer .site_title > div { line-height:1.25em; }
#Footer .site_title .main { font-size:1.125rem; font-weight:600; margin-right:20px; }
#Footer .site_title .en { font-size:0.9375rem; font-weight:500; letter-spacing:0.05em; }

#Footer .contact_info { margin-top:20px; }
#Footer .contact_info li { margin-top:8px; letter-spacing:0.05em; line-height:1.5em; position:relative; }
#Footer .contact_info li span { padding-right:0.75em; margin-right:0.75em; position:relative; }
#Footer .contact_info li span::before { 
	content:''; display:block; position:absolute; top:50%; right:0; width:1px; height:14px; margin-top:-7px; border-right:1px solid #3e464a;
	}

#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 .accessibility a { width:100px; height:35px; background-image:url(../images/accessibility.png); }
#Footer .footer_marks .accessibility a:hover, #Footer .footer_marks .accessibility a:focus { opacity:0.8; }

#Footer .footer_links { margin-top:10px; }
#Footer .footer_links ul { display:flex; align-items:center; flex-wrap:wrap; }
#Footer .footer_links li { margin-right:12px; padding-right:12px; 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:10px; margin-top:-5px; border-left:1px solid #525a5e; 
	}
	#Footer .footer_links li:last-child::before { display:none; }
#Footer .footer_links a { display:block; font-size:0.875rem; line-height:2em; }

#Footer .footer_info {  }
#Footer .footer_info ul { display:flex; align-items:center; flex-wrap:wrap; }
#Footer .footer_info li { margin-right:12px; padding-right:12px; font-size:0.875rem; line-height:2em; position:relative; }
	#Footer .footer_info li:last-child { margin-right:0; padding-right:0; }
#Footer .footer_info li span { display:inline-block; margin-left:10px; }
#Footer .footer_info li::before { 
	content:''; display:block; position:absolute; top:50%; right:0; height:10px; margin-top:-5px; border-left:1px solid #525a5e; 
	}
	#Footer .footer_info li:last-child::before { display:none; }

#Footer .copyright { padding:0.625em 0; background-color:#2c3539; text-align:center; font-size:0.75rem; line-height:2em; color:#dcdcdc; }
	@media screen and (max-width: 639px) {
	#Footer .copyright > div { padding-left:10px; padding-right:10px; }
	}
	@media screen and (min-width: 640px) and (max-width: 1279px) {
	#Footer .copyright > div { padding-left:2.34375vw; padding-right:2.34375vw; }
	}
	@media screen and (min-width: 1280px) {
	#Footer .copyright > div { padding-left:3.90625vw; padding-right:3.90625vw; }
	}

/* RWD */
@media screen and (max-width: 799px) {
#Footer .col_left { width:100%; }
#Footer .col_right { width:100%; margin-top:20px; }
#Footer .copyright { padding-left:10px; padding-right:60px; text-align:left; }
}
@media screen and (min-width: 800px) {
#Footer .col_left { width:calc(50% - 10px); }
#Footer .col_right { width:calc(50% - 10px); display:flex; flex-direction:column; align-items:flex-end; }
#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 { 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; }

#MenuMobile.mm-menu { opacity:0; }
#MenuMobile.mm-menu.mm-menu--opened { opacity:1; }

/* follow us */
#MenuMobile .mm-footer section { width:100%; }
#MenuMobile .follow_us { padding:12px 0; }
#MenuMobile .follow_us ul { display:flex; align-items:center; justify-content:space-around; flex-wrap:wrap; }
#MenuMobile .follow_us li { padding:5px; }
#MenuMobile .follow_us li a { 
	display:block; width:48px; height:48px; background-color:#fff; border:1px solid #dcdcdc; border-radius:50%; text-indent:-999px; overflow:hidden; position:relative; 
	}
#MenuMobile .follow_us li a::before {
	content:''; display:block; position:absolute; top:50%; left:50%; width:24px; height:24px; margin:-12px 0 0 -12px; 
	background:url(../images/icon_follow_us.png) no-repeat; background-size:200%;
	}
	#MenuMobile .follow_us .fb a::before { background-position:0 0; }
	#MenuMobile .follow_us .yt a::before { background-position:0 50%; }
	#MenuMobile .follow_us .ig a::before { background-position:0 100%; }
	#MenuMobile .follow_us .fb a:hover, #MenuMobile .follow_us .fb a:focus { background-color:#1877f2; }
	#MenuMobile .follow_us .yt a:hover, #MenuMobile .follow_us .yt a:focus { background-color:#fe0000; }
	#MenuMobile .follow_us .ig a:hover, #MenuMobile .follow_us .ig a:focus { background: linear-gradient(to right, #ed0018 0%, #ba00b2 100%); }
	#MenuMobile .follow_us .fb a:hover::before, #MenuMobile .follow_us .fb a:focus::before { background-position:right 0; }
	#MenuMobile .follow_us .yt a:hover::before, #MenuMobile .follow_us .yt a:focus::before { background-position:right 50%; }
	#MenuMobile .follow_us .ig a:hover::before, #MenuMobile .follow_us .ig a:focus::before { background-position:right 100%; }

@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:5px; 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:44px; height:44px; 
	}
.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 #999; border-radius:5px; 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 10px; 
	}
.FormElmt textarea { padding:10px; }
.FormElmt select { padding-left:10px; 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:#f7fafb; border-color:#4c7697; color:#384952; outline:0; 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 dt, .editable_content dd, .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:1.5em; margin-bottom:1.5em; 
	}
.editable_content p, .editable_content ul, .editable_content ol, .editable_content dl { 
	margin-top:1.25em; margin-bottom:1.25em; 
	}
.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.5rem; color:#4c7697; overflow:hidden; }
	.editable_content h5 { font-size:1.375rem; }
	.editable_content h6 { font-size:1.25rem; }
.editable_content blockquote { 
	padding:20px 45px; 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:'Roboto', sans-serif; line-height:100%; color:#384952; font-size:64px; 
	}
	.editable_content blockquote::before { content:'“'; left:12px; top:10px; }
	.editable_content blockquote::after { content:'”'; right:12px; bottom:-30px; }

.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; }

/* 影片、相關連結、相關檔案 */
.editable_content .MsgModule_Download, .editable_content .MsgModule_Link { position:relative; padding-left:1.5em; }
.MsgModule_Download::before, .MsgModule_Link::before { 
	content:''; display:block; position:absolute; top:0.4375em; left:0; width:18px; height:18px; 
	background:url("../images/icon_module.png") no-repeat; background-size:100%; 
	}
	.MsgModule_Download::before { background-position:0 0; }
	.MsgModule_Link::before { background-position:0 50%; }
.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:#384952; font-size:1.25rem; font-weight:600; line-height:1.5em;
	}
.editable_content h4.ext_title::before { 
	content:''; display:block; width:44px; height:44px; margin-right:5px; border:1px solid #525a5e; border-radius:50%; box-sizing:border-box;
	}
.editable_content h4.ext_title::after { 
	content:''; display:block; position:absolute; top:10px; left:10px; width:24px; height:24px; 
	background:url("../images/icon_module.png") no-repeat; background-size:100%; 
	}
	.editable_content h4.icon_file::after { background-position:0 0; }
	.editable_content h4.icon_link::after { background-position:0 50%; }
	.editable_content h4.icon_photo::after { 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:#384952; width:6px; height:6px; margin-top:-3px; border-radius:50%;
	}
.editable_content ul.ext_list li > a { display:inline-block; }
.editable_content ul.ext_list li > a:hover, .editable_content ul.ext_list li > a:focus {  }
.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 { 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:#4c7697; }

/* 移除第一個物件的上邊界、上間距避免過大的空白 */
.editable_content > *:first-child, .editable_content .district > *:first-child, .editable_content blockquote > *:first-child, .editable_content td > *:first-child { 
	margin-top:0; 
	}
/* 移除最後一個物件的下邊界、下間距避免過大的空白 */
.editable_content > *:last-child, .editable_content .district > *: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; }


/*----------------------------------------------------------------------*/
/* 微編輯器 */
.textarea_editor, .textarea_editor p, .textarea_editor li, .textarea_editor dt, .textarea_editor dd, .textarea_editor div, .textarea_editor blockquote { 
	line-height:1.75em; letter-spacing:0.15em;
	}
.textarea_editor div, .textarea_editor table, .textarea_editor iframe { 
	margin-top:1.5em; margin-bottom:1.5em; 
	}
.textarea_editor p, .textarea_editor ul, .textarea_editor ol, .textarea_editor dl, .textarea_editor blockquote { 
	margin-top:1.25em; margin-bottom:1.25em; 
	}
.textarea_editor p { padding:0; }
.textarea_editor h4, .textarea_editor h5, .textarea_editor h6 { margin-bottom:5px; line-height:1.5em; }
.textarea_editor h4 + *:not(h4):not(h5):not(h6),
.textarea_editor h5 + *:not(h4):not(h5):not(h6),
.textarea_editor h6 + *:not(h4):not(h5):not(h6) { margin-top:0.625em; }
.textarea_editor h4 + h4, .textarea_editor h4 + h5, .textarea_editor h4 + h6,
.textarea_editor h5 + h4, .textarea_editor h5 + h5, .textarea_editor h5 + h6,
.textarea_editor h6 + h4, .textarea_editor h6 + h5, .textarea_editor h6 + h6 { margin-top:1.25em; }
	.textarea_editor h4 { font-size:1.375rem; color:#4c7697; overflow:hidden; }
	.textarea_editor h5 { font-size:1.25rem; }
	.textarea_editor h6 { font-size:1.125rem; }
.textarea_editor blockquote { 
	padding:15px 24px; overflow:hidden; position:relative; box-sizing:border-box; 
	}
.textarea_editor blockquote::before, .textarea_editor blockquote::after { 
	display:block; position:absolute; font-family:'Roboto', sans-serif; line-height:100%; color:#384952; font-size:48px; 
	}
	.textarea_editor blockquote::before { content:'“'; left:0; top:0; }
	.textarea_editor blockquote::after { content:'”'; right:0; bottom:-20px; }

.textarea_editor ol { list-style-type:decimal; padding-left:2em; overflow:hidden; }
.textarea_editor ul { list-style-type:disc; padding-left:2em; overflow:hidden; }
	.textarea_editor ul[type="disc"] { list-style-type:disc; }
	.textarea_editor ul[type="circle"] { list-style-type:circle; }
	.textarea_editor ul[type="square"] { list-style-type:square; }
.textarea_editor li { margin-bottom:0.625em; }
.textarea_editor ol ol { list-style-type:lower-alpha; }
.textarea_editor ul ul { list-style-type:circle; }
.textarea_editor ul ul, .textarea_editor ul ol, .textarea_editor ol ul, .textarea_editor ol ol { margin-top:5px; margin-bottom:0; }
.textarea_editor ul li:last-child, .textarea_editor ol li:last-child { margin-bottom:0; }
.textarea_editor dl { overflow:hidden; }
.textarea_editor dl dt { font-weight:bold; margin-bottom:0.625em; }
.textarea_editor dl dd { padding-left:25px; margin-bottom:0.625em; position:relative; }
.textarea_editor 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%; }
	
.textarea_editor dl dl, .textarea_editor dl ul, .textarea_editor dl ol, .textarea_editor ul dl.textarea_editor ol dl { margin-top:5px; margin-bottom:0; }
.textarea_editor dl dd:last-child { margin-bottom:0; }
.textarea_editor hr { margin:1.625em 0; }

/* html編輯區的表格預設樣式 */
.textarea_editor table[align="center"] { margin-left:auto; margin-right:auto; }
.textarea_editor table caption { margin:5px 0; padding:5px 0; font-weight:bold; color:#333; text-align:left; line-height:1.5em; }
.textarea_editor .tableWrap { position:relative; overflow-y:auto; _overflow:auto; width:100%; margin-bottom:1em; -webkit-overflow-scrolling:touch; }
.textarea_editor .tableWrap table { margin:0; }
/*添加IOS下卷軸*/
.textarea_editor .tableWrap::-webkit-scrollbar { -webkit-appearance:none; width:14px; height:14px; }
.textarea_editor .tableWrap::-webkit-scrollbar-thumb { border-radius:8px; border:3px solid #fafafa; background-color:rgba(0, 0, 0, .3); }
.textarea_editor .tableWrap::-webkit-scrollbar-thumb:hover { background-color:#4c7697; }

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