/* margin */
.m0 {
	margin: 0px;
}

.m5 {
	margin: 5px;
}

.ml5 {
	margin-left: 5px;
}

.mr5 {
	margin-right: 5px;
}

.mt5 {
	margin-top: 5px;
}

.mb5 {
	margin-bottom: 5px;
}

.mtb5 {
	margin: 5px 0px;
}

.m10 {
	margin: 10px;
}

.ml10 {
	margin-left: 10px;
}

.mr10 {
	margin-right: 10px;
}

.mt10 {
	margin-top: 10px;
}

.mb10 {
	margin-bottom: 10px;
}

.mtb10 {
	margin: 10px 0px;
}

.m20 {
	margin: 10px;
}

.ml20 {
	margin-left: 20px;
}

.mr20 {
	margin-right: 20px;
}

.mt20 {
	margin-top: 20px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb30 {
	margin-bottom: 30px;
}

.mb50 {
	margin-bottom: 50px;
}

.mt30 {
	margin-top: 30px;
}

.mt50 {
	margin-top: 50px;
}

/* padding */
.p0 {
	padding: 0px;
}

.p5 {
	padding: 5px;
}

.pl5 {
	padding-left: 5px;
}

.pr5 {
	padding-right: 5px;
}

.pt5 {
	padding-top: 5px;
}

.pb5 {
	padding-bottom: 5px;
}

.p10 {
	padding: 10px;
}

.pl10 {
	padding-left: 10px;
}

.pr10 {
	padding-right: 10px;
}

.pt10 {
	padding-top: 10px;
}

.pb10 {
	padding-bottom: 10px;
}

.p20 {
	padding: 10px;
}

.pl20 {
	padding-left: 20px;
}

.pr20 {
	padding-right: 20px;
}

.pt20 {
	padding-top: 20px;
}

.pb20 {
	padding-bottom: 20px;
}

.pl30 {
	padding-left: 30px;
}

.fa-6 {
	font-size: 20em;
}

.fa-5 {
	font-size: 12em;
}

.fa-4 {
	font-size: 7em;
}

.fa-3 {
	font-size: 4em;
}

.fa-2 {
	font-size: 2em;
}

.fa-1 {
	font-size: 1em;
}

.center {
	text-align: center;
}

body {
	font-family: 'Noto Sans', 'Noto Sans SC', 'Noto Sans TC', sans-serif;
	font-size: 14px;
}

* {
	-webkit-font-smoothing: antialiased;
}

a, .btn-link {
	color: #337ab7;
}

#masterCover {
	position: relative;
	width: 100%;
	padding-bottom: 80%;
	vertical-align: middle;
	margin: 0;
	overflow: hidden;
}

#masterCover svg {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
}

#masterCover .notice {
	font-weight: 600;
	color: black;
	text-decoration: underline;
}

@media ( min-width : 1200px) {
	.container {
		width: 970px;
		font-size: 1.5em;
	}
	ul.menuItem {
		margin-left: 0em;
	}
	.menuItem li {
		margin-bottom: 0.6em;
	}
	.menuItem li a {
		font-size: 1.3em;
	}
	.menuItem span a {
		font-size: 1.1em;
		padding-left: 1.1em;
	}
	#footMenu ul {
		margin: 0;
	}
	#footMenu li a, #siteInfo li, #siteInfo li a {
		color: #CCC;
		font-size: 0.8em;
	}
}

@media ( min-width : 993px) {
	.container {
		width: 970px;
		font-size: 1.3em;
	}
	ul.menuItem {
		margin-left: 0.2em;
	}
	.menuItem li {
		margin-bottom: 0.7em;
	}
	.menuItem li a {
		font-size: 0.9em;
	}
	.menuItem span a {
		font-size: 0.8em;
		padding-left: 1em;
	}
	#footMenu ul {
		margin: 0 5%;
	}
	#footMenu li a {
		color: #CCC;
		font-size: 0.8em;
	}
	#siteInfo {
		font-size: 0.7em;
	}
}

@media ( max-width : 768px) {
	.contentTxt {
		font-size: 1.2em;
	}
	#footMenu ul {
		margin: 0 7%;
	}
	#footMenu li a, #siteInfo li, #siteInfo li a {
		color: #CCC;
		font-size: 1em;
	}
	#siteInfo {
		font-size: 0.8em;
	}
}

ul.menuItem {
	list-style-type: none;
}

.menuItem li a {
	color: rgb(31, 77, 111);
}

