<!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="<?# webTitle ?>" />
<meta property="og:description" content="<?# webDescription ?>" />
<meta property="og:image" content="<?# RelLink ?><?# REQUESTURI ?><?# logoImage ?>" />
<link href="/css/<?# webTemplates ?>/main.css" rel="stylesheet">
<link href="/css/<?# webTemplates ?>/sub-main.css" rel="stylesheet">
<link href="/css/<?# webTemplates ?>/product.css" rel="stylesheet">
<link href="/css/pagenav.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="margin: 0; padding: 0; border: 0; width: 100%;<?# JumpStyle ?>">
<?# JumpHTML ?>
<?# JumpScript ?>
<div class="wrapper">
	<?# header ?>
	<?# banner ?>
	<div class="wrap">
		<div class="workframe">
			<aside>
				<h3>Product</h3>
				<h2><?# CategoryName ?></h2>
				<div id="sideNav">
					<div class="mobnav">
						<a id="sideMenu" href="javascript:void(0);" title="分類選單"><font>分類選單</font><span id="arrowdown"><i class="fa fa-angle-down"></i></span></a>
						<ul class="Cate">
							<li<?# categoryClass ?>><h2><a href="<?# htLink4 ?>" title="全部產品">全部產品</a></h2>
							</li>
							<php:repeater id="listC">
							<template>
							<li<?# className ?>>
								<h2><a href="<?# link ?>" title="<?# CategoryName ?>"><?# CategoryName ?></a><?# iLabel ?></h2>
								<?# SubList ?>
							</li>
							</template>
							</php:repeater>
						</ul>
					</div>
                </div>
			</aside>
			<div id="content-main">
				<div class="titleBox"><h1><?# CategoryName ?></h1></div>
				<div id="products">
					<ul>
						<php:repeater id="list">
						<template>
						<li class="wow">
							<div class="info">
								<div class="productPhoto" class="p-box wow"><a class="photo" href="<?# link ?>" title="<?# ProductName ?>" style="background-image:url(<?# IconImage ?>);"><img src="/images/41/img-productPhoto.png" /></a></div>
								<h3><a href="<?# link ?>" title="<?# ProductName ?>"><?# ProductName ?></a></h3>
								<p>NT.<?# Price ?>元<font>NT.<?# OldPrice ?>元</font></p>
							</div>
						</li>
						</template>
						</php:repeater>
					</ul>
				</div>
				<div id="pagenav"><?# pagtxt ?></div>				
			</div>
		</div>
	</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>