/***
標準色：
	 	背景								  字體	
無	： #FFFFFF	rgba(255,255,255,1)		#545454		rgba(84, 84, 84, 1)
灰	： #595959	rgba(89,89,89,1)		#FFFFFF
紅	： #AC1616	rgba(172,22,22,1)		#FFFFFF
藍	： #175B96	rgba(23,91,150,1)		#FFFFFF
綠	： #006100	rgba(0,97,0,1)			#FFFFFF
黃	： #F9CB33	rgba(249,203,51,1)		#111111		rgba(17, 17, 17, 1)
橙	： #FFA500	rgba(255,165,0,1)		#382400		rgba(56, 36, 0, 1)
粉紅	： #FFC0CB	rgba(255,192,203,1)		#333333		rgba(51, 51, 51, 1)
棕	： #661A00	rgba(102,26,0,1)		#FFFFFF
紫	： #720688	rgba(114,6,136,1)		#FFFFFF
紫	： #7259B2	rgba(114,89,178,1)	主功能表
	 	背景								  	  字體	
灰	： #E3E3E3	rgba(227,227,227,1)		#454545		rgba(69,69,69,1)
紅	： #FFD6D6	rgba(255,214,214,1)		#8F0000		rgba(143,0,0,1)
藍	： #ABD3FE	rgba(171,211,254,1)		#09365A		rgba(9,54,90,1)
綠	： #CFFFBF	rgba(207,255,191,1)		#175C00		rgba(23,92,0,1)
黃	： #FFFFBF	rgba(255,255,191,1)		#575700		rgba(87,87,0,1)
橙	： #FFDEBD	rgba(255,222,189,1)		#852A00		rgba(133,42,0,1)
粉紅	： #FFE5EA	rgba(255,229,234,1)		#8A0049		rgba(138,0,73,1)
棕	： #F5EAEA	rgba(245,234,234,1)		#702500		rgba(112,37,0,1)
紫	： #F9E5FF	rgba(249,229,255,1)		#400040		rgba(64,0,64,1)
***/


* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.h1, .h2, .h3, .h4, .h5, .h6 {
	display: block;
	margin: 0;
	padding: 0;
	font-weight: normal;
	line-height: 1.6;
}

.h1 {
	font-size: 2em;
}

.h2 {
	font-size: 1.5em;
}

.h3 {
	font-size: 1.17em;
}

.h4 {
	font-size: 1em;
}

.h5 {
	font-size: .83em;
}

.h6 {
	font-size: .67em;
}

/***********************
 顏色
***********************/
/*
.white { color: #FFF; }
.black { color: #333; }
.gray { color: #595959; }
.blue { color: #175B96; }
.green { color: #006100; }
.red { color: #AC1616; }
.orange { color: #FF6600; }
*/

/***************************
 Link
****************************/

a, a:hover, a:active {
	text-decoration: none;
}

a:focus, button:focus, input:focus, textarea:focus, select:focus {
	outline: 2px solid #FF9933 !important;
	outline-offset: -2px !important;
}

.display_none {
	position: absolute;
	border: 0;
	clip: rect(1px,1px,1px,1px);
	clip-path: inset(50%);
	-webkit-clip-path: inset(50%);
	width: 1px;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	word-wrap: normal !important;
}

/************************
 Google Map
************************/

#map {
	margin-bottom: .5em;
}

/************************
 Wordpress 圖片對齊方式
************************/

img.alignright, a img.alignright {
	float: right;
	margin: 0 0 1em 1em;
}

img.alignleft, a img.alignleft {
	float: left;
	margin: 0 1em 1em 0;
}

img.aligncenter, a img.aligncenter {
	display: block;
	margin: 1em auto;
}

.aligncenter {
	text-align: center;
}

.alignleft {
	text-align: left;
}

.alignright {
	text-align: right;
}

/************************
 資訊盒子
************************/
.infobox {
	display: block;
	padding: .5em 1em;
	border-style: solid;
	border-width: 1px;
	border-color: rgba(89,89,89,.2);	/* #595959 */
	background-color: rgba(127,127,127,.08);
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
}

/************************
 按鈕樣式
************************/
.cus_btn {
	display: inline-block;
	padding: .2em .6em;
	margin: .2em 0;
	cursor: pointer;
	font-weight: normal;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: rgba(84,84,84,1);		/* #545454 */
	border-style: solid;
	border-width: 1px;
	border-color: rgba(89,89,89,1);	/* #595959 */
	background-color: transparent;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
}

.cus_btn:hover {
	color: #FFF;
	border-color: rgba(89,89,89,1);		/* #595959 */
	background-color: rgba(89,89,89,1);	/* #595959 */
}

/***************************
 按鈕顏色
***************************/
/*** 預設 ( transparent / #595959 ***/

.infobox.default, .cus_btn.default {
	color: #333;
	border-color: rgba(89,89,89,1);	/* #595959;	*/
	background-color: transparent;
}

.cus_btn.default:hover, .cus_btn.default:active {
	color: #FFF;
	border-color: rgba(89,89,89,1);		/* #595959;	*/
	background-color: rgba(89,89,89,1);	/* #595959;	*/
}

/*** 灰 ( #595959 / -32 ) ***/

#sr-change-font .gray .btn, .user_title.style05 .title, .user_title.style05.gray .title, .infobox.gray, .cus_btn.gray {
	color: #fff;
	border-color: rgba(89,89,89,1);		/* #595959;	*/
	background-color: rgba(89,89,89,1);	/* #595959;	*/
}

#sr-change-font .gray .btn:hover, #sr-change-font .gray .btn:active, .cus_btn.gray:hover, .cus_btn.gray:active {
	color: #FFF;
	border-color: rgba(55,55,55,1);		/* #373737 */
	background-color: rgba(55,55,55,1);	/* #373737 */
}

/*** 藍 ( #175B96 / -32 ) ***/

#sr-change-font .blue .btn, .user_title.style05.blue .title, .infobox.blue, .cus_btn.blue {
	color: #fff;
	border-color: rgba(23,91,150,1);		/* #175B96 */
	background-color: rgba(23,91,150,1);	/* #175B96 */
}

#sr-change-font .blue .btn:hover, #sr-change-font .blue .btn:active, .cus_btn.blue:hover, .cus_btn.blue:active {
	color: #FFF;
	border-color: rgba(14,54,90,1);		/* #0E365A */
	background-color: rgba(14,54,90,1);	/* #0E365A */
}

/*** 紅 ( #AC1616 / -32 ) ***/

#sr-change-font .red .btn, .user_title.style05.red .title, .infobox.red, .cus_btn.red {
	color: #FFF;
	border-color: rgba(172,22,22,1);		/* #AC1616 */
	background-color: rgba(172,22,22,1);	/* #AC1616 */
}

#sr-change-font .red .btn:hover, #sr-change-font .red .btn:active, .cus_btn.red:hover, .cus_btn.red:active {
	color: #FFF;
	border-color: rgba(112,14,14,1);		/* #700E0E */
	background-color: rgba(112,14,14,1);	/* #700E0E */
}

/*** 綠 ( #006100 / -32 ) ***/

#sr-change-font .green .btn, .user_title.style05.green .title, .infobox.green, .cus_btn.green {
	color: #FFF;
	border-color: rgba(0,97,0,1);		/* #006100 */
	background-color: rgba(0,97,0,1);	/* #006100 */
}

#sr-change-font .green .btn:hover, #sr-change-font .green .btn:active, .cus_btn.green:hover, .cus_btn.green:active {
	color: #FFF;
	border-color: rgba(0,64,0,1);		/* #004000 */
	background-color: rgba(0,64,0,1);	/* #004000 */
}

/*** 黃 ( #F9CB33 / -32 ) ***/

#sr-change-font .yellow .btn, .user_title.style05.yellow .title, .infobox.yellow, .cus_btn.yellow {
	color: #111111;
	border-color: rgba(249,203,51,1);		/* #F9CB33 */
	background-color: rgba(249,203,51,1);	/* #F9CB33 */
}

#sr-change-font .yellow .btn:hover, #sr-change-font .yellow .btn:active, .cus_btn.yellow:hover, .cus_btn.yellow:active {
	color: #111111;
	border-color: rgba(225,176,6,1);		/* #E1B006 */
	background-color: rgba(225,176,6,1);	/* #E1B006 */
}

/*** 橙 ( #FFA500 / -32 ) ***/

#sr-change-font .orange .btn, .user_title.style05.orange .title, .infobox.orange, .cus_btn.orange {
	color: #382400;
	border-color: rgba(255,165,0,1);		/* #FFA500 */
	background-color: rgba(255,165,0,1);	/* #FFA500 */
}

#sr-change-font .orange .btn:hover, #sr-change-font .orange .btn:active, .cus_btn.orange:hover, .cus_btn.orange:active {
	color: #382400;
	border-color: rgba(255,166,0,1);		/* #FFA600 */
	background-color: rgba(255,166,0,1);	/* #FFA600 */
}

