:root {
	--cnvs-header-bg: rgba(var(--cnvs-themecolor-rgb), 0.75);

	--cnvs-themecolor: #153148;
	--cnvs-themecolor-rgb: 21, 49, 72;


	--cnvs-themesubcolor1: #5F7F9A;
	--cnvs-themesubcolor1-rgb: 95, 127, 154;

	--cnvs-themesubcolor2: #C3A157;
	--cnvs-themesubcolor2-rgb: 195, 161, 87;

	--cnvs-themehovercolor: #C3A157;
	--cnvs-themehovercolor-rgb: 195, 161, 87;

	--cnvs-primary-font: "Noto Sans TC", serif;
	--cnvs-body-font: "Noto Sans TC", serif;
	--cnvs-secondary-font: var(--cnvs-body-font);
}

#header {
	--cnvs-primary-menu-font-weight: 500;
	/* --cnvs-primary-menu-font-size:	1rem; */
	--cnvs-primary-menu-tt: none;
	--cnvs-primary-menu-ls: 0;
	/* --cnvs-primary-menu-submenu-font-size:	0.875rem; */
	--cnvs-primary-menu-submenu-font-weight: 400;
	--cnvs-primary-menu-submenu-hover-font-weight: 500;
	--cnvs-primary-menu-submenu-tt: none;
	/* min-height: calc(var(--cnvs-header-height) + 33px); */
}

#top-search-trigger:hover {
	color: var(--cnvs-themehovercolor);
}

@media (max-width: 991px) {
	#header {
		min-height: unset;
	}
}

.bg_marble {
	background: url(../images/marble_bg.jpg) no-repeat center center;
	background-size: cover;
}

.is-expanded-menu .mega-menu-style-2 .mega-menu-title>.menu-link {
	font-size: calc(var(--cnvs-primary-menu-submenu-font-size) * 0.9);
}

.line-clamp-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.line-clamp-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}


/*	Primary Menu Header size
-----------------------------------------------------------------*/
@media (min-width: 992px) {

	.menu-link {
		text-transform: none;
		font-weight: 500;
	}

	.menu-container>.menu-item>.menu-link div {
		position: relative;
	}

	/* .menu-container>.menu-item>.menu-link div::after {
		opacity: 0;
		content: '';
		background: url('images/border.svg') no-repeat;
		position: absolute;
		bottom: -3px;
		left: 0;
		text-align: center;
		margin: 0 auto;
		width: 100%;
		height: 4px;
		transition: all .3s ease;
	} */

	/* .dark .menu-container>.menu-item>.menu-link div::after {
		background: url('images/border-white.svg') no-repeat;
	} */

	.menu-container>.menu-item.active>.menu-link>div::after,
	.menu-container>.menu-item:hover>.menu-link>div::after {
		bottom: -1px;
		opacity: 1;
	}

	img.man {
		margin-left: 100px;
	}

	.section.parallax {
		padding: 160px 0;
	}
}

/* section */
@media (max-width: 768px) {

	.heading-block h2,
	.heading-block .h2 {
		font-size: 28px;
	}
}

/* Slider Area
-----------------------------------------------------------------*/
.banner-area {
	max-width: 991px;
	margin-top: var(--cnvs-header-height);
}

.banner-title {
	text-transform: none;
	font-size: 48px;
	line-height: 1.3;
	letter-spacing: 1px;
	margin-bottom: 0;
}

.banner-txt {
	font-size: 20px;
	letter-spacing: 1px;
	margin-bottom: 0;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

@media (max-width: 1199px) {
	.banner-title {
		font-size: 40px;
	}

	.banner-txt {
		font-size: 18px;
	}
}

@media (max-width: 991px) {
	.banner-area {
		max-width: 90%;
		margin-top: 0;
	}
}

@media (max-width: 768px) {
	.banner-title {
		font-size: 32px;
	}

	.banner-txt {
		font-size: 16px;
		letter-spacing: 1px;
		margin-bottom: 0;
	}
}

@media (max-width: 576px) {
	.banner-title {
		font-size: 6.6vw;
	}

	.banner-txt {
		display: none;
	}

	.button {
		--cnvs-btn-padding-x: 24px;
		--cnvs-btn-padding-y: 12px;
	}
}

.linear-gradient-btn {
	background: linear-gradient(to bottom, #DFBA6A, var(--cnvs-themesubcolor2));
}

.linear-gradient-btn span {
	position: relative;
	z-index: 1;
}

.linear-gradient-btn::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom, var(--cnvs-themesubcolor1), var(--cnvs-themecolor));
	opacity: 0;
	transition: opacity 0.3s ease-out;
	z-index: 0;
}

