.prd_title{
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 3;
			overflow: hidden;
			line-height: 19px;
			height: 58px;
		}
        .prod_section{
            margin-top: 30px;
        }
		.common_box ul li{
			margin-bottom: 0px;
		}
		.prod_section ul{
			margin: -12px;
		}
		 .prod_cont_box{
			margin-left: auto !important;
		}
		.prd_img {
			height: auto !important;
			position: relative;
		}
		.prd_img  .m-lazyload{
			position: absolute;
			left: 0px;
			top: 0px;
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
        .prod_section li{
            width: 25%;
            margin-left: 0px !important;
            padding: 12px;
            box-sizing: border-box;
        }	

		.container {
			width: 100%;
			padding-right:0px;
			padding-left: 0px;
			margin-right: auto;
			margin-left: auto
		}
		.bannerBox{
			text-align: center;
		}
		.bannerTopBg{
			max-width: 100%;	
		}
		.slideBox{
			min-width: 100%;
		}
		.slideBox .hd ul li{
			margin: 3px 5px;
		}
		#bannerTop{
			margin: 0px auto;
		}
		.bannerBox img{
		     width: 100%;
			
		}
		.prod_item_box {
			margin-left: auto;
		}
		@media (min-width:1200px) {
			.container {
				max-width: 1180px
			}
		}
		.mktPrice{
			display: block;
		}
		.mktPrice1{
			display: none;
		}
		.prd_bot {
			height: 125px;
		}
		.cm_banner_imgs img{
            width: 1000px;
        }
		@media (max-width:768px) { 
			.cm_banner_imgs img{
				width: 96%;
			}
			.price{
				font-size: 15px !important;
				padding-left: 2px;
			}
			.prd_price{
				font-size: 12px !important;
			}
			.prod_bot_box{
				margin-top: 2px;
			}
			.prd_bot{
				padding: 2px 7px !important;
				height: 95px !important;
			}
			.prd_title{
				margin-bottom: 6px;
				font-size: 13px;
			}
			.common_box ul li{
				margin-bottom: 0px;
			}
			.mktPrice{
				display: none;
			}
			.mktPrice1{
				display: inline-block;
				padding-left: 3px;
				color: #999;
				font-size: 12px;
			}
			.prd_price{
				float: none;
				display: inline-block;
			}
			.prod_bot_r{
				font-size: 12px;
				display: none;
			}
			.prod_section ul{
				margin:-6px;
			}
			.prod_section li{
				padding: 6px;
			}
			.prod_cont_wrap{
				padding-left: 12px;
				padding-right: 12px;
				padding-top: 12px;
			}
			.common_box ul li{
				width: 50%;
				margin-left: 0;
			}
			
		}
		.cm_banner_bg{
			background: #fff;
		}
		.slideBox .hd{
	z-index: 1;
}
.cm_banner_imgs{
	text-align: center;
}

