<div id="product"<?# productStyle ?>>
	<div class="workframe">
		<div class="box">
			<h2 class="title"><?# indexPTitle ?></h2>
			<div class="pro-list">
				<php:repeater id="listP">
				<template>
				<div>
					<div class="info">
						<a class="photo" href="<?# link ?>" title="<?# ProductName ?>" style="background-image:url(<?# IconImage ?>);"><img src="/images/book-blank.png" alt="<?# ProductName ?>"></a>
						<h3><a class="text-clamp" href="<?# link ?>" title="<?# ProductName ?>"><?# ProductName ?></a></h3>
						<p class="price"<?# sellStyle ?>><span class="old"<?# oldPriceStyle ?>>原價<b><?# OldPrice ?></b>元</span><span<?# priceStyle ?>>特價<?# Price ?>元</span></p>
					</div>
				</div>
				</template>
				</php:repeater>
			</div>
			<p class="readmore"><a href="<?# indexPMLink ?>" title="<?# indexPMLinkTitle ?>"><?# indexPMLinkTitle ?></a></p>
		</div>
	</div>
</div>
<script>
	$(function(){		
		$('#product .pro-list').slick({
			autoplay: true,
			dots: false,
			arrows: false,
			infinite: true,
			speed: 300,
			slidesToShow: 4,
			slidesToScroll: 4,
			responsive: [{
				breakpoint: 1024,
				settings: { slidesToShow: 3, slidesToScroll: 3 }
			},{
				breakpoint: 600,
				settings: { slidesToShow: 2, slidesToScroll: 2 }
			}]
		});
	});
</script>