/*** 粉紅 ( #FFC0CB / -32 ) ***/

#sr-change-font .pink .btn, .user_title.style05.pink .title, .infobox.pink, .cus_btn.pink {
	color: #333333;
	border-color: rgba(255,192,203,1);		/* #FFC0CB */
	background-color: rgba(255,192,203,1);	/* #FFC0CB */
}

#sr-change-font .pink .btn:hover, #sr-change-font .pink .btn:active, .cus_btn.pink:hover, .cus_btn.pink:active {
	color: #111111;
	border-color: rgba(255,123,147,1);		/* #FF7B93 */
	background-color: rgba(255,123,147,1);	/* #FF7B93 */
}

/*** 棕 ( #661A00 / -16 ) ***/

#sr-change-font .brown .btn, .user_title.style05.brown .title, .info_box.brown, .cus_btn.brown {
	color: #FFF;
	border-color: rgba(102,26,0,1);			/* #661A00 */
	background-color: rgba(102,26,0,1);		/* #661A00 */
}

#sr-change-font .brown .btn:hover, #sr-change-font .brown .btn:active, .cus_btn.brown:hover, .cus_btn.brown:active {
	color: #FFF;
	border-color: rgba(68,17,0,1);		/* #441100 */
	background-color: rgba(68,17,0,1);	/* #441100 */
}

/*** 紫 ( #720688 / -24 ) ***/

#sr-change-font .purple .btn, .user_title.style05.purple .title, .infobox.purple, .cus_btn.purple {
	color: #FFF;
	border-color: rgba(114,6,136,1);		/* #720688 */
	background-color: rgba(114,6,136,1);	/* #720688 */
}

#sr-change-font .purple .btn:hover, #sr-change-font .purple .btn:active, .cus_btn.purple:hover, .cus_btn.purple:active {
	color: #FFF;
	border-color: rgba(64,0,128,1);		/* #400080 */
	background-color: rgba(64,0,128,1);	/* #400080 */
}

/*** 灰 ( light ) ***/

#sr-change-font .gray.light .btn, .user_title.style05.gray.light .title, .infobox.gray.light, .cus_btn.gray.light {
	color: rgba(69,69,69,1);	/* #454545 */
	border-color: rgba(210,210,210,1);	/* #D2D2D2 */
	background-color: rgba(227,227,227,1);	/* #E3E3E3 */
}

#sr-change-font .gray.light .btn:hover, #sr-change-font .gray.light .btn:active, .cus_btn.gray.light:hover, .cus_btn.gray.light:active {
	color: rgba(54,54,54,1);	/* #363636 */
	border-color: rgba(212,212,212,1);	/* #D4D4D4 */
	background-color: rgba(212,212,212,1);	/* #D4D4D4 */
}

/*** 藍 ( light ) ***/

#sr-change-font .blue.light .btn, .user_title.style05.blue.light .title, .infobox.blue.light, .cus_btn.blue.light {
	color: rgba(9,54,90,1);	/* #09365A */
	border-color: rgba(121,184,253,1);	/* #79B8FD */
	background-color: rgba(171,211,254,1);	/* #ABD3FE */
}

#sr-change-font .blue.light .btn:hover, #sr-change-font .blue.light .btn:active, .cus_btn.blue.light:hover, .cus_btn.blue.light:active {
	color: rgba(0,46,92,1);	/* #002E5C */
	border-color: rgba(134,192,254,1);	/* #86C0FE */
	background-color: rgba(134,192,254,1);	/* #86C0FE */
}

/*** 紅 ( light ) ***/

#sr-change-font .red.light .btn, .user_title.style05.red.light .title, .infobox.red.light, .cus_btn.red.light {
	color: rgba(143,0,0,1);	/* #8F0000 */
	border-color: rgba(255,181,181,1);	/* #FFB5B5 */
	background-color: rgba(255,214,214,1);	/* #FFD6D6 */
}

#sr-change-font .red.light .btn:hover, #sr-change-font .red.light .btn:active, .cus_btn.red.light:hover, .cus_btn.red.light:active {
	color: rgba(102,0,0,1);	/* #660000 */
	border-color: rgba(255,168,168,1);	/* #FFA8A8 */
	background-color: rgba(255,168,168,1);	/* #FFA8A8 */
}

/*** 綠 ( light ) ***/

#sr-change-font .green.light .btn, .user_title.style05.green.light .title, .infobox.green.light, .cus_btn.green.light {
	color: rgba(23,92,0,1);	 /* #175C00 */
	border-color: rgba(105,255,55,1);	/* #69FF37 */
	background-color: rgba(207,255,191,1);	/* #CFFFBF */
}

#sr-change-font .green.light .btn:hover, #sr-change-font .green.light .btn:active, .cus_btn.green.light:hover, .cus_btn.green.light:active {
	color: rgba(0,77,0,1);	/* #004D00 */
	border-color: rgba(155,255,128,1);	/* #9BFF80 */
	background-color: rgba(155,255,128,1);	/* #9BFF80 */
}

/*** 黃 ( light ) ***/

#sr-change-font .yellow.light .btn, .user_title.style05.yellow.light .title, .infobox.yellow.light, .cus_btn.yellow.light {
	color: rgba(87,87,0,1);	/* #575700 */
	border-color: rgba(255,255,55,1);	/* #FFFF37 */
	background-color: rgba(255,255,191,1);	/* #FFFFBF */
}

#sr-change-font .yellow.light .btn:hover, #sr-change-font .yellow.light .btn:active, .cus_btn.yellow.light:hover, .cus_btn.yellow.light:active {
	color: rgba(87,87,0,1);	/* #575700 */
	border-color: rgba(255,255,128,1);	/* #FFFF80 */
	background-color: rgba(255,255,128,1);	/* #FFFF80 */
}

/*** 粉紅 ( light ) ***/

#sr-change-font .pink.light .btn, .user_title.style05.pink.light .title, .infobox.pink.light, .cus_btn.pink.light {
	color: rgba(138,0,73,1);	/* #8A0049 */
	border-color: rgba(255,196,206,1);	/* #FFC4CE */
	background-color: rgba(255,229,234,1);	/* #FFE5EA */
}

#sr-change-font .pink.light .btn:hover, #sr-change-font .pink.light .btn:active, .cus_btn.pink.light:hover, .cus_btn.pink.light:active {
	color: rgba(117,0,63,1);	/* #75003F */
	border-color: rgba(255,194,210,1);	/* #FFC2D2 */
	background-color: rgba(255,194,210,1);	/* #FFC2D2 */
}

/*** 橙 ( light ) ***/

#sr-change-font .orange.light .btn, .user_title.style05.orange.light .title, .infobox.orange.light, .cus_btn.orange.light {
	color: rgba(133,42,0,1);	/* #852A00 */
	border-color: rgba(255,197,138,1);	/* #FFC58A */
	background-color: rgba(255,222,189,1);	/*#FFDEBD */
}

#sr-change-font .orange.light .btn:hover, #sr-change-font .orange.light .btn:active, .cus_btn.orange.light:hover, .cus_btn.orange.light:active {
	color: rgba(112,37,0,1);	/* #702500 */
	border-color: rgba(255,201,148,1);	/* #FFC994 */
	background-color: rgba(255,201,148,1);	/* #FFC994 */
}

/*** 棕 ( light ) ***/

#sr-change-font .brown.light .btn, .user_title.style05.brown.light .title, .infobox.brown.light, .cus_btn.brown.light {
	color: rgba(112,37,0,1);	/* #702500 */
	border-color: rgba(234,210,210,1);	/* #EAD2D2 */
	background-color: rgba(245,234,234,1);	/* #F5EAEA */
}

#sr-change-font .brown.light .btn:hover, #sr-change-font .brown.light .btn:active, .cus_btn.brown.light:hover, .cus_btn.brown.light:active {
	color: rgba(112,37,0,1);	/* #702500 */
	border-color: rgba(231,208,208,1);	/* #E7D0D0 */
	background-color: rgba(231,208,208,1);	/* #E7D0D0 */
}

/*** 紫 ( light ) ***/

#sr-change-font .purple.light .btn, .user_title.style05.purple.light .title, .infobox.purple.light, .cus_btn.purple.light {
	color: rgba(64,0,64,1);	/* #400040 */
	border-color: rgba(241,196,255,1);	/* #F1C4FF */
	background-color: rgba(249,229,255,1);	/* #F9E5FF */
}

#sr-change-font .purple.light .btn:hover, #sr-change-font .purple.light .btn:active, .cus_btn.purple.light:hover, .cus_btn.purple.light:active {
	color: rgba(64,0,64,1);	/* #400040 */
	border-color: rgba(243,199,255,1);	/* #F3C7FF */
	background-color: rgba(243,199,255,1);	/* #F3C7FF */
}

