<div id="aboutBox">
	<div class="imgs" data-aos="fade-right" data-aos-anchor-placement="top-center">
		<div class="list" style="background-image: url(<?# aboutImage ?>);"></div>
		<php:repeater id="listP">
		<template>
		<div class="list" style="background-image: url(<?# Image ?>);"></div>
		</template>
		</php:repeater>
	</div>
	<div class="info" data-aos="fade-left" data-aos-anchor-placement="top-center">
		<div class="title"><?# indexAboutTitle2 ?></div>
		<div class="stitle"><?# indexAboutTitle1 ?></div>
		<article><?# aboutIntroduction ?></article>
		<?# GoogleSearch ?>
		<p class="more"<?# indexAboutLinkStyle ?>><a href="<?# aboutLink ?>" title="<?# indexAboutLinkT ?>"><font><?# indexAboutLinkT ?></font><span></span></a></p>
	</div>
</div>
<script>
	$(function(){
		$('#aboutBox .imgs').slick({
			autoplay: true,
			dots: false,
			arrows: false,
			infinite: true,
			speed: 500,
			fade: true,
			cssEase: 'linear'
		});
	});
</script>