fieldset {
	padding: 0em 1em 0.5em 1em;
	margin: 1.5em auto;
	border: 1px solid #58d1ff;
	border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
	background-color: white;
	position: relative;
}
	fieldset legend {
		width: auto;
		font-size: 1rem;
		padding: .5em .8em;
		text-align: left;
		font-weight: bold;
		background-color: #fff;
		color: #0481b1;
		border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
		box-shadow: 2px 2px 4px rgba(4, 129, 177, 0.5); -moz-box-shadow: 2px 2px 4px rgba(4, 129, 177, 0.5); -webkit-box-shadow: 2px 2px 4px rgba(4, 129, 177, 0.5);
	}
.ui-widget-content ui-corner-bottom {
	width: 100%;
	padding-right: 15px; padding-left: 15px;
	margin-right: auto; margin-left: auto;
}
.ui-datepicker {
	z-index: 1500 !important;	/* 為了 qDate 的日期彈出被 modal dialog 擋住 */
}
.navbar-nav {
	flex-direction: inherit;
}

/*bootstrap 4 has default caption css style - caption-side: bottom*/
caption {
	caption-side: top;
}
.ui-widget-content a{
	color: #1874CE;
	text-decoration: none;
}
	.ui-widget-content a:hover {
		text-decoration: underline;
	}

.fieldsetRightTop {
	position: absolute;
    top: -5px;right: 15px;
	color: #0481b1;background-color: white;
	border: 1px solid #58d1ff;border-radius: 6px;
	padding: .2rem .5rem;
}
.blockRightTop {
    position: absolute;
    top: 100px;
    left: -26px;
    color: white;
    background-color: #00374d;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: .2rem .5rem;
    flex-wrap: wrap;
    width: 26px;
}

[data-toggle="collapse"] .fa:before { content: "\f077"; }
[data-toggle="collapse"].collapsed .fa:before { content: "\f078"; }

.cursor-pointer {cursor:pointer;}

/* RadioButtonList, CheckBoxList 的 ListItem 用的 */
.listItem label { margin: 0 .7em 0 .1em; }

.fs-1 { font-size: 2rem; }
.fs-2 { font-size: 1.5rem; }
.fs-3 { font-size: 1.17rem; }
.fs-4 { font-size: 1rem; }
.fs-5 { font-size: 0.83rem; }
.fs-6 { font-size: 0.67rem; }

