<!DOCTYPE html
    PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>trail</title>
    <link rel="stylesheet" href="./css/demo.css">
</head>

<body oncontextmenu="return false">
    <div class="main-wrap"></div>
    <script id="myTmpl" type="text/html">
        <span class="close"></span>
        <div class="prd-x prd-${productName}" >
            <div class="prd-ty1">
                <div class="ct-top f-tac">
                    <div>
                    <h2 class="tt">${topTxt.title}</h2>
                    <p class="des">${topTxt.des}</p>
                    <ul class="inf-ls2 ${productName}" >
                        {{each(i,item) topTxt.list}}
                        <li class="f-cl li-${i + 1}">
                            <i class="ic-${i + 1} f-fl"></i>
                            <div class="txt f-fl">
                                <h6 class="f-fs16">${item.tt}</h6>
                                <p>${item.des}</p>
                            </div>
                        </li>
                        {{/each}}
          
                    </ul>
                    </div>
                </div>
                <div class="ct-ctr">
                    <div class="prd-ls ${productList.length==2 ? 'prd-ls2': ''}">
                        {{each(i,item) productList}}
                            <div class="prd-it it-${i+1} ${i === 1 ? 'active' : ''}">
                                
                                {{if item.discount}}
                                    <span class="ribbon">{{html item.discount}}</span>
                                {{/if}}
                                <div class="top">
                                    <h3>${item.tt}</h3>
                                    <ul class="inf-ls">
                                        {{each(j,it) item.des}}
                                        <li><i class="hook"></i>{{html it}}</li>
                                        {{/each}}
                                    </ul>
                             
                                    <div class="price">
                                    
                           

                                        {{if lang==="jp"}}
                                        <span class="sale-x">
                                            <span class="sale-price">
                                                {{html item.salePrice}}
                                            </span>
                                            <span class="tax">${fn.toTaxPrice(item.salePrice)}</span>
                                        </span>
                                        {{else}}
                                        <span class="sale-price">
                                            {{html item.salePrice}}
                                        </span>
                                        {{/if}}
                                        {{if item.totalPrice}}
                                        <del>${item.totalPrice}</del>
                                        {{/if}}

                     
                                   
                                        
                                    </div>
                             
                                    <div>
                                        <a href="javascript:void(0)" data-num="${i+1}" data-href="${buyLinkPre + item.btnLink + popurl}" class="btn btn-org">${btnTxt}</a>
                                    </div>
                                    
                                </div>
                  
                            </div>
                        {{/each}}
            
                    </div>
                </div>
                <div class="f-cl ct-btm">
                    <div class="f-fl">
                        <a href="javascript:void(0)" data-go="licenceCode" class="link link-bl f-fs14">${hasLicense}</a>
                    </div>
                    <div class="f-fr">
                        <div class="f-dib f-vam">
                            <h6 class="f-fs14">${limited}</h6>
                            <p>${guarantee}</p>
                        </div>
                        <div class="f-dib f-vam">
                            <div id="ab-popup-countDown" class="ab-popup-countDown"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </script>
</body>

<script src="./scripts/jquery-1.11.3.js"></script>
<script src="./scripts/jquery.tmpl.min.js"></script>
<script src="./scripts/countdown.hasms.js"></script>
<script src="./scripts/demo.js"></script>

</html>