<section class="pos_rel bg_box" id="news_area"<?# newsStyle ?>>
	<div class="pos_rel nowrap_box workframe">
		<div class="row col_offset_12 title_box">
            <p><font class="d_inblock txt_white_5">Current</font><font class="d_inblock txt_primary_5">News</font></p>
            <h2 class="txt_primary_5 page_title"><?# indexNTitle ?></h2>
        </div>
		<div class="list_box">
			<ul class="nowrap_box">
				<php:repeater id="listN">
				<template>
				<li>
					<div class="pos_rel row img_scale">
						<div class="over_hid pos_rel"><img class="img_cover" src="<?# Image ?>" alt="<?# Title ?>" /></div>
						<div class="pos_abs bg_black_4 info_box">
							<p><a class="pos_rel d_inblock txt_clamp" href="<?# linkC ?>" title="<?# CategoryName ?>"><?# CategoryName ?></a><font class="d_inblock time"><?# OnlineDate ?></font></p>
							<h3 class="txt_clamp txt_primary_5"><?# Title ?></h3>
						</div>
						<a class="pos_abs d_block atag_item" href="<?# link ?>" title="<?# Title ?>"></a>
					</div>
				</li>
				</template>
				</php:repeater>
			</ul>
		</div>
    </div>
</section>
<script>
	$(function(){
		$('#news_area .list_box ul').slick({
			autoplay: true,
			dots: true,
			arrows: false,
			infinite: true,
			speed: 600,
			slidesToShow: 2,
			slidesToScroll: 1,
			customPaging: function(slider, i) {
			  return '';
			},
			responsive: [{
				breakpoint: 711,
				settings: { slidesToShow: 1 }
			}]
		});
	});
</script>