:root {
	--primary-color: #78a61c
}

body {
	font-size: 1.125rem;
	font-family: 'Noto Sans TC', sans-serif;
	letter-spacing: 1px;
	color: var(--text-color)
}

::-webkit-scrollbar {
	width: 8px;
	height: 12px;
}

::-webkit-scrollbar-track {
	background: #f1f1f100;
}

::-webkit-scrollbar-thumb {
	background: rgba(114, 138, 161, 0.2);
	transition: all 0.25s;
	border-radius: 25px
}

::-webkit-scrollbar-thumb:hover {
	background-color: #a8a8a8;
}

::-webkit-scrollbar-thumb:hover {
	background: #005bab9d;
}

a, button, input, select {
	box-shadow: none !important;
	outline: none !important;
}

a {
	word-break: break-all;
	text-decoration: none !important
}

a:hover {
	color: inherit
}

li span {
	color: var(--text-color)
}

.cart-sidebar .cart-item .remove-btn {
	box-shadow: none !important;
	color: #fff;
	background-color: #c04851;
}

.cart-sidebar .cart-item .remove-btn:hover {
	background-color: #a61b29;
}

.cart-item .remove-btn i {
	top: 50%;
	right: 0;
	width: 20px;
	height: 20px;
	font-size: 12px;
	line-height: 22px;
	text-align: center;
	position: absolute;
	border-radius: 100%;
	transform: translateY(-50%)
}

.item-title {
	line-height: 1.3rem
}

#footer {
	background: var(--primary-color);
	/* background: linear-gradient(to right, #0083c5 0%, #00367c 99%); */
	color: var(--text-color);
	font-weight: 500
}

#footer .social {
	margin-bottom: 1rem;
	justify-content: center;
}

#footer .social a {
	margin: 0 10px;
	width: 100%;
	text-align: center;
}

#footer .social a:hover {
	opacity: .4;
}

#footer .social img {
	width: auto;
	height: 100%;
}

.main-menu-list>li>a {
	display: block;
	color: var(--text-color);
	font-size: 17px;
	font-weight: 500;
	padding: 15px 0;
	text-transform: uppercase;
	transition: 0.6s
}

.nav-link {
	color: var(--text-color);
}

.nav-link:hover {
	color: var(--primary-color);
}

.copyright-text {
	color: var(--text-color)
}

.copyright-text .btn-text {
	color: var(--copyright-color)
}

.text-white .footer_bottom {
	padding-bottom: 12px
}

.footer-subscribe-form {
	margin-bottom: 20px;
}

.ul-li-block a {
	font-size: 1.025rem;
	color: #fff
}

.ul-li-block span {
	font-size: 1.025rem;
	letter-spacing: 5px;
	color: #FFF
}

.copyright-text {
	color: #FFF;
	font-size: 0.9rem;
	font-weight: 300;
	letter-spacing: 1.5px;
}

#header .main-menu-list>li>a {
	position: relative;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.3;
	text-transform: capitalize;
	color: var(--black-color);
}

#header .main-menu-list>li>a:hover {
	color: var(--black-hover-color);
}

#header .main-menu-list>li>a::after {
	content: '';
	position: absolute;
	bottom: 5px;
	left: 0;
	width: 0;
	height: 2px;
	background-color: var(--primary-color);
	transition: width .6s cubic-bezier(.25, 1, .5, 1), background-color .25s ease;
}

#header .main-menu-list>li>a:hover::after,
#header .main-menu-list>li>a.active::after {
	width: 100%;
}

#header .log {
	margin-bottom: 0;
	letter-spacing: 1.5px;
	font-size: 16px
}

#header .header-btns-group .btn {
	margin-left: 20px
}

#header .btn {
	padding: 10px 20px
}


@media (max-width:991px) {
	.header-btns-group li:nth-child(1) {
		display: none
	}

	.header-btns-group li:last-child {
		margin-right: 10px;
	}

	.main-menu-list li:nth-child(7) {
		padding: 1rem 0 0 0
	}
}

@media (min-width:991px) {
	/* .main-menu-list li:nth-child(8) {
		display: none
	} */
}

@media (max-width:1510px) {
	.main-menu-list>li:not(:last-child) {
		margin-right: 20px;
	}

	#header .main-menu-list>li>a {
		font-size: 0.95rem
	}

	#header .log {
		font-size: 0.95rem
	}
}

@media (max-width:1240px) {
	.header-btns-group li:nth-child(3) {
		display: none
	}
}

.ul-li-right {
	align-items: center
}

.log i {
	margin-right: 3px
}

.header-section.style-3 .content-wrap {
	padding: 2px 0
}

.main-menu-list>li:not(:last-child) {
	margin-right: 45px;
}

#header .header-btns-group .btn {
	margin-left: 15px;
}

.buynow-btn {
	background: url(../../images/btn_buy1.png);
	background-size: cover;
	background-color: transparent !important;
	padding: 9px 12px;
	font-size: 0.9rem;
}

.back-btn {
	background: url(../../images/btn_back.png);
	background-size: cover;
}

.footer_bottom a {
	color: #FFF;
	font-size: 0.9rem;
	letter-spacing: 1.5px;
	font-weight: 300
}

.footer_bottom a:hover {
	color: #FFF
}