.about-txt p{
	font-size: 22px;
	line-height: 45px;
	text-align: left;
	text-indent: 2em;
}

.thumbnail-josip>a{
	display: flex;
	align-items: center;
	min-height: 460px;
	height: auto;
	padding: 30px;
}

.pd-section{
	padding-bottom: 20px;
}
.pt-section{
	padding: 80px 0;
}
.pt-section h3{
	margin-bottom: 50px;
}

.footer-classic .rd-mailform{
	margin-top: 30px;
}


.rd-navbar-classic.rd-navbar-static .rd-navbar-main-element{
	justify-content: center;
}


.rd-navbar-subpage.rd-navbar-static .rd-navbar-main-element{
	justify-content: center;
}

.pro-list h4{
	margin-bottom: 20px;
}
.pro-item{
	margin-bottom: 10px;
}

.isotope-item {
	display: flex;
	align-items: center;
	min-height: 350px;
	height: auto;
	justify-content: center;
}

.whatsapp-fix-icon{
	position: fixed;
	right: 41px;
	bottom: 100px;
	background: #2a93c9;
	box-shadow:  0 1px 10px 0 rgba(0, 0, 0, 0.15);
	border-radius: 50%;
	width: 46px;
	height: 46px;
	text-align: center;
	line-height: 46px;
	font-size: 20px;
	color: #fff;
	z-index: 100;
}
.whatsapp-fix-icon:hover{
	background: #23D5AE;
	color: #fff;
}


.isotope-filters-list{
	display: block;
}

.rd-navbar-aside-outer{
	display: none;
}

.rd-navbar-classic{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 100;
}
.rd-navbar-classic.rd-navbar-static .rd-navbar-main{
	background: #fff;
	padding: 0;
	width: 100%;
	max-width: none;
	box-shadow: none;
	transition: all ease .25s;
}

.rd-navbar-classic.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-main{
	background: #fff;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
}

.rd-navbar-classic.rd-navbar-static .rd-navbar-main-element{
	background: #fff;
	box-shadow: none;
	max-width: 600px;
	margin-left: 0;
	margin-right: 0;
}
.rd-navbar-classic.rd-navbar-static .rd-nav-link{
	color: #333;
	padding: 10px 20px;
	font-weight: 600;
	font-size: 16px;
}
.rd-navbar-classic.rd-navbar-static .rd-nav-link:hover{
	color: #fff;
	font-weight: 600;
}
.rd-navbar-classic.rd-navbar-static .rd-nav-item.active .rd-nav-link{
	color: #1d86bc;
	font-weight: 800;
	background-color: transparent;
}
.rd-navbar-classic.rd-navbar-static .rd-navbar-main{
	justify-content: space-around;
	padding: 5px 100px;
}

.google-map-container{
	max-width: 1280px;
	width: 100%;
	margin: 0 auto;
	padding: 0 15px;
}
.contact-container{
	display: flex;
	column-gap: 50px;
}
.contact-container .contact-left{
	width: 50%;
}
.contact-container .contact-right{
	width: 50%;
}
.isotope-tt{
	flex-direction: column;
}

.rd-navbar-classic.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-main{
	padding: 5px 0;
}

.footer-classic .order-lg-2 a,.footer-classic .order-lg-1 a{
	color: rgba(255,255,255,0.7);
}
.footer-right-txt p{
	color: rgba(255,255,255,0.7);
	margin-bottom: 20px;
}

.product-row{
	width: 100%;
}
/* .pro-list{
	display: flex;
	width: 100%;
	flex-wrap: wrap;
}
.pro-list li{
	width: 33.33%;
}
.pro-list img{
	max-width: 100%;
	height: auto;
}
.pro-list li>a{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.pro-img{
	max-height: 300px;
	height: auto;
} */

