/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

.menu-link {
  --cnvs-primary-menu-tt:	none;
  --cnvs-primary-menu-submenu-tt:	none;
}

/* Justify Border Title
-----------------------------------------------------------------*/
.about-title {
  --cnvs-fancy-title-bg: #fff;
  --cnvs-fancy-title-padding: 0.75rem;
  --cnvs-fancy-title-border-size: 2px;
  --cnvs-fancy-title-border-color: rgba(var(--cnvs-contrast-rgb), 0.1);
  --cnvs-fancy-title-dotted-border: images/icons/dotted.png;
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
.about-title h1, .fancy-title .h1,
.about-title h2,
.about-title .h2,
.about-title h3,
.about-title .h3,
.about-title h4,
.about-title .h4,
.about-title h5,
.about-title .h5,
.about-title h6,
.about-title .h6 {
  position: relative;
  margin-bottom: 0;
}
.about-title::before, .about-title::after {
  content: "";
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
  height: 0;
  border-top: calc(var(--cnvs-fancy-title-border-size) * 3) double rgba(var(--cnvs-contrast-rgb), 0.1);
}
.about-title::before {
  display: none;
  margin-right: var(--cnvs-fancy-title-padding);
}
.about-title::after {
  margin-left: var(--cnvs-fancy-title-padding);
}



.bg-color-light {
	background-color: #EBF1F0 !important;
}

.hero-bg {
	position: absolute;
	left: auto;
	top: -100px;
	right: -100px;
	z-index: 0;
	object-fit: cover;
	max-width: 60%;
}

.circle-draw,
.circle-draw span {
	position: relative;
	color: inherit !important;
	z-index: 1;
}

.circle-draw svg {
	position: absolute;
	top: 50%;
	left: 50%;
	width: calc(100% + .5em);
	height: calc(100% + .5em);
	transform: translate(-50%, -50%);
	z-index: 0;
}

.floating-btn-wrap {
	position: fixed;
	right: 30px;
	bottom: 100px;
	z-index: 199;
}
.floating-btn-wrap a {
	font-size: 2.5rem;
	cursor: pointer;
	z-index: 3;
	transform: translate(-50%, -50%);
	transition: transform .3s ease;
}


/* Responsive Device more than 992px (.device-md >)
-----------------------------------------------------------------*/
@media (min-width: 992px) {

	.section-scroll {
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		display: block;
	}

	.section-scroll .section-sticky {
		position: -webkit-sticky;
		position: sticky;
		top: 200px;
	}

}

@media (max-width: 575.98px) {
	
	.about-title {
  		margin-bottom: 0;
	}
	
/* 2024-6-19 調整手機版選單logo*/
	#logo img {
    max-width: 250px;
    max-height: 68px;
	margin-left: 0px;
    margin-right: 0px;
	}
/* 2024-6-19 調整手機版選單logo end*/
}