<div id="aboutBox">
	<div class="workframe">
		<div class="leftTxt pa" data-paroller-factor="0.5" data-paroller-type="foreground">
			<h2><?# indexAboutTitle1 ?></h2>
			<?# googlemapBody ?>
		</div>
		<div class="aboutImg pa" data-paroller-factor="0.1" data-paroller-type="foreground"><a class="photo" href="<?# aboutLink ?>" title="<?# indexAboutLinkT ?>" style="background-image:url(<?# aboutImage ?>);"><img src="/images/30/img-newPhoto.png" alt="<?# indexAboutLinkT ?>" /></a></div>
		<div class="rightTxt pa" data-paroller-factor="-0.1" data-paroller-type="foreground">
			<div class="line"><span></span><span></span><span></span></div>
			<p class="text-clamp arts"><?# aboutIntroduction ?></p>
			<?# GoogleSearch ?>
			<p class="more"<?# indexAboutLinkStyle ?>><a href="<?# aboutLink ?>" title="<?# indexAboutLinkT ?>"><?# indexAboutLinkT ?><font class="dote"><span></span><span></span><span></span></font></a></p>
		</div>
	</div>
</div>
<script>
	$(function(){
		$('#aboutBox .pa').paroller();
	});
	$(window).scroll(function(){
		if($(document).scrollTop() >= $("#aboutBox").position().top){
			$('#gradient').css('background', 'rgba(186, 170, 131, .2)');
		}
	});
</script>