<div id="product"<?# productStyle ?>>
	<div class="webframe">
		<div id="prolay">
			<div class="pro-list">
				<php:repeater id="listP">
				<template>
				<div>
					<div class="p-box">
						<p class="photo"><a href="<?# link ?>" title="<?# ProductName ?>" style="background-image:url(<?# IconImage ?>);"><img src="/images/21/p-blank.png" alt="<?# ProductName ?>"></a></p>
						<div class="p-border">
							<div class="p-info">
								<h3><?# CategoryName ?></h3>
								<h2><a href="<?# link ?>" title="<?# ProductName ?>"><?# ProductName ?></a></h2>
								<p class="describe"><?# Introduction ?></p>
								<h4>
									<span<?# sellStyle ?>><b<?# priceStyle ?>>特價<?# Price ?></b></span>
									<span class="old"<?# sellStyle ?>><b<?# oldPriceStyle ?>>原價<?# OldPrice ?></b></span>
									<a href="<?# link ?>" title="了解更多">了解更多</a>
								</h4>
							</div>
						</div>
					</div>
				</div>
				</template>
				</php:repeater>
			</div>
		</div>
	</div>
</div>
<script>
	$(function(){
		$('.pro-list').slick({
			slidesToShow: 1,
			slidesToScroll: 1,
			autoplay: true,
			autoplaySpeed: 4000,
			fade: true,
			cssEase: 'cubic-bezier(0.55, 0.055, 0.675, 0.19)'
		});
	});
</script>