ul, ol {
	list-style: none;
	padding: 0;
	margin: 0;
}

/*** 具符號的 ul、ol ***/

ul.dot, ol.dot {
	list-style: disc outside;
	margin-left: 1.2em;	/* 1.2em + 1em */
}

/***************************************
數字型 (一)
1. -> 1. -> 1.
***************************************/

ul.number, ol, ol.number {
	counter-reset: level1;
	list-style: none;
}

/*** 第一層 ***/

ul.number li, ol li, ol.number li {
	position: relative;
	padding-left: 1.7em;
}

ul.number li:before, ol li:before, ol.number li:before {
	position: absolute;
	left: 0;
	counter-increment: level1;
	content: counter(level1) ".";
}

/*** 第二層以後 ***/

ul.number ul, ol ol, ol.number ol {
	counter-reset: level2;
}

ul.number ul li, ol ol li, ol.number ol li {
	padding-left: 1.7em;
}

ul.number ul li:before, ol ol li:before, ol.number ol li:before {
	counter-increment: level2;
	content: "(" counter(level2) ")";
}

/***************************************
數字型 (二)
1. -> (1) -> dot
***************************************/

ul.number1, ol.number1 {
	counter-reset: level1;
	list-style: none;
}

/** 第一層***/

ul.number1 li, ol.number1 li {
	position: relative;
	padding-left: 1.7em;
}

ul.number1 li:before, ol.number1 li:before {
	position: absolute;
	left: 0;
	counter-increment: level1;
	content: counter(level1) ".";
}

/*** 第二層 ***/

ul.number1 ul, ol.number1 ol {
	counter-reset: level2;
}

ul.number1 ul li, ol.number1 ol li {
	padding-left: 2em;
}

ul.number1 ul li:before, ol.number1 ol li:before {
	counter-increment: level2;
	content: '(' counter(level2) ")";
}

ul.number1 ul ul li, ol.number1 ol ol li {
	padding-left: 1.2em;
}

ul.number1 ul ul li:before, ol.number1 ol ol li:before {
	font-family: 'FontAwesome';
	content: '\f111';
	font-size: 50%;
	color: rgba(0,0,0,.7);
	top: 7px;
}

/****************************************
 數字型 (圓框)
****************************************/

ul.circle {
	counter-reset: li;
	list-style: none;
}

ul.circle li {
	position: relative;
	padding-left: 2em;
	padding-top: .2em;
	padding-bottom: .2em;
}

ul.circle li:before {
	position: absolute;
	left: 0;
	counter-increment: li;
	content: counter(li);
	width: 1.4em;
	height: 1.4em;
	line-height: 1.4;
	text-align: center;
	vertical-align: middle;
	background: #595959;
	color: #fff;
	border-radius: 50%;/*
	top: 50%;
	transform: translateY(-50%);
*/
}

ul.circle.blue li:before {
	background: #175B96;
}

ul.circle.red li:before {
	background: #AC1616;
}

ul.circle.green li:before {
	background: #006100;
}

ul.circle.orange li:before {
	background: #FF7B00;
}

/******************************************
 文字型 (二層)
	一' => 1. => (1) => .
/*****************************************/

ul.cap {
	list-style: none;
}

/** 第一層 **/

ul.cap > li {
	position: relative;
	padding-left: 3em;
}

ul.cap > li:nth-child(1),
ul.cap > li:nth-child(2),
ul.cap > li:nth-child(3),
ul.cap > li:nth-child(4),
ul.cap > li:nth-child(5),
ul.cap > li:nth-child(6),
ul.cap > li:nth-child(7),
ul.cap > li:nth-child(8),
ul.cap > li:nth-child(9),
ul.cap > li:nth-child(10) {
	padding-left: 2.3em;
}

ul.cap > li:before {
	position: absolute;
	display: inline-block;
	width: 3em;
	text-align: left;
	left: 0;
}

ul.cap > li:nth-child(1):before {
	content: '一、';
	width: 2em;
}

ul.cap > li:nth-child(2):before {
	content: '二、';
	width: 2em;
}

ul.cap > li:nth-child(3):before {
	content: '三、';
	width: 2em;
}

ul.cap > li:nth-child(4):before {
	content: '四、';
	width: 2em;
}

ul.cap > li:nth-child(5):before {
	content: '五、';
	width: 2em;
}

ul.cap > li:nth-child(6):before {
	content: '六、';
	width: 2em;
}

ul.cap > li:nth-child(7):before {
	content: '七、';
	width: 2em;
}

ul.cap > li:nth-child(8):before {
	content: '八、';
	width: 2em;
}

ul.cap > li:nth-child(9):before {
	content: '九、';
	width: 2em;
}

ul.cap > li:nth-child(10):before {
	content: '十、';
	width: 2em;
}

ul.cap > li:nth-child(11):before {
	content: '十一、';
}

ul.cap > li:nth-child(12):before {
	content: '十二、';
}

ul.cap > li:nth-child(13):before {
	content: '十三、';
}

ul.cap > li:nth-child(14):before {
	content: '十四、';
}

ul.cap > li:nth-child(15):before {
	content: '十五、';
}

ul.cap > li:nth-child(16):before {
	content: '十六、';
}

ul.cap > li:nth-child(17):before {
	content: '十七、';
}

ul.cap > li:nth-child(18):before {
	content: '十八、';
}

ul.cap > li:nth-child(19):before {
	content: '十九、';
}

ul.cap > li:nth-child(20):before {
	content: '廿十、';
}

ul.cap > li:nth-child(21):before {
	content: '廿一、';
}

ul.cap > li:nth-child(22):before {
	content: '廿二、';
}

ul.cap > li:nth-child(23):before {
	content: '廿三、';
}

ul.cap > li:nth-child(24):before {
	content: '廿四、';
}

ul.cap > li:nth-child(25):before {
	content: '廿五、';
}

ul.cap > li:nth-child(26):before {
	content: '廿六、';
}

ul.cap > li:nth-child(27):before {
	content: '廿七、';
}

ul.cap > li:nth-child(28):before {
	content: '廿八、';
}

ul.cap > li:nth-child(29):before {
	content: '廿九、';
}

/** 第二層  1.  **/

ul.cap ul {
	counter-reset: item;
	border: 0px solid green;
}

ul.cap ul li {
	position: relative;
	padding-left: 2em;
	margin-top: .3em;
}

ul.cap ul li:before {
	position: absolute;
	left: 0;
	display: inline-block;
	width: 1.5em;
	text-align: right;
	counter-increment: item;
	content: counter(item) '. ';
}

/** 第三層 (1) **/

ul.cap ul ul {
	counter-reset: item1;
}

ul.cap ul ul li {
	padding-left: 2em;
}

ul.cap ul ul li:before {
	width: 2em;
	/*	content: counter(item) '--' counter(item1); */
	content: '(' counter(item1) ')';
	counter-increment: item1;
	text-align: left;
}

/** 第四層 (系統樣式) **/

ul.cap ul ul ul {
	list-style: square outside;
}

ul.cap ul ul ul li {
	padding-left: 0;
	margin-left: 1em;
}

ul.cap ul ul ul li:before {
	content: '';
}

/***************************************
文字型 (二層)
一、(自加) -> 1. -> (1)
*************---------------***********/
/*** 第一層 ***/

ul.cap2 li {
	margin-bottom: 1em;
}

ul.cap2 li p {
	text-indent: 0;
	margin-left: 2em;	/* 同子層的 li margin #2 */
}

/*** 第二層 ***/

ul.cap2 ul {
	counter-reset: item;
	margin-left: 2em;
}

ul.cap2 ul li {
	position: relative;
	padding-left: 1.8em;	/* 放前置數字 */
	margin-bottom: inherit;
}

ul.cap2 ul li:before {
	position: absolute;
	left: 0;
	counter-increment: item;
	content: counter(item) ".";
}

ul.cap2 ul li p {
	margin-left: 0;
}

/*** 第三層 ***/

ul.cap2 ul ul {
	counter-reset: item3;
	margin-left: 0;
}

ul.cap2 ul ul li {
	margin: 0;
}

ul.cap2 ul ul li:before {
	counter-increment: item3;
	content: "(" counter(item3) ")";
}

/*** 第四層以後 ***/

ul.cap2 ul ul ul li {
	padding-left: 1em;
}

ul.cap2 ul ul ul li:before {
	font-family: 'FontAwesome';
	content: '\f111';
	font-size: 50%;
	color: rgba(0,0,0,.7);
	top: 7px;
}

/***************************************
文字型 (三層)
壹、(自加) -> 一、(自加) -> 1. -> (1)
***************************************/
/*** 第一層 ***/

ul.cap3 li {
}

ul.cap3 li p {
	text-indent: 0;
	margin: 0;
	margin-left: 2.2em;		/*** 同子層 li margin #1 ***/
}

/*** 第二層 ***/

