body,button,input,select,textarea,h1,h2,h3,h4,h5,h6,label,small {
    font-family: Microsoft JhengHei, Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;
}

a {
  text-decoration: none;
}

.no-border {
    border: 0 !important;
}

.imgFill {
    width: 80%;
    object-fit: contain;
}

.imgFill40 {
    width: 40%;
    object-fit: contain;
}

#AU {
    display: inline-block;
    color: #fff;
}

.accessKeys {
    display: inline-block;
    color: #1B80DC;
}

h1 {
    display: inline;
}

.large-font-size {
    font-size: large;
}

.bg-purple {
    background-color: #CCF;
}

.bg-purple > span {
    color: #000;
    font-weight: 600;
    font-size: 0.9rem;
}

.title-home-special,
.title-special {
	line-height: 1.3;
}

.title-home-special span,
.title-special span {
	display: block;
	position: relative;
}

.title-home-special span:before,
.title-home-special span:after {
	content: "";
	position: absolute;
	top: 50%;
	background: #fff;
	width: 10%;
	height: 1px;
}

.title-special span:before,
.title-special span:after {
	content: "";
	position: absolute;
	top: 50%;
	background: #fff;
	width: 10%;
	height: 1px;
}

.title-home-special span:before {
	left: 20%;
}

.title-home-special span:after {
	right: 20%;
}

.title-special span:before {
	left: 27%;
}

.title-special span:after {
	right: 27%;
}

.text-s-red {
	color: #D44141;
}

#logo {
	width : 30%;
	height : auto;
}
.bg-success, .border-success {
	--bs-success-rgb: 36, 123, 115;
}
.text-bg-success {
	background-color:rgba(36, 123, 115,var(--bs-bg-opacity,1)) !important
}
.btn-success {
  background-color: #39C6B8;
  border-color: #39C6B8;
}
.btn-success:focus {
  background-color: #39C6B8;
  border-color: #39C6B8;
}
.btn-success:hover {
  background-color: #39C6B8;
  border-color: #39C6B8;
}

@media(max-width:768px) {
	.s-new-line {
		display: none;
	}

	.title-home-special span:before {
		left: 10%;
	}

	.title-home-special span:after {
		right: 10%;
	}

	.title-special span:before {
		left: 22%;
	}

	.title-special span:after {
		right: 22%;
	}
	#logo {
		width : 60%;
		height : auto;
	}
}
