<!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, 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="/css/<?# webTemplates ?>/main.css" rel="stylesheet">
<link href="/css/<?# webTemplates ?>/indexStyle.css" rel="stylesheet">
<script src="/jquery/jquery-1.10.js"></script>
<?# headHTML ?>
</head>
<body<?# JumpBody ?>>
<?# bodyTopHTML ?>
<?# webH1 ?>
<div style="margin: 0; padding: 0; border: 0; width: 100%;<?# JumpStyle ?>">
    <div class="topFix"<?# headerStyle ?>>
        <?# header ?>
        <?# banner ?>
    </div>
	<div class="wrapper">
    	<?# indexNews ?>
    	<?# indexProduct ?>
        <div id="serviceWrap">
        	<section>
            	<div class="tit">
                	<h3><?# evaTeat1 ?></h3>
                    <p><?# h2Text1 ?></p>
                </div>
                <ul>
                    <php:repeater id="listC">
                    <template>
                    <li class="wow">
                        <img src="/images/11/index/icon-service01.png" alt="<?# customTitle ?>"/>
                        <h3><?# CustomTitle ?></h3>
                        <p><?# CustomContent ?></p>
                    </li>
                    </template>
                    </php:repeater>
                </ul>
            </section>
        </div>
        <div id="aboutWrap">
        	<section>
            	<?# indexArticle ?>
                <div class="fbBox"><?# fbFans ?></div>
            </section>
            <section <?# customClass ?>>
                <div class="adList">
                    <ul>
                        <php:repeater id="listPT">
                        <template>
                        <li class="wow"><a class="photo" href="<?# Link ?>" title="<?# Title ?>" style="background-image:url(<?# Image ?>);"><img src="/images/11/index/img-addPhoto02.png" /></a></li>
                        </template>
                        </php:repeater> 
                    </ul>
                </div>
            </section>
            <div class="bgstyle" style="background-image:url(<?# aboutImage ?>)"></div>
        </div>
        <?# indexBook ?>
        <?# googlemapBody ?>
        <?# footer ?>
    </div>
</div>
</body>
</html>
<script type="text/javascript">
	$(function(){
		$("[data-fancybox]").fancybox({
			youtube : { controls : 0,showinfo : 0 },
			vimeo : { color : 'f00' }
		});
	});
	
	wow = new WOW({
		boxClass:     'wow',      
		animateClass: 'animated', 
		offset:       0,          
		mobile:       false,       
		live:         true        
	})
	wow.init();
	
	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>