.linear-gradient-btn:hover::before {
	opacity: 1;
}

.slider-caption h2,
.slider-caption p,
.slider-caption .button {
	opacity: 0;
	transform: scale(0.9);
	-webkit-transform-origin: 50% 50% 0px;
	transform-origin: 50% 50% 0px;
	transition: -webkit-transform .05s ease-out;
	transition: transform .05s ease-out;
	transition: transform .05s ease-out, -webkit-transform .05s ease-out;
	backface-visibility: hidden;
}

.swiper-slide.swiper-slide-active .slider-caption h2,
.swiper-slide.swiper-slide-active .slider-caption p,
.swiper-slide.swiper-slide-active .slider-caption .button {
	opacity: 1;
	transition: transform 1s, opacity 1.05s;
	transform: scale(1);
	backface-visibility: hidden;
}

.swiper-slide.swiper-slide-active .slider-caption p {
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

.swiper-slide.swiper-slide-active .slider-caption .button {
	-webkit-transition-delay: 0.6s;
	transition-delay: 0.6s;
}

.one-page-arrow {
	bottom: 30px;
}

.one-page-arrow .animated {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
}

.slider-arrow-left i,
.slider-arrow-right i {
	font-size: 34px;
	transition: all .3s ease;
}

.slider-arrow-left,
.slider-arrow-right,
.owl-carousel-full .owl-nav [class*=owl-] {
	transition: all .3s ease;
	transform: scale(1);
}

@media (max-width: 576px) {
	.slider-arrow-left,
	.slider-arrow-right {
		opacity: 0;
	}
}

/* .slider-arrow-left:hover,
.slider-arrow-right:hover,
.owl-carousel-full .owl-nav [class*=owl-]:hover {
	background-color: transparent !important;
	transform: scale(1.3);
} */

/* Feaured Carousel
-----------------------------------------------------------------*/
#oc-features .owl-item:not(.active) {
	opacity: .4;
}

#oc-features .owl-prev,
#oc-features .owl-next {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: rgba(var(--cnvs-themecolor-rgb), 0.5);
}

#oc-features .owl-prev i,
#oc-features .owl-next i {
	font-size: 34px;
	color: #FFF;
}

/* #oc-features .owl-item p {
	font-size: 16px;
	font-weight: 300;
	color: #666;
} */

/* Button-link
-----------------------------------------------------------------*/
.button-link {
	display: inline-block;
	position: relative;
	color: #333;
	font-weight: 600;
	margin-top: 10px;
	padding: 5px 0;
	transition: color .3s ease;
}

.dark .button-link {
	color: #FFF;
}

.button-link:hover {
	color: var(--cnvs-themecolor);
}

.button-link::after {
	content: '';
	position: absolute;
	bottom: 0px;
	left: 0;
	margin-bottom: 0;
	width: 100%;
	height: 4px;
	transition: bottom .3s ease;
}

.button-link.border-0::after {
	content: none;
}

.button-link:hover::after {
	bottom: 3px;
}


/* Owl Carousel - Controls - Arrows
-----------------------------------------------------------------*/
#oc-features.owl-carousel-full .owl-nav [class*=owl-] {
	left: 150px !important;	
	width: 52px;
	height: 52px;
	line-height: 60px;
	border: none;
	color: #333;
	/* background-color: transparent; */
	font-size: 28px;
	border-radius: 0;
}

/* #oc-features.owl-carousel .owl-nav .owl-next {
	left: auto;
	right: -155px;
} */

#oc-features.owl-carousel-full .owl-nav .owl-next {
	left: auto !important;
	right: 155px !important;
}

#oc-features.owl-carousel-full .owl-nav [class*=owl-]:hover {
	color: #333 !important;
}

@media (max-width: 1399px) {
	#oc-features.owl-carousel-full .owl-nav [class*=owl-] {
		left: 100px !important;
		right: auto !important;
	}

	#oc-features.owl-carousel-full .owl-nav .owl-next {
		left: auto !important;
		right: 100px !important;
	}
}

