<div id="product"<?# productStyle ?>>
	<div class="speBox">
		<div class="titleSet">
			<h2 class="speBoxTitle"><?# indexPTitle ?></h2>
			<h3 class="subBoxTitle"><a href="<?# indexPMLink ?>" title="<?# indexPMLinkTitle ?>"><?# indexPMLinkTitle ?></a></h3>
		</div>
		<div class="flytxt"><?# flytext ?></div>
		<div id="prolay" class="wow">
			<div class="pro-list">
				<php:repeater id="listP">
				<template>
				<div>
					<div class="p-box">
						<a href="<?# link ?>" title="<?# ProductName ?>"></a>
						<div class="p-border">
							<p class="photo" style="background-image:url(<?# IconImage ?>);"><img src="/images/22/p-blank.png" alt="<?# ProductName ?>"></p>
							<div class="p-info">
								<h3><?# ProductName ?></h3>
								<p class="describe"><?# Introduction ?></p>
								<p class="price"<?# sellStyle ?>><span<?# oldPriceStyle ?>>原價<b><?# OldPrice ?></b>元</span><span class="now"<?# priceStyle ?>>特價<b><?# Price ?></b>元</span></p>
							</div>
						</div>
					</div>
				</div>
				</template>
				</php:repeater>
			</div>
		</div>
	</div>
</div>
<script>
	$(function(){
		$('.pro-list').slick({
			slidesToShow: 3,
			slidesToScroll: 3,
			autoplay: true,
			arrows: false,
			responsive: [{
				breakpoint: 1280,
				settings: { slidesToShow: 2,slidesToScroll: 2, }
			},{
				breakpoint: 480,
				settings: { slidesToShow: 1,slidesToScroll: 1, }
			}]
		});
	});
</script>