* {
	font-family:Microsoft JhengHei;
}
html {
	font-size:14px;
}
.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover,
.navbar-default{
	background-color: #b11818;
	color:#fff;
	border: 0;
	border-radius:0;
}
.navbar-default{
	line-height: 60px;
}
.navbar-default .navbar-brand,
.navbar-default .navbar-nav>li>a{
	color:#fff;
}
.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover,
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{
	color:#ff0;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
	background-color: #c75353;
	color: #fff;
}
.nav.navbar-nav{
	line-height: 60px;
	margin: 5px auto;
}
.navbar-toggle{
	padding: 14px 10px;
}
.dropdown-menu{
	background-color: #ffe756;
}
.btn-default.focus, .btn-default:focus,
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{
	background-color: #b11818;
	color:#fff;
}
.container.main{
	background-color: #cca;
	border-radius: 5px;
	padding-bottom: 30px;
}
@media screen and (max-width: 767px){
	.navbar-header a img{
		margin: 5px 15px;
	}
	.navbar-header .navbar-toggle{
		border: 0;
	}
	.navbar-toggle .icon-bar{
		width: 28px;
		height: 4px;
	}
	.navbar-default .navbar-toggle .icon-bar{
		background-color: #eeda00;
	}
	.navbar-default .navbar-toggle:hover{
		background-color: unset;
	}
}
.form-control:focus{
	border-color: #b11818;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgb(177, 24, 24);
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgb(177, 24, 24);
}
.btn-default, .btn-default:hover{
	background-color: #b11818;
	color:#fff;
}
.searchForm .form-group{
	width: 80%;
}
.searchForm input[type="text"]{
	width: 100%;
}
.searchForm button[type="submit"]{
	width: 15%;
}
@media screen and (max-width: 768px){

	.searchForm .form-group{
		width: 100%;
	}
	.searchForm button[type="submit"]{
		width: 100%;
		margin-top: 30px;
	}
}
.showList th:nth-child(2),.showList th:nth-child(3){
	width: 30%;
}
.clear{
	clear: both;
}
.breadcrumb{
	margin-bottom: 0;
	background-color: unset;
}
.breadcrumb li:nth-child(2){
	font-weight: 600;
}
.line{
  width: 100%;
  height: 2px;
  background-color: #d3d3d3;
  margin-bottom: 15px;
}
.searchTitle h3{
	margin-top: 0;
	font-size: 32px;
	font-weight: 600;
}
.searchResult{
	font-size: 16px;
}
.searchResult input[type=checkbox],.searchResult input[type=radio]{
	width: 18px;
	height: 18px;
}
.searchResult input[type="radio"]:checked .resultRow{
	background-color: #f0c9c9;
}
@media screen and (min-width: 768px){
	.resultRow{
		line-height: 30px;
	}
	.resultRow:hover{
		background-color: #f0c9c9;
	}
}
.resultRow.active{
	background-color: #f0c9c9;
}
.resultTitle{
	font-size: 18px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-weight: 600;
	background-color: #eee;
}
.resultTitle, .resultList{
	padding: 0;
}
.resultArea{
	min-height: 200px;
}
.resultSubmit{
	margin-top: 30px;
}
.searchResult{
	min-height: 300px;
}
@media screen and (max-width: 767px){
	.searchResult{
		min-height: 400px;
	}
}
.resultRow.active + .resultRow.active {
	border-top: 1px dashed #b11818;
}
@media screen and (max-width: 767px){
	.col-sm-12.resultRow{		
		padding: 10px 0;
	}
	.col-sm-12.resultRow+.col-sm-12.resultRow{
		border-bottom: 1px solid #ccc;
	}
}
.UsrInfo{
	font-size: 18px;
	margin: 16px auto;
	font-weight: 600;
}
@media screen and (max-width: 767px){
	.UsrInfo{
		min-height: 50px;
	}
}
@media screen and (min-width: 767px){
	.col-sm-2.sm-21{
		width: 12.5%;
	}
}
.txtr{
	text-align: right;
}
.corr{
	color: red;
}
.corg{
	color: green;
}
.payHost{
	font-size: 18px;
}
.payHost > input[type="radio"]{
	display: initial;
}
.payHost > input[type="radio"]:after {
  width: 15px;
  height: 15px;
  border-radius: 15px;
  top: -2px;
  left: 1px;
  position: relative;
  background-color: #d1d3d1;
  content: '';
  display: inline-block;
  visibility: visible;
  border: 2px solid white;
}
.payHost > input[type="radio"]:checked:after{
	width: 15px;
  height: 15px;
  border-radius: 15px;
  top: -2px;
  left: 1px;
  position: relative;
  background-color: #ffa500;
  content: '';
  display: inline-block;
  visibility: visible;
  border: 2px solid white;
}
.payTitle h5{
	font-size: 32px;
	font-weight: 600;
}
.payBtn{
	width: 100%;
	text-align: right;
}
.resultMain form{
	display: block;
}
.paymentCompleteCard{
	margin: 25px 0 50px;
	padding: 35px 30px;
	border: 1px solid #ddd;
	border-top: 5px solid #d89200;
	border-radius: 6px;
	background: #fff;
	text-align: center;
	box-shadow: 0 3px 12px rgba(0,0,0,.08);
}
.paymentCompleteCard.is-success{
	border-top-color: #268744;
}
.paymentCompleteIcon{
	display: inline-block;
	width: 72px;
	height: 72px;
	margin-bottom: 12px;
	border-radius: 50%;
	background: #d89200;
	color: #fff;
	font-size: 38px;
	line-height: 72px;
}
.paymentCompleteCard.is-success .paymentCompleteIcon{
	background: #268744;
}
.paymentCompleteDetails{
	display: grid;
	grid-template-columns: 110px minmax(0, 1fr);
	max-width: 520px;
	margin: 25px auto;
	border-top: 1px solid #ddd;
	text-align: left;
}
.paymentCompleteDetails dt,
.paymentCompleteDetails dd{
	margin: 0;
	padding: 12px;
	border-bottom: 1px solid #ddd;
}
.paymentCompleteDetails dt{
	background: #f5f5f5;
}
.paymentCompleteActions{
	margin: 22px 0;
}
.receiptEmailForm{
	max-width: 520px;
	margin: 25px auto 15px;
	text-align: left;
}
.adminLogin{
	padding-top: 45px;
}
.adminLogin .panel-heading{
	padding: 18px;
	background: #b11818;
	color: #fff;
}
.adminDashboard{
	padding-bottom: 50px;
}
.adminDashboard h2{
	margin-top: 8px;
}
.adminDashboard .text-right form{
	display: inline-block;
}
.adminStats .well{
	border-top: 4px solid #b11818;
	background: #fff;
}
.adminStats .well span{
	display: block;
	margin-top: 8px;
	font-size: 30px;
	font-weight: 700;
}
.adminFilters{
	margin: 20px 0;
}
.adminActions{
	padding-top: 12px;
}
.adminUserForm{
	margin-top: 30px;
}
.adminUserForm .panel-heading{
	padding: 16px;
	background: #b11818;
	color: #fff;
}
.adminHealthForm{
	display: inline-block;
	margin-left: 12px;
}
.adminApiTest{margin-top:18px}.adminApiTest .panel-heading{background:#f5f5f5}.apiTestResult{margin:14px 0 0}
.homeLookup{
	margin-top: -20px;
	padding: 44px 0 55px;
	background: #f7f5f2;
	color: #303640;
}
.lookupCard{
	max-width: 980px;
	margin: 0 auto;
	padding: 42px 60px;
	border: 1px solid #ddd8d2;
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 8px 24px rgba(55,45,35,.08);
	text-align: center;
}
.lookupBadge{
	display: inline-block;
	padding: 6px 12px;
	border-radius: 20px;
	background: #f8e8e8;
	color: #9f1717;
	font-weight: 700;
}
.lookupCard h1{
	margin: 14px 0 8px;
	font-size: 36px;
	font-weight: 700;
}
.lookupIntro{
	margin-bottom: 28px;
	color: #626872;
	font-size: 17px;
}
.lookupForm{
	max-width: 800px;
	margin: 0 auto;
	text-align: left;
}
.lookupForm label{
	margin-bottom: 8px;
	font-size: 17px;
}
.lookupControl{
	display: flex;
	gap: 12px;
}
.lookupInputWrap{
	position: relative;
	flex: 1;
}
.lookupInputWrap i{
	position: absolute;
	top: 17px;
	left: 16px;
	z-index: 2;
	color: #777;
	font-size: 18px;
}
.lookupInputWrap .form-control{
	height: 52px;
	padding-left: 46px;
	font-size: 17px;
}
.lookupSubmit{
	min-width: 150px;
	background: #b11818;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
}
.lookupSubmit:hover,.lookupSubmit:focus{
	background: #8f1111;
	color: #fff;
}
.lookupError{
	max-width: 800px;
	margin: 18px auto 0;
	text-align: left;
}
.lookupSteps{
	display: flex;
	max-width: 980px;
	margin: 24px auto 0;
	gap: 18px;
}
.lookupStep{
	position: relative;
	display: flex;
	flex: 1;
	align-items: center;
	min-height: 132px;
	padding: 25px 18px;
	border: 1px solid #ddd8d2;
	border-radius: 7px;
	background: #fff;
}
.lookupStep>i{
	margin: 0 18px 0 12px;
	color: #b11818;
	font-size: 34px;
}
.lookupStep h2{
	margin: 0 0 6px;
	font-size: 19px;
	font-weight: 700;
}
.lookupStep p{
	margin: 0;
	color: #666;
}
.stepNumber{
	position: absolute;
	top: 9px;
	left: 9px;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background: #f5dede;
	color: #a71919;
	font-weight: 700;
	line-height: 26px;
	text-align: center;
}
.lookupSecurity,.lookupHelp{
	max-width: 980px;
	margin: 20px auto 0;
}
.lookupSecurity{
	display: flex;
	align-items: center;
	padding: 16px 22px;
	border: 1px solid #cce2d1;
	border-radius: 7px;
	background: #f2faf4;
	color: #236c37;
}
.lookupSecurity>i{
	margin-right: 15px;
	font-size: 27px;
}
.lookupSecurity strong,.lookupSecurity span,.lookupHelp strong,.lookupHelp span{
	display: block;
}
.lookupHelp{
	display: flex;
	gap: 18px;
}
.lookupHelp>div{
	flex: 1;
	padding: 18px 22px;
	border-top: 1px solid #ddd;
}
.lookupHelp i{
	float: left;
	margin: 3px 12px 25px 0;
	color: #9f1717;
	font-size: 22px;
}
@media screen and (max-width: 767px){
	.homeLookup{padding-top: 22px;}
	.lookupCard{padding: 28px 18px;}
	.lookupCard h1{font-size: 30px;}
	.lookupControl,.lookupSteps,.lookupHelp{display: block;}
	.lookupSubmit{width: 100%;margin-top: 12px;height: 50px;}
	.lookupStep{margin-bottom: 12px;}
}
.searchFlowPage{
	margin-top: -20px;
	padding: 30px 0 55px;
	background: #f7f5f2;
	min-height: 620px;
}
.flowBreadcrumb{
	margin-bottom: 24px;
	color: #777;
}
.flowBreadcrumb a{color:#8f1111}.flowBreadcrumb i{margin:0 10px}
.flowHeader{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 22px;
}
.flowHeader h1{margin:8px 0 5px;font-size:32px;font-weight:700}.flowHeader p{margin:0;color:#666;font-size:16px}
.flowStepBadge{
	display: inline-block;
	padding: 4px 10px;
	border-radius: 14px;
	background:#f4dddd;
	color:#991818;
	font-weight:700;
}
.identitySummary{
	display:flex;
	align-items:center;
	gap:45px;
	margin-bottom:18px;
	padding:18px 24px;
	border:1px solid #ddd8d2;
	border-radius:7px;
	background:#fff;
}
.identitySummary span,.identitySummary strong{display:block}.identitySummary span{color:#777;font-size:13px}.identitySummary strong{margin-top:3px;font-size:17px}
.identitySafe{margin-left:auto;color:#28733c}.identitySafe i{margin-right:6px}
.billCards{display:grid;gap:14px}
.billCard{
	display:grid;
	grid-template-columns:42px minmax(220px,1.6fr) minmax(120px,.8fr) minmax(145px,.8fr) 90px;
	align-items:center;
	margin:0;
	padding:22px;
	border:2px solid transparent;
	border-radius:8px;
	background:#fff;
	box-shadow:0 2px 10px rgba(55,45,35,.07);
	cursor:pointer;
}
.billCard.is-payable:hover,.billCard.active{border-color:#b11818;background:#fffafa}
.billCard.is-paid{cursor:default;opacity:.8}.billSelect input{width:20px;height:20px}.billSelect .fa{color:#35824a;font-size:21px}
.billMain span,.billMeta small,.billMeta strong,.billAmount small,.billAmount strong{display:block}
.billNumberLabel,.billMeta small,.billAmount small{color:#777;font-size:12px;font-weight:400}
.billNumber{display:block;margin:2px 0;font-size:19px}.billItemName{color:#555;font-weight:400}
.billAmount strong{color:#991818;font-size:20px}
.billStatus{display:inline-block;padding:6px 10px;border-radius:15px;text-align:center;font-weight:700}
.billStatus.pending{background:#fff1d5;color:#8a5900}.billStatus.paid{background:#e3f4e7;color:#29713b}
.flowActions{
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-top:24px;
	padding-top:20px;
	border-top:1px solid #ddd;
}
.flowActions #selectionHint{color:#777}.flowActions #selectionHint .fa-check-circle{color:#35824a}
.emptyResult{
	padding:55px 25px;
	border:1px solid #ddd8d2;
	border-radius:8px;
	background:#fff;
	text-align:center;
}
.emptyResultIcon{width:70px;height:70px;margin:0 auto 18px;border-radius:50%;background:#eee;color:#777;font-size:30px;line-height:70px}
.emptyResult.has-error .emptyResultIcon{background:#f9e1e1;color:#a71919}.emptyResult h2{font-size:25px}.emptyResult p{margin:10px 0 22px;color:#666}
.confirmCard{
	max-width:820px;
	margin:0 auto;
	border:1px solid #ddd8d2;
	border-radius:8px;
	background:#fff;
	box-shadow:0 3px 13px rgba(55,45,35,.08);
	overflow:hidden;
}
.confirmCardTitle{display:flex;align-items:center;padding:18px 24px;background:#f4f2ef;font-size:18px}.confirmCardTitle>i{margin-right:10px;color:#a71919}.confirmCardTitle .billStatus{margin-left:auto;font-size:13px}
.confirmDetails{display:grid;grid-template-columns:160px 1fr;margin:0;padding:12px 24px 22px}.confirmDetails dt,.confirmDetails dd{margin:0;padding:16px;border-bottom:1px solid #eee}.confirmDetails dt{color:#666}.confirmAmount{color:#991818;font-size:25px;font-weight:700}
.payTaipeiNotice{display:flex;align-items:center;max-width:820px;margin:20px auto;padding:18px 22px;border:1px solid #cce2d1;border-radius:7px;background:#f2faf4}.payTaipeiNotice>i{margin-right:16px;color:#28733c;font-size:30px}.payTaipeiNotice strong{font-size:17px}.payTaipeiNotice p{margin:3px 0 0;color:#55705c}
.confirmActions{max-width:820px;margin-left:auto;margin-right:auto}
@media screen and (max-width: 767px){
	.searchFlowPage{padding-top:20px}.flowHeader{display:block}.flowHeader>.btn{margin-top:14px}
	.identitySummary{display:block}.identitySummary>div{margin-bottom:12px}.identitySafe{margin:0}
	.billCard{grid-template-columns:35px 1fr;padding:18px}.billMeta,.billAmount,.billStatus{grid-column:2;margin-top:12px}.billStatus{justify-self:start}
	.flowActions{display:block;text-align:center}.flowActions>span{display:block;margin-bottom:12px}.flowActions .btn{width:100%;margin-bottom:10px}
	.confirmDetails{grid-template-columns:1fr;padding:8px 16px}.confirmDetails dt{padding-bottom:3px;border:0}.confirmDetails dd{padding-top:3px}
}
.errorPage{
	margin-top:-20px;
	padding:55px 0 70px;
	background:#f7f5f2;
	min-height:620px;
}
.errorCard{
	position:relative;
	max-width:760px;
	margin:0 auto;
	padding:48px 55px;
	border:1px solid #ddd8d2;
	border-top:6px solid #b11818;
	border-radius:8px;
	background:#fff;
	box-shadow:0 8px 24px rgba(55,45,35,.09);
	text-align:center;
	overflow:hidden;
}
.errorCode{
	position:absolute;
	top:8px;
	right:18px;
	color:#eee9e5;
	font-size:72px;
	font-weight:700;
	line-height:1;
}
.errorIcon{
	position:relative;
	width:82px;
	height:82px;
	margin:0 auto 18px;
	border-radius:50%;
	background:#f6e2e2;
	color:#a71919;
	font-size:38px;
	line-height:82px;
}
.errorCard h1{position:relative;margin:0 0 12px;font-size:31px;font-weight:700}
.errorLead{font-size:19px;color:#444}.errorDescription{max-width:590px;margin:0 auto 24px;color:#666;line-height:1.8}
.errorNotice{
	display:flex;
	align-items:center;
	margin:24px 0;
	padding:17px 20px;
	border:1px solid #ead69b;
	border-radius:7px;
	background:#fff9e8;
	color:#745618;
	text-align:left;
}
.errorNotice>i{margin-right:15px;font-size:29px}.errorNotice strong,.errorNotice span{display:block}.errorNotice span{margin-top:3px}
.errorActions{display:flex;justify-content:center;gap:12px;margin-top:25px}.errorHelp{margin:25px 0 0;color:#999;font-size:12px}
@media screen and (max-width:767px){
	.errorPage{padding:25px 0 45px}.errorCard{padding:38px 20px}.errorCode{font-size:54px}.errorCard h1{font-size:27px}
	.errorActions{display:block}.errorActions .btn{display:block;width:100%;margin-bottom:10px}
}
@media screen and (max-width: 768px){
	.resultMain form{
		display: block;
	}
}