<!doctype html>
<!--[if IE 6]><html id="ie6" dir="ltr" lang="zh-TW"><![endif]-->
<!--[if IE 7]><html id="ie7" dir="ltr" lang="zh-TW"><![endif]-->
<!--[if IE 8]><html id="ie8" dir="ltr" lang="zh-TW"><![endif]-->
<!--[if !(IE 6) | !(IE 7) | !(IE 8)  ]><!-->
<html dir="ltr" lang="zh-TW">
<!--<![endif]-->
<head>
<!--[if lt IE 9]><script src="/js/html5.js"></script><![endif]-->
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">
<title><?# webTitle ?></title>	
<meta name="author" content="<?# webTitle ?>" />
<meta name="copyright" content="<?# webName ?>版權所有" />
<meta name="description" content="<?# webDescription ?>" />
<meta name="distribution" content="Taiwan" /> 
<meta name="keywords" content="<?# webKeyword ?>" />
<meta name="format-detection" content="telephone=no" />
<meta property="og:url" content="<?# RelLink ?><?# REQUESTURI ?>" />
<meta property="og:type" content="website" />
<meta property="og:title" content="<?# ogTitle ?>" />
<meta property="og:description" content="<?# ogDescription ?>" />
<meta property="og:image" content="<?# ogImage ?>" />
<link href="/jquery/aos/aos.css" rel="stylesheet">
<link href="/less/<?# webTemplates ?>/main.less" rel="stylesheet/less">
<link href="/less/<?# webTemplates ?>/index.less" rel="stylesheet/less">
<link href="/css/<?# webTemplates ?>/main.css" rel="stylesheet">
<link href="/css/<?# webTemplates ?>/index.css" rel="stylesheet">
<script src="/jquery/jquery-1.10.js"></script>
<script>
	if('<?# alertMsg ?>' != ''){
		alert('<?# alertMsg ?>');
		if('<?# goBack ?>' == 'Y') history.back();
	}
	if('<?# locationHref ?>' != '') location.href = '<?# locationHref ?>';
</script>
<?# headHTML ?>
</head>
<body<?# JumpBody ?>>
<?# bodyTopHTML ?>
<div class="webBox" style="<?# JumpStyle ?>">
<?# JumpHTML ?>
<?# JumpScript ?>
<?# webH1 ?>
<div class="wrapper">
    <?# header ?>
    <?# banner ?>
	<div class="pos_rel" id="wrap">
		<?# indexProduct ?>
		<?# indexArticle ?>
		<?# indexNews ?>
		<section class="aos-init" data-aos="fade-down" id="photo_area">
			<div>
				<php:repeater id="listPT">
				<template>
				<div class="row item"><a class="d_block" href="<?# Link ?>" title="<?# Title ?>"><img class="pos_rel img_contain" src="<?# Image ?>" alt="<?# Title ?>" /></a></div>
				</template>
				</php:repeater>
			</div>
		</section>
		<?# indexBook ?>
		<?# footer ?>
	</div>
</div>
</div>
</body>
</html>
<script src="/jquery/jquery.paroller.min.js"></script>
<script src="/jquery/jquery-inview.js"></script>
<script>
	$(function(){
		$('[data-paroller-factor]').paroller();
		
		$('.aos-init').each(function(){
			$(this).on('inview', function(event, isInView){
				if(isInView){
					$(this).addClass('aos-animate');
				}else{
					$(this).removeClass('aos-animate');
				}
			});
		});
		$('#photo_area >div').slick({
			autoplay: true,
			dots: false,
			infinite: true,
			speed: 300,
			slidesToShow: 1,
			centerMode: true,
			variableWidth: true
		});
    });
	document.body.oncopy = event => {
		event.preventDefault();
		let textFont,
			copyFont = window.getSelection(0).toString();
		textFont = (copyFont.length > 10) ?copyFont + '\n\n' + '原文網址: <?# webTitle ?> <?# RelLink ?><?# REQUESTURI ?>\n' + '著作權歸作者所有。商業轉載請聯絡作者獲得授權，非商業轉載請註明出處。':copyFont;
		return (event.clipboardData) ?event.clipboardData.setData('text', textFont):window.clipboardData.setData('text', textFont);// 相容IE
	};
</script>