ul.cap3 ul {
	margin-left: 2.2em;
}

ul.cap3 ul li {
}

ul.cap3 ul li p {
	margin-left: 2.2em;
}

/*** 第三層 ***/

ul.cap3 ul ul {
	counter-reset: item1;
	margin-left: 2.2em;
}

ul.cap3 ul ul li {
	position: relative;
	padding-left: 1.8em;
}

ul.cap3 ul ul li p {
	margin-left: 0;
}

ul.cap3 ul ul li:before {
	position: absolute;
	left: 0;
	counter-increment: item1;
	content: counter(item1) ".";
}

/*** 第四層 ***/

ul.cap3 ul ul ul {
	counter-reset: item2;
	margin-left: 0;
}

ul.cap3 ul ul ul li {
	position: relative;
	text-indent: 0;
	margin: 0;
	padding-left: 1.8em;
}

ul.cap3 ul ul ul li:before {
	counter-increment: item2;
	content: "(" counter(item2) ")";
}

/*** 第五層以後 ***/

ul.cap3 ul ul ul ul li {
	padding-left: 1em;
}

ul.cap3 ul ul ul ul li:before {
	font-family: 'FontAwesome';
	content: '\f111';
	font-size: 50%;
	color: rgba(0,0,0,.7);
	top: 7px;
}

/***************************
 法律條文專用
***************************/

ul.law {
}

ul.law > li {
	position: relative;
	margin-bottom: .5em;
	padding-left: 5em;
}

ul.law > li:before {
	content: '';
	position: absolute;
	left: 0;
	font-weight: 600;
}

ul.law > li:nth-child(1):before {
	content: '第一條';
}

ul.law > li:nth-child(2):before {
	content: '第二條';
}

ul.law > li:nth-child(3):before {
	content: '第三條';
}

ul.law > li:nth-child(4):before {
	content: '第四條';
}

ul.law > li:nth-child(5):before {
	content: '第五條';
}

ul.law > li:nth-child(6):before {
	content: '第六條';
}

ul.law > li:nth-child(7):before {
	content: '第七條';
}

ul.law > li:nth-child(8):before {
	content: '第八條';
}

ul.law > li:nth-child(9):before {
	content: '第九條';
}

ul.law > li:nth-child(10):before {
	content: '第十條';
}

ul.law > li:nth-child(11):before {
	content: '第十一條';
}

ul.law > li:nth-child(12):before {
	content: '第十二條';
}

ul.law > li:nth-child(13):before {
	content: '第十三條';
}

ul.law > li:nth-child(14):before {
	content: '第十四條';
}

ul.law > li:nth-child(15):before {
	content: '第十五條';
}

ul.law > li:nth-child(16):before {
	content: '第十六條';
}

ul.law > li:nth-child(17):before {
	content: '第十七條';
}

ul.law > li:nth-child(18):before {
	content: '第十八條';
}

ul.law > li:nth-child(19):before {
	content: '第十九條';
}

ul.law > li:nth-child(20):before {
	content: '第二十條';
}

/********************************
 列表式：
 <ul class="table w5">
 	<li><span>...</span>...</li>
 </ul>
 ul 可設定第一個 <span> 寬度
 li 下方加虛線
********************************/
ul.table li {
	padding: .5em 0;
	border-style: dashed;
	border-width: 0 0 1px 0;
	border-color: rgba(127,127,127,.5);
}

ul.table li span {
	display: inline-block;
}

ul.table.w5 li span:first-child { width: 5em; }
ul.table.w55 li span:first-child { width: 5.5em; }
ul.table.w6 li span:first-child { width: 6em; }
ul.table.w65 li span:first-child { width: 6.5em; }
ul.table.w7 li span:first-child { width: 7em; }
ul.table.w75 li span:first-child { width: 7.5em; }
ul.table.w8 li span:first-child { width: 8em; }
ul.table.w85 li span:first-child { width: 8.5em; }
ul.table.w9 li span:first-child { width: 9em; }
ul.table.w95 li span:first-child { width: 9.5em; }
ul.table.w10 li span:first-child { width: 10em; }
ul.table.w105 li span:first-child { width: 10.5em; }
ul.table.w11 li span:first-child { width: 11em; }
ul.table.w115 li span:first-child { width: 11.5em; }


h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	padding: 0;
}

img {
	display: inline-block;
	max-width: 100%;
	height: auto;
}


.iframe_box {
	position: relative;
	padding-bottom: 75%; 	/* 4:3 */
	padding-bottom: 56.25%;	/* 16:9	*/
	height: 0;
	overflow: hidden;
}

.iframe_box iframe, .iframe_box video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;/*    border: 2px solid rgba(127,127,127,.3); */
}

em {
	font-size: 80%;
	opacity: .7;
	font-style: normal;
	text-decoration: none;
	padding: 0 .1em;
}

/*** 向上對齊 ***/

.text-vtop {
	vertical-align: top;
}

/*** 垂直置中 ***/

.text-vcenter {
	vertical-align: middle;
}

/*** 向下對齊 ***/

.text-vbottom {
	vertical-align: bottom;
}

/*** 不換行 ***/

.text-nowrap {
	white-space: nowrap;
}

/*** 向左對齊 ***/ 

.text-left {
	text-align: left;
}

/*** 向右對齊 ***/

.text-right {
	text-align: right;
}

/**************** 圓角框 *********/

.round_3 {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
}

.round_4 {
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
}

.round_5 {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
}

/***** 回到頂部 *****/

a.gotop {
	z-index: 99999999;
	display: block;
	background-color: #404040;
	color: #FFFFFF;
	text-decoration: none;
	width: 1.3em;
	height: 1.3em;
	line-height: 1.2;
	text-align: center;
	font-size: 2em;
	position: fixed;
	bottom: -2em;
	right: .5em;
 -webkit-border-radius: 5px  -moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}

a.gotop.show {
	bottom: 2em;
}

a.gotop:hover {
	background-color: #5DBA9D;
	color: #FFFFFF;
}

/*********** 圓形 ***********/

.circular {
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}

hr {
	margin: 0;
}

/* 黑色漸層 */

hr.style-1 {
	border: 0;
	height: 1px;
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.5), rgba(0,0,0,0));
	background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.5), rgba(0,0,0,0));
	background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.5), rgba(0,0,0,0));
	background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.5), rgba(0,0,0,0));
}

/*** 反白漸層 ***/

hr.style-2 {
	border: 0;
	height: 1px;
	background-image: -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,.5), rgba(255,255,255,0));
	background-image: -moz-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,.5), rgba(255,255,255,0));
	background-image: -ms-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,.5), rgba(255,255,255,0));
	background-image: -o-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,.5), rgba(255,255,255,0));
}

hr.style-3 {
	border: 0;
	height: 1px;
	background: url(../images/bg_e8e8e8.png) repeat-x;
}

/***************** 單邊有陰影 ******************/

.shadow_top {
	box-shadow: 0 -7px 5px -5px rgba(0,0,0,.3);
	-webkit-box-shadow: 0 -7px 5px -5px rgba(0,0,0,.3);
	-moz-box-shadow: 0 -7px 5px -5px rgba(0,0,0,.3);
}

.shadow_bottom {
	box-shadow: 0 7px 5px -5px rgba(0,0,0,.1);
	-webkit-box-shadow: 0 7px 5px -5px rgba(0,0,0,.1);
	-moz-box-shadow: 0 7px 5px -5px rgba(0,0,0,.1);
}

.shadow_right {
	-moz-box-shadow: 30px 0px 100px -100px #000000;
	-ms-box-shadow: 30px 0px 100px -100px #000000;
	-webkit-box-shadow: 30px 0px 100px -100px #000000;
	-o-box-shadow: 30px 0px 100px -100px #000000;
}

.shadow_left {
	box-shadow : -30px 0px 150px -160px #000000;
	-webkit-box-shadow : -30px 0px 150px -160px #000000;
	-moz-box-shadow : -30px 0px 150px -160px #000000;
	-o-box-shadow : -30px 0px 150px -160px #000000;
	-ms-box-shadow : -30px 0px 150px -160px #000000;
}

.shadow_both {
	-webkit-box-shadow: 7px 0px 5px -2px rgba(0,0,0,.3), -7px 0px 5px -2px rgba(0,0,0,.3);
	-moz-box-shadow: 7px 0px 5px -2px rgba(0,0,0,.3), -7px 0px 5px -2px rgba(0,0,0,.3);
	box-shadow: 7px 0px 5px -2px rgba(0,0,0,.3), -7px 0px 5px -2px rgba(0,0,0,.3);
}

/**** 分隔線 ****/