@media (max-width: 1199px) {
	#oc-features.owl-carousel-full .owl-nav [class*=owl-] {
		left: 5px !important;
		right: auto !important;
	}

	#oc-features.owl-carousel-full .owl-nav .owl-next {
		left: auto !important;
		right: 5px !important;
	}
}

/* Owl Carousel - Responsive
-----------------------------------------------------------------*/
.device-lg .owl-carousel .owl-nav .owl-prev,
.device-md .owl-carousel .owl-nav .owl-prev,
.device-sm .owl-carousel .owl-nav .owl-prev,
.device-xs .owl-carousel .owl-nav .owl-prev {
	left: 2px !important;
}

.device-lg .owl-carousel-full .owl-nav .owl-next,
.device-md .owl-carousel-full .owl-nav .owl-next,
.device-sm .owl-carousel-full .owl-nav .owl-next,
.device-xs .owl-carousel .owl-nav .owl-next {
	right: 2px !important;
}

/* Grid Filter
-----------------------------------------------------------------*/
.grid-filter li.activeFilter a {
	font-weight: normal;
}

.grid-overlay {
	background-color: rgba(0, 0, 0, 0.75);
}


/* Testimonial
-----------------------------------------------------------------*/
.testimonials-rating {
	margin-top: 15px;
	color: #FFD700;
	font-size: 18px;
	line-height: 1;
}

.testi-content p {
	font-size: 16px;
	color: #666;
	font-style: normal;
}

.testi-content p::before,
.testi-content p::after {
	display: none;
}

.testi-meta::before {
	display: none;
}

.testi-meta span {
	padding-left: 0;
}

.testimonial .flex-control-nav {
	bottom: 8px;
	right: 0px;
}

.testimonial .flex-control-nav li a {
	background-color: #333;
}

/* Misc
-----------------------------------------------------------------*/
#header,
#header-wrap,
#logo img {
	transition: all .4s ease;
}

.feature-box h3 span.subtitle {
	font-size: 14px;
}

.feature-box.fbox-plain .fbox-icon img {
	height: 50px;
}

.col-padding {
	padding: 100px 60px !important;
}

/* .heading-block::before {
	content: attr(data-heading);
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	color: var(--cnvs-contrast-200);
	z-index: -1;
	font-family: var(--cnvs-primary-font);
	font-weight: bold;
	font-size: 90px;
	line-height: .3;
}

.heading-block.center::before {
	right: 0;
	left: 0;
	margin: auto;
} */

.text-rotater {
	display: inline-block;
	font-weight: 300;
	font-size: 20px;
	line-height: 1.7;
	color: var(--cnvs-contrast-600);
}

/* slider */
.swiper-slide-bg::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.1);
}

/* breadcrumb */
.breadcrumb::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
}

.breadcrumb_title {
	font-size: 36px;
	margin-bottom: 24px;
	color: #fff;
	text-align: center;
}

.breadcrumb_list li a {
	color: #fff;
	transition: all 0.3s ease-out;
}

.breadcrumb_list li a:hover {
	color: var(--cnvs-themesubcolor2);
}

@media screen and (max-width: 768px) {
	.breadcrumb_title {
		font-size: 28px;
		margin-bottom: 16px;
	}	
}

/* certificate*/
#certificate .item-title {
	font-size: 24px;
	font-weight: 400;
	text-align: center;
	letter-spacing: 1px;
	margin-top: 8px;
	margin-bottom: 0;
}

#certificate .cer-img img {
	aspect-ratio: 800 / 1130;	
	object-fit: contain;
}

#certificate .cer-img {	
	transition: all .3s ease-out;
}

#certificate .cer-img:hover {
	transform: translateY(-10px);
}


/*service*/
.ser_ad_title {
	font-size: 24px;
	font-weight: 600;
	letter-spacing: 1px;
	margin-bottom: 0;
	color: #000;
}

.service-box {
	background-color: #ECF2F6;
	transition: all 0.3s ease-out;
}

.service-box:hover {
	box-shadow: 0 5px 5px rgba(var(--cnvs-themecolor-rgb), 0.2);
	transform: translateY(-5px);
}

@media (max-width: 768px) {
	.ser_ad_title {
		font-size: 20px;
	}

	.service-icon {
		width: 50px;
	}
}

/* product */
.product-img {
	height: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
}

.portfolio-desc {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	gap: 24px;
}