.pro-img {
	width: 100%;
	height: 350px; 
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	padding: 30px;
	position: relative;
  }

  .pro-img::before {
	content: "查看更多";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3); /* 半透明黑色蒙版 */
	color: #fff;
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: opacity 0.3s ease;
	z-index: 1;
	font-size: 16px;
	font-size: 18px;
  }

  .pro-img:hover::before {
	opacity: 1;
  }
  
  .pro-img img {
	width: 100%;
	height: 100%;
	object-fit: contain; /* 保持圖片比例並完整顯示 */
	transition: transform 0.3s ease; 
  }
  
  /* 可選的hover效果 */
  .pro-img:hover img {
	transform: scale(1.1);
  }
  
  .pro-list {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
	gap: 50px;
	padding: 20px;
  }
  
  .pro-list li {
	border: 1px solid #eee;
	border-radius: 8px;
	overflow: hidden;
	transition: box-shadow 0.3s ease;
  }
  
  .pro-list li:hover {
	box-shadow: 0 2px 12px rgba(0,0,0,0.1);
  }
  
  .pro-txt {
	padding: 15px;
	text-align: center;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
  
  .pro-txt p {
	margin: 0;
	color: #333;
	font-size: 18px;
  }



.breadcrumbs-custom{
	padding: 150px 0 80px;
}

.category-detail {
	max-width: 1200px;
	margin: 0 auto;
	padding: 20px;
  }
  
  .category-header {
	text-align: center;
	margin-bottom: 40px;
  }
  
  .category-header h2 {
	margin-bottom: 20px;
	color: #333;
  }
  
  .category-description {
	max-width: 800px;
	margin: 0 auto;
	line-height: 1.6;
  }
  
  .product-images {
	margin: 40px 0;
  }
  
  .image-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	gap: 30px;
  }
  
  .image-item {
	position: relative;
	border: 1px solid #eee;
	border-radius: 8px;
	overflow: hidden;
	transition: transform 0.3s ease;
	height: 400px;
	padding: 50px 0 100px 0;
	display: flex;
	align-items: center;
	justify-content: center;
  }
  
  .image-item:hover {
	transform: translateY(-5px);
	box-shadow: 0 5px 15px rgba(0,0,0,0.1);
  }
  
  .product-img{
	width: 100%;
	height: 100%;
	padding: 50px;
	object-fit: contain;
	display: flex;
	align-items: center;
  }
  .product-img img{
	/* max-width: 80%;
	max-height: 80%; */
	width: auto; 
	height: auto; 
	object-fit: contain;



  }
  
  .image-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 15px;
	background: rgba(255,255,255,0.9);
	font-size: 16px;
	font-weight: 600;
	text-align: center;
  }
  
  .product-features {
	max-width: 800px;
	margin: 40px auto;
	padding: 20px;
	background: #f8f8f8;
	border-radius: 8px;
  }

  
  .product-features ul {
	list-style: none;
	padding: 0;
  }
  
  .product-features li {
	margin-bottom: 15px;
	padding-left: 25px;
	position: relative;
  }
  
  .product-features li:before {
	content: "•";
	position: absolute;
	left: 0;
	color: #007bff;
  }

  .swiper-container h2{
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  }
  .swiper-container h5{
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	font-weight: 600;
  }


  .productSwiper {
	width: 100%;
	position: relative;
  }
  
  .productSwiper .swiper-slide {
	display: flex;
	justify-content: center;
  }
  
  .productSwiper .next-1,
  .productSwiper .prev-1 {
	color: #007bff;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	top: 45%;
	display: block;
  }

  .productSwiper .next-1{
	right: 0px;
  }
  .productSwiper .prev-1{
	left: 0px;
  }
  
  .productSwiper .next-1::after,
  .productSwiper .prev-1::after {
	font-size: 40px;
  }

  
  /* 確保原有的縮略圖樣式正常顯示 */
  .productSwiper .thumbnail-josip {
	margin: 0;
	width: 100%;
  }


  .rd-navbar-classic.rd-navbar-static .rd-navbar-brand img{
	max-width: 110px;
  }

  .product-img-8{
	padding: 15px;
  }

  .category-description p{
	font-size: 18px;
	color: #333;
	/* font-weight: 600; */
  }
  
  
  @media (max-width: 768px) {

	.image-grid {
	  grid-template-columns: 1fr;
	}
	
	.product-img {
	  height: 250px;
	}
	
	.category-detail {
	  padding: 15px;
	}

	.Mp-section{
		padding-top: 0;
	}
	
  }


  .map-placeholder {
	position: relative;
	background: #f5f5f5;
	min-height: 450px;
  }
  
  .map-loading {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #666;
  }
  
  .map-placeholder iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: opacity 0.3s;
  }
  
  .map-placeholder.loaded iframe {
	opacity: 1;
  }

