<div id="bookBox"<?# bookStyle ?>>
	<div id="book" class="imgSkirt">
		<div class="bookList">
			<php:repeater id="listB">
			<template>
			<div>
				<div class="mofd">
					<div class="photo" style="background-image:url(<?# BookImage ?>);"><a href="<?# link ?>"  title="<?# BookName ?>"><img src="/images/17/book-blank.png" border="0" alt="<?# BookName ?>" /></a></div>
					<h3><a href="<?# link ?>" title="<?# BookName ?>"><?# BookName ?></a></h3>
				</div>
			</div>
			</template>
			</php:repeater>
		</div>
	</div>
	<div id="bookTitle">
		<div class="index-title wow">
			<p><b><img src="/images/17/ttl_icon.png"></b><?# bookTEn ?></p>
			<h2><?# indexBTitle ?></h2>
			<h4 class="arts"><?# bookTDes ?></h4>
			<h3 class="subBoxTitle"><a href="<?# indexBMLink ?>" title="<?# indexBMLinkTitle ?>" class="dance btn style"><?# indexBMLinkTitle ?></a></h3>
		</div>
	</div>
</div>
<script>
	$(function(){
		$('.bookList').slick({
			slidesToShow: 1,
			slidesToScroll: 1,
			autoplay: true,
			autoplaySpeed: 4000,
		});
	});
</script>