.portfolio-desc .pdt-title {
	font-size: 32px;
	font-weight: 600;
	letter-spacing: 1px;
	margin-bottom: 0;
	color: #fff;
}

.portfolio-desc .pdt-txt {
	font-size: 20px;
	font-weight: 300;
	letter-spacing: 1px;
	margin-bottom: 0;
	color: #fff;
}

.portfolio-desc .separator-line {
	position: relative;
	display: block;
	width: 50px;
	height: 1px;
	background-color: #fff;
	margin-bottom: 0;
}

@media (max-width: 1400px) {
	.portfolio-desc {
		gap: 16px;
	}

	.portfolio-desc .pdt-title {
		font-size: 28px;
	}

	.portfolio-desc .pdt-txt {
		font-size: 18px;
	}
}

/* portfolio-img */
.portfolio-image .bg-overlay {
	opacity: 0;
	transition: opacity 0.3s ease-out;
}

.portfolio-image:hover .bg-overlay {
	opacity: 1;
}

@media (max-width: 991px) {
	.portfolio-image .bg-overlay {
		opacity: 1;
	}

	.portfolio-image .bg-overlay .bg-overlay-bg {
		background-color: transparent;
	}

	.portfolio-image .bg-overlay-content {
		display: block;
		height: auto;		
		top: auto;
		bottom: 0;
		background-color: rgba(0, 0, 0, 0.5);
		padding: 12px;
		transition: all 0.3s ease-out;
	}

	.portfolio-image:hover .bg-overlay-content {
		background-color: rgba(var(--cnvs-themecolor-rgb), 0.75);
	}

	.portfolio-desc .pdt-title {
        font-size: 24px;
    }
}

/* product side*/
/* pdt page */
/*======== 產品側欄選單 ========*/
.pdt_sidebar-item {
	border: 2px solid #f3f3f3;
	background-color: #fdfdfd;
	margin-bottom: 40px;
	padding: 35px 28px 37px;
}

.pdt_sidebar-title {
	color: var(--cnvs-themesubcolor);
	font-size: 24px;
	font-weight: 600;
}

.pdt_sidebar-title a {
	color: var(--cnvs-themesubcolor);
}

.pdt_sidebar-item .small-title {
	color: var(--color-text);
	font-size: var(--font-text);
	line-height: 1;
	margin-bottom: 20px;
	text-transform: capitalize;
}

.pdt_category-sub-menu ul li {
	position: relative;
	list-style-type: none;
	margin: 0.5rem;
}

.pdt_category-sub-menu ul li a {
	color: #666;
	font-size: 20px;
	font-weight: 400;
	display: block;
	line-height: 35px;
	margin: 0;
	padding: 0.5rem 1rem;
	position: relative;
	text-transform: capitalize;
	width: 100%;
	border: 1px solid var(--cnvs-contrast-200);
	background-color: var(--bs-white);
	transition: all 0.3s ease-out;
}

.pdt_category-sub-menu ul.sub-menu-list li a {
	color: #666;
	font-size: 20px;
	font-weight: 400;
	display: block;
	line-height: 35px;
	margin: 0;
	padding: 0.5rem 1rem;
	position: relative;
	text-transform: capitalize;
	width: 100%;
	border: 1px solid var(--cnvs-contrast-200);
	background-color: var(--bs-white);
}

.pdt_category-sub-menu ul li.active>a {
	background-color: var(--cnvs-themecolor);
	color: var(--bs-white);
}

.pdt_category-sub-menu ul li.active .collapse-icons i,
.pdt_category-sub-menu ul li.active .collapse-icons i:after {
	background-color: var(--bs-white);
}

.pdt_category-sub-menu ul li a:hover,
.pdt_category-sub-menu ul li a:hover .collapse-icons>i,
.pdt_category-sub-menu ul li a:hover .collapse-icons>i:after {
	background-color: rgb(var(--cnvs-themehovercolor-rgb));
	color: var(--bs-white);
}

.pdt_category-sub-menu ul li.active a:hover>.collapse-icons i,
.pdt_category-sub-menu ul li.active a:hover>.collapse-icons i:after {
	background-color: var(--bs-white);
}

.pdt_category-sub-menu ul li a:hover>.collapse-icons i,
.pdt_category-sub-menu ul li a:hover .collapse-icons>i:after {
	background-color: var(--bs-white);
}

