﻿body {
	font-family: 微軟正黑體,Consolas,sans-serif;
}
/*主版表頭按鈕*/
.headdeptbtn {
	color: #0068b7;
	border-color: #0068b7;
}

.headdeptbtn:hover {
	color: #fff;
	background-color: #0068b7;
	border-color: #0068b7;
}
/*主版導覽列hover*/
.dropdown-menu li:hover .sub-menu {
	visibility: visible;
}

.dropdown:hover {
	outline: -webkit-focus-ring-color auto 1px;
	outline-color: -webkit-focus-ring-color;
	outline-style: auto;
	outline-width: 1px;
}

.dropdown:hover .dropdown-menu {
	display: block;
}
/*H1標題*/
div.titleH1 {
	position: relative;
	letter-spacing: .1em;
	margin: 25px auto 25px;
	text-align: left;
	border-bottom: solid 1px #0068b7;
	padding-bottom: 10px;
}
div.titleH1:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 280px;
	height: 3px;
	background: #0068b7;
}
div.titleH1 h1 {
	font-size: 1.8rem;
	font-weight: bold;
	color: #0068b7;
	letter-spacing: .1em;
	margin-top: 0px;
	margin-bottom: 0px;
}

/* pagination 分頁按鈕 */
.cd-pagination {
	width: 90%;
	max-width: 768px;
	margin: 2em auto 2em 0;
	letter-spacing: normal;
	text-align: left;
	font-family: 'Century Gothic', 'Microsoft JhengHei';
	padding: 0;
}
.cd-pagination li {
	/* hide numbers on small devices */
	display: none;
	margin: 0 -3px;
}
.cd-pagination li.button {
	/* make sure prev next buttons are visible */
	display: inline-block;
}
.cd-pagination li.button span {
	display: inline-block;
}
.cd-pagination a, .cd-pagination span {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	/* use padding and font-size to change buttons size */
	font-size: .83rem;
	padding: 11px 17px;
	line-height: 1.42857143;
	text-decoration: none;
	color: #747474;
	background-color: #ffffff;
	border: 1px solid #929292;
	margin: 0 auto;
}
.cd-pagination a:hover {
	color: #FFF;
	background-color: #646464;
	border-color: #929292;
}
.no-touch .cd-pagination a:hover {
	background-color: #f7f7f7;
}
.cd-pagination a:active {
	/* click effect */
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	-o-transform: scale(0.9);
	transform: scale(0.9);
}
.cd-pagination li.disabled a {
	/* button disabled */
	color: rgba(46, 64, 87, 0.4);
	pointer-events: none;
}
.cd-pagination li.disabled a::before::before, .cd-pagination li.disabled a::after {
	opacity: .4;
}
.cd-pagination .button:first-of-type a::before {
	content: '\00ab  ';
	font-size: 1.2rem;
}
.cd-pagination .button:last-of-type a::after {
	content: ' \00bb';
	font-size: 1.2rem;
}
.cd-pagination .active span {
	color: #FFF;
	background-color: #646464;
	border-color: #929292;
}

@media only screen and (min-width: 768px) {
	.cd-pagination li {
		display: inline-block;
	}

	.cd-pagination li.button span {
		display: none;
	}
}
/*Table樣式*/
/*Table-輸入用*/
.table-Input {
	width: 100%;
	margin-bottom: 1rem;
	border-color: #dee2e6;
	vertical-align: middle !important;
}

.table-Input tr {
	border-width: 1px 0;
}

.table-Input th {
	border-width: 0 1px;
	width: 8em !important;
	white-space: nowrap !important;
	background-color: #f8f9fa;
	padding: .5rem .5rem;
}

.table-Input td {
	border-width: 0 1px;
	padding: .5rem .5rem;
}
/*Table-檢視用*/
.table-View {
	width: 100%;
	margin-bottom: 1rem;
	border-color: #dee2e6;
	vertical-align: middle !important;
}

.table-View tr {
	border-width: 1px 0;
}

.table-View th {
	border-width: 0 1px;
	width: 6em !important;
	white-space: nowrap !important;
	background-color: #f8f9fa;
	padding: .25rem .5rem .25rem .5rem;
}

.table-View td {
	border-width: 0 1px;
	padding: .25rem .5rem .25rem .5rem;
}
/*Table-列表用*/
.table-List {
	width: 100%;
	margin-bottom: 1rem;
	border-color: #dee2e6;
	vertical-align: middle !important;
}
.table-List tr {
	border-width: 1px 0;
	/*text-align: center !important;*/
}
.table-List th {
	border-width: 0 1px;
	border-color: #cbccce;
	white-space: nowrap !important;
	background-color: #e2e3e5;
	padding: .5rem .5rem;
}
.table-List td {
	border-width: 0 1px;
	padding: .5rem .5rem;
}
.table-sm td {
	font-size: 95%;
}
/*Table-小字型*/
table.tblist-xs thead tr {
	background-color: #6c757d;
	color: white;
	text-align: center;
	font-size: 0.9rem;
}

table.tblist-xs tbody tr td {
	vertical-align: middle;
}

table.tblist-xs > :not(caption) > * > * {
	padding: 0.25rem 0.25rem;
}

table.tblist-xs td {
	font-size: 0.83rem;
}

table.tblist-xs td {
	vertical-align: middle;
}

table.tbmiddle th {
	vertical-align: middle;
}

table.tbmiddle td {
	vertical-align: middle;
}
/*字型大小*/
.fs-90 {
font-size : 90%;
}
.fs-80 {
	font-size: 80%;
}
.fs-70 {
	font-size: 70%;
}
/*寬度*/
.w-5em {
	width: 5em !important;
}

.w-8em {
	width: 8em !important;
}

.w-12em {
	width: 12em !important;
}

.w-16em {
	width: 16em !important;
}

.w-20em {
	width: 20em !important;
}

.w-30em {
	width: 30em !important;
}

.w-40em {
	width: 40em !important;
}

.w-max200 {
	max-width: 200px;
}

.w-max40em {
	max-width: 40em !important;
}

.w-max60em {
	max-width: 60em !important;
}

.w-max80em {
	max-width: 80em !important;
}