.foot-logo-title{
	font-size: 18px;
	line-height: 29px;
	margin-top: 10px;
	letter-spacing: 0.3em;
}

.brand {
	text-decoration: none;
  }
  
  .brand-text {
	line-height: 1.5;
	padding-top: 7px;
  }
  
  .brand-name-en {
	font-size: 15px;
	color: #009FBF;
	font-weight: 600;
  }
  
  .brand-name-ch {
	font-size: 17px;
	font-weight: 600;
	color: #009FBF;
	letter-spacing: 1em;
  }

  .PC-none{
	display: none;
  }

  .cate-9{
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
	border-radius: 15px;
	padding: 50px 0;
  }
  .cate-des-9 p{
	font-size: 30px;
	color: #2a93c9;
	font-weight: 600;
  }
  .cate-9 .category-header{
	margin-bottom: 0;
  }


@media screen and (min-width:1200px) {
	.isotope-filters-list{
		display: block !important;
	}
	
}
@media screen and (max-width:1200px) {
	.M-none{
		display: none !important;
	}
	.PC-none{
		display: block;
		margin-left: 0 !important;
	  }
}

@media screen and (max-width:768px) {
	.cate-9{
		border-radius: 10px;
		padding: 30px 0;
	  }
	.cate-des-9 p{
		font-size: 25px;
	  }
	.rd-navbar-fixed .rd-navbar-brand img{
		max-width: 78px;
	}
	.M-ms{
		margin-left: 8px !important;
		line-height: 1.3;
		padding-top: 5px;
	}
	.brand-name-en {
		font-size: 14px;
	  }
	  
	  .brand-name-ch {
		font-size: 15px;
		letter-spacing: 0.5em;
	  }


	.about-txt p{
		font-size: 16px;
		line-height: 30px;
	}
	#aboutUs .offset-top-60{
		margin-top: 20px;
	}
	.thumbnail-josip-title{
		text-align: center;
	}

	.pro-list h4{
		text-align: center;
	}
	.pro-item h5{
		font-size: 16px;
	}
	.pro-item p{
		font-size: 14px;
	}

	.whatsapp-fix-icon{
		right: 16px;
		bottom: 75px;
	}

	.rd-navbar-aside-outer{
		display: block;
	}
	.contacts-wrap{
		display: flex;
	}
	.rd-navbar-wrap{
		height: 0 !important;
	}

	.rd-navbar-fixed .rd-navbar-panel{
		background-color: #fff;
	}
	.rd-navbar-collapse-toggle span,.rd-navbar-collapse-toggle span:before,.rd-navbar-collapse-toggle span:after{
		background: #1d86bc;
	}
	.rd-navbar-toggle span,.rd-navbar-toggle span:before,.rd-navbar-toggle span:after{
		background: #1d86bc;
	}

	.row-30{
		flex-direction: column;
		row-gap: 0;
	}
	.row-30 .col-6{
		position: relative !important;
		top: 0 !important;
		left: 0 !important;
		right: 0 !important;
		width: 100%;
		min-height: 100px;
	}
	.flex-row .col-6:last-child{
		order: -1;
	}
	.thumbnail-custom{
		max-width: 300px;
	}

	.contact-container{
		flex-direction: column;
	}
	.contact-container .contact-left{
		width: 100%;
	}
	.contact-container .contact-right{
		width: 100%;
		margin-top: 30px;
	}
}

@media screen and (max-width:400px) {
	.rd-navbar-fixed .rd-navbar-brand img{
		max-width: 65px;
	}
	.M-ms{
		margin-left: 8px !important;
		line-height: 1.3;
		padding-top: 5px;
	}
	.brand-name-en {
		font-size: 11px;
	  }
	  
	  .brand-name-ch {
		font-size: 15px;
		letter-spacing: 0.5em;
	  }
}