.pdt_category-sub-menu ul li .collapse-icons {
	display: inline-block;
	position: relative;
	width: 20px;
	line-height: 30px;
}

.pdt_category-sub-menu ul li a:not(.collapsed) .collapse-icons i:after {
	height: 0;
}

.pdt_category-sub-menu ul li .collapse-icons i {
	position: absolute;
	background-color: #707070;
	height: 1px;
	top: 50%;
	left: 50%;
	width: 10px;
	transform: translateX(-50%);
}

.pdt_category-sub-menu ul li .collapse-icons i:after,
.pdt_category-sub-menu ul li a span.collapse-icons i:after {
	background-color: #707070;
	content: "";
	position: absolute;
	height: 10px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transition: all 0.4s ease-out;
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-ms-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	width: 1px;
}

.pdt_category-sub-menu ul li .collapse-icons:hover i {
	background-color: var(--cnvs-themecolor);
}

.pdt_category-sub-menu ul li .collapse-icons:hover i:after {
	background-color: var(--cnvs-themecolor);
}

.pdt_category-sub-menu ul {
	margin-bottom: 24px;
}

.pdt_category-sub-menu ul li ul {
	margin-left: 8px;
}

.table-responsive .slide-hint-wrap {
	display: none;
}

.news_side-content .pdt-tag {
	font-size: 14px;
	display: flex;
	align-items: center;
	gap: 2px;
	margin-top: 8px;
}

.news_side-content .pdt-tag span {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* pdt page nav 頁籤*/
.pdt_product-tab-nav {
	margin-bottom: 16px;
}

.pdt_product-tab-nav li:not(:last-child) {
	margin: 0 16px 0 0;
}

@media screen and (max-width: 768px) {
	.pdt_product-tab-nav {
		margin: 16px 0;
	}
}

@media screen and (max-width: 576px) {
	.pdt_product-tab-nav li {
		padding: 4px;
		margin: 0 2px 0 0;
	}

	.pdt_product-tab-nav li:not(:last-child) {
		padding: 4px;
		margin: 0;
	}
}

.pdt_product-tab-nav li a {
	display: block;
	letter-spacing: 1px;
	border: 1px solid var(--cnvs-themecolor);
	padding: 8px 16px;
	transition: all 0.3s ease-out;
}

@media (min-width: 992px) {
	.pdt_product-tab-nav li a:hover {
		border: 1px solid var(--cnvs-themecolor);
		background-color: var(--cnvs-themehovercolor);
		color: var(--bs-white);
	}
}

.pdt_product-tab-content {
	border: 1px solid var(--cnvs-themecolor);
}

.pdt_product-tab-content .tab-pane {
	background-color: #FFF;
	padding: 32px;
}

/* #pdt-list */
.info-title {
	font-size: 30px;
	font-weight: 600;
	letter-spacing: 1px;
	margin-bottom: 0;
}

#pdt-list .portfolio-image {
	object-fit: cover;
	overflow: hidden;
}

#pdt-list .portfolio-image img {	
	aspect-ratio: 4 / 3;
	object-fit: cover;
	transform: scale(1);
	transition: all 0.3s ease-out;
}

#pdt-list:not(.info_page) .portfolio-image:hover img {
	transform: scale(1.05);
}

#pdt-list .portfolio-desc {
	gap: 16px;
}

#pdt-list .portfolio-desc .pdt-title {
	font-size: 24px;
	font-weight: 600;
	letter-spacing: 1px;
	margin-bottom: 0;
	color: #fff;
}

#pdt-list .portfolio-desc .pdt-txt {
	font-size: 18px;
	font-weight: 300;
	letter-spacing: 1px;
	margin-bottom: 0;
	color: #000;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}



/*news*/
.news-bg {
	background-color: #ECF2F6;
}

.news-title {
	color: var(--cnvs-themecolor);
	letter-spacing: 1px;
	font-size: 28px;
	font-weight: 400;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	transition: all 0.3s ease-out;
}

.news-title:hover {
	color: var(--cnvs-themesubcolor1);
}

.news-category {
	color: var(--cnvs-themecolor);
	letter-spacing: 1px;
	font-size: 20px;
	font-weight: 400;
	padding-left: 16px;
	border-left: 1px solid var(--cnvs-themecolor);
	transition: all 0.3s ease-out;
}

.news-category:hover {
	color: var(--cnvs-themesubcolor1);
	border-left: 1px solid var(--cnvs-themesubcolor1);
}

