body {

	&::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
		background-color: #F5F5F5;
		margin: 0 200px;
		padding: 10px 0;
	}

	&::-webkit-scrollbar {
		width: 13px;
		background-color: #F5F5F5;
	}

	&::-webkit-scrollbar-thumb {
		border-radius: 8px;
		background-color: #4292a1;
		border: 2px solid #e7e7e7;
		background-image: -webkit-gradient(linear, 0 0, 0 100%,
				color-stop(.5, #e9b58e),
				color-stop(.5, transparent), to(transparent));
	}

	overflow-x: hidden;
	background-size: cover;
	background-attachment: fixed;

}

@media (max-width: 575px) {
	.offcanvas-logo {
		max-width: 200px;
	}
}

@media (max-width: 768px) {
	.offcanvas-logo {
		max-width: 240px;
	}
}

.offcanvas-logo {
	width: 240px;
}

.header-area {
	border-bottom: 0;
}

.main-header .logo {
	width: 300px;
}

@media (width<=1400px) {
	.main-header .logo {
		width: 200px;
	}
}

@media (width<=1200px) {
	.main-header .logo {
		width: 170px;
		margin-right: 10px;
	}
}


.theme-btn-one .text-content {
	font: 500 1.2rem var(--bd-ff-inter);
	color: #ffffff;
	letter-spacing: 1px;
	padding: 10px 20px;
}

.main-menu ul>li>a {
	font-family: "Noto Sans TC", serif;
	font-weight: 500;
	font-size: 1.2rem;
	color: #393939;
	letter-spacing: 1px;
}

.main-menu ul>li>.sub-menu {
	background: #ffffffd6;
	border-radius: 0 40px;
}

.main-menu ul>li>.sub-menu>li a {
	color: #525252;

}

.sub-title-four {
	font-size: 1rem;
}

@media (width>=992px) {
	.main-menu ul {
		gap: 15px;
	}
}

@media (width>=1400px) {
	.main-menu ul {
		gap: 40px;
	}
}

@media(width<=1200px) {
	.main-menu ul>li>a {
		font-size: 1rem;
	}

	.theme-btn-one .text-content {
		font-size: 1rem;
	}

	.theme-btn-one .text-content {
		padding: 10px 15px;
	}

	.theme-btn .icon-box {
		width: 40px;
		height: 40px;
	}
}

@media (width>=992px) {
	.area-top {
		padding-top: 130px;
	}
}

@media (width<=576px) {
	.main-header .logo {
		max-width: 200px;
	}

	.theme-btn .icon-box {
		width: 40px;
		height: 40px;
		border-radius: 50%;
	}

	.theme-btn-one .text-content {
		font: 600 1.3rem var(--bd-ff-inter);
	}

	.theme-btn-one .text-content {
		padding: 10px 14px;
	}
}

.breadcrumb {
	margin-bottom: 0 !important;
}

@media only screen and (min-width: 768px) {
	.faq-main-wrapper {
		margin-top: 0;
		padding: 70px 70px 20px 70px;
	}
}

@media only screen and (min-width: 992px) {
	.faq-main-wrapper {
		padding: 40px 40px 20px 40px;
		margin-top: 0;
	}
}

@media only screen and (min-width: 1400px) {
	.faq-main-wrapper {
		padding: 70px 70px 20px 70px;
		margin-top: 0;
	}
}

@media(width<=768px){
	.faq-main-wrapper {
        display: flex;
        justify-content: center;
		text-align: center
    }
	.split-line{
		margin: auto;
	}
	.seo-service-content .section-title-two {
		margin-bottom: 0;
	}
	.seo-service-content{
		padding-top: 30px
	}
}


/* cookie */
.modal#cookieModal {
    position: fixed;
    bottom: 0;
    left: 5px;
    width: 100%;
    height: 330px;
    z-index: 3;
}
body.modal-open {
    overflow-y: auto !important; 
    padding-right: 0 !important;
}
.cookie.modal-dialog {
    position: fixed;
    left: 20px;
    bottom: 0;
    width: auto;
    max-width: 90%;
}

.cookie.modal-dialog .btn-primary {
	--bs-btn-bg: #ee805a;
    --bs-btn-border-color: #ee805a;
}

.cookie.modal-dialog .btn-primary:hover {
	--bs-btn-bg: #de653d;
    --bs-btn-border-color: #de653d;
}

.cookie.modal-dialog .btn:first-child:hover, :not(.btn-check)+.btn:hover {
    background-color: #de653d;
    border-color: #de653d;
}
.modal-footer{
    border-top: 0;
    position: relative;
}