.divider_01 {
	margin-top: 50px;
	margin-bottom: 50px;
	background-image: -moz-linear-gradient(180deg, #ffffff 0%, #e3e3e3 49%, #ffffff 100%);
	background-image: -webkit-linear-gradient(180deg, #ffffff 0%, #e3e3e3 49%, #ffffff 100%);
	background-image: -ms-linear-gradient(180deg, #ffffff 0%, #e3e3e3 49%, #ffffff 100%);
	width: 95%;
	height: 1px;
}

/*------------------------------------*\
	Margin & Padding
\*------------------------------------*/

.mt0 { margin-top: 0 !important; }
.mt1 { margin-top: 0.0625em !important; }
.mt2 { margin-top: 0.125em !important; }
.mt3 { margin-top: 0.1875em !important; }
.mt4 { margin-top: 0.25em !important; }
.mt5 { margin-top: 0.3125em !important; }
.mt6 { margin-top: 0.375em !important; }
.mt7 { margin-top: 0.4375em !important; }
.mt8 { margin-top: 0.5em !important; }
.mt9 { margin-top: 0.5625em !important; }
.mt10 { margin-top: 0.625em !important; }
.mt11 { margin-top: 0.6875em !important; }
.mt12 { margin-top: 0.75em !important; }
.mt13 { margin-top: 0.8125em !important; }
.mt14 { margin-top: 0.875em !important; }
.mt15 { margin-top: 0.9375em !important; }
.mt16 { margin-top: 1em !important; }
.mt17 { margin-top: 1.0625em !important; }
.mt18 { margin-top: 1.125em !important; }
.mt19 { margin-top: 1.1875em !important; }
.mt20 { margin-top: 1.25em !important; }
.mt21 { margin-top: 1.3125em !important; }
.mt22 { margin-top: 1.375em !important; }
.mt23 { margin-top: 1.4375 !important; }
.mt24 { margin-top: 1.5em !important; }
.mt25 { margin-top: 1.5625em !important; }
.mt26 { margin-top: 1.625em !important; }
.mt27 { margin-top: 1.6875em !important; }
.mt28 { margin-top: 1.75em !important; }
.mt29 { margin-top: 1.8125em !important; }
.mt30 { margin-top: 1.875em !important; }
.mt31 { margin-top: 1.9375em !important; }
.mt32 { margin-top: 2em !important; }
.mt33 { margin-top: 2.0625em !important; }
.mt34 { margin-top: 2.125em !important; }
.mt35 { margin-top: 2.1875em !important; }
.mt36 { margin-top: 2.25em !important; }
.mt37 { margin-top: 2.3125em !important; }
.mt38 { margin-top: 2.375em !important; }
.mt39 { margin-top: 2.4375em !important; }
.mt40 { margin-top: 2.5em !important; }
.mt41 { margin-top: 2.5625em !important; }
.mt42 { margin-top: 2.625em !important; }
.mt43 { margin-top: 2.6875em !important; }
.mt44 { margin-top: 2.75em !important; }
.mt45 { margin-top: 2.8125em !important; }
.mt46 { margin-top: 2.875em !important; }
.mt47 { margin-top: 2.9375em !important; }
.mt48 { margin-top: 3em !important; }
.mt49 { margin-top: 3.0625em !important; }
.mt50 { margin-top: 3.125em !important; }
.mt55 { margin-top: 3.438em !important; }
.mt60 { margin-top: 3.750em !important; }
.mt65 { margin-top: 4.063em !important }
.mt70 { margin-top: 4.375em !important }
.mt75 { margin-top: 4.688em !important; }
.mt80 { margin-top: 5.000em !important; }
.mt85 { margin-top: 5.313em !important; }
.mt90 { margin-top: 5.625em !important; }
.mt95 { margin-top: 5.938em !important; }
.mt100 { margin-top: 6.250em !important }


.mb0 { margin-bottom: 0 !important; }
.mb1 { margin-bottom: 0.0625em !important; }
.mb2 { margin-bottom: 0.125em !important; }
.mb3 { margin-bottom: 0.1875em !important; }
.mb4 { margin-bottom: 0.25em !important; }
.mb5 { margin-bottom: 0.3125em !important; }
.mb6 { margin-bottom: 0.375em !important; }
.mb7 { margin-bottom: 0.4375em !important; }
.mb8 { margin-bottom: 0.5em !important; }
.mb9 { margin-bottom: 0.5625em !important; }
.mb10 { margin-bottom: 0.625em !important; }
.mb11 { margin-bottom: 0.6875em !important; }
.mb12 { margin-bottom: 0.75em !important; }
.mb13 { margin-bottom: 0.8125em !important; }
.mb14 { margin-bottom: 0.875em !important; }
.mb15 { margin-bottom: 0.9375em !important; }
.mb16 { margin-bottom: 1em !important; }
.mb17 { margin-bottom: 1.0625em !important; }
.mb18 { margin-bottom: 1.125em !important; }
.mb19 { margin-bottom: 1.1875em !important; }
.mb20 { margin-bottom: 1.25em !important; }
.mb21 { margin-bottom: 1.3125em !important; }
.mb22 { margin-bottom: 1.375em !important; }
.mb23 { margin-bottom: 1.4375 !important; }
.mb24 { margin-bottom: 1.5em !important; }
.mb25 { margin-bottom: 1.5625em !important; }
.mb26 { margin-bottom: 1.625em !important; }
.mb27 { margin-bottom: 1.6875em !important; }
.mb28 { margin-bottom: 1.75em !important; }
.mb29 { margin-bottom: 1.8125em !important; }
.mb30 { margin-bottom: 1.875em !important; }
.mb31 { margin-bottom: 1.9375em !important; }
.mb32 { margin-bottom: 2em !important; }
.mb33 { margin-bottom: 2.0625em !important; }
.mb34 { margin-bottom: 2.125em !important; }
.mb35 { margin-bottom: 2.1875em !important; }
.mb36 { margin-bottom: 2.25em !important; }
.mb37 { margin-bottom: 2.3125em !important; }
.mb38 { margin-bottom: 2.375em !important; }
.mb39 { margin-bottom: 2.4375em !important; }
.mb40 { margin-bottom: 2.5em !important; }
.mb41 { margin-bottom: 2.5625em !important; }
.mb42 { margin-bottom: 2.625em !important; }
.mb43 { margin-bottom: 2.6875em !important; }
.mb44 { margin-bottom: 2.75em !important; }
.mb45 {	margin-bottom: 2.8125em !important; }
.mb46 { margin-bottom: 2.875em !important; }
.mb47 { margin-bottom: 2.9375em !important; }
.mb48 { margin-bottom: 3em !important; }
.mb49 { margin-bottom: 3.0625em !important; }
.mb50 { margin-bottom: 3.125em !important; }
.mb55 { margin-bottom: 3.438em !important; }
.mb60 { margin-bottom: 3.750em !important; }
.mb65 { margin-bottom: 4.063em !important; }
.mb70 { margin-bottom: 4.375em !important; }
.mb75 { margin-bottom: 4.688em !important; }
.mb80 { margin-bottom: 5.000em !important; }
.mb85 { margin-bottom: 5.313em !important; }
.mb90 { margin-bottom: 5.625em !important; }
.mb95 { margin-bottom: 5.938em !important; }
.mb100 { margin-bottom: 6.250em !important; }

.ml0 { margin-left: 0 !important; }
.ml1 { margin-left: 0.0625em !important; }
.ml2 { margin-left: 0.125em !important; }
.ml3 { margin-left: 0.1875em !important; }
.ml4 { margin-left: 0.25em !important; }
.ml5 { margin-left: 0.3125em !important; }
.ml6 { margin-left: 0.375em !important; }
.ml7 { margin-left: 0.4375em !important; }
.ml8 { margin-left: 0.5em !important; }
.ml9 { margin-left: 0.5625em !important; }
.ml10 { margin-left: 0.625em !important; }
.ml11 { margin-left: 0.6875em !important; }
.ml12 { margin-left: 0.75em !important; }
.ml13 { margin-left: 0.8125em !important; }
.ml14 { margin-left: 0.875em !important; }
.ml15 { margin-left: 0.9375em !important; }
.ml16 { margin-left: 1em !important; }
.ml17 { margin-left: 1.0625em !important; }
.ml18 { margin-left: 1.125em !important; }
.ml19 { margin-left: 1.1875em !important; }
.ml20 { margin-left: 1.25em !important; }
.ml21 { margin-left: 1.3125em !important; }
.ml22 { margin-left: 1.375em !important; }
.ml23 { margin-left: 1.4375 !important; }
.ml24 { margin-left: 1.5em !important; }
.ml25 { margin-left: 1.5625em !important; }
.ml26 { margin-left: 1.625em !important; }
.ml27 { margin-left: 1.6875em !important; }
.ml28 { margin-left: 1.75em !important; }
.ml29 { margin-left: 1.8125em !important; }
.ml30 { margin-left: 1.875em !important; }
.ml31 { margin-left: 1.9375em !important; }
.ml32 { margin-left: 2em !important; }
.ml33 { margin-left: 2.0625em !important; }
.ml34 { margin-left: 2.125em !important; }
.ml35 { margin-left: 2.1875em !important; }
.ml36 { margin-left: 2.25em !important; }
.ml37 { margin-left: 2.3125em !important; }
.ml38 { margin-left: 2.375em !important; }
.ml39 { margin-left: 2.4375em !important; }
.ml40 { margin-left: 2.5em !important; }
.ml41 { margin-left: 2.5625em !important; }
.ml42 { margin-left: 2.625em !important; }
.ml43 { margin-left: 2.6875em !important; }
.ml44 { margin-left: 2.75em !important; }
.ml45 { margin-left: 2.8125em !important; }
.ml46 { margin-left: 2.875em !important; }
.ml47 { margin-left: 2.9375em !important; }
.ml48 { margin-left: 3em !important; }
.ml49 { margin-left: 3.0625em !important; }
.ml50 { margin-left: 3.125em !important; }
.ml55 { margin-left: 3.4375em !important; }
.ml60 { margin-left: 3.75em !important; }
.ml65 { margin-left: 4.0625em !important; }
.ml70 { margin-left: 4.375em !important; }
.ml75 { margin-left: 4.6875em !important; }
.ml80 { margin-left: 5em !important; }
.ml85 { margin-left: 5.3125 !important; }
.ml90 { margin-left: 5.625 !important; }
.ml95 { margin-left: 5.9375 !important; }
.ml100 { margin-left: 6.25 !important; }

/*******************************************
*
* 搜尋表單 - 標準式 (/searchform.php)
*
*******************************************/

form.search-form {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 15em;	/*** 搜尋框寬度 ***/
	height: 2.05em;	/*** 搜尋框高度 #1***/
}

form.search-form input[type="search"] {
	position: absolute;
	left: 0;
	border-style: solid;
	border-width: 1px;
	border-color: rgba(89,89,89,1);
	padding: 3px 5px;
	width: 100%;
	padding-right: 2.4em;		/* for button's width */
	height: 2.05em;				/*** 搜尋框高度 #1***/
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}

form.search-form input.default {
	border-color: rgba(89,89,89,1);		/* #595959;	*/
}

form.search-form input.gray {
	border-color: rgba(89,89,89,1);		/* #595959;	*/
}

form.search-form input.gray.light {
	border-color: rgba(227,227,227,1);	/* #E3E3E3 */
}

form.search-form input.blue {
	border-color: rgba(23,91,150,1);	/* #175B96 */
}

form.search-form input.blue.light {
	border-color: rgba(171,211,254,1);	/* #ABD3FE*/
}

form.search-form input.red {
	border-color: rgba(172,22,22,1);	/* #AC1616 */
}

form.search-form input.red.light {
	border-color: rgba(255,214,214,1);	/* #FFD6D6 */
}

form.search-form input.green {
	border-color: rgba(0,97,0,1);		/* #006100 */
}

form.search-form input.green.light {
	border-color: rgba(207,255,191,1);	/* #CFFFBF */
}

form.search-form input.yellow {
	border-color: rgba(249,203,51,1);	/* #F9CB33 */
}

form.search-form input.yellow.light {
	border-color: rgba(255,255,191,1);	/* #FFFFBF */
}

form.search-form input.orange {
	border-color: rgba(255,165,0,1);	/* #FFA500 */
}

form.search-form input.orange.light {
	border-color: rgba(255,222,189,1);	/* #FFDEBD */
}

form.search-form input.pink {
	border-color: rgba(255,192,203,1);	/* #FFC0CB */
}

form.search-form input.pink.light {
	border-color: rgba(255,229,234,1);	/* #FFE5EA */
}

form.search-form input.brown {
	border-color: rgba(102,26,0,1);		/* #661A00 */
}

form.search-form input.brown.light {
	border-color: rgba(245,234,234,1);	/* #F5EAEA */
}

form.search-form input.purple {
	border-color: rgba(114,6,136,1);		/* #720688 */
}

form.search-form input.purple.light {
	border-color: rgba(249, 229, 255, 1);	/* #F9E5FF */
}

/*** 按鈕 ***/

form.search-form button.search-submit {
	position: absolute;
	top: 0;
	right: 0;
	border-left: none;
	padding: .1em .6em;
	margin: 0;
	height: 2.05em;		/*** 搜尋框高度 #1***/
	-webkit-border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	-ms-border-radius: 0 3px 3px 0;
	-o-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
}

form.search-form button.search-submit:focus {
/*	outline: 1px dashed rgba(0,0,0,.5); */
}
 #s::-webkit-input-placeholder {
 color: rgba(255,255,255,1);
 color: #333;
}
 #s:-moz-placeholder {
 color: rgba(255,255,255,1);
 color: #333;
}
 #s::-moz-placeholder {
 color: rgba(255,255,255,1);
 color: #333;
}
 #s:-ms-input-placeholder {
 color: rgba(255,255,255, 1);
 color: #333;
}