.news-txt {
	color: var(--cnvs-themecolor);
	letter-spacing: 1px;
	font-size: 18px;
	font-weight: 300;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.news-img {
	aspect-ratio: 4 / 3;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.3s ease-out;
}

.news-img:hover {
	transform: scale(1.05);
}

/* news page */
.nodata {
	border: 1px solid var(--cnvs-themecolor);
	border-radius: 10px;
	color: var(--cnvs-themecolor);
	letter-spacing: 1px;
}

.sidebar-wrap {
	top: 110px;
}

.news_widget-item {
	border: 2px solid #f3f3f3;
	background-color: #fdfdfd;
	margin-bottom: 40px;
	padding: 35px 28px 37px;
}

.news_widget-item.news_widget-item--search {
	border: none;
	background-color: transparent;
	padding: 0;
}

@media only screen and (max-width: 1199px) {
	.news_widget-item {
		margin-bottom: 30px;
		padding: 23px 16px 26px;
	}
}

@media only screen and (max-width: 991px) {
	.news_widget-item {
		margin: 30px 0;
	}

	#pdt-list .news_sidebar-area {
		margin-bottom: 40px;
	}

	/* .news_widget-item.news_widget-item--search {
		margin-top: 50px;
	} */
}

.news_widget-title {
	color: var(--cnvs-themesubcolor);
	font-weight: 500;
	font-size: 24px;
	line-height: 1;
	margin-bottom: 20px;
	text-transform: uppercase;
}

.news_form-input-item {
	position: relative;
}

.news_form-input-item input {
	border: 1px solid #f3f3f3;
	background-color: #fdfdfd;
	color: #919090;
	font-size: 18px;
	height: 50px;
	line-height: 50px;
	padding: 10px 70px 10px 19px;
	width: 100%;
}

.news_form-input-item input::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	color: #919090;
}

.news_form-input-item input::-moz-placeholder {
	/* Firefox 19+ */
	color: #919090;
}

.news_form-input-item input:-ms-input-placeholder {
	/* IE 10+ */
	color: #919090;
}

.news_form-input-item input:-moz-placeholder {
	/* Firefox 18- */
	color: #919090;
}

.news_btn-src {
	border: none;
	background-color: var(--cnvs-themecolor);
	color: var(--bs-white);
	font-size: 18px;
	position: absolute;
	padding: 9px 20px;
	height: 100%;
	top: 0;
	right: 0;
	transition: all 0.4s ease-out;
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-ms-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
}

.news_btn-src:hover {
	background-color: var(--cnvs-themehovercolor);
	color: var(--bs-white);
}

.news_widget-categories ul {
	margin: 0;
}

.news_widget-categories ul li {
	list-style: none;
	border: 1px solid #f3f3f3;
	background-color: #fff;
	margin-bottom: 10px;
	padding: 0;
	height: 48px;
	line-height: 48px;
	padding: 0 19px;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}

.news_widget-categories ul li.active {
	color: var(--bs-white);
	background-color: var(--cnvs-themecolor);
}

.news_widget-categories ul li.active a,
.news_widget-categories ul li.active span {
	color: var(--bs-white);
}

.news_widget-categories ul li:last-child {
	margin-bottom: 0;
}

.news_widget-categories ul li a {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #494949;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-weight: 400;
	font-size: 20px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}

.news_widget-categories ul li a span {
	color: #333;
	font-size: 15px;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}

.news_widget-categories ul li:not(.active):hover {
	color: var(--bs-white);
	background-color: var(--cnvs-themehovercolor);
}

.news_widget-categories ul li:not(.active):hover a {
	color: var(--bs-white);
}

.news_widget-categories ul li:not(.active):hover a span {
	color: var(--bs-black);
}


.news_widget-body {
	margin-top: 30px;
}


.news_widget-blog-post {
	border-bottom: 1px solid #f3f3f3;
	margin-bottom: 20px;
	padding-bottom: 22px;
}

.news_widget-blog-post:last-child {
	border: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

.news_widget-blog-post ul {
	margin: 0;
}

.news_widget-blog-post ul li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}

.news_side-thumb {
	margin-right: 16px;
	width: 120px;
}

.news_side-thumb a {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	aspect-ratio: 16 / 9;
	background-color: #DDD;
}

.news_side-thumb a.pdt {
	aspect-ratio: 4 / 3;
}

