<!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>Standard Upgrade</title>
    <link rel="stylesheet" href="./css/std-special.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"  >
            <!-- pro -->
            <div class="prd-pro" el-name="pro">
                <div class="ct-top">
                    <div>
                        <h2 class="tt">${pro.title}</h2>
                    <a href="javascript:void(0)" class="switch-btn ic-arw" el-action="show-bsns">${viewBusiness}<i></i></a>
                    </div>
                </div>
                <div class="ct-ctr">
                    <div class="prd-ls">
                        {{each(i,item) pro.productList}}
                            <div class="prd-it it-${i+1}">
                                <div class="bdbox">
                                    {{if item.discount}}
                                    <span class="ribbon">{{html item.discount}}</span>
                                    {{/if}}                                    
                                    <h3> <i class="l"></i> <span>${item.tt}</span> <i class="r"></i></h3>
                                    <div class="price">
                                        <span class="sale">
                                            {{html item.salePrice}}
                                        </span>
                                        {{if item.totalPrice}}
                                        <del class="total">${item.totalPrice}</del>
                                        {{/if}}
                                    </div>
                                    <a href="javascript:void(0)" data-num="${i+1}" data-href="${buyLinkPre + item.btnLink + popurl}"
                                        class="btn btn-org">${btnTxt}</a>
                                    <ul class="inf-ls">
                                        {{each(j,it) item.des}}
                                        {{if j===1}}
                                        <li el-action="show-fetrs" class="ls-${j+1}"><i class="hook"></i><span>{{html it}}</span><img
                                                src="./images/std-special/16px-ic-i@1x.png" width="16" alt=""></li>
                                        {{else}}
                                        <li class="ls-${j+1}"><i class="hook"></i><span>{{html it}}</span></li>
                                        {{/if}}
                                        {{/each}}
                                    </ul>
                                    <div class="gifts">
                                        <div class="bdbox">
                                            <div class="tit"><i class="l"></i><span>${gift}</span><i class="r"></i></div>
                                            <ul class="gf-ls">
                                                {{each(j,gif) gifts}}
                                                <li>
                                                    <img class="plus" src="./images/std-special/icon_plus@2x.png" width="12" alt="">
                                                    <div class="name">${gif.name}</div>
                                                    <div class="tips"><img src="./images/std-special/16px-ic-i@2x.png" width="16" alt=""><span
                                                            class="con">${gif.des}</span></div>
                                                    <del class="gprice">${gif.price}</del>
                                                </li>
                                                {{/each}}
                                            </ul>
                                        </div>                                        
                                    </div>
                                </div>
                            </div>
                        {{/each}}
            
                    </div>
                </div>
                <div class="ct-btm">
                    <div class="bdbox">
                        <div class="f-fl">
                            <ul class="gua-ls">
                                <li>
                                    <img src="./images/std-special/ic-40-secure.png" width="40" alt="">
                                    <div>{{html secure}}</div>
                                </li>
                                <li>
                                    <img src="./images/std-special/ic-40-90day.png" width="40" alt="">
                                    <div>{{html guarantee}}</div>
                                </li>
                            </ul>
                            <a href="javascript:void(0)" data-go="licenceCode" class="link link-bl f-fs14">${hasLicense}</a>
                        </div>
                        <div class="f-fr">
                            <div class="imgs">
                                <img src="./images/std-special/media-1@2x.png" width="88" alt="">
                                <img src="./images/std-special/media-2@2x.png" width="88" alt="">
                                <img src="./images/std-special/media-3@2x.png" width="88" alt="">
                                <img src="./images/std-special/media-4@2x.png" width="76" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- pro end -->
            <!-- Business -->
            <div class="prd-bsns" el-name="bsns">
                <div class="ct-top">
                    <div>
                        <h2 class="tt">${bsns.title}</h2>
                        <a href="javascript:void(0)" class="switch-btn ic-arw" el-action="hide-bsns">${viewPro}<i></i></a>
                    </div>
                </div>
                <div class="ct-ctr">
                    <div class="prd-ls">
                        {{each(i,item) bsns.productList}}
                        <div class="prd-it it-${i+1}">
                            <div class="bdbox">
                                {{if item.discount}}
                                <span class="ribbon">{{html item.discount}}</span>
                                {{/if}}
                                <h3> <i class="l"></i> <span>${item.tt}</span> <i class="r"></i></h3>
                                <div class="price">
                                    <span class="sale">
                                        {{html item.salePrice}}
                                    </span>
                                    {{if item.totalPrice}}
                                    <del class="total">${item.totalPrice}</del>
                                    {{/if}}
                                </div>
                                <a href="javascript:void(0)" data-num="${i+1}" data-href="${buyLinkPre + item.btnLink + popurl}"
                                    class="btn btn-org">${btnTxt}</a>
                                <ul class="inf-ls">
                                    {{each(j,it) item.des}}
                                    <li class="ls-${j+1}"><i class="hook"></i><span>{{html it}}</span></li>
                                    {{/each}}
                                </ul>
                                <div class="gifts">
                                    <div class="bdbox">
                                        <div class="tit"><i class="l"></i><span>${gift}</span><i class="r"></i></div>
                                        <ul class="gf-ls">
                                            {{each(j,gif) gifts}}
                                            <li>
                                                <img class="plus" src="./images/std-special/icon_plus@2x.png" width="12" alt="">
                                                <div class="name">${gif.name}</div>
                                                <div class="tips"><img src="./images/std-special/16px-ic-i@2x.png" width="16" alt=""><span
                                                        class="con">${gif.des}</span></div>
                                                <del class="gprice">${gif.price}</del>
                                            </li>
                                            {{/each}}
                                        </ul>
                                    </div>
                                </div>
                            </div>                            
                        </div>
                        {{/each}}
                    </div>
                </div>
                <div class="ct-btm">
                    <div class="bdbox">
                        <div class="f-fl">
                            <ul class="gua-ls">
                                <li>
                                    <img src="./images/std-special/ic-40-secure.png" width="40" alt="">
                                    <div>{{html secure}}</div>
                                </li>
                                <li>
                                    <img src="./images/std-special/ic-40-90day.png" width="40" alt="">
                                    <div>{{html guarantee}}</div>
                                </li>
                            </ul>
                            <a href="javascript:void(0)" data-go="licenceCode" class="link link-bl f-fs14">${hasLicense}</a>
                        </div>
                        <div class="f-fr">
                            <div class="imgs">
                                <img src="./images/std-special/media-1@2x.png" width="88" alt="">
                                <img src="./images/std-special/media-2@2x.png" width="88" alt="">
                                <img src="./images/std-special/media-3@2x.png" width="88" alt="">
                                <img src="./images/std-special/media-4@2x.png" width="76" alt="">
                            </div>
                        </div>
                    </div>
                    
                </div>
            </div>
            <!-- Business edn -->

        </div>
        <!-- Features -->
        <div class="ftr-x" el-name="fetrs">
            <div class="ftr-top">
                <div class="back" el-action="hide-fetrs"><img src="./images/std-special/ic-16-back-y.png" width="16"><span>${back}</span></div>
                <h2>${fetrs.title}</h2>              
                <table class="table">
                    <thead>
                        <tr>
                            <th  class="one">${fetrs.th1}</th>
                            <th class="two">
                                <span class="f-fs13 sp">${fetrs.th2_1}</span>
                                <strong>${fetrs.th2_2}</strong>
                            </th>
                            <th>
                                <span class="f-fs13 sp">${fetrs.th3_1}</span>
                                <strong>${fetrs.th3_2}</strong>
                            </th>
    
                        </tr>
                    </thead>
                </table>
            </div>
            <div class="table-x">
                <table class="table">
                    <tbody>
                        {{each(i,item) fetrs.td}}
                            <tr>
                                <!-- 第一列 -->
                                {{if item.des}}
                                    <td class="one target">
                                        <strong><i class="dot"></i>${item.tt}<i class="arw"></i></strong>
                                        <p>${item.des}</p>
                                    </td>
                                {{else}}
                                    <td class="one">
                                        <strong><i class="dot"></i>${item.tt}</strong>
                                    </td>
                                {{/if}}
                                <!-- 第二列 -->
                                {{if item.td2 === "nohook"}}
                                    <td>
                                        <i class="nohook"></i>
                                    </td>
                                {{else item.td2 === "hook"}}
                                    <td>
                                        <i class="hook"></i>
                                    </td>
                                {{else}}
                                    <td>${item.td2}</td>
                                {{/if}}
                                <!-- 第三列 -->
                                {{if item.td3 === "nohook"}}
                                    <td class="three">
                                        <i class="nohook"></i>
                                    </td>
                                {{else item.td3 === "hook"}}
                                    <td class="three">
                                        <i class="hook"></i>
                                    </td>
                                {{else}}
                                    <td class="three">${item.td3}</td>
                                {{/if}}
                                
                            </tr>
                        {{/each}}
                    </tbody>
                </table>
            </div>
            <div class="ftr-btm">
                <a href="javascript:void(0)" class="link link-bl ic-arw f-fs14" el-action="hide-fetrs">${fetrs.hideFetrs}<i></i></a>
            </div>

        </div>
        <!-- Features end -->
    </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/std-special.js"></script>
</html>
