<section class="pos_rel" id="about_area">	
	<div class="pos_rel workframe d_lg_flex nowrap_box">
		<div class="pos_rel row col_lg_offset_6 d_lg_inblock" id="photo_list">
			<div>
				<div class="over_hid pos_rel effect_box img_show"><img class="pos_rel img_cover" src="<?# aboutImage ?>" alt="<?# indexAboutTitle1 ?>" /></div>
				<php:repeater id="listP">
				<template>
				<div class="over_hid pos_rel effect_box img_show"><a class="pos_rel d_inblock" href="<?# Link ?>" title="<?# Title ?>"><img class="pos_rel img_cover" src="<?# Image ?>" alt="<?# Title ?>" /></a></div>
				</template>
				</php:repeater>
			</div>
        </div>
		<div class="pos_rel row col_lg_offset_6 d_lg_inblock" id="about_info">
			<h2 class="effect_box title_box"><font class="pos_rel d_inblock"><span class="pos_abs d_block"></span><b class="pos_rel d_inblock talign_center txt_secondary_5"><?# indexAboutTitle1 ?></b><b class="pos_abs d_inblock txt_triadic1_6 sub_title"><?# indexAboutTitle2 ?></b></font></h2>
			<article><?# aboutIntroduction ?></article>
			<?# GoogleSearch ?>
		</div>
		<p class="pos_lg_abs col_12 talign_xl_center talign_right btn_hover more"><a class="over_hid pos_rel d_inblock bg_primary_5 talign_center more_btn" href="<?# aboutLink ?>" title="<?# indexAboutLinkT ?>"><span class="pos_rel d_inblock"><?# indexAboutLinkT ?></span><svg class="pos_abs"><use xlink:href="/svg/43/icons.svg#arrow"></use></svg></a></p>
    </div>
</section>
<script>
	$(function(){
		$('#photo_list >div').slick({
			autoplay: true,
			dots: false,
			arrows: false,
			infinite: true,
            speed: 500,
            fade: true,
            cssEase: 'linear'
		});
	});
</script>