.form-control.is-valid {
	padding-right: 0 !important;
	border: 2px solid #56CC9D;
	border-radius: 6px;
	background-image: linear-gradient(to right, #eaffea, #ffffff) !important;
	background-repeat: inherit !important;
	background-position: inherit !important;
	background-size: inherit !important;
}
.was-validated .form-control:valid {
	border-color: inherit !important;
	box-shadow: none !important;
	background-repeat: inherit !important;
	background-position: inherit !important;
	background-size: inherit !important;
}
.form-control.is-invalid {
	padding-right: 0 !important;
	border: 2px solid #FF7851;
	border-radius: 6px;
	background-image: linear-gradient(to right, #fee5dd, #ffffff) !important;
	background-repeat: inherit !important;
	background-position: inherit !important;
	background-size: inherit !important;
}
/* xs */
@media (min-width: 1px) {
	.w-xs-100 { width: 100% !important; }	.mw-xs-100 { max-width: 100% !important; }
	.w-xs-95 { width: 95% !important; }		.mw-xs-95 { max-width: 95% !important; }
	.w-xs-90 { width: 90% !important; }		.mw-xs-90 { max-width: 90% !important; }
	.w-xs-85 { width: 85% !important; }		.mw-xs-85 { max-width: 85% !important; }
	.w-xs-80 { width: 80% !important; }		.mw-xs-80 { max-width: 80% !important; }
	.w-xs-75 { width: 75% !important; }		.mw-xs-75 { max-width: 75% !important; }
	.w-xs-70 { width: 70% !important; }		.mw-xs-70 { max-width: 70% !important; }
	.w-xs-65 { width: 65% !important; }		.mw-xs-65 { max-width: 65% !important; }
	.w-xs-60 { width: 60% !important; }		.mw-xs-60 { max-width: 60% !important; }
	.w-xs-55 { width: 55% !important; }		.mw-xs-55 { max-width: 55% !important; }
	.w-xs-50 { width: 50% !important; }		.mw-xs-50 { max-width: 50% !important; }
	.w-xs-45 { width: 45% !important; }		.mw-xs-45 { max-width: 45% !important; }
	.w-xs-40 { width: 40% !important; }		.mw-xs-40 { max-width: 40% !important; }
	.w-xs-35 { width: 35% !important; }		.mw-xs-35 { max-width: 35% !important; }
	.w-xs-30 { width: 30% !important; }		.mw-xs-30 { max-width: 30% !important; }
	.w-xs-25 { width: 25% !important; }		.mw-xs-25 { max-width: 25% !important; }
	.w-xs-20 { width: 20% !important; }		.mw-xs-20 { max-width: 20% !important; }
	.w-xs-15 { width: 15% !important; }		.mw-xs-15 { max-width: 15% !important; }
	.w-xs-10 { width: 10% !important; }		.mw-xs-10 { max-width: 10% !important; }
	.w-xs-5 { width: 5% !important; }		.mw-xs-5 { max-width: 5% !important; }
	.h-xs-100 { height: 100% !important; }	.mh-xs-100 { max-height: 100% !important; }
	.h-xs-95 { height: 95% !important; }	.mh-xs-95 { max-height: 95% !important; }
	.h-xs-90 { height: 90% !important; }	.mh-xs-90 { max-height: 90% !important; }
	.h-xs-85 { height: 85% !important; }	.mh-xs-85 { max-height: 85% !important; }
	.h-xs-80 { height: 80% !important; }	.mh-xs-80 { max-height: 80% !important; }
	.h-xs-75 { height: 75% !important; }	.mh-xs-75 { max-height: 75% !important; }
	.h-xs-70 { height: 70% !important; }	.mh-xs-70 { max-height: 70% !important; }
	.h-xs-65 { height: 65% !important; }	.mh-xs-65 { max-height: 65% !important; }
	.h-xs-60 { height: 60% !important; }	.mh-xs-60 { max-height: 60% !important; }
	.h-xs-55 { height: 55% !important; }	.mh-xs-55 { max-height: 55% !important; }
	.h-xs-50 { height: 50% !important; }	.mh-xs-50 { max-height: 50% !important; }
	.h-xs-45 { height: 45% !important; }	.mh-xs-45 { max-height: 45% !important; }
	.h-xs-40 { height: 40% !important; }	.mh-xs-40 { max-height: 40% !important; }
	.h-xs-35 { height: 35% !important; }	.mh-xs-35 { max-height: 35% !important; }
	.h-xs-30 { height: 30% !important; }	.mh-xs-30 { max-height: 30% !important; }
	.h-xs-25 { height: 25% !important; }	.mh-xs-25 { max-height: 25% !important; }
	.h-xs-20 { height: 20% !important; }	.mh-xs-20 { max-height: 20% !important; }
	.h-xs-15 { height: 15% !important; }	.mh-xs-15 { max-height: 15% !important; }
	.h-xs-10 { height: 10% !important; }	.mh-xs-10 { max-height: 10% !important; }
	.h-xs-5 { height: 5% !important; }		.mh-xs-5 { max-height: 5% !important; }
}

/* sm */
@media (min-width: 576px) {
	.w-sm-100 { width: 100% !important; }	.mw-sm-100 { max-width: 100% !important; }
	.w-sm-95 { width: 95% !important; }		.mw-sm-95 { max-width: 95% !important; }
	.w-sm-90 { width: 90% !important; }		.mw-sm-90 { max-width: 90% !important; }
	.w-sm-85 { width: 85% !important; }		.mw-sm-85 { max-width: 85% !important; }
	.w-sm-80 { width: 80% !important; }		.mw-sm-80 { max-width: 80% !important; }
	.w-sm-75 { width: 75% !important; }		.mw-sm-75 { max-width: 75% !important; }
	.w-sm-70 { width: 70% !important; }		.mw-sm-70 { max-width: 70% !important; }
	.w-sm-65 { width: 65% !important; }		.mw-sm-65 { max-width: 65% !important; }
	.w-sm-60 { width: 60% !important; }		.mw-sm-60 { max-width: 60% !important; }
	.w-sm-55 { width: 55% !important; }		.mw-sm-55 { max-width: 55% !important; }
	.w-sm-50 { width: 50% !important; }		.mw-sm-50 { max-width: 50% !important; }
	.w-sm-45 { width: 45% !important; }		.mw-sm-45 { max-width: 45% !important; }
	.w-sm-40 { width: 40% !important; }		.mw-sm-40 { max-width: 40% !important; }
	.w-sm-35 { width: 35% !important; }		.mw-sm-35 { max-width: 35% !important; }
	.w-sm-30 { width: 30% !important; }		.mw-sm-30 { max-width: 30% !important; }
	.w-sm-25 { width: 25% !important; }		.mw-sm-25 { max-width: 25% !important; }
	.w-sm-20 { width: 20% !important; }		.mw-sm-20 { max-width: 20% !important; }
	.w-sm-15 { width: 15% !important; }		.mw-sm-15 { max-width: 15% !important; }
	.w-sm-10 { width: 10% !important; }		.mw-sm-10 { max-width: 10% !important; }
	.w-sm-5 { width: 5% !important; }		.mw-sm-5 { max-width: 5% !important; }
	.h-sm-100 { height: 100% !important; }	.mh-sm-100 { max-height: 100% !important; }
	.h-sm-95 { height: 95% !important; }	.mh-sm-95 { max-height: 95% !important; }
	.h-sm-90 { height: 90% !important; }	.mh-sm-90 { max-height: 90% !important; }
	.h-sm-85 { height: 85% !important; }	.mh-sm-85 { max-height: 85% !important; }
	.h-sm-80 { height: 80% !important; }	.mh-sm-80 { max-height: 80% !important; }
	.h-sm-75 { height: 75% !important; }	.mh-sm-75 { max-height: 75% !important; }
	.h-sm-70 { height: 70% !important; }	.mh-sm-70 { max-height: 70% !important; }
	.h-sm-65 { height: 65% !important; }	.mh-sm-65 { max-height: 65% !important; }
	.h-sm-60 { height: 60% !important; }	.mh-sm-60 { max-height: 60% !important; }
	.h-sm-55 { height: 55% !important; }	.mh-sm-55 { max-height: 55% !important; }
	.h-sm-50 { height: 50% !important; }	.mh-sm-50 { max-height: 50% !important; }
	.h-sm-45 { height: 45% !important; }	.mh-sm-45 { max-height: 45% !important; }
	.h-sm-40 { height: 40% !important; }	.mh-sm-40 { max-height: 40% !important; }
	.h-sm-35 { height: 35% !important; }	.mh-sm-35 { max-height: 35% !important; }
	.h-sm-30 { height: 30% !important; }	.mh-sm-30 { max-height: 30% !important; }
	.h-sm-25 { height: 25% !important; }	.mh-sm-25 { max-height: 25% !important; }
	.h-sm-20 { height: 20% !important; }	.mh-sm-20 { max-height: 20% !important; }
	.h-sm-15 { height: 15% !important; }	.mh-sm-15 { max-height: 15% !important; }
	.h-sm-10 { height: 10% !important; }	.mh-sm-10 { max-height: 10% !important; }
	.h-sm-5 { height: 5% !important; }		.mh-sm-5 { max-height: 5% !important; }
}

/* md */
@media (min-width: 768px) {
	.w-md-100 { width: 100% !important; }	.mw-md-100 { max-width: 100% !important; }
	.w-md-95 { width: 95% !important; }		.mw-md-95 { max-width: 95% !important; }
	.w-md-90 { width: 90% !important; }		.mw-md-90 { max-width: 90% !important; }
	.w-md-85 { width: 85% !important; }		.mw-md-85 { max-width: 85% !important; }
	.w-md-80 { width: 80% !important; }		.mw-md-80 { max-width: 80% !important; }
	.w-md-75 { width: 75% !important; }		.mw-md-75 { max-width: 75% !important; }
	.w-md-70 { width: 70% !important; }		.mw-md-70 { max-width: 70% !important; }
	.w-md-65 { width: 65% !important; }		.mw-md-65 { max-width: 65% !important; }
	.w-md-60 { width: 60% !important; }		.mw-md-60 { max-width: 60% !important; }
	.w-md-55 { width: 55% !important; }		.mw-md-55 { max-width: 55% !important; }
	.w-md-50 { width: 50% !important; }		.mw-md-50 { max-width: 50% !important; }
	.w-md-45 { width: 45% !important; }		.mw-md-45 { max-width: 45% !important; }
	.w-md-40 { width: 40% !important; }		.mw-md-40 { max-width: 40% !important; }
	.w-md-35 { width: 35% !important; }		.mw-md-35 { max-width: 35% !important; }
	.w-md-30 { width: 30% !important; }		.mw-md-30 { max-width: 30% !important; }
	.w-md-25 { width: 25% !important; }		.mw-md-25 { max-width: 25% !important; }
	.w-md-20 { width: 20% !important; }		.mw-md-20 { max-width: 20% !important; }
	.w-md-15 { width: 15% !important; }		.mw-md-15 { max-width: 15% !important; }
	.w-md-10 { width: 10% !important; }		.mw-md-10 { max-width: 10% !important; }
	.w-md-5 { width: 5% !important; }		.mw-md-5 { max-width: 5% !important; }
	.h-md-100 { height: 100% !important; }	.mh-md-100 { max-height: 100% !important; }
	.h-md-95 { height: 95% !important; }	.mh-md-95 { max-height: 95% !important; }
	.h-md-90 { height: 90% !important; }	.mh-md-90 { max-height: 90% !important; }
	.h-md-85 { height: 85% !important; }	.mh-md-85 { max-height: 85% !important; }
	.h-md-80 { height: 80% !important; }	.mh-md-80 { max-height: 80% !important; }
	.h-md-75 { height: 75% !important; }	.mh-md-75 { max-height: 75% !important; }
	.h-md-70 { height: 70% !important; }	.mh-md-70 { max-height: 70% !important; }
	.h-md-65 { height: 65% !important; }	.mh-md-65 { max-height: 65% !important; }
	.h-md-60 { height: 60% !important; }	.mh-md-60 { max-height: 60% !important; }
	.h-md-55 { height: 55% !important; }	.mh-md-55 { max-height: 55% !important; }
	.h-md-50 { height: 50% !important; }	.mh-md-50 { max-height: 50% !important; }
	.h-md-45 { height: 45% !important; }	.mh-md-45 { max-height: 45% !important; }
	.h-md-40 { height: 40% !important; }	.mh-md-40 { max-height: 40% !important; }
	.h-md-35 { height: 35% !important; }	.mh-md-35 { max-height: 35% !important; }
	.h-md-30 { height: 30% !important; }	.mh-md-30 { max-height: 30% !important; }
	.h-md-25 { height: 25% !important; }	.mh-md-25 { max-height: 25% !important; }
	.h-md-20 { height: 20% !important; }	.mh-md-20 { max-height: 20% !important; }
	.h-md-15 { height: 15% !important; }	.mh-md-15 { max-height: 15% !important; }
	.h-md-10 { height: 10% !important; }	.mh-md-10 { max-height: 10% !important; }
	.h-md-5 { height: 5% !important; }		.mh-md-5 { max-height: 5% !important; }
}

/* lg */
@media (min-width: 992px) {
	.w-lg-100 { width: 100% !important; }	.mw-lg-100 { max-width: 100% !important; }
	.w-lg-95 { width: 95% !important; }		.mw-lg-95 { max-width: 95% !important; }
	.w-lg-90 { width: 90% !important; }		.mw-lg-90 { max-width: 90% !important; }
	.w-lg-85 { width: 85% !important; }		.mw-lg-85 { max-width: 85% !important; }
	.w-lg-80 { width: 80% !important; }		.mw-lg-80 { max-width: 80% !important; }
	.w-lg-75 { width: 75% !important; }		.mw-lg-75 { max-width: 75% !important; }
	.w-lg-70 { width: 70% !important; }		.mw-lg-70 { max-width: 70% !important; }
	.w-lg-65 { width: 65% !important; }		.mw-lg-65 { max-width: 65% !important; }
	.w-lg-60 { width: 60% !important; }		.mw-lg-60 { max-width: 60% !important; }
	.w-lg-55 { width: 55% !important; }		.mw-lg-55 { max-width: 55% !important; }
	.w-lg-50 { width: 50% !important; }		.mw-lg-50 { max-width: 50% !important; }
	.w-lg-45 { width: 45% !important; }		.mw-lg-45 { max-width: 45% !important; }
	.w-lg-40 { width: 40% !important; }		.mw-lg-40 { max-width: 40% !important; }
	.w-lg-35 { width: 35% !important; }		.mw-lg-35 { max-width: 35% !important; }
	.w-lg-30 { width: 30% !important; }		.mw-lg-30 { max-width: 30% !important; }
	.w-lg-25 { width: 25% !important; }		.mw-lg-25 { max-width: 25% !important; }
	.w-lg-20 { width: 20% !important; }		.mw-lg-20 { max-width: 20% !important; }
	.w-lg-15 { width: 15% !important; }		.mw-lg-15 { max-width: 15% !important; }
	.w-lg-10 { width: 10% !important; }		.mw-lg-10 { max-width: 10% !important; }
	.w-lg-5 { width: 5% !important; }		.mw-lg-5 { max-width: 5% !important; }
	.h-lg-100 { height: 100% !important; }	.mh-lg-100 { max-height: 100% !important; }
	.h-lg-95 { height: 95% !important; }	.mh-lg-95 { max-height: 95% !important; }
	.h-lg-90 { height: 90% !important; }	.mh-lg-90 { max-height: 90% !important; }
	.h-lg-85 { height: 85% !important; }	.mh-lg-85 { max-height: 85% !important; }
	.h-lg-80 { height: 80% !important; }	.mh-lg-80 { max-height: 80% !important; }
	.h-lg-75 { height: 75% !important; }	.mh-lg-75 { max-height: 75% !important; }
	.h-lg-70 { height: 70% !important; }	.mh-lg-70 { max-height: 70% !important; }
	.h-lg-65 { height: 65% !important; }	.mh-lg-65 { max-height: 65% !important; }
	.h-lg-60 { height: 60% !important; }	.mh-lg-60 { max-height: 60% !important; }
	.h-lg-55 { height: 55% !important; }	.mh-lg-55 { max-height: 55% !important; }
	.h-lg-50 { height: 50% !important; }	.mh-lg-50 { max-height: 50% !important; }
	.h-lg-45 { height: 45% !important; }	.mh-lg-45 { max-height: 45% !important; }
	.h-lg-40 { height: 40% !important; }	.mh-lg-40 { max-height: 40% !important; }
	.h-lg-35 { height: 35% !important; }	.mh-lg-35 { max-height: 35% !important; }
	.h-lg-30 { height: 30% !important; }	.mh-lg-30 { max-height: 30% !important; }
	.h-lg-25 { height: 25% !important; }	.mh-lg-25 { max-height: 25% !important; }
	.h-lg-20 { height: 20% !important; }	.mh-lg-20 { max-height: 20% !important; }
	.h-lg-15 { height: 15% !important; }	.mh-lg-15 { max-height: 15% !important; }
	.h-lg-10 { height: 10% !important; }	.mh-lg-10 { max-height: 10% !important; }
	.h-lg-5 { height: 5% !important; }		.mh-lg-5 { max-height: 5% !important; }
}

/* xl */
@media (min-width: 1200px) {
	.w-xl-100 { width: 100% !important; }	.mw-xl-100 { max-width: 100% !important; }
	.w-xl-95 { width: 95% !important; }		.mw-xl-95 { max-width: 95% !important; }
	.w-xl-90 { width: 90% !important; }		.mw-xl-90 { max-width: 90% !important; }
	.w-xl-85 { width: 85% !important; }		.mw-xl-85 { max-width: 85% !important; }
	.w-xl-80 { width: 80% !important; }		.mw-xl-80 { max-width: 80% !important; }
	.w-xl-75 { width: 75% !important; }		.mw-xl-75 { max-width: 75% !important; }
	.w-xl-70 { width: 70% !important; }		.mw-xl-70 { max-width: 70% !important; }
	.w-xl-65 { width: 65% !important; }		.mw-xl-65 { max-width: 65% !important; }
	.w-xl-60 { width: 60% !important; }		.mw-xl-60 { max-width: 60% !important; }
	.w-xl-55 { width: 55% !important; }		.mw-xl-55 { max-width: 55% !important; }
	.w-xl-50 { width: 50% !important; }		.mw-xl-50 { max-width: 50% !important; }
	.w-xl-45 { width: 45% !important; }		.mw-xl-45 { max-width: 45% !important; }
	.w-xl-40 { width: 40% !important; }		.mw-xl-40 { max-width: 40% !important; }
	.w-xl-35 { width: 35% !important; }		.mw-xl-35 { max-width: 35% !important; }
	.w-xl-30 { width: 30% !important; }		.mw-xl-30 { max-width: 30% !important; }
	.w-xl-25 { width: 25% !important; }		.mw-xl-25 { max-width: 25% !important; }
	.w-xl-20 { width: 20% !important; }		.mw-xl-20 { max-width: 20% !important; }
	.w-xl-15 { width: 15% !important; }		.mw-xl-15 { max-width: 15% !important; }
	.w-xl-10 { width: 10% !important; }		.mw-xl-10 { max-width: 10% !important; }
	.w-xl-5 { width: 5% !important; }		.mw-xl-5 { max-width: 5% !important; }
	.h-xl-100 { height: 100% !important; }	.mh-xl-100 { max-height: 100% !important; }
	.h-xl-95 { height: 95% !important; }	.mh-xl-95 { max-height: 95% !important; }
	.h-xl-90 { height: 90% !important; }	.mh-xl-90 { max-height: 90% !important; }
	.h-xl-85 { height: 85% !important; }	.mh-xl-85 { max-height: 85% !important; }
	.h-xl-80 { height: 80% !important; }	.mh-xl-80 { max-height: 80% !important; }
	.h-xl-75 { height: 75% !important; }	.mh-xl-75 { max-height: 75% !important; }
	.h-xl-70 { height: 70% !important; }	.mh-xl-70 { max-height: 70% !important; }
	.h-xl-65 { height: 65% !important; }	.mh-xl-65 { max-height: 65% !important; }
	.h-xl-60 { height: 60% !important; }	.mh-xl-60 { max-height: 60% !important; }
	.h-xl-55 { height: 55% !important; }	.mh-xl-55 { max-height: 55% !important; }
	.h-xl-50 { height: 50% !important; }	.mh-xl-50 { max-height: 50% !important; }
	.h-xl-45 { height: 45% !important; }	.mh-xl-45 { max-height: 45% !important; }
	.h-xl-40 { height: 40% !important; }	.mh-xl-40 { max-height: 40% !important; }
	.h-xl-35 { height: 35% !important; }	.mh-xl-35 { max-height: 35% !important; }
	.h-xl-30 { height: 30% !important; }	.mh-xl-30 { max-height: 30% !important; }
	.h-xl-25 { height: 25% !important; }	.mh-xl-25 { max-height: 25% !important; }
	.h-xl-20 { height: 20% !important; }	.mh-xl-20 { max-height: 20% !important; }
	.h-xl-15 { height: 15% !important; }	.mh-xl-15 { max-height: 15% !important; }
	.h-xl-10 { height: 10% !important; }	.mh-xl-10 { max-height: 10% !important; }
	.h-xl-5 { height: 5% !important; }		.mh-xl-5 { max-height: 5% !important; }
}