<!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 ?>/layout.css">
<link rel="stylesheet" href="/css/<?# webTemplates ?>/product.css">
<script src="/jquery/jquery-1.10.js"></script>
<script src="/jquery/main-jquery.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="margin: 0; padding: 0; border: 0; width: 100%;<?# JumpStyle ?>">
<?# JumpHTML ?>
<?# JumpScript ?>
<div class="wrapper">
    <?# header ?>
    <?# banner ?>
	<div class="waylink">
		<div class="workframe">
			<h1 class="pagetitle"><?# CategoryName ?></h1>
			<ol>
				<li><a title="首頁" href="/">首頁</a></li>
				<li><a href="<?# htLink5 ?>" title="相本">相本</a></li>
				<php:repeater id="listR">
				<template>
				<li><a href="<?# Link ?>" title="<?# Name ?>"><?# Name ?></a></li>
				</template>
				</php:repeater>
			</ol>
		</div>
	</div>
    <div class="wrap">
   		<div class="content-wrapper">
   			<div class="workframe">
   				<div id="content">
					<div id="sideNav">
						<h2 class="sideTitle">Album <b><?# CategoryName ?></b><i class="fa fa-chevron-down"></i></h2>
						<div class="mobnav">
							<ul class="Cate">
								<li<?# categoryClass ?>><h3><a href="<?# htLink5 ?>" title="全部相本">全部相本</a></h3></li>
								<php:repeater id="listC">
								<template>
								<li<?# className ?>>
									<h3><a href="<?# link ?>" title="<?# CategoryName ?>"><?# CategoryName ?></a><?# iLabel ?></h3>
									<?# SubList ?>
								</li>
								</template>
								</php:repeater>
							</ul>
							<?# sidePage ?>
							<?# GoogleSearch ?>
						</div>
					</div>
					<div id="articleBox">
						<ul class="productList">
							<php:repeater id="list">
							<template>
							<li>
								<p class="img"><a class="photo" href="<?# link ?>" title="<?# BookName ?>" style="background-image:url(<?# BookImage ?>);"><img src="/images/13/p-blank.png" alt="<?# BookName ?>"></a></p>
								<h3 class="text-clamp"><a href="<?# link ?>" title="<?# BookName ?>"><?# BookName ?></a></h3>
							</li>
							</template>
							</php:repeater>
						</ul>
						<div id="pagenav"><?# pagtxt ?></div>
					</div>
           		</div>
            </div>
		</div>
   		<?# sidePage2 ?>
    </div>
    <?# footer ?>
</div>
</div>
</body>
</html>
<script>
	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>