/******************* 表單相關 *****************************/

textarea {
	resize: vertical;
}

/************ TABLE ***************/

table {
	overflow-x: auto;
	border-collapse: collapse;
	margin: 0;
	text-align: left;
	width: 100%;
}

table th, table td {
	padding: .3em .5em .2em .5em;
	border-style: solid;
	border-width: 1px;
	border-color: rgba(89,89,89,.3);	/* #595959 */
	vertical-align: middle;
}

table th {
	font-weight: 700;
	text-align: center;
	white-space: nowrap;
}

table thead th, table thead td {
	background: rgba(242,242,242,1);	/* #F2F2F2 */
	color: #333;
}

table thead th {
	padding-top: .5em;
	padding-bottom: .4em;
	line-height: 1.2;
}

/***********************************
 特定樣式表格 (table.office1)
 行政單位 > 業務職掌
 職稱 | 預算員額數 | 工作項目 | 聯絡電話
***********************************/

table.office1 thead th:nth-child(1) {
	width: 6em;
}

table.office1 tbody td:nth-child(2) {
	width: 4em;
	text-align: center;
}

table.office1 tbody tr td:nth-child(4) {
	width: 9em;
	text-align: center;
}

/***************************
table th 設定儲存格寬度
***************************/
table th.w2 { width: 2em !important;}
table th.w25 { width: 2.5em !important;}
table th.w3 { width: 3em !important;}
table th.w35 { width: 3.5em !important;}
table th.w4 { width: 4em !important;}
table th.w45 { width: 4.5em !important;}
table th.w5 { width: 5em !important;}
table th.w55 { width: 5.5em !important;}
table th.w6 { width: 6em !important;}
table th.w65 { width: 6.5em !important;}
table th.w7 { width: 7em !important;}
table th.w75 { width: 7.5em !important;}
table th.w8 { width: 8em !important;}
table th.w85 { width: 8.5em !important;}
table th.w9 { width: 9em !important;}
table th.w95 { width: 9.5em !important;}
table th.w10 { width: 10em !important;}
table th.w11 { width: 11em !important;}
table th.w12 { width: 12em !important;}
table th.w13 { width: 13em !important;}
table th.w14 { width: 14em !important;}
table th.w15 { width: 15em !important;}
table th.w16 { width: 16em !important;}

/****** 特定樣式表格結束 ******************/


/*** 灰色表格  #595959  rgba(89,89,89,1) ***/

table.gray thead th, table.gray thead td {
	background: rgba(89,89,89,1);
	border-color: rgba(89,89,89,1) rgba(255,255,255,.3) rgba(89,89,89,1) rgba(89,89,89,1);
	color: #FFF;
}

table.gray thead th:last-child, table.gray thead td:last-child {
	border-right-color: rgba(89,89,89,1);
}

table.gray tbody th {
	background: rgba(89,89,89,.04);
}

/*** 藍色表格  #175B96  rgba(23,91,150,1) ***/

table.blue td, table.blue th {
	border-color: rgba(23,91,150,.4);
}

table.blue thead th, table.blue thead td {
	color: #FFF;
	background: rgba(23,91,150,1);
	border-color: rgba(23,91,150,1) rgba(255,255,255,.3) rgba(23,91,150,1) rgba(23,91,150,1);
}

table.blue thead th:last-child, table.blue thead td:last-child {
	border-right-color: rgba(23,91,150,1);
}

table.blue tbody th {
	background: rgba(23,91,150,.05);
}

/*** 紅色表格  #AC1616  rgba(172,22,22,1) ***/

table.red td, table.red th {
	border-color: rgba(172,22,22,.4);
}

table.red thead th, table.red thead td {
	color: #FFF;
	background: rgba(172,22,22,1);
	border-color: rgba(172,22,22,1) rgba(255,255,255,.3) rgba(172,22,22,1) rgba(172,22,22,1);
}

table.red thead th:last-child, table.red thead td:last-child {
	border-right-color: rgba(172,22,22,1);
}

table.red tbody th {
	background: rgba(172,22,22,.05);
}

