<div id="NewsBox"<?# newsStyle ?>>
	<div class="speBox">
		<div class="titleSet">
			<h2 class="speBoxTitle"><?# indexNTitle ?></h2>
			<h3 class="subBoxTitle"><a href="<?# indexNMLink ?>" title="<?# indexNMLinkTitle ?>"><?# indexNMLinkTitle ?></a></b></a></h3>
		</div>
		<div id="news" class="wow">
			<div class="newsList">
				<php:repeater id="listN">
				<template>
				<div>
					<div class="border">
						<a href="<?# link ?>" title="<?# Title ?>"></a>
						<div class="photo" style="background-image:url(<?# Image ?>);"><img src="/images/22/news-blank.png" alt="<?# Title ?>"border="0" /></div>
						<div class="news-info">
							<p><?# OnlineDM ?>-<?# OnlineDD ?></p>
							<h3><?# Title ?></h3>
							<span></span>
						</div>
					</div>
				</div>
				</template>
				</php:repeater>
			</div>
		</div>
	</div>   
</div>
<script>
	$(function(){
		$('.newsList').slick({
			slidesToShow: 3,
			slidesToScroll: 3,
			autoplay: true,
			arrows: false,
			responsive: [{
				breakpoint: 1366,
				settings: { slidesToShow: 2,slidesToScroll: 2, }
			},{
				breakpoint: 1280,
				settings: { slidesToShow: 3,slidesToScroll: 3, }
			},{
				breakpoint: 640,
				settings: { slidesToShow: 2,slidesToScroll: 2, }
			}]
		});
	});
</script>