.news_side-thumb img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	transition: 0.3s;
}

.news_side-thumb a:hover img {
	transform: scale(1.05);
}

.news_side-content {
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
	width: calc(100% - 136px);
	margin-top: -7px;
}

.news_side-content .news-date {
	color: #999;
	font-size: 14px;
	text-transform: uppercase;
}

.news_side-content h3 {
	color: var(--cnvs-themecolor);
	font-size: 16px;
	line-height: 1.5;
	margin-bottom: 0;
}

.news_side-content h3 a {
	color: var(--cnvs-themecolor);
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	transition: all 0.3s ease-out;
}

.news_side-content h3 a:hover {
	color: var(--cnvs-themehovercolor);
}

.news-hr {
	color: rgb(var(--cnvs-themecolor-rgb), .25);
	opacity: 1;
}

.news-title {
	font-size: 32px;
	margin: 16px 0;
	color: var(--cnvs-themecolor);
	letter-spacing: 1px;
}

#pdt-list .news-title {
	font-size: 28px;
	font-weight: 600;
	display: block;
	transition: all 0.3s ease-out;
}

@media screen and (max-width: 991px) {
	.news-title {
		font-size: 28px;
	}
}

@media screen and (max-width: 768px) {
	.news-title {
		font-size: 24px;
	}
}

@media screen and (max-width: 576px) {
	.news-share-wrap {
		justify-content: center;
	}

	.news-share-wrap [class*=border-] {
		border: 0 !important;
	}
	
    .news-share-wrap a {
        display: inline-block;
        font-size: 24px;
        margin: 0 8px;
    }
}

/* pagination */
.pagination .pagination li {
	margin-right: 5px;
}

.pagination .pagination li a {
	background-color: rgba(var(--cnvs-themesubcolor1-rgb), 0.1);
	color: var(--bs-black);
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	height: 36px;
	line-height: 35px;
	padding: 0;
	text-align: center;
	vertical-align: top;
	width: 36px;
	transition: all 0.3s ease-out;
}

.pagination .pagination li a.active {
	color: var(--bs-white);
	background-color: var(--cnvs-themecolor);
}

.pagination .pagination li a:hover {
	color: var(--bs-white);
	background-color: var(--cnvs-themehovercolor);
}

.pagination .pagination li i {
	font-size: 15px;
	font-weight: 700;
}

.pagination .pagination li:last-child {
	margin-right: 5px;
}


/* contact */
.contatc-title {
	font-size: 36px;
	color: var(--cnvs-themecolor);
	font-weight: 400;
	letter-spacing: 1px;
	margin-bottom: 0;
}

.contact-area {
	background-color: rgba(255, 255, 255, 0.95);
	width: 100%;
	max-width: 872px;
}

.contact-box {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}

@media (max-width: 768px) {
	.contact-box {
		position: absolute;
		right: 50%;
		transform: translate(50%, -50%);
	}

	.contatc-title {
		font-size: 28px;
	}
}


/* contact */
.mail-word {
	word-break: break-all;
}

#contact_page .contact-block {
	position: relative;
	display: flex;
	gap: 16px;
	margin-top: 24px;
}

#contact_page .contact-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--cnvs-themecolor);
	color: #FFF;
	width: 70px;
	height: 70px;
	font-size: 24px;
	transition: all .3s ease-out;
}

#contact_page .contact-info {
	width: calc(100% - 70px);
}

#contact_page .contact-title {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 0;
	color: #000;
	transition: all .3s ease-out;
}

#contact_page .contact-link {
	font-size: 18px;
	font-weight: 300;
	margin-bottom: 0;
	color: #000;
	transition: all .3s ease-out;
}

#contact_page .contact-link:hover {
	color: var(--cnvs-themehovercolor);
}

#contact_page .contact-block:hover .contact-icon {
	background-color: var(--cnvs-themehovercolor);
}

#contact_page .contact-block:hover .contact-title,
#contact_page .contact-block:hover .contact-link {
	color: var(--cnvs-themehovercolor);
}

/* footer */
.footer-logo {
	width: auto;
	max-height: 130px;
	margin-bottom: 0;
	object-fit: contain;
}

.h1-txt {
	font-size: 20px;
	font-weight: 400;
	line-height: 1.75;
	letter-spacing: 1px;
	margin-bottom: 0;
	color: #FFF;
}