/*** 綠色表格  #006100  rgba(0,97,0,1) ***/

table.green td, table.green th {
	border-color: rgba(0,97,0,.4);
}

table.green thead th, table.green thead td {
	color: #FFF;
	background: rgba(0,97,0,1);
	border-color: rgba(0,97,0,1) rgba(255,255,255,.3) rgba(0,97,0,1) rgba(0,97,0,1);
}

table.green thead th:last-child, table.green thead td:last-child {
	border-right-color: rgba(0,97,0,1);
}

table.green tbody th {
	background: rgba(0,97,0,.05);
}

/*** 黃色表格  #F9CB33  rgba(249,203,51,1) ***/

table.yellow td, table.yellow th {
	border-color: rgba(249,203,51,.4);
}

table.yellow thead th, table.yellow thead td {
	color: #111111;
	background: rgba(249,203,51,1);
	border-color: rgba(249,203,51,1) rgba(255,255,255,.3) rgba(249,203,51,1) rgba(249,203,51,1);
}

table.yellow thead th:last-child, table.yellow thead td:last-child {
	border-right-color: rgba(249,203,51,1);
}

table.yellow tbody th {
	background: rgba(249,203,51,.05);
}

/*** 橙色表格  #FFA500  rgba(255,165,0,1) ***/

table.orange td, table.orange th {
	border-color: rgba(255,165,0,.4);
}

table.orange thead th, table.orange thead td {
	color: #382400;
	background: rgba(255,165,0,1);
	border-color: rgba(255,165,0,1) rgba(255,255,255,.3) rgba(255,165,0,1) rgba(255,165,0,1);
}

table.orange thead th:last-child, table.orange thead td:last-child {
	border-right-color: rgba(255,165,0,1);
}

table.orange tbody th {
	background: rgba(255,165,0,.05);
}

/*** 粉紅色表格  #FFC0CB  rgba(255,192,203,1) ***/

table.pink td, table.pink th {
	border-color: rgba(255,192,203,.4);
}

table.pink thead th, table.pink thead td {
	color: #333333;
	background: rgba(255,192,203,1);
	border-color: rgba(255,192,203,1) rgba(255,255,255,.3) rgba(255,192,203,1) rgba(255,192,203,1);
}

table.pink thead th:last-child, table.pink thead td:last-child {
	border-right-color: rgba(255,192,203,1);
}

table.pink tbody th {
	background: rgba(255,192,203,.05);
}

/*** 棕色表格  #661A00  rgba(102,26,0,1) ***/

table.brown td, table.brown th {
	border-color: rgba(102,26,0,.4);
}

table.brown thead th, table.brown thead td {
	color: #FFFFFF;
	background: rgba(102,26,0,1);
	border-color: rgba(102,26,0,1) rgba(255,255,255,.3) rgba(102,26,0,1) rgba(102,26,0,1);
}

table.brown thead th:last-child, table.brown thead td:last-child {
	border-right-color: rgba(102,26,0,1);
}

table.brown tbody th {
	background: rgba(102,26,0,.03);
}

/*** 紫色表格  #720688  rgba(114,6,136,1) ***/

table.purple td, table.purple th {
	border-color: rgba(114,6,136,.2);
}

table.purple thead th, table.purple thead td {
	color: #FFFFFF;
	background: rgba(114,6,136,1);
	border-color: rgba(114,6,136,1) rgba(255,255,255,.3) rgba(114,6,136,1) rgba(114,6,136,1);
}

table.purple thead th:last-child, table.purple thead td:last-child {
	border-right-color: rgba(114,6,136,1);
}

table.purple tbody th {
	background: rgba(114,6,136,.03);
}

/*** light 灰色表格  #E3E3E3  rgba(227,227,227,1) ***/

table.gray.light td, table.gray.light th {
	border-color: rgba(227,227,227,1);
}

table.gray.light thead th, table.gray.light thead td {
	background: rgba(227,227,227,1);
	border-color: rgba(210,210,210,1);	/* background color -16) */
	color: rgba(69,69,69,1);	/* #454545 */
}

table.gray.light thead th:last-child, table.gray.light thead td:last-child {
	border-right-color: rgba(210,210,210,1);
}

table.gray.light tbody th {
	background: rgba(227,227,227,.2);
}

/*** light 藍色表格  #ABD3FE  rgba(171,211,254,1) ***/

table.blue.light td, table.blue.light th {
	border-color: rgba(171,211,254,1);
}

table.blue.light thead th, table.blue.light thead td {
	background: rgba(171,211,254,1);
	border-color: rgba(137,192,254,1);	/* background color -16 */
	color: rgba(9,54,90,1);	/* #09365A */
}

table.blue.light thead th:last-child, table.blue.light thead td:last-child {
	border-right-color: rgba(137,192,254,1);
}

table.blue.light tbody th {
	background: rgba(171,211,254,.1);
}

/*** light 紅色表格  #FFD6D6	rgba(255,214,214,1) ***/

table.red.light td, table.red.light th {
	border-color: rgba(255,214,214,1);
}

table.red.light thead th, table.red.light thead td {
	background: rgba(255,214,214,1);
	border-color: rgba(255,181,181,1);	/* background color -16 */
	color: rgba(143,0,0,1);	/* #8F0000 */
}

table.red.light thead th:last-child, table.red.light thead td:last-child {
	border-right-color: rgba(255,181,181,1);
}

table.red.light tbody th {
	background: rgba(255,214,214,.1);
}

/*** light 綠色表格  #CFFFBF	rgba(207,255,191,1) ***/

table.green.light td, table.green.light th {
	border-color: rgba(207,255,191,1);
}

table.green.light thead th, table.green.light thead td {
	background: rgba(207,255,191,1);
	border-color: rgba(156,255,123,1);	/* background color -16 */
	color: rgba(23,92,0,1);	/* #175C00*/
}

table.green.light thead th:last-child, table.green.light thead td:last-child {
	border-right-color: rgba(156,255,123,1);
}

table.green.light tbody th {
	background: rgba(207,255,191,.1);
}

/*** light 橙色表格  #FFDEBD	rgba(255,222,189,1) ***/

table.orange.light td, table.orange.light th {
	border-color: rgba(255,222,189,1);
}

table.orange.light thead th, table.orange.light thead td {
	background: rgba(255,222,189,1);
	border-color: rgba(255,205,155,1);	/* background color -16 */
	color: rgba(133,42,0,1);	/* #852A00*/
}

table.orange.light thead th:last-child, table.orange.light thead td:last-child {
	border-right-color: rgba(255,205,155,1);
}

table.orange.light tbody th {
	background: rgba(255,222,189,.2);
}

/*** light 粉紅色表格  #FFE5EA  rgba(255,229,234,1) ***/

table.pink.light td, table.pink.light th {
	border-color: rgba(255,229,234,1);
}

table.pink.light thead th, table.pink.light thead td {
	background: rgba(255,229,234,1);
	border-color: rgba(255,196,207,1);	/* background color -16 */
	color: rgba(138,0,73,1);	/* #8A0049*/
}

table.pink.light thead th:last-child, table.pink.light thead td:last-child {
	border-right-color: rgba(255,196,207,1);
}

table.pink.light tbody th {
	background: rgba(255,229,234,.2);
}

/*** light 棕色表格  #F5EAEA	rgba(245,234,234,1) ***/

table.brown.light td, table.brown.light th {
	border-color: rgba(245,234,234,1);
}

table.brown.light thead th, table.brown.light thead td {
	background: rgba(245,234,234,1);
	border-color: rgba(234,210,210,1);	/* background color -16 */
	color: rgba(112,37,0,1);	/* #702500*/
}

table.brown.light thead th:last-child, table.brown.light thead td:last-child {
	border-right-color: rgba(234,210,210,1);
}

table.brown.light tbody th {
	background: rgba(245,234,234,.2);
}

/*** light 紫色表格  #F9E5FF	rgba(249,229,255,1) ***/

table.purple.light td, table.purple.light th {
	border-color: rgba(249,229,255,1);
}

table.purple.light thead th, table.purple.light thead td {
	background: rgba(249,229,255,1);
	border-color: rgba(241,196,255,1);	/* background color -16 */
	color: rgba(64,0,64,1);	/* #400040*/
}

table.purple.light thead th:last-child, table.purple.light thead td:last-child {
	border-right-color: rgba(241,196,255,1);
}

table.purple.light tbody th {
	background: rgba(249,229,255,.2);
}

/***************************************
 首頁列表專用每排 ? 個
 xs: 480px - 599px
 sm: 600px - 1023px
 md: 1024px ~
****************************************/
.home ul.md2 li, .home ul.md3 li, .home ul.md4 li, .home ul.md5 li, .home ul.md6 li, .home ul.md7 li, .home ul.md8 li,
.home ul.sm2 li, .home ul.sm3 li, .home ul.sm4 li, .home ul.sm5 li, .home ul.sm6 li, .home ul.sm7 li, .home ul.sm8 li,
.home ul.xs2 li, .home ul.xs3 li, .home ul.xs4 li, .home ul.xs5 li, .home ul.xs6 li, .home ul.xs7 li, .home ul.xs8 li {
	position: relative;
	padding-right: 0.5em;
}