.menuItem span a {
	color: #555;
}

.menuItem li a:hover, .menuItem span a:hover {
	color: black;
}

#headBanner {
	background: url(/bk2-image/header.png) no-repeat center center;
	background-size: cover;
	height: 150px;
}

#langChoice {
	margin-top: 90px;
	text-align: right;
}

#langChoice span {
	margin-right: 20px;
}

#socialShare {
	color: black;
	text-align: right;
	margin-top: 1em;
}

#smBanner {
	background: url(/bk2-image/header-sm.png) no-repeat left top;
	height: 80px;
}

.navbar-inverse {
	background-color: transparent;
	border-color: transparent;
	margin-top: 2em;
}

.navbar-inverse .navbar-toggle, .navbar-inverse .navbar-toggle:focus {
	background-color: transparent;
}

.navbar-toggle {
	 margin-right: 0;
}

.nav.navbar-nav {
	background-color: rgb(31, 77, 111);
}

.navbar-inverse .navbar-toggle .icon-bar {
	background-color: #a5b8c5;
}

.navbar-nav li a {
	padding-top: 7px;
	padding-bottom: 7px;
}

.navbar-nav li:first-child {
	padding-top: 15px;
}

.navbar-nav li:last-child {
	padding-bottom: 15px;
}

#socialShare span:nth-child(-n+2) {
	margin-right: 1.5em;
}

#globalSearch {
	margin-top: 1em;
}

#sideMenu {
	border-right-width: 0.1em;
	border-right-style: dotted;
	border-color: rgb(31, 77, 111);
}

.contentTxt {
	padding-left: 5px;
}

.contentTxt h3 {
	margin-bottom: 0.8em;
	color: rgb(31, 77, 111);
}

.contentTxt h4 {
	margin-top: 1em;
}

.signature {
	font-size: 1.2em;
	margin-top: 1em;
	color: rgb(31, 77, 111);
	padding-bottom: 0;
	margin-bottom: 0;
}

p.signature+p {
	color: rgb(31, 77, 111);
}

.table {
	color: rgb(31, 77, 111);
}

.tblHead {
	background-color: rgb(31, 77, 111);
	color: #a5b8c5;
}

.tblBottom {
	border-bottom-width: 0.7em;
	border-bottom-style: solid;
	border-color: rgb(31, 77, 111);
}

.badgeGray {
	background-color: #808080;
	border-radius: 0;
	color: #f5f5f5;
	font-size: 1em;
	font-weight: 400;
}

.panel-group {
	margin-bottom: 0.4em;
}

.panel-group .panel-heading span {
	font-size: 1.2em;
}

.list-group-item a {
	font-size: 1em;
	font-weight: 400;
}

footer {
	background-color: rgb(31, 77, 111);
	margin-top: 3em;
	padding: 2.5em 0 1em;
	color: #a5b8c5;
}

#footMenu ul {
	padding: 0;
	list-style-type: none;
	text-align: justify;
}

#footMenu ul:after {
	content: "";
	width: 100%;
	display: inline-block;
}

#footMenu li {
	display: inline-block;
}

#footMenu a, #footMenu a:hover, #footMenu a:active {
	color: white;
}

.borderless td, .borderless th {
	border: none;
}

#credits ul {
	list-style: none;
	padding-left: 0;
}

#credits td {
	white-space: nowrap;
	padding-bottom: 10px;
	vertical-align: top;
}

.navbar {
	display: none;
}

.tab-content .card-body {
	padding: 0;
}

.list-group-item {
	border-top: none;
	border-left: none;
	border-right: none;
}

@media ( max-width : 991.98px) {
	#headBanner {
		display: none;
	}
	#langChoice {
		display: none;
	}
	.navbar {
		background: url(/bk2-image/header-sm.png) no-repeat left top;
		background-color: rgb(31, 77, 111);
		min-height: 80px;
		display: flex;
		padding: 0;
	}
	.navbar-brand {
		padding: 0 15px;
		height: 80px;
		line-height: 80px;
	}
	.navbar-toggler {
		/* (80px - button height 34px) / 2 = 23px */
		margin-top: 23px;
		margin-right: 15px;
	}
	.navbar-collapse {
		background-color: rgb(31, 77, 111);
		z-index: 999;
	}
	.navbar-nav .nav-link {
		color: #fff;
		padding-left: 20px;
	}
	#sideMenu {
		display: none;
	}
	.form-inline {
		flex-flow: row;
	}
	.contentTxt {
		padding-left: 15px;
	}
}