#footer .list-title {
	font-size: 24px;
	font-weight: 500;
	letter-spacing: 1px;
	color: #FFF;
}

#footer .list-flex {
	display: flex;
	flex-wrap: wrap;
	letter-spacing: 1px;
	padding-left: 0;
	gap: 16px;
}

#footer .list-column {
	display: flex;
	flex-direction: column;
	letter-spacing: 1px;
	padding-left: 0;
	gap: 16px;
}

#footer .list-flex li {
	width: 170px;
}

#footer .list-flex li i,
#footer .list-column li i {
	font-size: 20px;
	color: var(--cnvs-themesubcolor2);
}

#footer .list-flex li a,
#footer .list-column li a {
	font-size: 20px;
	color: #FFF;
	transition: all 0.3s ease-out;
}

#footer .list-flex li a:hover,
#footer .list-column li a:hover {
	color: var(--cnvs-themesubcolor2);
}

#footer .social-icon {
	background-color: var(--cnvs-themesubcolor1);
	transition: all 0.3s ease-out;
}

#footer .social-icon:hover {
	background-color: var(--cnvs-themesubcolor2);
}

#copyright p,
#copyright a {
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 1px;
	color: var(--cnvs-themecolor);
	margin-bottom: 0;
	transition: all 0.3s ease-out;
}

#copyright a:hover {
	color: var(--cnvs-themesubcolor2);
}

@media (max-width: 1199px) {
	.h1-txt {
		font-size: 16px;
	}

	#footer .list-title {
		font-size: 20px;
	}

	#footer .list-flex li {
		width: 45%;
	}

	#footer .list-column li {
		width: 100%;
	}

	#footer .list-flex li a,
	#footer .list-column li a {
		font-size: 16px;
	}
}

@media (max-width: 991px) {
	.h1-txt {
		font-size: 16px;
	}

	#footer .list-title {
		font-size: 20px;
	}

	#footer .list-flex li {
		width: 45%;
	}

	#footer .list-column li {
		width: 100%;
	}

	#footer .list-flex li a,
	#footer .list-column li a {
		font-size: 16px;
	}
}

/* sns */
#phoneSns,
#lineSns,
#fbSns {
	--cnvs-sns-size: 42px;
	--cnvs-sns-bg: var(--cnvs-themesubcolor1);
	--cnvs-sns-icon-size: 24px;
	--cnvs-sns-icon-color: #fff;
	--cnvs-sns-position-boxed-right: 30px;
	--cnvs-sns-position-boxed-bottom: calc(var(--cnvs-sns-size) + 16px + 50px);
	--cnvs-sns-position-botom: 30px;
	--cnvs-sns-border-radius: 50%;
	z-index: -999;
	position: fixed;
	width: var(--cnvs-sns-size);
	height: var(--cnvs-sns-size);
	line-height: var(--cnvs-sns-size);
	background-color: var(--cnvs-sns-bg);
	font-size: var(--cnvs-sns-icon-size);
	text-align: center;
	color: var(--cnvs-sns-icon-color);
	top: auto;
	left: auto;
	right: var(--cnvs-sns-position-boxed-right);
	bottom: var(--cnvs-sns-position-boxed-bottom);
	cursor: pointer;
	border-radius: var(--cnvs-sns-border-radius);
	opacity: 1;
	transition: background-color 0.2s linear, opacity 0.4s ease;
	z-index: 999;
}

#lineSns {
	background-color: #00C300;
	--cnvs-sns-position-boxed-bottom: calc((var(--cnvs-sns-size) + 16px)*2 + 50px);
}

#fbSns {
	background-color: #1877F2;
	--cnvs-sns-position-boxed-bottom: calc((var(--cnvs-sns-size) + 16px)*3 + 50px);
}

#lineSns:hover,
#fbSns:hover,
#phoneSns:hover {
	background-color: var(--cnvs-themesubcolor2);
}

@media (max-width: 768px) {
	#gotoTop {
		--cnvs-gotoTop-position-boxed-right: 10px;
	}

	#phoneSns,
	#lineSns,
	#fbSns {
		--cnvs-sns-position-boxed-right: 10px;
	}
}

/* 0414新增 intro_2 */
.collapse.intro_collapse {
	display: block;
}

#intro_2 .collapse.intro_collapse {
	display: none;
}

#intro_2 .collapse.intro_collapse.show {
	display: block;
}