.home ul.xs2 li, .home ul.xs3 li, .home ul.xs4 li, .home ul.xs5 li, .home ul.xs6 li, .home ul.xs7 li, .home ul.xs8 li {
	display: inline-block;
	float: left;
}

.home ul.xs2 li { width: 50%; }
.home ul.xs3 li { width: 33.333%; }
.home ul.xs4 li { width: 25%; }
.home ul.xs5 li { width: 20%; }
.home ul.xs6 li { width: 16.666%; }
.home ul.xs7 li { width: 14.285%; }
.home ul.xs8 li { width: 12.5%; }

@media only screen and (max-width: 479px) {
	.home ul.xs2 li, .home ul.xs3 li, .home ul.xs4 li, .home ul.xs5 li, .home ul.xs6 li, .home ul.xs7 li, .home ul.xs8 li {
		display: block;
		width: 100%;
		float: none;
		padding: 0;
	}
}

@media only screen and (min-width: 600px) and (max-width: 1023px) {
	.home ul.sm2 li, .home ul.sm3 li, .home ul.sm4 li, .home ul.sm5 li, .home ul.sm6 li, .home ul.sm7 li, .home ul.sm8 li {
		display: inline-block;
		float: left;
	}

	.home ul.sm2 li { width: 50%; }
	.home ul.sm3 li { width: 33.333%; }
	.home ul.sm4 li { width: 25%; }
	.home ul.sm5 li { width: 20%; }
	.home ul.sm6 li { width: 16.666%; }
	.home ul.sm7 li { width: 14.285%; }
	.home ul.sm8 li { width: 12.5%; }
}

@media only screen and (min-width: 1024px) {
	.home ul.md2 li, .home ul.md3 li, .home ul.md4 li, .home ul.md5 li, .home ul.md6 li, .home ul.md7 li, .home ul.md8 li {
		display: inline-block;
		float: left;
	}

	.home ul.md2 li { width: 50%; }
	.home ul.md3 li { width: 33.333%; }
	.home ul.md4 li { width: 25%; }
	.home ul.md5 li { width: 20%; }
	.home ul.md6 li { width: 16.666%; }
	.home ul.md7 li { width: 14.285%; }
	.home ul.md8 li { width: 12.5%; }
}

/***************************************
 列表專用每排 ? 個
 用法：
 <ul class="col s2 m3 l3 xl4">
	<li>...</li>
 </ul>
 
 s: 480px - 767px
 m: 768px - 1023px
 l: 1024 ~ 1299px
 xl: 1300px ~
****************************************/
ul.col {}
ul.col:before,
ul.col:after {
	display: table;
	content: " ";
}
ul.col:after {
	clear: both;
}

ul.col > li {
	position: relative;
	padding-right: 1em;
}

/*** 前置符號 ***/
ul.col.dot > li,
ul.col.square > li {
	padding-left: 1em; 
}

ul.col.dot > li:before,
ul.col.square > li:before {
	position: absolute;
	left: 1px;
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900;
	font-size: .5em;

	top: 50%;
	transform: translateY(-50%);
}
ul.col.dot > li:before {
	content: '\f111';
	opacity: .8;
}

ul.col.square > li:before {
	content: '\f0c8';
	color:#F60;
	opacity: 1;
}

ul.col li a {
	display: block;
}

/****************************
 調整圖檔列表時，各圖檔高度一致
****************************/
.col.l3 .img_zoom .img_box img,
.col.xl3 .img_zoom .img_box img,
.col.l4 .img_zoom .img_box img,
.col.xl4 .img_zoom .img_box img  {
	height: 10em;
}

/*** ~479px 全部 100% block ***/
@media only screen and (max-width: 479px) {
	ul.col.s2>li, ul.col.s3>li, ul.col.s4>li, ul.col.s5>li, ul.col.s6>li, ul.col.s7>li, ul.col.s8>li, 
	ul.col.m2>li, ul.col.m3>li, ul.col.m4>li, ul.col.m5>li, ul.col.m6>li, ul.col.m7>li, ul.col.m8>li,
	ul.col.l2>li, ul.col.l3>li, ul.col.l4>li, ul.col.l5>li, ul.col.l6>li, ul.col.l7>li, ul.col.l8>li,
	ul.col.xl2>li, ul.col.xl3>li, ul.col.xl4>li, ul.col.xl5>li, ul.col.xl6>li, ul.col.xl7>li, ul.col.xl8>li {
		display: block;
		width: 100%;
		float: none;
		padding-right: 0;
		margin-bottom: .5em;
	}
}

/*** 480 ~ 767px 適用於 s? ***/
@media only screen and (min-width: 480px) and (max-width:767px) {
	ul.col.s2>li, ul.col.s3>li, ul.col.s4>li, ul.col.s5>li, ul.col.s6>li, ul.col.s7>li, ul.col.s8>li{
/*
		display: inline-block;
*/
		float: left;
	}
	ul.col.s2 > li { width: 50%; }
	ul.col.s3 > li { width: 33.333%; }
	ul.col.s4 > li { width: 25%; }
	ul.col.s5 > li { width: 20%; }
	ul.col.s6 > li { width: 16.666%; }
	ul.col.s7 > li { width: 14.285%; }
	ul.col.s8 > li { width: 12.5%; }
}

/*** 768 ~ 1023px 適用於 m? ***/
@media only screen and (min-width: 768px) and (max-width:1023px) {
	ul.col.s2>li, ul.col.s3>li, ul.col.s4>li, ul.col.s5>li, ul.col.s6>li, ul.col.s7>li, ul.col.s8>li, 
	ul.col.m2>li, ul.col.m3>li, ul.col.m4>li, ul.col.m5>li, ul.col.m6>li, ul.col.m7>li, ul.col.m8>li {
/*
		display: inline-block;
*/
		float: left;
	}
	ul.col.s2>li, ul.col.m2>li { width: 50%; }
	ul.col.s3>li, ul.col.m3>li { width: 33.333%; }
	ul.col.s4>li, ul.col.m4>li { width: 25%; }
	ul.col.s5>li, ul.col.m5>li { width: 20%; }
	ul.col.s6>li, ul.col.m6>li { width: 16.666%; }
	ul.col.s7>li, ul.col.m7>li { width: 14.285%; }
	ul.col.s8>li, ul.col.m8>li { width: 12.5%; }
}

/*** 1024~ 1299 適用於 l? ***/
@media only screen and (min-width: 1024px) and (max-width: 1299px) {
	ul.col.l2>li, ul.col.l3>li, ul.col.l4>li, ul.col.l5>li, ul.col.l6>li, ul.col.l7>li, ul.col.l8>li {
/*
		display: inline-block;
*/
		float: left;
	}

	ul.col.l2>li { width: 50%; }
	ul.col.l3>li { width: 33.333%; }
	ul.col.l4>li { width: 25%; }
	ul.col.l5>li { width: 20%; }
	ul.col.l6>li { width: 16.666%; }
	ul.col.l7>li { width: 14.285%; }
	ul.col.l8>li { width: 12.5%; }
}

/*** 1300~ 適用於 xl? ***/
@media only screen and (min-width: 1300px) {
	ul.col.l2>li, ul.col.l3>li, ul.col.l4>li, ul.col.l5>li, ul.col.l6>li, ul.col.l7>li, ul.col.l8>li,
	ul.col.xl2>li, ul.col.xl3>li, ul.col.xl4>li, ul.col.xl5>li, ul.col.xl6>li, ul.col.xl7>li, ul.col.xl8>li {
/*
		display: inline-block;
*/
		float: left;
	}

	ul.col.l2>li, ul.col.xl2>li { width: 50%; }
	ul.col.l3>li, ul.col.xl3>li { width: 33.333%; }
	ul.col.l4>li, ul.col.xl4>li { width: 25%; }
	ul.col.l5>li, ul.col.xl5>li { width: 20%; }
	ul.col.l6>li, ul.col.xl6>li { width: 16.666%; }
	ul.col.l7>li, ul.col.xl7>li { width: 14.285%; }
	ul.col.l8>li, ul.col.xl8>li { width: 12.5%; }
}

/**********************
 友善列印
**********************/
@media print {
	body {
		font-size: 90%;
		margin: 0 !important;
		padding: 0 !important;
	}
	
	header, aside, #footer_menu, 
	.breadcrumbs, 
	#wp_access_helper_container,
	a.gotop {
		display: none !important; 
	}

	a:after{
/*		content:" (" attr(href) ") "; */
		content: '' !important;
		font-size:0.8em;
		font-weight:normal;
	}
}