<section id="sPictureBox" class="workframe">
	<php:repeater id="listP">
	<template>
	<div class="list">
		<a href="<?# Link ?>" title="<?# Title ?>"></a>
		<div class="img"><img src="<?# Image ?>" alt="<?# Title ?>" /></div>
		<div class="txt">
			<h4 class="text-clamp"><?# Title ?></h4>
			<p class="more"><font>more</font><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="show"><path d="M2 4H0v12h12V4H2zm8 10H2V6h8v8zm6-14v12h-2V2H4V0h12z" fill-rule="evenodd" clip-rule="evenodd"></path></svg></p>
		</div>
	</div>
	</template>
	</php:repeater>
</section>
<script>
	$(function(){
		$('#sPictureBox').slick({
			dots: false,
			arrows: false,
			autoplay: true,
			infinite: true,
			speed: 500,
			slidesToShow: 2,
			slidesToScroll: 1,
			responsive: [{
				breakpoint: 980,
				settings: { slidesToShow: 1 }
			}]
		});
	});
</script>