<!doctype html>
<!--[if IE 8 ]><html dir="ltr" lang="zh-TW" class="ie8"><![endif]-->
<!--[if IE 9 ]><html dir="ltr" lang="zh-TW" class="ie9"><![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<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">
<title><?# webTitle ?></title>
<meta name="keywords" content="<?# webKeyword ?>" />
<meta name="description" content="<?# webDescription ?>" />
<meta property="og:title" content="<?# webTitle ?>"/>
<meta property="og:type" content="<?# webDescription ?>"/>
<meta property="og:url" content="<?# HTTPHOST ?><?# REQUESTURI ?>"/>
<meta property="og:image" content="<?# HTTPHOST ?><?# logoImage ?>"/>
<link rel="index" title="<?# webTitle ?>" href="<?# RelLink ?>/index.html" />
<link rel="sitemap" type="htm" title="<?# webTitle ?>" href="<?# RelLink ?>/sitemap.xml" />
<link rel="alternate" type="application/rss+xml" href="<?# RelLink ?>/rss.xml" title="<?# webKeyword ?>" />
<link href="/css/animate.css" rel="stylesheet">
<link href="/css/font-awesome.min.css" rel="stylesheet">
<link rel="stylesheet" href="/css/<?# webTemplates ?>/main.css">
<link rel="stylesheet" href="/css/<?# webTemplates ?>/index.css">
<script src="/jquery/jquery-1.10.js"></script>
<?# headHTML ?>
</head>
<body<?# JumpBody ?>>
<?# bodyTopHTML ?>
<div class="webBox" style="margin: 0; padding: 0; border: 0; width: 100%;<?# JumpStyle ?>">
<?# JumpHTML ?>
<?# JumpScript ?>
<?# webH1 ?>
<div class="wrapper">
    <?# header ?>
    <?# banner ?>
    <div id="aboutBox">
		<div class="workframe">
			<div class="firstBox">
				<div class="item c1"><article class="wow"><h3><?# customTitle1 ?></h3><font><?# customContent1 ?></font></article></div>
				<div class="item c2">
					<?# indexArticle ?>
					<div class="box"><article class="wow"><h3><?# customTitle2 ?></h3><font><?# customContent2 ?></font></article></div>
					<div class="box"><article class="wow"><h3><?# customTitle3 ?></h3><font><?# customContent3 ?></font></article></div>
				</div>
				<div class="iconBox">
					<p><img src="/images/13/icon-triangle01.png" /></p>
					<p><img src="/images/13/icon-triangle01.png" /></p>
					<p><img src="/images/13/icon-triangle02.png" /></p>
					<p><img src="/images/13/icon-triangle03.png" /></p>
				</div>
			</div>
			<div class="item c3">
				<?# GoogleSearch ?>
				<p><a href="<? contactLink ?>" title="<?# contactTitle1 ?>"><?# contactTitle1 ?></a></p>
				<p><?# contactTitle2 ?></p>
				<div class="bgBox"><img src="/images/13/img-contactBg.png" /></div>
			</div>
		</div>
	</div>
   	<div id="NPBox">
   		<?# indexProduct ?>
		<?# indexNews ?>
		<div id="leftPhoto">
			<div class="workframe">
				<php:repeater id="listPT">
				<template>
				<div class="box"><a class="photo" href="<?# Link ?>" title="<?# Title ?>" target="_blank" style="background-image:url(<?# Image ?>);"><img src="/images/13/p-blank.png" alt="<?# Title ?>" /></a></div>
				</template>
				</php:repeater>
			</div>
		</div>
	</div>
	<?# indexBook ?>
    <?# footer ?>
</div>
</div>
</body>
</html>
<script>
	$(function(){
		$('#g-map iframe').css('height',$('.bookList').eq(0).height()+'px');
		$("[data-fancybox]").fancybox({
			youtube : { controls : 0,showinfo : 0 },
			vimeo : { color : 'f00' }
		});
		var w = $(window).width();
		if( w > 480){
			wow = new WOW({
				animateClass: 'animated',
				offset:       200,
				callback:     function(box) {
					console.log("WOW: animating <" + box.tagName.toLowerCase() + ">")
				}
			});
			wow.init();
		}else{
			if(w < 1025){
				$('#g-map iframe').css('height', 'auto');
			}
		}
	});
	
	document.body.oncopy = event => {
		event.preventDefault();
		let textFont,
		copyFont = window.getSelection(0).toString();
		if(copyFont.length > 10){
			textFont = copyFont + '\n\n' + '原文網址: <?# webTitle ?> <?# RelLink ?><?# REQUESTURI ?>\n' + '著作權歸作者所有。商業轉載請聯絡作者獲得授權，非商業轉載請註明出處。';
		}else{
			textFont = copyFont;
		}
		if(event.clipboardData){
			return event.clipboardData.setData('text', textFont);
		}else{// 相容IE
			return window.clipboardData.setData('text', textFont);
		}
	};
</script>