body:before{
	
	background-image:url('/images/listing_bg.jpg');
}
.section-LISTING .secHeading{
	width:100%;
}
.section-LISTING .page-content-infoMENU{
	width:100%;
	padding-top:0px !important;
	left:0px;
	right:0px;
}
.listing-index-list{
	list-style-type: none;
    background-color: #E3E3E3;
    line-height: 80px;
    padding: 0px 20px;
    border-radius: 20px 0px 0px 0px;
    width: fit-content;
    margin-left: auto;
	min-width:70%;
}
.listing-index-list li{
	display:inline-block;
	padding:0px 5px;
	font-size:25px;
	font-family:var(--font_Bold);
	cursor:pointer;
}
.listing-index-list li:last-child{
	margin-right:10px;
}
.product-list-by-letter{
		display:grid;
		grid-gap:20px;
		margin-top:20px;
		margin-left: auto;
	}
	.product-letter-item{
		display:grid;
		grid-template-columns:30% calc( 70% - 20px );
		grid-gap:20px;
	}
	.product-letter-item .item-letter{
		font-size:40px;
		font-family:var(--font_Bold);
		line-height:40px;
		text-align:left;
	}
	
	.product-letter-item.nomatch .item-letter{
		color:#cccccc;
	}
	.product-letter-item .item-product-list ul{
		margin:0px;
		padding:0px;
		list-style-type:none;
	}
	.product-letter-item .item-product-list li{
		font-size:18px;
		line-height:22px;
		text-align:left;
		padding:10px 0px;
	}
	.product-letter-item .item-product-list li span{
		display:block;
	}
	html[data-lang='chi'] .product-letter-item .item-product-list li .langEN{
		font-size:14px;
		line-height:24px;
	}
	.idxbg{
		height: 286px;
		top:var(--header_height);
	} 
	.burgerOn .idxbg{
		top:var(--header_height_burger);
	}
	@media only screen and (max-width:1024px) {
		body:before{
			background-position: center;
		}
		.listing-index-list {
			    line-height: 45px;
				width: calc( 100% - var(--maxw_padding) * 3 );
		}
		.listing-index-list li{
			font-size:16px;
		}
		#menu-area{
			    max-width: 100% !important;
		}
		#menu-area .secHeading{
			padding-left:var(--maxw_padding);
		}
		.idxbg{
			display:none !important;
		}
		.page-content-info{
			    width: calc( 100% - var(--maxw_padding)*2 ) !important;
		}
		.product-list-by-letter{
			    width: 100% !important;
		}
		.product-letter-item{
			    grid-template-columns: calc(var(--maxw_padding)*2) calc( 100% - var(--maxw_padding)*2 );
				grid-gap:0px;
		}
	}
	@media only screen and (max-width:780px) {
		
		.section-LISTING.page-Content .maxw, .page-content-infoinner{
			padding-left:30px;
		}
		.listing-index-list{
			        position: fixed;
			left: 0px;
			top: calc( var(--header_h_tablets) + var(--header_h_burgeron_padding) );
			width: fit-content;
			max-width: unset;
			min-width: unset;
			border-radius: 0px 15px 15px 0px;
			padding: 10px 0px;
			max-height:calc( 70vh );
			overflow:auto;
		}
		.listing-index-list li {
			display: block;
			font-size: 12px;
			line-height: 2em;
			margin:0px !important;
			    text-align: center;
				    padding: 0px 10px;
		}
		.product-letter-item{
			grid-template-columns: 100%;
		}
		.product-list-by-letter{
			    grid-gap: 40px;
		}
		.product-letter-item .item-letter{
			font-size:30px;
		}
		.product-letter-item .item-product-list li{
			font-size:16px;
		}
	}