body, .ui-widget, input {
	font-family: Arial,微軟正黑體, "Microsoft JhengHei",微軟雅黑體, "Microsoft YaHei",新細明體,Verdana,sans-serif;
}

.btn {
	text-shadow: none;
}

.logo-img {
	height: 80px;
	float: left;
	margin: 5px 10px;
}

#mainFrameHeader {
	padding: 15px 0 10px 0;
}

#mainFrame {
	margin: 20px 0;
}

.opz-GeneralList ol {
	margin-top: 20px;
	font-size: 16px;
}

	.opz-GeneralList ol li {
		line-height: 155%;
		height: auto;
		border-bottom: 1px solid #EEE;
		margin-bottom: 20px;
	}

		.opz-GeneralList ol li i {
			padding-left: 5px;
		}

		.opz-GeneralList ol li:last-child {
			border-bottom: none;
		}

		.opz-GeneralList ol li span {
			font-size: 0.95em;
		}

.opz-GeneralList .panel {
	margin-top: 20px;
}

#services6 h3 {
	margin-top: 0;
}

.panel-default > .type0 {
	background: #e5e5e5;
}

.panel-default > .type1, button.type1 {
	background: #F5BD54;
}

.panel-default > .type2, button.type2 {
	background: #CCFFCC;
}

.panel-default > .type3, button.type3 {
	background: #FF9DB8;
}

.panel-default > .type4, button.type4 {
	background: #A4BAEE;
}

.panel-default > .type5, button.type5 {
	background: #FFFF99;
}

.panel-default > .type6, button.type6 {
	background: #CC9966;
}

.panel-default > .type7, button.type7 {
	background: #A9DBE9;
}

.panel-default > .type8, button.type8 {
	background: #D1AEEE;
}

.panel-default > .type9, button.type9 {
	background: #FF7D6A;
}

.btns {
	margin-bottom: 30px;
}

button.btn {
	font-size: 15px;
	margin-bottom: 3px;
}

.img-container {
	padding: 10px;
	text-align: center;
}

	.img-container img {
		width: 100%;
		min-height: 200px;
		border: 1px solid lightgray;
		border-radius: 5px;
	}

.clearfix::after {
	content: "";
	clear: both;
	display: table;
}

ul {
	font-size: medium;
}

li {
	padding: 5px;
}

.tableInputInnerStyle {
	width: 100%;
}

.table table tbody tr td span,
.table table tbody tr td a {
	position: relative;
	float: left;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.42;
	border: 1px solid #ddd;
}

.table table > tbody > tr > td > span {
	z-index: 3;
}

.table table > tbody > tr > td:first-child > a,
.table table > tbody > tr > td:first-child > span {
	border-top-left-radius: 4px;
}

#divLogin {
	width: 100%;
	margin: 1em auto;
}

	#divLogin table {
		width: 100%;
		margin-bottom: 0px;
	}

	#divLogin caption {
		font-weight: bold;
		font-size: 1.2em;
	}

	#divLogin th {
		height: 50px;
		width: 1.5em;
		text-align: center;
		padding: .5em 0 0 0;
	}

	#divLogin td {
		padding: .5em 0 0 0;
	}

	#divLogin .ui-tabs-panel {
		padding: 3px 0px;
	}

	#divLogin .ui-state-default {
		font-weight: inherit;
		border: none;
		text-align: center;
	}

	#divLogin .ui-widget-header {
		background: white;
	}

	#divLogin .ui-widget-content {
		text-align: initial;
		background-color: white;
	}

#gSignInWrapper, #gSignInWrapper2 {
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;
	line-height: initial;
	height: 244px;
}

#uGoogleLogin {
	margin-left: 16px;
	margin-right: 8px;
	white-space: nowrap;
}

	#uGoogleLogin:hover {
		cursor: pointer;
	}

