class="hoverboxes">
                                    <span class="hoverbox"></span>
                                    <span class="hoverbox"></span>
                                    <span class="hoverbox"></span>
                                </span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</script>
<script class="messageLightbox" type="text/x-handlebars-template">
    <div class="popup-header">
        <p class="title">{{headerMessage}}</p>
        <button class="close-button" type="button">×</button>
    </div>
    <div class="popup-container">
        {{> content}}
        <div class="loading-bar-overlay">
            <div class="loadingBar">
                <div class="bar bar-first"></div>
                <div class="bar bar-second"></div>
                <div class="bar bar-third"></div>
            </div>
        </div>
    </div>
</script>
<script class="errorMessageContent" type="text/x-handlebars-template">
    <div class="content-container content-partial content-fail-partial container-extended">
        <div class="row">
            <div class="col-xlg-offset-1 col-xlg-10 col-lg-offset-1 col-lg-10 col-md-offset-1 col-md-10 col-sm-offset-1 col-sm-10 col-xs-12">
                <div class="standardText">
                    <h1 class="header-title hd">{{failTitle}}</h1>
                    <div class="content-block">
                        <div class="body-text text">
                            <p>{{errorMessage}}</p>
                        </div>
                        <div class="links-list">
                            <ul class="links list-unstyled">
                                <li class="type-link">
                                    <a class="button2017 version1 error-close-button" type="button" href="#">
                                        <span class="buttonText">{{buttonTitle}}</span>
                                        <span class="hoverboxes">
                                            <span class="hoverbox"></span>
                                            <span class="hoverbox"></span>
                                            <span class="hoverbox"></span>
                                        </span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</script>
<script class="html-content-lightbox" type="text/x-handlebars-template">
    <div class="popupHeader">
        {{#if isHeaderConfigured}}
        <div class="header-container grid-container">
            <div class="row">
                <div class="col-xs-11 col-sm-10 col-md-10 col-lg-10">
                    <div class="sectionTitle he">{{assetTitle}}</div>
                    <div class="descriptionText text">{{assetDescription}}</div>
                </div>
            </div>
        </div>
        {{/if}}
        <div class="toolbar-container">
            {{#if isHeaderConfigured}}
            {{#if isEnabledShareLink}}
            <nav class="toolbar">
                <ul class="toolbar-list">
                    <li><a class="toolbtn mail icon-email exclude-ligthbox-handler" data-share-tracking-analytics="SHARE" data-share-channel="mailto"></a></li>
                    <li class="share-wrap"><a class="toolbtn share icon-share"></a>
                        <ul class="share-dropdown">
                            {{#each socialItems}}
                            <li>
                                <a class="{{shareClass}}" title="{{title}}" data-share-channel="{{share-channel}}" data-share-tracking-analytics="SHARE" target="_blank"
                                   data-share-url="{{resourceLink}}"><span class="{{class}}"></span>{{title}}</a>
                            </li>
                            {{/each }}
                        </ul>
                    </li>
                </ul>
            </nav>
            {{/if}}
            {{/if}}
            <div class="toolbtn exit icon-close mfp-close"></div>
        </div>
    </div>
    <div class="popup-container">
        <iframe 
            class="html-content-lightbox-frame"
            src={{src}}
            width='1100px' height='700px'>
        </iframe>
    </div>
    <div class="popupFooter">
        {{#if isFooterConfigured}}
        <div class="footer-container grid-container">
            <div class="row">
                <div class="col-xs-7 col-sm-12 col-md-12 col-lg-12">
                    <div class="info-container">
                        <div class="he footer-headine">{{assetFooterTitle}}</div>
                        <div class="text footer-paragraph">{{assetFooterDescription}}</div>
                    </div>
                </div>
                <div class="btn-wrapper col-xs-5 col-sm-5 col-md-5 col-lg-5">
                    <a href="{{assetFooterLinkPath}}" target="{{assetFooterLinkTarget}}"
                       title="{{assetFooterLinkTooltip}}" class="button2017 version1 lightbox-footer-link">
                        <span class="buttonText">{{assetFooterLinkName}}</span>
                        <span class="hoverboxes"><span class="hoverbox"></span><span
                                class="hoverbox"></span><span class="hoverbox"></span></span>
                    </a>
                </div>
            </div>
        </div>
        {{/if}}
    </div>
</script>
<script>
    try{
        if (!!window._satellite) {
            _satellite.pageBottom();
        }
    } catch(e) {
        console.error("Error while calling _satellite.pageBottom(), Error thrown : " +  e);
    }
</script>
<script src="/etc.clientlibs/sapdx/clientlibs/clientlib-lightbox-util.min.c714dc8b79a2ba76265f03f4d1b3ea02.js"></script>
<script src="/etc.clientlibs/sapdx/clientlibs/clientlib-lightbox-lazy-init.min.e266e15e0e1977e98dc68484aab2b354.js"></script>
<span class='lazy-loader-event-wrapper' data-categories='apps.sapdx.lightbox'>
<span class='lazy-css' data-src="/etc.clientlibs/sapdx/clientlibs/clientlib-lightbox.min.18daxb2.1.0.1839.css"></span><span class='lazy-script' data-src="/etc.clientlibs/sapdx/clientlibs/clientlib-lightbox.min.18daxb2.1.0.1839.js"></span>
</span>
<span class='lazy-loader-event-wrapper' data-categories='apps.sapdx.pdfjs,apps.sapdx.pdfjs.extensions'>
<span class='lazy-css' data-src="/etc/sapdx/binary/clientlib-pdfjs.min.18daxb2.1.0.1839.css"></span><span class='lazy-css' data-src="/etc/sapdx/binary/clientlibs-pdfjs-extensions.min.18daxb2.1.0.1839.css"></span><span class='lazy-script' data-src="/etc/sapdx/binary/clientlib-pdfjs.min.18daxb2.1.0.1839.js"></span>
<span class='lazy-script' data-src="/etc/sapdx/binary/clientlibs-pdfjs-extensions.min.18daxb2.1.0.1839.js"></span>
</span>
<span class='lazy-loader-event-wrapper' data-categories='apps.sapdx.videojs'>
<span class='lazy-css' data-src="/etc/sapdx/binary/clientlib-videojs.min.18daxb2.1.0.1839.css"></span><span class='lazy-script' data-src="/etc/sapdx/binary/clientlib-videojs.min.18daxb2.1.0.1839.js"></span>
</span>
<script defer type="text/javascript" src="/etc.clientlibs/sapdx/components/modular/formLogin/clientlib.min.79d202e12749f9b6d3c9a28a67ff67da.js"></script>
<div class="call-popup" style="display:none">
<div class="musthead">
<h3 class="hd callme-title">立即與我聯絡</h3>
<span class="popup-close ignore-draggable-intouch" role="button" title="關閉"></span>
<span class="popup-minimize ignore-draggable-intouch" role="button" title="最小化"></span>
<span class="popup-maximize ignore-draggable-intouch" role="button" title="最大化"></span>
</div>
</div>
</body>
</html>