/* ===== 江湖見品牌介紹 ===== */
	.cms-section {
		padding: 56px 0 48px;
		background: linear-gradient(180deg, #fdfaf5 0%, #faf6ed 40%, #fdfaf5 100%);
		position: relative;
		overflow: hidden;
	}
	.cms-section::before {
		content: '';
		position: absolute;
		top: -60px;
		right: -80px;
		width: 360px;
		height: 360px;
		background: radial-gradient(circle, rgba(201,151,74,0.13) 0%, rgba(201,151,74,0.04) 40%, transparent 70%);
		border-radius: 50%;
		pointer-events: none;
	}
	.cms-section::after {
		content: '';
		position: absolute;
		bottom: -40px;
		left: -60px;
		width: 280px;
		height: 280px;
		background: radial-gradient(circle, rgba(212,168,83,0.10) 0%, rgba(212,168,83,0.03) 40%, transparent 70%);
		border-radius: 50%;
		pointer-events: none;
	}
	.cms-card {
		padding: 44px 52px;
		background: rgba(255,255,255,0.82);
		backdrop-filter: blur(8px);
		-webkit-backdrop-filter: blur(8px);
		border-radius: 20px;
		box-shadow:
			0 1px 2px rgba(61,43,26,0.04),
			0 4px 20px rgba(61,43,26,0.06),
			0 12px 48px rgba(61,43,26,0.07);
		text-align: center;
		position: relative;
		overflow: hidden;
        max-width: 800px;
        margin: 0px auto;
		transition: box-shadow 0.4s ease;
	}
	.cms-card::before {
		content: '';
		position: absolute;
		top: 0; left: 20px; right: 20px;
		height: 3px;
		background: linear-gradient(90deg, transparent 0%, #d4a853 15%, #c9974a 40%, #b8863e 50%, #c9974a 60%, #d4a853 85%, transparent 100%);
		border-radius: 0 0 3px 3px;
	}
     .prod_section_header{
        text-align: center;
        margin-bottom: 35px;
     }
	.cms-badge {
		display: inline-block;
		padding: 8px 28px;
		font-size: 30px;
		font-weight: 600;
		letter-spacing: 4px;
		color: #b8863e;
		border: 1px solid #e8d5b0;
		background: linear-gradient(180deg, rgba(212,168,83,0.06) 0%, rgba(212,168,83,0.01) 100%);
		position: relative;
	}
	.cms-badge::after {
		content: '';
		display: block;
		width: 40px;
		height: 2px;
		background: linear-gradient(90deg, transparent, #c9974a, transparent);
		margin: 10px auto 0;
		border-radius: 1px;
	}
	.cms-subtitle {
		display: block;
		font-size: 14px;
		color: #b0a090;
		letter-spacing: 2px;
		margin-top: 10px;
		font-weight: 400;
	}
	.cms-title {
		/* font-family: "Noto Sans TC","PingFang TC","Microsoft YaHei",sans-serif; */
		font-size: 44px;
		font-weight: 700;
		letter-spacing: 10px;
		color: #3d2b1a;
		margin: 0 0 10px 0;
		line-height: 1.15;
	}
	.cms-tagline {
		font-size: 15px;
		color: #9b8c7c;
		letter-spacing: 3px;
		margin: 0 0 32px 0;
		font-weight: 400;
	}
	.cms-divider {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 10px;
		margin-bottom: 32px;
	}
	.cms-divider-dot {
		width: 5px;
		height: 5px;
		border-radius: 50%;
		background: #c9974a;
		opacity: 0.5;
	}
	.cms-divider-dot:nth-child(2) {
		width: 7px;
		height: 7px;
		opacity: 1;
	}
	.cms-body {
		text-align: left;
		font-size: 15px;
		line-height: 2;
		color: #5c4a3a;
	}
	.cms-body p {
		margin: 0 0 16px 0;
	}
	.cms-body p:last-child {
		margin-bottom: 0;
	}
	.cms-body strong {
		color: #3d2b1a;
		font-weight: 600;
	}
	.cms-body em {
		font-style: normal;
		color: #b8863e;
		font-weight: 600;
		display: inline-block;
		position: relative;
		padding-left: 14px;
	}
	.cms-body em::before {
		content: '';
		position: absolute;
		left: 0;
		top: 2px;
		bottom: 2px;
		width: 3px;
		background: linear-gradient(180deg, #d4a853, #b8863e);
		border-radius: 2px;
	}

	/* ===== 區塊分隔 ===== */
	.section-separator {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 16px;
		padding: 0 0 8px 0;
		position: relative;
		z-index: 1;
	}
	.section-separator::before,
	.section-separator::after {
		content: '';
		height: 1px;
		flex: 1;
		max-width: 120px;
		background: linear-gradient(90deg, transparent, #e0d3bb, transparent);
	}
	.section-separator-icon {
		width: 32px;
		height: 32px;
		opacity: 0.4;
	}

	/* ===== 旅遊產品列表區 ===== */
	.prod_section {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
		padding: 48px 0 56px;
		background: linear-gradient(180deg, #fdfaf5 0%, #fefefe 24%, #fefefe 76%, #fdfaf5 100%);
		position: relative;
	}
	
	.prod_section .prod_cont_wrap {
		/* background: #fff; */
		border-radius: 16px;
		padding:0px 32px !important;
        background: transparent;
		/* box-shadow:
			0 1px 2px rgba(61,43,26,0.03),
			0 4px 16px rgba(61,43,26,0.04),
			0 8px 32px rgba(61,43,26,0.04); */
	}
	.prod_section .prod_item_box {
		margin-left: 0 !important;
	}
	.prod_section ul {
		margin: -10px !important;
	}
	.prod_section li {
		padding: 10px !important;
		margin-bottom: 0 !important;
		margin-left: 0 !important;
	}
    .prod_section li .hover_animation{
        overflow: hidden;
        border-radius:  8px;
        box-shadow:
			0 2px 4px rgba(61,43,26,0.05),
			0 6px 20px rgba(61,43,26,0.07),
			0 12px 40px rgba(61,43,26,0.06);
		transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.35s ease;
    }
	.prod_section li .hover_animation:hover {
		transform: translateY(-6px);
		box-shadow:
			0 4px 8px rgba(61,43,26,0.06),
			0 12px 28px rgba(61,43,26,0.09),
			0 20px 56px rgba(61,43,26,0.08);
	}

	.prod_section .prd_img {
		border-radius: 8px 8px 0 0;
		overflow: hidden;
		position: relative;
	}
	.prod_section .prd_img::after {
		content: '';
		position: absolute;
		bottom: 0; left: 0; right: 0;
		height: 40%;
		background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.08) 100%);
		z-index: 1;
		pointer-events: none;
		border-radius: 0 0 8px 0;
	}
	.prod_section .prd_img img {
		border-radius: 8px 8px 0 0;
		transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	}
	.prod_section li:hover .prd_img img {
		transform: scale(1.06);
	}
	.prod_section .prd_bot {
		border: 1px solid #f0ebe0;
		border-top: none;
		border-radius: 0 0 8px 8px;
		padding: 10px 12px 12px !important;
		background: #fff;
		transition: border-color 0.3s ease, box-shadow 0.3s ease;
	}
	.prod_section li:hover .prd_bot {
		border-color: #c9974a;
		box-shadow: none;
	}
	.prod_section .prd_title {
		color: #3d2b1a;
	}
	.prod_section .prd_price {
		color: #c0392b;
		font-weight: 600;
	}
	.prod_section .prod_bot_box {
		margin-top: 10px;
	}
	/* .prod_section .leftTag_box span {
		background: linear-gradient(135deg, #c9974a, #b8863e);
		color: #fff;
		padding: 3px 10px;
		border-radius: 3px;
		font-size: 12px;
		font-weight: 500;
		letter-spacing: 1px;
	} */

	/* 響應式 ===== */
	/* ===== 移動端 Header ===== */
		.mobile-header { display: none; }
		.mobile-menu-overlay { display: none; }
		.mobile-menu-panel { display: none; }

		@media (max-width:768px) {
            .page{
               padding-top: 56px;
            }
			#header { display: none; }
            	.mobile-header { display: block; }
			/* 移動端 Header 欄 */
			.mobile-header {
				display: flex;
				align-items: center;
				justify-content: space-between;
				position: fixed;
				top: 0;
				left: 0;
				right: 0;
				z-index: 1000;
				height: 56px;
				padding: 0 16px;
				background: #fff;
				box-shadow: 0 1px 4px rgba(0,0,0,0.08);
			}
			.mh-logo { display: flex; align-items: center; }
			.mh-logo img { height: 40px; width: auto; }
			.mh-menu-btn {
				display: flex;
				flex-direction: column;
				justify-content: center;
				gap: 5px;
				width: 25px;
				height: 28px;
				cursor: pointer;
				z-index: 1001;
			}
			.mh-menu-btn span {
				display: block;
				width: 100%;
				height: 2px;
				background: #333;
				border-radius: 1px;
				transition: all 0.3s;
			}
			.mh-menu-btn.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
			.mh-menu-btn.open span:nth-child(2) { opacity: 0; }
			.mh-menu-btn.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

			/* 遮罩層 */
			.mobile-menu-overlay {
				display: none;
				position: fixed;
				top: 0; left: 0; right: 0; bottom: 0;
				background: rgba(0,0,0,0.5);
				z-index: 1098;
			}
			.mobile-menu-overlay.open { display: block; }

			/* 側滑菜單面板 */
			.mobile-menu-panel {
				display: block;
				position: fixed;
				top: 0;
				right: -280px;
				width: 280px;
				height: 100%;
				background: #fff;
				z-index: 1099;
				transition: right 0.3s ease;
				overflow-y: auto;
				box-shadow: -2px 0 8px rgba(0,0,0,0.15);
			}
			.mobile-menu-panel.open { right: 0; }
			.mm-close {
				text-align: right;
				padding: 16px 20px 8px;
				font-size: 26px;
				color: #666;
				cursor: pointer;
				line-height: 1;
			}
			.mm-list { list-style: none; margin: 0; padding: 0; }
			.mm-list li { border-bottom: 1px solid #f0f0f0; }
			.mm-list li a {
				display: block;
				padding: 16px 20px;
				font-size: 16px;
				color: #333;
				text-decoration: none;
				font-family: "Noto Sans TC","PingFang TC","Microsoft YaHei",sans-serif;
				transition: background 0.2s;
			}
			.mm-list li a:hover { background: #fdf5e6; color: #b8863e; }
        #zc__sdk__sys__btnbox{
            bottom: 30px !important;
        }
        #zc__sdk__sys__btnbox.zc__sdk__sys__btnbox1{
             bottom: 30px !important;
        }
		.cms-section {
			padding: 32px 12px;
		}
		.cms-card {
			padding: 28px 24px;
			border-radius: 16px;
		}
		.cms-title {
			font-size: 30px;
			letter-spacing: 6px;
		}
		.cms-tagline {
			font-size: 13px;
			letter-spacing: 2px;
			margin-bottom: 24px;
		}
		.cms-body {
			font-size: 14px;
			line-height: 1.85;
		}
		.cms-body p {
			margin-bottom: 12px;
		}
		.cms-divider {
			margin-bottom: 24px;
		}
        .prod_section_header{
            margin-bottom: 24px;
        }
		.cms-badge {
			letter-spacing: 3px;
			padding: 6px 18px;
            font-size: 26px;
		}

		.prod_section {
			padding: 24px 8px 40px;
		}
		.prod_section .prod_cont_wrap {
			padding: 0px 12px !important;
			border-radius: 12px;
		}
		.prod_section ul {
			margin: -6px !important;
		}
		.prod_section li {
			padding: 6px !important;
		}
		.prod_section .prd_bot {
			padding: 8px 10px 10px !important;
		}
		.prod_section::before {
			width: 40px;
			height: 2px;
		}
	}
	/* ===== 江湖見 END ===== */