span.icon {
	background: url('/images/icons/g-normal.png') transparent 50% no-repeat;
	display: inline-block;
	vertical-align: middle;
	width: 30px;
	height: 24px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

span.buttonText {
	display: inline-block;
	margin-left: 5px;
	vertical-align: middle;
}

#divSystemList fieldset {
	padding: 0em 1em 0.5em 1em;
	margin: 1.5em auto;
	border: 1px solid #c6e4f7;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-color: white;
	position: relative;
}

#divSystemList 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);
}

/*最下方服務列表*/
@media only screen and (max-width: 1920px) {
	.doubleColumns li {
		display: list-item;
		float: left;
		margin-left: 0;
		word-break: break-all;
		padding-left: 0;
		padding-right: 1%;
		color: #362b36;
		width: 24%;
		min-height: 1.7em;
		list-style-position: outside;
	}
}

@media only screen and (max-width: 1080px) {
	.doubleColumns li {
		display: list-item;
		float: left;
		margin-left: 0em;
		padding-left: 0em;
		color: #362b36;
		width: 33%;
		min-height: 1.7em;
		list-style-position: outside;
	}
}

@media only screen and (max-width: 860px) {
	.doubleColumns li {
		display: list-item;
		float: left;
		margin-left: 0em;
		padding-left: 0em;
		margin-right: 0.5em;
		color: #362b36;
		width: 45%;
		min-height: 1.7em;
		list-style-position: outside;
	}
}

@media only screen and (max-width: 640px) {
	.doubleColumns li {
		display: list-item;
		float: left;
		margin-left: 0em;
		padding-left: 0em;
		color: #362b36;
		width: 86%;
		min-height: 1.7em;
		list-style-position: outside;
	}
}

.login-block {
	background: #deedf7; /* fallback for old browsers */
	background: -webkit-linear-gradient(to bottom, #deedf7, #c6e4f7); /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to bottom, #deedf7, #c6e4f7); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	float: left;
	width: 100%;
	padding: 50px 0;
}

.container {
	background: #fff;
	border-radius: 10px;
	width: 100%;
	max-width: 1220px;
}

.DivShadow {
	box-shadow: 5px 4px 0px rgba(0,0,0,0.1);
}

.login-sec {
	padding: 20px 5px;
	position: relative;
}

	.login-sec .copy-text {
		position: absolute;
		width: 80%;
		bottom: 20px;
		font-size: 13px;
		text-align: center;
	}

		.login-sec .copy-text i {
			color: #d5ef89;
		}

		.login-sec .copy-text a {
			color: #E36262;
		}

	.login-sec h2 {
		margin-bottom: 30px;
		font-weight: 800;
		font-size: 30px;
		color: #78A01E;
	}

		.login-sec h2:after {
			content: " ";
			width: 100px;
			height: 5px;
			background: #d5ef89;
			display: block;
			border-radius: 3px;
			margin-top: 20px;
			margin-left: auto;
			margin-right: auto
		}

.btn-login {
	background: #78A01E;
	color: #fff;
	font-weight: 600;
}

.banner-sec {
	background-size: cover;
	border-radius: 0 10px 10px 0;
	padding: 0;
}

.banner-text {
	position: relative;
	bottom: 1px;
	padding-left: 20px;
	border-radius: 10px;
	background-color: white;
	opacity: 0.7;
}

	.banner-text h2 {
		color: #000000;
		font-weight: 600;
	}

		.banner-text h2:after {
			content: " ";
			width: 100px;
			height: 5px;
			background: #000000;
			display: block;
			margin-top: 20px;
			border-radius: 3px;
		}

	.banner-text p {
		color: #000000;
	}

.d-none {
	display: block !important;
}

.carousel-inner {
	border-radius: 0 10px 10px 0;
}

.carousel-caption {
	text-align: left;
	left: 5%;
}

.carousel-indicators {
	bottom: 0px;
	margin-bottom: 5px;
	margin-top: 5px;
}

.carousel-item {
	height: 530px;
}