https://ibank.firstbank.com.tw/NetBank/index103.html

Submitted URL:
https://ibank.firstbank.com.tw/NetBank/index103.html
Report Finished:

The outgoing links identified from the page

LinkText
https://www.firstbank.com.tw
http://www.firstholding.com.tw/First Financial Holding
https://eatm.firstbank.com.tw/eATM
https://ebank.firstbank.com.tw/e-Finance
https://www.facebook.com/firsthaka
https://ccard.firstbank.com.tw/cmsweb/home/ApplyAccount信用卡網路服務申請
https://ccard.firstbank.com.tw/cmsweb/Home/ForgetPassword忘記密碼
https://webar.firstbank.com.tw/C000003719
https://firstbk.tw/64xmue
https://www.firstbank.com.tw/sites/fcb/1565690443047

JavaScript Variables · 637 found

Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope

NameType
BigIntfunction
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject
dataLayerobject
google_tag_managerobject
google_tag_dataobject
GoogleAnalyticsObjectstring
gafunction
$function

Console log messages · 4 found

Messages logged to the web console

TypeCategoryLog
errornetwork
URL
https://ibank.firstbank.com.tw/NetBank/rafile/PKCS7SignClientInit.js
Text
Failed to load resource: net::ERR_CONNECTION_REFUSED
verbosedom
URL
https://ibank.firstbank.com.tw/NetBank/index103.html
Text
[DOM] Input elements should have autocomplete attributes (suggested: "new-password"): (More info: https://goo.gl/9p2vKq) %o
verbosedom
URL
https://ibank.firstbank.com.tw/NetBank/index103.html
Text
[DOM] Input elements should have autocomplete attributes (suggested: "new-password"): (More info: https://goo.gl/9p2vKq) %o
logother
URL
https://ibank.firstbank.com.tw/NetBank/js/cycle.js
Text
[cycle] terminating; too few slides: 1

HTML

The raw HTML body of the page

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html class=" js csstransitions js csstransitions"><head>
    <!-- Google Tag Manager -->
    <script type="text/javascript" async="" src="https://www.google-analytics.com/analytics.js"></script><script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/js?id=G-W9Y8MY28KQ&amp;l=dataLayer&amp;cx=c"></script><script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/js?id=G-4H92N113R5&amp;l=dataLayer&amp;cx=c"></script><script async="" src="https://www.googletagmanager.com/gtm.js?id=GTM-KR89L4M"></script><script>
        (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
                new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
            j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
            'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
        })(window,document,'script','dataLayer','GTM-KR89L4M');
    </script>
    <!-- End Google Tag Manager -->
    <!--<meta charset="UTF-8" />-->
    <!-- 避免首頁掛網太久session斷 導致出現請出登入訊息 540秒 refresh一次   -->
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>First Bank i-Bank</title><!--第一銀行-第 e 個網-->
    <link rel="shortcut icon" href="../favicon.ico">
    <link rel="stylesheet" type="text/css" href="css/jquery-ui.css">
    <link rel="stylesheet" type="text/css" href="css/default.css?v=20201228001">
    <link rel="stylesheet" type="text/css" href="css/a-0213.css?v=20220224">
    <link rel="stylesheet" type="text/css" href="css/controller.css?v=2">
    <link rel="stylesheet" type="text/css" href="css/modality.css">
    <link rel="stylesheet" type="text/css" href="css/jquery.capsalerttipsy.css">
    <link rel="stylesheet" type="text/css" href="css/ecounter.css">
    <link rel="stylesheet" type="text/css" href="css/tooltipster.css">
    <link rel="stylesheet" type="text/css" href="css/menu-a.css">
    <!--[if IE 8]>
    <link rel="stylesheet" type="text/css" href="css/ie8-only.css"/>
    <![endif]-->
    <script type="text/javascript" src="/NetBank/jsfile/jquery.js"></script>
    <script type="text/javascript" src="/NetBank/include/common_js.jsp"></script><script src="/NetBank/rafile/PKCS7CodeMapping.js" type="text/javascript"></script><script type="text/javascript" src="https://bdtag.firstbank.com.tw/jscollection/WebConnector-ibank.js"></script>
    <!--[if lt IE 8]>
    <script type="text/javascript">$(function () {
        alert($("#lessIE8Msg").val());
    });</script><![endif]-->
    <script type="text/javascript" src="js/menu_js.jsp"></script>
    <script src="js/jquery-ui.js"></script>
    <!--slider-->
    <script src="js/modernizr.custom.js"></script>
    
    <!--slider2 -->
    <!--  <script src="//code.jquery.com/jquery-latest.min.js"></script>-->
    <script src="js/unslider.min.js"></script>
    <!-- Dropdown Menu -->
    <script type="text/javascript" src="js/dropdown.js"></script>
    <!-- Tooltip -->
    <script type="text/javascript" src="js/jquery.tooltipster.min.js"></script>
    <script src="jsfile/sha1.js"></script>
    <!-- Credit Card Login by Andrew-->
    <script src="jsfile/aes-min.js"></script>
    <script src="jsfile/Barrett.js"></script>
    <script src="jsfile/BigInt.js"></script>
    <script src="jsfile/RSA.js"></script>
    <script src="jsfile/PaysecureE2E.js?v=1727773910175"></script>
    <script src="/NetBank/rafile/PKCS7SignClientInit.js"></script>
    <script src="jsfile/forge.min.js"></script>
    <script type="text/javascript">
        function showIENotSupport() {
            if (!!window.ActiveXObject || "ActiveXObject" in window) {
                //$("#browserNotSupportContent").html('<p style\="color:red;">In response to Microsofts discontinuation of support for IE browser from 2022/6(<a href\="javascirpt:fn(this)" target\="_blank" onClick\="gotoLink();" style\="color:blue;">Microsoft End of Support Notice</a>), our iBank will end of support for IE browser from October 1st, 2022. To avoid affecting your right, please using Chrome, Edge, FireFox or Safari to log in iBank.</p>');
                //modal11.toggle();
                location.href = "pleaseChangeBrowser.jsp";
            }
        }

        showIENotSupport();

        function confirmBrowser() {
            if ($("#checkbox_hide")[0].checked) {
                document.cookie = "hide=true;expires=Fri, 15 Mar 2024 00:00:00 GMT";
            } else {
                document.cookie = "hide=";
            }
        }

        function checkuserAgent() {
            if ((navigator.userAgent.match(/Android/i) ||
                navigator.userAgent.match(/iPhone/i) ||
                navigator.userAgent.match(/iPod/i) ||
                navigator.userAgent.match(/iPad/i) ||
                navigator.userAgent.match(/Blackberry/i)
            )) {
                if (confirm("提醒您,您目前使用之行動裝置為Android、iOS系統,請您下載本行第e行動APP,以獲得完整之交易服務。")) {
                    window.location.replace('https://mbank.firstbank.com.tw:8443/fbp/app.jsp');
                    sleep(2000);
                }
            }


        }

        function sleep(n) {
            var start = new Date().getTime();
            while (true) if (new Date().getTime() - start > n) break;
        }

        checkuserAgent();


        //D180410
        /* function IE8orXpOver20180711(){
			//Windows XP or IE8(含)以下,不可使用個網登入
			if (navigator.userAgent.match(/Win(dows )?(NT 5\.1|XP)/)  	 ||  	//XP
				navigator.userAgent.match(/Win(dows )? (9x 4\.90|ME)/)   ||  	//ME
				navigator.userAgent.match(/Win(dows )?(NT 5\.0|2000)/)   ||  	//2000
				navigator.userAgent.match(/Win(dows )?98/)			     ||  	//98
				navigator.userAgent.search("MSIE 8") > -1 ||				//IE8
				navigator.userAgent.search("MSIE 7") > -1 ||				//IE7
				navigator.userAgent.search("MSIE 6") > -1 ||				//IE6
				navigator.userAgent.search("MSIE 5") > -1 ||				//IE5
				navigator.userAgent.search("MSIE 4") > -1 ||				//IE4
				navigator.userAgent.search("MSIE 3") > -1 ||				//IE3
				navigator.userAgent.search("MSIE 2") > -1){ 				//IE2
				var date = new Date();
				var deadline=getCookie("deadline");
				var nowtime=date.getTime();
				var thisYear = date.getFullYear();
				var thisMonth = date.getMonth() + 1;//0~11 所以加1
				var thisDate = date.getDate();
				if((thisMonth>=8 || (thisMonth==7 && thisDate>=11) || thisYear>2018)){  //107/07/11之後就導到這個頁面
				    document.forms[0].action = 'CantUseXPorIE8.html';
				    document.forms[0].submit();
				}else{
					if (deadline="" || nowtime>=deadline ) {
						window.showModalDialog('OneMonth.html',window,"center:yes;dialogHeight=200px;dialogWidth=730px;help:no;status:no;scrollbars=yes");
				    }
				}
			}
		} */


        <!-- !getCookie  -->
        function getCookie(cname) {
            var name = cname + "=";
            var decodedCookie = decodeURIComponent(document.cookie);
            var ca = decodedCookie.split(';');
            for (var i = 0; i < ca.length; i++) {
                var c = ca[i];
                while (c.charAt(0) == ' ') {
                    c = c.substring(1);
                }
                if (c.indexOf(name) == 0) {
                    return c.substring(name.length, c.length);
                }
            }
            return "";
        }

        //D180410

    </script>
    <script type="text/JavaScript">
        var timer;

        function init() {
            $.ajax({
                url: '/NetBank/7/0201-spot.html',
                method: "POST",
                dataType: "json",
                error: function (err) {
                    if (err.status == '500') {
                        alert(err.responseText);
                    }
                },
                success: function (jsonArr) {
                    ajaxErrorHandler(jsonArr);
                    var html = '';
                    $.each(jsonArr, function (key, json) {
                        if (key % 2 == 1) {
                            html += '<tr class="td-grey" style="background-color: rgb(245, 245, 245);">';
                        } else {
                            html += '<tr class="td-grey">';
                        }
                        html += '<td>' + json.currency + '</td>';
                        html += '<td>' + json.buyrate + '</td>';
                        html += '<td>' + json.sellrate + '</td>';
                        html += '</tr>';
                    });
                    $('#spot').after(html);
                }
            });

            $.ajax({
                url: '/NetBank/7/0201-cash.html',
                method: "POST",
                dataType: "json",
                error: function (err) {
                    if (err.status == '500') {
                        alert(err.responseText);
                    }
                },
                success: function (jsonArr) {
                    ajaxErrorHandler(jsonArr);
                    var html = '';
                    $.each(jsonArr, function (key, json) {
                        if (key % 2 == 1) {
                            html += '<tr class="td-grey" style="background-color: rgb(245, 245, 245);">';
                        } else {
                            html += '<tr class="td-grey">';
                        }
                        html += '<td>' + json.currency + '</td>';
                        html += '<td>' + json.buyrate + '</td>';
                        html += '<td>' + json.sellrate + '</td>';
                        html += '</tr>';
                    });
                    $('#cash').after(html);
                    var html18 = 'Effective Date of Data:';
                    var html2 = "----/--/--";
                    if (jsonArr[0].vdate) {
                        //$('#validDate').append(jsonArr[0].vdate);
                        html2 = jsonArr[0].vdate;
                    }
                    var html3 = "--:--:--";
                    if (jsonArr[0].vtime) {
                        //$('#validDate').append(jsonArr[0].vdate);
                        html3 = jsonArr[0].vtime;
                    }
                    $('#validDate').after(html18 + html2 + "&nbsp;" + html3);
                }
            });
            var now = new Date();
            var end = new Date(2022, 9, 1);
            if (now < end) {
                showDialog();
            } else {
                showIENotSupport();
            }

        }

        <!-- 限制可輸入身分證字號/統編的字元 -->
        $(function () {
            $("#loginCustId").keypress(function (event) {
                var ew = event.which;
                if (ew == 32)        //space
                    return true;
                if (48 <= ew && ew <= 57)  //0-9
                    return true;
                if (65 <= ew && ew <= 90)  //A-Z
                    return true;
                if (97 <= ew && ew <= 122) //a-z
                    return true;
                console.log("which:" + ew);
                console.log(String.fromCharCode(event.charCode) + "--> not allowed");
                return false;
            });
        });


        function showDialog() {
            if (getCookie("hide") == "") {
                $("#browserUpdateContent").html('<p style\="color:red;">In response to Microsofts discontinuation of support for IE browser from 2022/6(<a href\="javascirpt:fn(this)" target\="_blank" onClick\="gotoLink();" style\="color:blue;">Microsoft End of Support Notice</a>), to help provide you with the best experience, our iBank will end of support for IE browser from October 1st, 2022. Please using Chrome, Edge, FireFox or Safari to log in iBank.</p>');
                modal10.toggle();
            }

        }

        function gotoLink() {
            window.open('https://docs.microsoft.com/zh-tw/lifecycle/announcements/internet-explorer-11-end-of-support?rtc=1', '_blank', '', false);
        }

        function changeCustomerToOBU() {
            document.getElementById('custClass').value = "o";
            $("#loginCustSeq").attr("tabindex", "2");
            $(".tab_content").show();
            $(".tab_cardContent").hide();
        }

        function changeCustomerToNormal() {
            document.getElementById('custClass').value = "";
            document.getElementById('custClass').value = null;
            $("#loginCustSeq").attr("tabindex", "");
            $(".tab_content").show();
            $(".tab_cardContent").hide();
        }

        function changeCustomerToCard() {
            document.getElementById('custClass').value = "c";
        }

        function UsersetInfo() {
            alert('If you are logging in for the first time, please use your original account no. and password. The system will guide you through the online credit card services process to set up your User ID.');
            var onclick = true;
            $(".btn-comfirm").click(function () {
                if (onclick) {
                    window.open("https://ccard.firstbank.com.tw/cmsweb/home/addUserAcct", '_blank', '', false);
                }
                onclick = false;
            });
        }

        /*
        $(function(){
            $('#cardLgn').load(function(){
                $(".tabTmp").hide();
                $('#cardLgn').show();
                $(".tab_content").hide();
            	$(".tab_cardContent").show();
            });

        });*/

        function showNotice() {
            var browser = BrowserDetect.browser;
            if (browser == "Explorer" || browser == 'Firefox') {
                var popup = window.open('', 'popupnav', 'width=700,height=550,toolbar=no,menubar=no,top=10,left=15,resizable=1,scrollbars=1');
                if (popup != null) {
                    if (popup.opener == null) {
                        popup.opener = self;
                    }
                    popup.location.href = 'popup/notice.jsp';
                }
            }

        }

        function ping() {
            jQuery.ajax({
                url: '/NetBank/ping.html',
                async: false,
                error: function () {
                    alert('Ping error');
                }
            });
        }

        var prvDbClick = true;

        function chkVrfyCode() {
            if ('1' == '1' && '' == 'reEnter') {
                alert('CAPTCHA error!');
            }
        }

        function initCaptchaLogin() {
            var $cla = $('#captchaLoginArea');

            if ('1' == '1' && '' == 'invalid') {
                alert('Please click login button correctly');
            }

            if ('1' == '1' && '' == 'reEnter') {
                alert('Please log in again');
            }

            $cla.on('touchmove', function () {
            })
                .on('touchend click', function (e) {
                    var event = e.originalEvent.changedTouches ? e.originalEvent.changedTouches[0] : e;
                    var claBias = $cla.offset();
                    $('#hitXinput').val($(window).scrollLeft() + event.clientX - claBias.left);
                    $('#hitYinput').val($(window).scrollTop() + event.clientY - claBias.top);

                    /*  var logObj={
                    		winScrollX:window.scrollX,
                    		winScrollY:window.scrollY,
                    		winClientX:window.scrollX+event.clientX,
                    		winClientY:window.scrollY+event.clientY,
                    		claBiasX:claBias.left,
                    		claBiasY:claBias.top,
                    		clientX:event.clientX,
                    		clientY:event.clientY,
                    		pageX:event.pageX,
                    		pageY:event.pageY,
                    		picBiasX:event.pageX-claBias.left,
                    		picBiasY:event.pageY-claBias.top,
                    		scrolledPicBiasX:window.scrollX+event.clientX-claBias.left,
                    		scrolledPicBiasY:window.scrollY+event.clientY-claBias.top
                    };
                    console.log(JSON.stringify(logObj));  */

                    doLogin();
                })

        }

        function doLogin() {
            var isLogin=false;

            if (!hasLoginInfoError()) {
                if(!hasZ7Flag()){
                    var validTime=validateTime();
                    var validTeller = validateIpAndNotTeller();
                    if(validTime  && validTeller){
                        moda21.toggle();
                        moda20.toggle();
                        $('#isLogIn').click(function() {
                            isLogin=true;
                        });
                        $('#notLogIn').click(function() {
                            initLoginInput();
                            return;
                        });

                        $('#isMe').click(function() {
                            if (isLogin) {
                               process();
                            }
                        });
                        $('#notMe').click(function() {
                            initLoginInput();
                            return;
                        });
                    }

                    if(validTime  && !validTeller){
                        moda21.toggle();
                        $('#isLogIn').click(function() {
                            process();
                        });
                        $('#notLogIn').click(function() {
                            initLoginInput();
                            return;
                        });
                    }

                    if(!validTime  && validTeller){
                        moda20.toggle();
                        $('#isMe').click(function() {
                            process();
                        });
                        $('#notMe').click(function() {
                            initLoginInput();
                            return;
                        });
                    }

                    if(!validTime  && !validTeller){
                        process();
                    }

                }
            }
        }

        //檢查是否為夜間批次時段23:45-00:05
        function validateTime(){
            var isNight = false;
            $.ajax({
                url: '/NetBank/validatePeriodTime.html',
                type: 'POST',
                async: false,
                success: function(response) {
                    // 23:45-00:05登入時跳出popup
                    if (response == 'true') {
                        isNight = true;
                    }
                }
            });
            return isNight;
        }

       function hasLoginInfoError(){
            var result = false;
            ping();
            initbrowser();
            detectOS();
            //check the type of brower
            if (BrowserDetect.browser != 'Explorer' && BrowserDetect.browser != 'Mozilla' && BrowserDetect.browser != 'Firefox' && BrowserDetect.browser != 'Safari' && BrowserDetect.browser != 'Chrome' && BrowserDetect.browser != 'Opera') {
                alert("1. For improved Internet security, the website is compatible with Microsoft IE, FireFox, and Opera web browsers. \n2. Your current environment does not support the website. FireFox is recommended. This browser can be installed in Windows systems, Linux, and Mac OS X (Apple computers). Please visit the FireFox official website: http://moztw.org/\n3 to download the software and acquire more information. For other browsers (e.g., Google or Mac Safari), please wait for compatible versions in the future. \n4. If you still have concerns and feedback, please contact us through the 24-hour customer service hotline at 02-2181-1111.");
                result = true;
            }

            // check fields have been input 請輸入身分證字號
            if (isEmpty(form1.loginCustId.value)) {
                alert('Please enterID No./Registration No.!');
                doSelect(form1.loginCustId);
                result = true;
            }

            // 確認ID輸入欄位須為半形字串
            if (!isCDB(form1.loginCustId.value)) {
                alert('ID No./Registration No.Data length error!!');
                doSelect(form1.loginCustId);
                result = true;
            }

            fix_custIdOBU(form1.loginCustId, form1.custClass.value);

            if (form1.loginCustId.value.length != 10) {
                LoginFailMsg('ID No./Registration No.Data length error!!');
                doSelect(form1.loginCustId);
                result = true;
            }

            if (document.getElementById('custClass').value != 'c') {
                if (isEmpty(form1.usrId.value)) {
                    alert('Please enterUser ID!');
                    doSelect(form1.usrId);
                    result = true;
                }
            }

            if (isEmpty(form1.pwd.value)) {
                alert('Please enterLogin password!');
                doSelect(form1.pwd);
                result = true;
            }

            if (form1.vrfyCode.value.length != 4) {
                alert('Enter CAPTCHA');
                result = true;
            }

            return result;
        }

        function hasZ7Flag(){
            //////////Start 發電文去查970E_68,看是不是Z7註記的客戶。//////////
            var result = false;
            var custID = form1.loginCustId.value + form1.loginCustSeq.value;
            $.ajax({
                url: '/NetBank/Z7Flag.html',
                type: 'POST',
                async: false,
                data: {
                    custId: custID
                },
                success: function (data) {
                    ajaxErrorHandler(data);
                    if("Y" == data){
                        if(custID.startsWith("00")){
                            $("#z7NoticeContent").html('<p>Thank you for having been banking with FCB. To comply with anti-money laundering law and regulations in Taiwan, we are required to update and verify customer information profile regularly or when necessary. As you have not yet updated your basic information, if you receive a call, email, or written notice from the Bank, please complete the update and verify your information through any of multiple methods provided by FCB so as to safeguard your rights. If you have any questions, please call our customer service hotline at 02-2181-1111 (For local calls, please dial 0800-031-111) or visit any of our branches. For more information on customer identity verification process, please refer to the FAQ section on our public website at www.firstbank.com.tw. Thank you for your cooperation and continued support.</p>');
                            $('#z7Notice .pop-btn').append('<a href="#z7Notice" class="btn-comfirm" onClick="process();">Confirm</a>')
                        }else {
                            $("#z7NoticeContent").html('<p>Thank you for having been banking with FCB. To comply with anti-money laundering law and regulations in Taiwan, we are required to update and verify customer information profile regularly or when necessary. As you have not yet updated your basic information, if you receive a call, email, or written notice from the Bank, please complete the update and verify your information through FCB e-banking, mobile banking or iLeo APP or any other methods provided by FCB so as to safeguard your rights. If you have any questions, please call our customer service hotline at 02-2181-1111 (For local calls, please dial 0800-031-111) or visit any of our branches. For more information on customer identity verification process, please refer to the FAQ section on our public website at www.firstbank.com.tw. Thank you for your cooperation and continued support.</p>');
                            $('#z7Notice .pop-btn').append('<a href="#z7Notice" class="btn-comfirm" onClick="goToModifyCustInfo()">Continue</a>')
                                .append('<a href="#z7Notice" class="btn-comfirm" style="background-color: #A3A3A3" onClick="process();">Skip</a>')
                        }
                        modal12.toggle();
                        result = true;
                    }
                }
            });
            return result;
            //////////End  發電文去查970E_68,看是不是Z7註記的客戶。//////////
        }

        function goToModifyCustInfo(){
            document.getElementsByName("redirectToModifyCustInfoPage")[0].value = "Y";
            process();
        }

        function process() {

            if ($("#loginCustSeq").val() == "") {
                $("#loginCustSeq").val(0);
            }

            // 身份證號轉大寫
            form1.loginCustId.value = form1.loginCustId.value.toUpperCase();

            form1.loginCustSeq.value = form1.loginCustSeq.value.toUpperCase();

            if (checkPos == 'Y') {
                $('#position').val('Y');
            }

            
            if (document.getElementById('custClass').value == "c") {
                if (!checkBrowserVersion()) {
                    return;
                }
                var birthdate;

                var jsonData = getUOA();
                jsonData = JSON.parse(jsonData);

                var sendData = {
                    CustID: form1.loginCustId.value,
                    UserAcct: form1.usrId.value,
                    Password: form1.pwd.value,
                    Birthdate: jsonData.birthdate,
                    Channel: jsonData.channel
                }

                var sendAjax = function (encData, r) {
                    $.ajax({
                        url: 'https://ccard.firstbank.com.tw/cmsweb/common/sendWSLoginP',
                        data: {
                            jData: encData//物件轉成字串
                        },
                        dataType: 'jsonP',
                        jsonpCallback: 'mycallback',
                        async: false,
                        success: function (r) {
                            try {
                                r = r.Data;
                                logCreditCard(r);
                                var code = r.HEAD.RETURNCODE;
                                if (r != null && (code == '0000')) { //登入成功
                                    BHO_Login();
                                } else if (code == '0001') { //未申請網服會員!
                                    checkUsrOptAjax(form1.usrId.value, form1.loginCustId.value + form1.loginCustIdRptSeq.value, r.HEAD.RETURNDESC);
                                } else if (code == '0002') { //尚未申請使用者代號!
                                    UsersetInfo();
                                } else if (code == '0003' || code == '0004') { //密碼錯誤! 使用者代號錯誤!
                                    alert('You are logging in as a credit card holder.' + r.HEAD.RETURNDESC + 'Currently, there are' + r.CONTENT.LoginFailedCount + 'failed attempts. Your account will be locked if you make 4 failed user ID and password attempts.');
                                    loginFailAjax();
                                } else if (code == '9998') {
                                    if (form1.loginCustId.value.indexOf("00") == 0) { //企業戶無法於個網登入信用卡 但仍需檢核身分
                                        checkUsrOptAjax(form1.usrId.value, form1.loginCustId.value + form1.loginCustIdRptSeq.value, code + ':' + r.HEAD.RETURNDESC);
                                    } else {
                                        alert('Incorrect ID No./Registration No.!');
                                    }
                                } else {
                                    alert(code + ':' + r.HEAD.RETURNDESC);
                                }
                            } catch (err) {
                                alert('Online credit card services are not responding. Please try again later.' + err.message);
                            }
                        },
                        type: 'Post'
                    });
                }
                _RSAAESKey(sendData, sendAjax);
            } else {
                BHO_Login();
            }
        }

        function BHO_Login() {
            if (prvDbClick === true) {
                prvDbClick = false;
                /*查詢使用者BHO設定資料*/
                var url = 'qryBHOset.html';
                var divId = 'ajaxQryBHOset';
                var params = 'loginCustId=' + document.form1.loginCustId.value + '&loginCustIdRptSeq=' + document.form1.loginCustIdRptSeq.value;
                //alert("params: "+params);

                $.ajax({
                    url: url,
                    method: "post",
                    data: params,
                    dataType: "html",
                    error: function (err) {
                        if (err.status == '500') {
                            alert(err.responseText);
                        }
                    },
                    success: function (result) {
                        ajaxErrorHandler(result);
                        //document.getElementById(divId).innerHTML= transport.responseText;
                        document.getElementById(divId).innerHTML = result;
                        //alert("查詢使用者BHO設定完成 Type:"+form1.loginType.value);

                        // check user login stts
                        queryLoginStts();

                        if (form1.loginType.value == '1') {
                            bho_what();
                            prvDbClick = true;
                            /*
	                    	if(getChromeVersion() > 44){
	                    		alert("fmt:message key="chrome45.edge.msg" bundle="javax.servlet.jsp.jstl.fmt.LocalizationContext@bd5a59df" i18nComment="因您使用之瀏覽器(Chrome45、Windows Edge)關閉支援NPAPI..."/>");
	                    		prvDbClick = true;
	                    		return;
	                    	}else{
	                    		bho_what();
		                    	prvDbClick = true;
	                    	}
	                    	*/
                        } else {
                            if (done() === false) {
                                prvDbClick = true;
                            }
                        }
                    }
                });
            }
        }

        function logCreditCard(r) {
            form1.creditMSGID.value = r.HEAD.MSGID;
            form1.creditAPID.value = r.HEAD.APID;
// 			form1.creditSTATUSCODE.value=r.HEAD.STATUSCODE;
// 			form1.creditSTATUSDESC.value=r.HEAD.STATUSDESC;
// 			form1.creditTXNSEQ.value=r.HEAD.TXNSEQ;
            form1.creditRETURNCODE.value = r.HEAD.RETURNCODE;
            form1.creditRETURNDESC.value = r.HEAD.RETURNDESC;
// 			form1.creditREFRETURNCODE.value=r.HEAD.REFRETURNCODE;
// 			form1.creditREFRETURNDESC.value=r.HEAD.REFRETURNDESC;
            form1.creditBirthdate.value = r.CONTENT.Birthdate;
// 			form1.creditMemo.value=r.CONTENT.Memo;
// 			form1.creditToken.value=r.CONTENT.Token;
// 			form1.creditLoginFailedCount.value=r.CONTENT.LoginFailedCount;

        }

        var vrfyCode;

        function vrfyCodeCreditAjax() {
            var url = '/NetBank/vrfyCodeCredit.html'
            $.ajax({
                url: url,
                async: false,
                success: function (json) {
                    ajaxErrorHandler(json);
                    vrfyCode = JSON.parse(json).vrfyCode;
                },
                error: function (jqXHR, textStatus, errorThrown) {

                }
            });
        }

        function checkUsrOptAjax(usrId, custId, RTNMSG) {
            var url = '/NetBank/checkUsrOpt.html';
            sendData = {
                custId: custId,
                usrId: usrId
            }
            $.ajax({
                async: false,
                url: url,
                type: 'POST',
                data: sendData,
                cache: false,
                success: function (json) {
                    ajaxErrorHandler(json);
                    var isUsrOpt = JSON.parse(json).isUsrOpt;
                    if (isUsrOpt) { //有個網身分
                        if (form1.loginCustId.value.indexOf("00") == 0) { //為企業戶
                            $("#alertMsgContent").text('Credit card services are currently unavailable to corporate customers via i-Bank. To use other functions, please log in as a general customer.');
                            modal0.toggle();
                            var onclick = true;
                            top.$(".btn-comfirm").click(function () {
                                if (onclick) {
                                    $("#generalACNT").click();
                                }
                                onclick = false;
                            });
                        } else {
                            $("#alertMsgContent").text('You have not applied for online credit card services. Please log in as a general customer.');
                            modal0.toggle();
                            var onclick = true;
                            top.$(".btn-comfirm").click(function () {
                                if (onclick) {
                                    $("#generalACNT").click();
                                }
                                onclick = false;
                            });
                        }
                    } else { //無個網身分
                        if (form1.loginCustId.value.indexOf("00") == 0) {
                            $("#alertMsgContent").text('No a credit card holder of First Bank');
                            modal0.toggle();
                        } else {
                            $("#alertMsgContent").text('You are not a credit card holder. Please apply for membership to access credit card services.');
                            modal0.toggle();
                        }
                    }
                },
                error: function (jqXHR, textStatus, errorThrown) {

                }
            });
        }

        function getUOA() {
            var url = '/NetBank/queryUsrOpt.html';
            var formData = {
                custId: form1.loginCustId.value + form1.loginCustIdRptSeq.value,
            };
            var jsonData;
            $.ajax({
                async: false,
                url: url,
                data: formData,
                type: 'POST',
                cache: false,
                success: function (json) {
                    ajaxErrorHandler(json);
                    jsonData = json;
                },
                error: function (jqXHR, textStatus, errorThrown) {

                }
            });
            return jsonData;
        }

        function loginFailAjax() {
            var url = '/NetBank/loginFailAjax.html';
            var formData = {
                custId: form1.loginCustId.value + form1.loginCustIdRptSeq.value,
                browserType: document.getElementById('browserid').value,
                osType: document.getElementById('osType').value
            };
            $.ajax({
                async: false,
                url: url,
                type: 'POST',
                data: formData,
                cache: false,
            });
        }

        function bho_what() {
            //var url = "/NetBank/setBHO.jsp";
            //window.open(url,"_blank","modal=yes,center:yes;dialogHeight=250px;dialogWidth=400px;help:no;resizable=no;status:no");
            //var rtrn = window.showModalDialog(url, window, "center:yes;dialogHeight=250px;dialogWidth=400px;help:no;resizable=no;status:no");
            //jQuery.getScript("/NetBank/rafile/PKCS7SignClientInit.js?6", function() {
            macData();
            //});
        }

        function macData() {

            getMacAddress(document.getElementById('macAddressFromCOM'));
            //var MacAddressArray = new Array(1);
            var macAddress = document.form1.macAddressFromCOM.value;
            console.log('MacAddressArray[0] : ' + macAddress);
            if (macAddress != null && macAddress != "") {
                done();
            }
        }

        function setBhoValue(rtrn) {
            //alert(rtrn);
            if ('' == rtrn[0]) {
                return;
            }
            document.form1.macAddressFromCOM.value = rtrn[0];
            done();
        }

        function reset123() {
            //check the type of brower
            var browserName = navigator.userAgent.toLowerCase();
            if (BrowserDetect.browser != 'Explorer' && BrowserDetect.browser != 'Mozilla' && BrowserDetect.browser != 'Firefox' && BrowserDetect.browser != 'Safari' && BrowserDetect.browser != 'Chrome' && BrowserDetect.browser != 'Opera') {
                alert("1. For improved Internet security, the website is compatible with Microsoft IE, FireFox, and Opera web browsers. \n2. Your current environment does not support the website. FireFox is recommended. This browser can be installed in Windows systems, Linux, and Mac OS X (Apple computers). Please visit the FireFox official website: http://moztw.org/\n3 to download the software and acquire more information. For other browsers (e.g., Google or Mac Safari), please wait for compatible versions in the future. \n4. If you still have concerns and feedback, please contact us through the 24-hour customer service hotline at 02-2181-1111.");
                return;
            }

            form1.loginCustId.value = "";
            form1.loginCustIdRptSeq.value = "0";
            form1.usrId.value = "";
            form1.pwd.value = "";
            form1.chk1.checked = false;
            document.getElementById("UsrIdSpan").innerHTML = "<input name='usrId' type='text' value= '' class='form-menu' size='14' maxlength='12' tabindex='2'>";
        }

        function help() {

            //check the type of brower
            var browserName = navigator.userAgent.toLowerCase();
            if (BrowserDetect.browser != 'Explorer' && BrowserDetect.browser != 'Mozilla' && BrowserDetect.browser != 'Firefox' && BrowserDetect.browser != 'Safari' && BrowserDetect.browser != 'Chrome' && BrowserDetect.browser != 'Opera') {
                alert("1. For improved Internet security, the website is compatible with Microsoft IE, FireFox, and Opera web browsers. \n2. Your current environment does not support the website. FireFox is recommended. This browser can be installed in Windows systems, Linux, and Mac OS X (Apple computers). Please visit the FireFox official website: http://moztw.org/\n3 to download the software and acquire more information. For other browsers (e.g., Google or Mac Safari), please wait for compatible versions in the future. \n4. If you still have concerns and feedback, please contact us through the 24-hour customer service hotline at 02-2181-1111.");
                return false;
            }
        }

        function chgIdType(obj) {
            if (document.getElementById('custClass').value != 'c') {
                if (obj.checked) {
                    document.getElementById("UsrIdSpan").innerHTML = "<input class='username' id='usrIdInput' type='text' maxlength='12' name='usrId' placeholder='Enter Login Username' onkeypress='capLock(event,capsLockTips)' onkeydown='capLock(event,capsLockTips)' onblur='hideCapsLockTips(capsLockTips)' tabindex='2' value='" + document.forms[0].usrId.value + "'>";
                } else {
                    document.getElementById("UsrIdSpan").innerHTML = "<input class='username' id='usrIdInput' type='password' maxlength='12' name='usrId' placeholder='Enter Login Username' onkeypress='capLock(event,capsLockTips)' onkeydown='capLock(event,capsLockTips)' onblur='hideCapsLockTips(capsLockTips)' tabindex='2' value='" + document.forms[0].usrId.value + "'>";
                }
            } else {
                if (obj.checked) {
                    document.getElementById("UsrIdSpan").innerHTML = "<input class='username' id='usrIdInput' type='text' maxlength='12' name='usrId' placeholder='Enter user ID' onkeypress='capLock(event,capsLockTips)' onkeydown='capLock(event,capsLockTips)' onblur='hideCapsLockTips(capsLockTips)' tabindex='2' value='" + document.forms[0].usrId.value + "'>";
                } else {
                    document.getElementById("UsrIdSpan").innerHTML = "<input class='username' id='usrIdInput' type='password' maxlength='12' name='usrId' placeholder='Enter user ID' onkeypress='capLock(event,capsLockTips)' onkeydown='capLock(event,capsLockTips)' onblur='hideCapsLockTips(capsLockTips)' tabindex='2' value='" + document.forms[0].usrId.value + "'>";
                }
            }
        }

        function e2ePwd() {
            var plain = document.forms[0].loginCustId.value + document.forms[0].loginCustIdRptSeq.value + document.forms[0].pwd.value;

            return (getRSABlock(plain));
        }

        // v1.1 調整使用Javascript hash,移除原有cab
        function hash() {
            var plain = document.forms[0].loginCustId.value + document.forms[0].loginCustIdRptSeq.value + document.forms[0].pwd.value;
            return (b64_sha1(plain) + "=");
        }

        //使用者代號AES-128-GCM加密
        function aesEncrypt() {
            var iv = '1234567890abcdef';
            var cipher = forge.cipher.createCipher('AES-GCM', 'SYSTEX.6214@FCB@');
            cipher.start({
                iv: iv
            });
            cipher.update(forge.util.createBuffer(document.forms[0].usrId.value));
            cipher.finish();
            var encrypted = cipher.output;
            var tag = cipher.mode.tag;

            // outputs encrypted hex
            document.forms[0].encData.value = btoa(encrypted.data);
            // outputs authentication tag
            document.forms[0].tag.value = btoa(tag.data);
        }

        function queryLoginStts() {
            aesEncrypt();
            var array = [];
            array.push(document.forms[0].encData.value);
            array.push(document.forms[0].tag.value);
            var url = '/NetBank/popup/ajax_isUsrLogin.html';
            //移除代號改用AES加密傳遞
            var params = 'custId=' + document.forms[0].loginCustId.value + document.forms[0].loginCustIdRptSeq.value + '&usrId=' + document.forms[0].usrId.value + '&pwd=' + hash();
            //var params = 'custId='+document.forms[0].loginCustId.value+document.forms[0].loginCustIdRptSeq.value+'&pwd='+hash()+'&encData='+array;
            var divId = 'ajaxLoginStts';

            $.ajax({
                async: false,
                url: url,
                method: "post",
                data: params,
                dataType: "html",
                error: function (err) {
                    if (err.status == '500') {
                        alert(err.responseText);
                    }
                },
                success: function (result) {
                    ajaxErrorHandler(result);
                    document.getElementById(divId).innerHTML = result;
                }
            });
        }

        function reportError() {
            LoginFailMsg("error");
            var text = document.forms[0].pwd.value;

            document.forms[0].countInt.value = CountInt(text);
            document.forms[0].countLo.value = CountLo(text);
            document.forms[0].countUp.value = CountUp(text);
            //rsapinblock
            document.forms[0].rsaBlock.value = e2ePwd();
            if (document.forms[0].rsaBlock.value == "9999") {
                alert(document.forms[0].rsaBlock.value + "-網路傳輸發生問題,請注意連線狀態再重新連線");
                return;
            }
            //encrypt usrId
            aesEncrypt();
            //清除UsrId改用AES傳遞
            document.forms[0].usrId.value = '';
            $('#usrIdInput').attr('placeholder', '••••••••••••••••••••••••••••••');
            // hash password
            //v1.3
            var hashText = hash();
            jQuery(document.forms[0].pwd).attr("maxlength", hashText.length);
            document.forms[0].pwd.value = hashText;
            document.forms[0].action = "login.html";
            //document.forms[0].submit();
        }

        function done() {
            //debugger;
            var form = document.form1;
            if (form.loginStts.value == '1') {
                if (!confirm("Duplicate login or error in previous log out. Tap Confirm to enable automatic closure of the previous connection. Then, log in again.")) {
                    return false;
                }
            }
            var text = document.forms[0].pwd.value;
            document.forms[0].countInt.value = CountInt(text);
            document.forms[0].countLo.value = CountLo(text);
            document.forms[0].countUp.value = CountUp(text);
            //rsapinblock
            document.forms[0].rsaBlock.value = e2ePwd();
            if (document.forms[0].rsaBlock.value == "9999") {
                alert(document.forms[0].rsaBlock.value);
                return;
            }
            //encrypt usrId
            aesEncrypt();
            //清除UsrId改用AES傳遞
            document.forms[0].usrId.value = '';
            $('#usrIdInput').attr('placeholder', '••••••••••••••••••••••••••••••');
            // hash password
            //v1.3
            var hashText = hash();
            jQuery(document.forms[0].pwd).attr("maxlength", hashText.length);
            document.forms[0].pwd.value = hashText;
            document.forms[0].hashText2.value = b64_sha1(text);
            document.forms[0].action = "login.html";
            document.forms[0].submit();
        }

        function finfo(page) {
            form1.h1.value = page;
            form1.action = "7/00.html";
            form1.submit();
        }

        //v1.3
        function enroll() {
            form1.action = "14/00.html";
            form1.submit();
        }

        function pwdSttsReset() {
            form1.action = "14/0201.html";
            form1.submit();
        }

        function cancelAcctIn() {
            form1.action = "14/0301.html";
            form1.submit();
        }

        function reservation() {
            form1.action = "14/0501.html";
            form1.submit();
        }

        function initbrowser() {
            var Sys = {};
            var ua = navigator.userAgent.toLowerCase();
            var s, browser;
            (s = ua.match(/msie ([\d.]+)/)) ? Sys.ie = s[1] :
                (s = ua.match(/trident\/([\d.]+)/)) ? Sys.ie = "11" :
                    (s = ua.match(/firefox\/([\d.]+)/)) ? Sys.firefox = s[1] :
                        (s = ua.match(/chrome\/([\d.]+)/)) ? Sys.chrome = s[1] :
                            (s = ua.match(/opera.([\d.]+)/)) ? Sys.opera = s[1] :
                                (s = ua.match(/version\/([\d.]+).*safari/)) ? Sys.safari = s[1] : 0;

            if (Sys.ie) {
                browser = 'IE' + ' ' + Sys.ie;
            } else if (Sys.firefox) {
                browser = 'Firefox' + ' ' + Sys.firefox;
            } else if (Sys.chrome) {
                browser = 'Chrome' + ' ' + Sys.chrome;
            } else if (Sys.opera) {
                browser = 'Opera' + ' ' + Sys.opera;
            } else if (Sys.safari) {
                browser = 'Safari' + ' ' + Sys.safari;
            } else {
                browser = 'OTHER';
            }
            document.getElementById('browserid').value = browser.toUpperCase();

        }

        //v1.6
        //            var iid;
        //            function reloadd() {
        //document.getElementById('clock').innerHTML = t--;

        //此交易超過30分鐘未動作
        //alert('You have not made any actions in the past 30 minutes. The system will redirect to the homepage automatically\!');
        //                clearInterval(iid);
        //                location.href='index.jsp';
        //            }
        //執行
        //            iid = setInterval("reloadd()", 60000*28);
        //refresh 圖形驗證碼
        setInterval(chgImg, 9 * 60 * 1000);

        function userBrowser() {
            var browserName = navigator.userAgent.toLowerCase();
            if (BrowserDetect.browser != 'Explorer' && BrowserDetect.browser != 'Firefox' && BrowserDetect.browser != 'Safari' && BrowserDetect.browser != 'Chrome' && BrowserDetect.browser != 'Opera' && BrowserDetect.browser != 'Mozilla') {
                form1.loginCustId.disabled = true;
                form1.loginCustIdRptSeq.disabled = true;
                form1.usrId.disabled = true;
                form1.chk1.disabled = true;
                form1.pwd.disabled = true;
                alert("1. For improved Internet security, the website is compatible with Microsoft IE, FireFox, and Opera web browsers. \n2. Your current environment does not support the website. FireFox is recommended. This browser can be installed in Windows systems, Linux, and Mac OS X (Apple computers). Please visit the FireFox official website: http://moztw.org/\n3 to download the software and acquire more information. For other browsers (e.g., Google or Mac Safari), please wait for compatible versions in the future. \n4. If you still have concerns and feedback, please contact us through the 24-hour customer service hotline at 02-2181-1111.");
                return;
            }
        }

        function show2() {
            if (form1.show.value == "1") {
                alert(form1.showNotice.value);
            }
            var Digital = new Date();
            //var Year=Digital.getFullYear()-1911;
            var Year = Digital.getFullYear();
            var Month = Digital.getMonth() + 1;
            var day = Digital.getDate();
            var hours = Digital.getHours();
            var minutes = Digital.getMinutes();
            var seconds = Digital.getSeconds();
            var apm = "AM";
            if (hours == 0) hours = 12;
            if (minutes <= 9) minutes = "0" + minutes;
            if (seconds <= 9) seconds = "0" + seconds;
            if (hours > 12) apm = "PM";
            if (Month <= 9) Month = "0" + Month;
            if (day <= 9) day = "0" + day;
            var ctime = hours + ":" + minutes;
            now.innerHTML = "Current Time " + Year + "-" + Month + "-" + day + " " + ctime;
            setTimeout("show2()", 30000);
            userBrowser();
        }

        function processTips() {
            //alert(document.forms[1].loginCustId.value.length);
            //v1.1
            fix_custId(document.forms[1].loginCustId);
            if (document.forms[1].loginCustId.value.length != 10) {
                alert("ID No./Registration No.Incorrect length\!");
                doSelect(document.forms[1].loginCustId);
                return;
            }
            if ($('#idseqtip').val() == "") {
                $('#idseqtip').val(0);
            }

            document.forms[1].loginCustId.value = document.forms[1].loginCustId.value.toUpperCase();
            queryTips();
        }

        function queryTips() {
            var url = '/NetBank/popup/newQueryTips.html';
            var params = 'custId=' + document.forms[1].loginCustId.value + document.forms[1].loginCustIdRptSeq.value;
            var divId = 'spanTip';
            $("#cancelButton").addClass('btn-comfirm');
            $("#cancelButton").css("background-color", "#EE8E3D");
            $("#cancelButton").text("我知道了");
            $.ajax({
                url: url,
                method: "POST",
                data: params,
                dataType: "html",
                error: function (err) {
                    if (err.status == '500') {
                        alert(err.responseText);
                    }
                    alert("Ajax queryTips() error");
                },
                success: function (result) {
                    ajaxErrorHandler(result);
                    tipLabel.style.display = "";
                    document.getElementById(divId).innerHTML = result;
                    $("#inputID").hide();
                    $("#confirmButton").hide();
                    $("#yourModalId").css("width", "500px");
                    //$("#cancelButton").addClass("btn-comfirm").removeClass("btn-cancel").text("Got it");
                }
            });
        }

        function windowOpen(url, isBlank) {
            if (isBlank) {
                window.open(url, "_blank");
            } else {
                window.open(url, "_self");
            }
        }

        var isCapsOn = false;

        function capLock(e, id, type) {
            var keyCode = e.keyCode ? e.keyCode : e.which;
            var kc = keyCode ? keyCode : e.charCode;
            //if(CapsLock.isOn()) //$(id).show();
            //else $(id).hide();

            // if(type==1 && kc==20 ) {
            //  if(window.navigator.appName!="Microsoft Internet Explorer") {
            //      isCapsOn = false;
            //      $(id).hide();
            //  }
            // } else {
            //  e = (e) ? e : window.event;

            //  // var v = e.target.value;
            //   //get keycode
            //  var isLow = (kc >= 65 && kc <= 90) ? true : false; // uppercase
            //  var isUp = (kc >= 97 && kc <= 122) ? true : false; // lowercase
            //  // event.shiftKey does not seem to be normalized by jQuery(?) for IE8-
            //  var isShift = ( e.shiftKey ) ? e.shiftKey : ( (kc == 16) ? true : false ); // shift is pressed

            //  // uppercase w/out shift or lowercase with shift == caps lock
            //  if (kc == 20) {
            //      if(window.navigator.appName=="Microsoft Internet Explorer") {
            //          isCapsOn = isCapsOn==false?true:false;

            //          if (!isCapsOn)
            //              $(id).hide();
            //          else
            //              $(id).show();
            //      } else {
            //          isCapsOn = true;
            //          $(id).show();
            //      }

            //  } else {
            //      if( (isUp && !isShift) || (isLow && isShift) || isCapsOn ) $(id).show();
            //      else $(id).hide();
            //  }

            // }
        }

        function hideCapsLockTips(tips) {
            $(tips).hide();
        }

        function remindUserClickingMouse(event, id) {
            var keyCode = event.keyCode ? event.keyCode : event.which;
            var kc = keyCode ? keyCode : event.charCode
            var tempText = $("#capsLockTips").children("p").text();
            if (kc == 13) {
                var marginTop = $(id).css({"margin-top": "-20px"});
                $(id).children("p").text('Please click on the login button.');
                $(id).slideUp(200).delay(200).fadeIn(200);
            } else {
                var marginTop = $(id).css({"margin-top": "-60px"});
                $(id).hide();
                $(id).children("p").text(tempText);
            }
        }

        // 首頁用的url導引, 配合default.js的修改
        function resetIFrameSrc(url) {
            window.location.href = url;
        }

        var slideImg = [];

        function loadSections() {
            var cf7Obj = document.getElementById("cf7").getElementsByTagName("img");
            for (var i = 2; i < cf7Obj.length; i++) {
                cf7Obj[i].style.background = "url(" + slideImg[i] + ")";
            }
            document.getElementById("section-2").style.display = "block";
            document.getElementById("section-3").style.display = "block";
        }

        //檢查AP狀態
        function chkAPStatus() {
            var lgnStatus = "null";
            if ("0" == lgnStatus) {
                $("#tab1").css("left", "0px");
                $("#tab1").css("position", "absolute");
                $("#tab1").html("<img src='images/bg_stopLogin.png'>");
            }
        }

        //TLS1.1不支援,偵測IE9or10進行訊息提醒
        function detectBrowser() {
            if (navigator.userAgent.search("MSIE 10") > -1 || navigator.userAgent.search("MSIE 9") > -1) {			//IE9or10
                var date = new Date();
                var deadline = getCookie("deadline");
                var nowtime = date.getTime();
                var thisYear = date.getFullYear();
                var thisMonth = date.getMonth() + 1;//0~11 所以加1
                var thisDate = date.getDate();

                if ((thisMonth >= 13 || (thisMonth == 12 && thisDate >= 18) || thisYear > 2019)) {  //108/12/18後導到官網
                    //document.location.href= "https://www.firstbank.com.tw/servlet/fbweb/zh_TW/1454093620689";
                } else if (deadline = "" || nowtime >= deadline) {
                    strFeatures = "top=300,left=380,width=800,height=200,toolbar=0,menubar=0,location=0,status=0,scrollbars=1";
                    window.open("OneMonth.html", "MyNew", strFeatures);
                }
            }
        }

    </script>
    <script type="text/javascript">
	    var isPlayed = false;
	    function sourceVrfyCode() {
	    	var item = 1;
	    	var word = '';
	    	var vrfyCodeStr;
	        var url = '/NetBank/code_verify2.jpg';
	        console.log('url:' + url);
	        $.ajax({
	        	url : url,
	        	type : "POST",
	        	async : false,
	        	dataType : "text",
	        	data : {
	        		func : "2",
	        		vrfyCode : form1.vrfyCode.value.toUpperCase()
	        	},
	        	success : function(json) {
	        		vrfyCodeStr = JSON.parse(json).vrfyCodeStr;
	        	}
	        });
	    	if(isPlayed){
	    		return;
	    	}else{
	    		isPlayed=true;
	    	}
	    	var source =  document.getElementById("source");
	    	source.autoplay = true;
	    	var playSource = function (){
	    		if(item<vrfyCodeStr.length){
	    			word = vrfyCodeStr.charAt(item).toLowerCase();
	    			source.src='/NetBank/sound/'+word+'.mp3';
	    			item = item +1;
	    		}else {
	    			source.removeEventListener('ended', playSource, false);
	    			isPlayed = false;
	    		}
	    	}
	    	source.addEventListener('ended', playSource);
	    	source.src='/NetBank/sound/'+vrfyCodeStr.charAt(0).toLowerCase()+'.mp3';
	    	source.load();
	    	source.play();
	    }
    </script>
<script type="text/javascript" src="https://imedia.firstbank.com.tw/mmccmedia/firstbank/res/addon.js?i=2"></script><script type="text/javascript" src="https://bdtag.firstbank.com.tw/webads/pageTag?AQB=1&amp;Log=1&amp;rsid=FCB-DEV&amp;ts=s94473624609347&amp;t=1%2F9%2F2024%209%3A11%3A58%202%200&amp;ce=UTF-8&amp;ns=FCB&amp;pageName=ibank.firstbank.com.tw%2FNetBank%2Findex103.html&amp;g=https%3A%2F%2Fibank.firstbank.com.tw%2FNetBank%2Findex103.html&amp;s=1x1&amp;c=24&amp;j=1.6&amp;v=N&amp;k=N&amp;bw=800&amp;bh=600&amp;AQE=1&amp;ok=Y&amp;PG_PATH=netbank%2Findex103.html&amp;url=https%3A%2F%2Fibank.firstbank.com.tw%2Fnetbank%2Findex103.html&amp;cookie=_gid%3DGA1.3.1328643735.1727773916%3B%20_gat_UA-121851602-2%3D1%3B%20_ga%3DGA1.1.1967061049.1727773916%3B%20_ga_4H92N113R5%3DGS1.1.1727773915.1.0.1727773916.0.0.0%3B%20_ga_W9Y8MY28KQ%3DGS1.1.1727773916.1.0.1727773916.0.0.0%3B%20v1st%3D2E73D4C06F0FFD3F%3B%20manual_refresh%3D1&amp;PG_URL=https%3A%2F%2Fibank.firstbank.com.tw%2FNetBank%2Findex103.html&amp;PG_HOSTNAME=ibank.firstbank.com.tw&amp;PG_QUERYSTRING=&amp;PG_REF=&amp;USERAGENT=Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/119.0.0.0 Safari/537.36&amp;PG_TITLE=First Bank i-Bank&amp;DV_BROWSER=Chrome%20119&amp;DV_SCREENSIZE=1x1&amp;DV_OS=Windows%2010&amp;SESSION_NO=2E73D4C06F0FFD3F&amp;BDCN="></script></head>
<body onload="chkAPStatus();detectBrowser();">
<!-- Google Tag Manager (noscript) -->
<noscript>
    <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KR89L4M"
            height="0" width="0" style="display:none;visibility:hidden"></iframe>
</noscript>
<!-- End Google Tag Manager (noscript) -->
<input type="hidden" id="lessIE8Msg" value="Please be reminded that First Bank’s Personal Internet Banking was redesigned and updated on September 20, 2015. To gain full access to the transaction services and for your optimal experience, please use IE9 web browser or above versions with a resolution of 1024*768. How to update: Search for updated versions online or execute Windows Update to update your IE web browser.">
<!--topbar-->
<a href="#login-msg"></a>
<section class="top-area">
    <!--topbar-->
    <div id="top-bar" class="index-bar">
        <div class="row">
            <a href="https://www.firstbank.com.tw" target="_blank">
                <div class="logo">
                </div>
            </a>
            <h2 class="index_sub"><a href="/NetBank/index103.html" target="_blank" style="color:#a88045 ">i-Bank</a></h2>
            <div><!-- top navigation -->
                <ul class="main-nav index-nav">
                    <li><a href="http://www.firstholding.com.tw/" target="_blank">First Financial Holding</a>
                    </li>
                    <li>|</li>
                    <!-- D222935
                                        <li><a href="https://www.firstbank.com.tw/servlet/fbweb/ServiceLocation" target="_blank">Service Locations</a></li>
                                        <li>|</li>
                                         -->
                    <!-- D200428-->
                    <li><a href="https://eatm.firstbank.com.tw/" target="_blank">eATM</a></li>
                    <li>|</li>

                    <li><a href="https://ebank.firstbank.com.tw/" target="_blank">e-Finance</a>
                    </li>
                    <li>|</li>
                    <li><a href="#" onclick="ajaxSetLocale('zh_TW');">中文</a>
                    </li>
                    <li><a href="https://www.facebook.com/firsthaka" target="_blank"><img src="img/default/icon-facebook.png" width="20px"></a></li>
                </ul>
            </div>
        </div>
    </div>
</section>

<div class="container">
    <div class="row">
        <div class="">
            <div class="row">
                <ul id="menu">
                    <li class="first" data-href="b" id="overview"><a id="b_0" href="#" class="drop overview-a">Overview</a>
                        <!-- Begin 5 columns Item -->
                        <div class="dropdown_4columns" data-href="b">
                            <div class="col_2">
                                <ul>
                                    <li>
                                        <a id="b_0" href="#"><img src="img/a/icon-arrow-orange-s.png" style="top:2px;"><b>Overview</b>
                                            <p>Show balance of all accounts, credit card amount due, and asset allocation.</p>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>

                    </li><!-- End 5 columns Item -->
                    <li id="ntd-menu-li"><a href="#" class="drop" data-href="c">NTD</a>
                        <!-- Begin 4 columns Item -->
                        <div class="dropdown_4columns" data-href="c"><!-- Begin 4 columns container -->
                            <div class="col_2">
                                <ul>
                                    <li class="ntd-li-trans">
                                        <a href="#"><img src="img/a/icon-arrow-orange-s.png" style="top:2px;"><b>Transfer Transaction</b>
                                            <p>Spot/Scheduled Transfer, Enquiry, and Settings</p></a>
                                    </li>
                                    <li class="ntd-li-1">
                                        <a href="#">
                                            <img src="img/a/icon-arrow-orange-s.png" style="top:2px;"><b>Account enquiry</b>
                                            <p>Account Balance, Details, and Inward Remittance Enquiry</p></a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="img/a/icon-arrow-orange-s.png" style="top:2px;"><b>Time Deposit Services</b>
                                            <p>Demand Deposit Conversion to Time Deposit for Integrated Deposit, Automatic Conversion, and C/D Enquiry/Termination</p>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                            <div class="menu-line"></div>
                            <div class="col_2">
                                <ul>
                                    <li>
                                        <a href="#">
                                            <img src="img/a/icon-arrow-orange-s.png" style="top:2px;"><b>Withdrawal/Deposit check enquiry</b>
                                            <p>Enquiry on Cashed Negotiable Instruments and Rate of Return</p></a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="img/a/icon-arrow-orange-s.png" style="top:2px;"><b>Check collection</b>
                                            <p>Negotiable Instrument Collection Enquiry</p></a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="img/a/icon-arrow-orange-s.png" style="top:2px;"><b>ez-account</b>
                                            <p>ez-Account Internet Account Function Section</p></a>
                                    </li>
                                </ul>
                            </div>
                        </div><!-- End 4 columns container -->
                    </li><!-- End 4 columns Item -->
                    <li><a href="#" class="drop" data-href="d">Foreign Currency</a>
                        <!-- Begin 4 columns Item -->
                        <div class="dropdown_4columns" data-href="d"><!-- Begin 4 columns container -->
                            <div class="col_2">
                                <ul>
                                    <li>
                                        <a href="#"><img src="img/a/icon-arrow-orange-s.png" style="top:2px;"><b>Currency Swaps</b>
                                            <p>Currency Exchange/Exchange Rate Enquiry</p></a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="img/a/icon-arrow-orange-s.png" style="top:2px;"><b>Transfer Transaction</b>
                                            <p>FCY Transfer and Scheduled Transfer Enquiry/Cancellation</p></a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="img/a/icon-arrow-orange-s.png" style="top:2px;"><b>Account enquiry</b>
                                            <p>FCY Account Enquiry/Printing of Slips</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="img/a/icon-arrow-orange-s.png" style="top:2px;"><b>Structured Product Transaction</b>
                                            <p>Structured Product Transaction Enquiry</p></a>
                                    </li>
                                </ul>
                            </div>
                            <div class="menu-line-l"></div>
                            <div class="col_2">
                                <ul id="menu-for">
                                    <li>
                                        <a href="#">
                                            <img src="img/a/icon-arrow-orange-s.png" style="top:2px;"><b>Foreign Outward Remittance Services</b>
                                            <p>FCY Remittance and Enquiry</p></a>
                                    </li>

                                    <li>
                                        <a href="#">
                                            <img src="img/a/icon-arrow-orange-s.png" style="top:2px;"><b>Time Deposit Services</b>
                                            <p>FCY Time Deposit Application/Termination and Enquiry</p></a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="img/a/icon-arrow-orange-s.png" style="top:2px;"><b>Buy foreign currency cash</b>
                                            <p>FCY Notes Checks Online Subscription/Enquiry</p></a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="img/a/icon-arrow-orange-s.png" style="top:2px;"><b>FX rate alert</b>
                                            <p>Exchange Trade Matching Notification Setup</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="img/a/icon-arrow-orange-s.png" style="top:2px;"><b>衍生性KYC評估作業</b>
                                            <p>KYC Assessment (Add/Change/Enquiry)</p></a>
                                    </li>
                                </ul>
                            </div>
                        </div><!-- End 4 columns container -->
                    </li><!-- End 4 columns Item -->
                    <li><a href="#" class="drop" data-href="f">Funds/Trusts</a>
                        <!-- Begin 4 columns Item -->
                        <div class="dropdown_4columns" data-href="f"><!-- Begin 4 columns container -->
                            <div class="col_2">
                                <ul>
                                    <li>
                                        <a id="f_1" href="#">
                                            <img src="img/a/icon-arrow-orange-s.png" style="top:2px;"><b>Fund enquiry</b>
                                            <p>Domestic/Offshore Funds, Investment P/L and Details Enquiry</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a id="f_2" href="#">
                                            <img src="img/a/icon-arrow-orange-s.png" style="top:2px;"><b>Funds Service</b>
                                            <p>Domestic/Offshore Funds, Subscription, Redemption, Conversion and Online confirmation of fund transaction</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a id="f_4" href="#">
                                            <img src="img/a/icon-arrow-orange-s.png" style="top:2px;"><b>國外債券專區</b>
                                            <p>預約圈存、贖回交易、交易查詢</p></a>
                                    </li>
                                    <li>
                                        <a id="f_6" href="#">
                                            <img src="img/a/icon-arrow-orange-s.png" style="top:2px;"><b>Offshore ETF Section (EF and EH series)</b>
                                            <p>ETF委託交易、投資損益及明細查詢</p></a>
                                    </li>
                                    <li>
                                        <a id="f_3" href="#">
                                            <img src="img/a/icon-arrow-orange-s.png" style="top:2px;"><b>Magic Funds</b>
                                            <p>Magic Funds Investment Application and Enquiry</p></a>
                                    </li>
                                </ul>
                            </div>
                            <div class="menu-line"></div>
                            <div class="col_2">
                                <ul>
                                    <!--D200428 -->
                                    <li>
                                        <a id="f_7" href="#">
                                            <img src="img/a/icon-arrow-orange-s.png" style="top:2px;"><b>Robo Investment</b>
                                            <p></p></a>
                                    </li>
                                    <li>
                                        <a id="f_4" href="#">
                                            <img src="img/a/icon-arrow-orange-s.png" style="top:2px;"><b>理財KYC評估作業</b>
                                            <p>KYC Assessment (Add/Change/Enquiry)</p></a>
                                    </li>
                                    <li>
                                        <a id="f_5" href="#">
                                            <img src="img/a/icon-arrow-orange-s.png" style="top:2px;"><b>Other Services</b>
                                            <p>Statement of Investment Advisory Services and Agreement for Fund Payment w/Credit Card/Signing supplemental trust deed</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a id="f_0" href="#"><img src="img/a/icon-arrow-orange-s.png" style="top:2px;"><b>Trust assets NAV enquiry</b>
                                            <p>Funds and Securities</p></a>
                                    </li>
                                </ul>
                            </div>
                        </div><!-- End 4 columns container -->
                    </li><!-- End 4 columns Item -->
                    <li><a href="#" class="drop" data-href="g">Gold</a>
                        <!-- Begin 4 columns Item -->
                        <div class="dropdown_4columns" data-href="g"><!-- Begin 4 columns container -->
                            <div class="col_2">
                                <ul>
                                    <li>
                                        <a href="#"><img src="img/a/icon-arrow-orange-s.png" style="top:2px;"><b>Gold Passbook price</b>
                                            <p>First Bank’s Gold Passbook Price</p></a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="img/a/icon-arrow-orange-s.png" style="top:2px;"><b>Gold Passbook Query</b>
                                            <p>Gold Passbook Investment P/L and Transaction Details Enquiry</p></a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="img/a/icon-arrow-orange-s.png" style="top:2px;"><b>Subscription/Selling back/Transfer Transaction</b>
                                            <p>Gold Passbook Subscription/Sellback/Transfer Transaction</p>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                            <div class="menu-line"></div>
                            <div class="col_2">
                                <ul>
                                    <li>
                                        <a href="#">
                                            <img src="img/a/icon-arrow-orange-s.png" style="top:2px;"><b>Dollar-cost/Value Averaging Strategy Transaction</b>
                                            <p>Gold Passbook Dollar-cost/Value Averaging Strategy Application/Change/Enquiry</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="img/a/icon-arrow-orange-s.png" style="top:2px;"><b>Order Matching</b>
                                            <p>Gold Order Matching Subscription/Sellback/Enquiry/Cancellation</p></a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="img/a/icon-arrow-orange-s.png" style="top:2px;"><b>理財KYC評估作業</b>
                                            <p>KYC Assessment (Add/Change/Enquiry)</p></a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="img/a/icon-arrow-orange-s.png" style="top:2px;"><b>Other Services</b>
                                            <p>Information on Opening Gold Passbook Account and Gold Weight Conversion Table</p>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div><!-- End 4 columns container -->
                    </li><!-- End 4 columns Item -->
                    <li><a href="#" class="drop" data-href="h">Fee/Tax</a>
                        <!-- Begin 4 columns Item -->
                        <div class="dropdown_4columns align_right" data-href="h"><!-- Begin 4 columns container -->
                            <div class="col_2">
                                <ul>
                                    <li>
                                        <a href="#"><img src="img/a/icon-arrow-orange-s.png" style="top:2px;"><b>iBank Portal for Tuition and Other Fees</b>
                                            <p>Payment of Tuition and Other Fees, Payment Status Enquiry and Printing of Proof of Payment</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="img/a/icon-arrow-orange-s.png" style="top:2px;"><b>Tuition and Other Fees</b>
                                            <p>Pay Tuition and Other Fees</p></a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="img/a/icon-arrow-orange-s.png" style="top:2px;"><b>NHI premium</b>
                                            <p>Pay NHI Premium</p><p></p></a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="img/a/icon-arrow-orange-s.png" style="top:2px;"><b>Public Utilities Fee</b>
                                            <p>Pay Taiwan Water Corporation Charges, Taiwan Power Company Charges and Public Utilities Fees</p></a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="img/a/icon-arrow-orange-s.png" style="top:2px;"><b>National Pension</b>
                                            <p>Pay National Pension</p></a>
                                    </li>
                                </ul>
                            </div>
                            <div class="menu-line-xl"></div>
                            <div class="col_2">
                                <ul id="menu-tax">
                                    <li>
                                        <a href="#">
                                            <img src="img/a/icon-arrow-orange-s.png" style="top:2px;"><b>Chunghwa Telecom Telephone Charges</b>
                                            <p>Pay Chunghwa Telecom Telephone Charges</p></a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="img/a/icon-arrow-orange-s.png" style="top:2px;"><b>Futures Margin</b>
                                        </a>
                                    </li>
                                    <li id="tax-li" style="height:100px;">
                                        <a href="#">
                                            <img src="img/a/icon-arrow-orange-s.png" style="top:2px;"><b>Tax-Fees</b>
                                            <p>Pay Taxes/Fees</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="img/a/icon-arrow-orange-s.png" style="top:2px;"><b>Credit Card Fee</b>
                                            <p>Pay Credit Card Fees of First Bank and Other Banks</p></a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="img/a/icon-arrow-orange-s.png" style="top:2px;"><b>Other Fees</b>
                                            <p>Payment for Collection by First Bank and Other Banks</p></a>
                                    </li>
                                </ul>
                            </div>
                        </div><!-- End 4 columns container -->
                    </li><!-- End 4 columns Item -->
                    <li><a href="#" class="drop" data-href="i">Credit Card</a>
                        <!-- Begin 4 columns Item -->
                        <div class="dropdown_4columns align_right" data-href="i"><!-- Begin 4 columns container -->
                            <div class="col_2">
                                <ul>
                                    <li>
                                        <a href="#"><img src="img/a/icon-arrow-orange-s.png" style="top:2px;"><b>Credit Card Section/Online Services <br>Login</b>
                                            <p>Credit Card Website and Credit Card Online Service Login</p></a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="img/a/icon-arrow-orange-s.png" style="top:2px;"><b>Account enquiry</b>
                                            <p>Credit Card Statement, Payment, and Unposted Transactions Enquiry</p></a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="img/a/icon-arrow-orange-s.png" style="top:2px;"><b>Pay credit card bill</b>
                                            <p>Credit Card Fees of the Bank and Other Banks</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="img/a/icon-arrow-orange-s.png" style="top:2px;"><b>NTD Automatic Debit Settings</b>
                                            <p>Credit Card Automatic Debit Account Application, Enquiry and Deletion</p></a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="img/a/icon-arrow-orange-s.png" style="top:2px;"><b>Credit Card Application</b>
                                            <p>Credit card holders  are welcome to apply for other First Bank credit cards online.</p>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                            <div class="menu-line-l"></div>
                            <div class="col_2">
                                <ul id="menu-credit">
                                    <li>
                                        <a href="#">
                                            <img src="img/a/icon-arrow-orange-s.png" style="top:2px;"><b>E-statement</b>
                                            <p>Credit Card e-Statement Application, Enquiry and Re-send</p></a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="img/a/icon-arrow-orange-s.png" style="top:2px;"><b>Cash Advance</b>
                                            <p>Cash Advance Application, Password Application and Enquiry</p></a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="img/a/icon-arrow-orange-s.png" style="top:2px;"><b>Direct Debit Public Utilities Fees</b>
                                            <p>Application and Enquiry of Credit Card Direct Debit for Public Utilities Fees</p></a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="img/a/icon-arrow-orange-s.png" style="top:2px;"><b>Reward points enquiry</b>
                                            <p>Credit Card Reward Points Enquiry and Redemption Details</p></a>
                                    </li>
                                    <li style="height:100px;dispaly:block;">
                                        <a href="#">
                                            <img src="img/a/icon-arrow-orange-s.png" style="top:2px;"><b>Credit Card Payment for Other Fees</b>
                                            <p>Link to Other e-Transaction Platforms for Other Payment</p>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div><!-- End 4 columns container -->
                    </li><!-- End 4 columns Item -->

                    <li class="first" data-href="m" id=""><a id="m_0" href="#" class="drop overview-a">Insurance</a>
                        <!-- Begin 5 columns Item -->
                        <div class="dropdown_4columns align_right" data-href="m">
                            <div class="col_2">
                                <ul>
                                    <li>
                                        <a id="m_0" href="#"><img src="img/a/icon-arrow-orange-s.png" style="top:2px;"><b>Insurance</b>
                                            <p>Policy Inquiry</p></a>
                                    </li>
                                    <li>
                                        <a id="m_1" href="#"><img src="img/a/icon-arrow-orange-s.png" style="top:2px;"><b>Online Insurance</b>
                                    </a></li><a id="m_1" href="#">
                                    </a>
                                </ul>

                            </div>
                        </div>
                    </li><!-- 保險專區 -->

                    <li><a href="#" class="drop" data-href="j">NTD Loan</a>
                        <!-- Begin 4 columns Item -->
                        <div class="dropdown_4columns align_right" data-href="j"><!-- Begin 4 columns container -->
                            <div class="col_2" style="height:auto">
                                <ul>
                                    <li>
                                        <a id="j_0" href="#"><img src="img/a/icon-arrow-orange-s.png" style="top:2px;"><b>Loan Application</b>
                                            <p>Online Loan Application</p></a>
                                    </li>
                                    <!-- <li>
                                        <a id="j_1" href="#">
                                            <img src="img/a/icon-arrow-orange-s.png" style="top:2px;"><b>Transaction Details</b>
                                            <p>Loan Details and History Inquiry</p></a>
                                    </li> -->
                                    <!-- 中途還款 -->
                                    <li>
                                        <a id="j_7" href="#">
                                            <img src="img/a/icon-arrow-orange-s.png" style="top:2px;"><b>
                                            Loan Overview / Repayment</b>
                                            <p>Inquire about Loan Details &amp; Make Partial Repayments</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a id="j_5" href="#">
                                            <img src="img/a/icon-arrow-orange-s.png" style="top:2px;"><b>Loan Application Progress</b>
                                            <p>Personal Loan Application Progress Query</p>
                                        </a>
                                    </li>									
                                </ul>
                            </div>
                            <div class="menu-line" style="height: 150px"></div>
                            <div class="col_2" style="height:auto">
                                <ul>
                                    <!-- <li>
                                        <a id="j_2" href="#">
                                            <img src="img/a/icon-arrow-orange-s.png" style="top:2px;"><b>Revolving Account Limit/Interest Enquiry</b>
                                            <p>Revolving Loan Credit Limit and Interest Payment History</p>
                                        </a>
                                    </li> -->
                                    
                                    <li>
                                        <a id="j_4" href="#">
                                            <img src="img/a/icon-arrow-orange-s.png" style="top:2px;"><b>Consent for JCIC</b>
                                            <p>Online Consent for JCIC Credit Inquiry</p></a>
                                    </li>
                                    <!-- 房屋擔保借款繳息清單 -->
                                    <li>
	                                    <a id="j_6" href="#">
                                            <img src="img/a/icon-arrow-orange-s.png" style="top:2px;"><b>
                                            Mortgage_Payment_Certification</b>
                                            <p>Mortgage_Payment_Certification</p>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div><!-- End 4 columns container -->
                    </li><!-- End 4 columns Item -->
                    <li class="last"><a href="#" class="drop" data-href="k">Personalized</a>
                        <!-- Begin 4 columns Item -->
                        <div class="dropdown_4columns align_right menu-per" data-href="k">
                            <!-- Begin 4 columns container -->
                            <div class="col_2">
                                <ul>
                                    <!--   <li style="height:100px;">
                                        <a href="#"><img src="img/a/icon-arrow-orange-s.png"
                                                         style="top:2px;"><b>Activate Mobile Banking</b>
                                            <p>Online Activation/Deactivation of Mobile Banking Account Services</p></a>
                                    </li>-->
                                    <li style="height:100px;">
                                        <a href="#">
                                            <img src="img/a/icon-arrow-orange-s.png" style="top:2px;"><b>Cloud Payment Service</b>
                                            <p>Loss Report、Cancel loss report、De-register</p></a>
                                    </li>
                                    <li style="height:100px;">
                                        <a href="#">
                                            <img src="img/a/icon-arrow-orange-s.png" style="top:2px;"><b>One-touch service</b>
                                            <p>Online Authentication Code Application/Suspension</p></a>
                                    </li>
                                    <li style="height:100px;">
                                        <a id="k_8" href="#">
                                            <img src="img/a/icon-arrow-orange-s.png" style="top:2px;"><b>e指通/iLEO裝置綁定身份驗證服務</b>
                                            <p>線上進行身份驗證後,該手機門號可開放取得e指通/iLEO裝置綁定之簡訊驗證碼</p>
                                        </a>
                                    </li>
                                    <li style="height:100px;">
                                        <a href="#">
                                            <img src="img/a/icon-arrow-orange-s.png" style="top:2px;"><b>Token Services</b>
                                            <p>Token Download, Renewal, Cancellation, Enquiry, Password Change and Software Download</p>
                                        </a>
                                    </li>
                                    <li style="height:80px;">
                                        <a href="#">
                                            <img src="img/a/icon-arrow-orange-s.png" style="top:2px;"><b>Register Loss/Application/Close</b>
                                            <p>Online Loss Report and Service Application</p>
                                        </a>
                                    </li>
                                    <li style="height:100px;">
                                        <a href="#">
                                            <img src="img/a/icon-arrow-orange-s.png" style="top:2px;"><b>Security Settings</b>
                                            <p>Change Login Code/Password, SSL Transaction Password, and Passbook Withdrawal Password</p>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                            <div class="menu-line"></div>
                            <div class="col_2 no-bor">
                                <ul>
                                    <li style="height:80px;">
                                        <a href="#">
                                            <img src="img/a/icon-arrow-orange-s.png" style="top:2px;"><b>My settings</b>
                                            <p>Change Basic Information and Set Personal Menu</p></a>
                                    </li>
                                    
                                    <li style="height:100px;">
                                        <a href="#">
                                            <img src="img/a/icon-arrow-orange-s.png" style="top:2px;">
                                            <b>Commonly Used Functions Setup</b>
                                            <p>Set Frequently Used Functions based on customers’ habits and preferences</p>
                                        </a>
                                    </li>
                                    <li style="height:100px;">
                                        <a href="#">
                                            <img src="img/a/icon-arrow-orange-s.png" style="top:2px;">
                                            <b>Download Withholding (Payment) Statements</b>
                                            <p>Print Withholding Statements for Tax and Supplementary Premium</p>
                                        </a>
                                    </li>

                                    <li style="height:100px;">
                                        <a href="#">
                                            <img src="img/a/icon-arrow-orange-s.png" style="top:2px;"><b>KYC Assessment</b>
                                            <p>KYC Assessment (Add/Change/Enquiry)</p></a>
                                    </li>

                                    <li style="height:100px;">
                                        <a href="#">
                                            <img src="img/a/icon-arrow-orange-s.png" style="top:2px;">
                                            <b>Special Activities</b>
                                            <p>Recent Marketing Campaign and Discount Information</p>
                                        </a>
                                    </li>

                                </ul>
                            </div>
                        </div><!-- End 4 columns container -->
                    </li><!-- End 4 columns Item -->
                    <div class="nav-id" style="background-image:url(img/a/nav-ci.png);float:right;width:101px;height:40px;border-right:none;"></div>
                </ul>
            </div>
        </div>
        <!-- Login Panel -->
        <!-- <div class="row" style="width:320px;float:right;"> -->
        <div id="login-panel">
            <div class="log-title">
                <img src="img/default/icon-lock.png">User Login
                <span id="keyboardOpen" class="keyboard_icon" style="position:absolute; top:18px; left:188px;width: 132px;"><div class="log-keybo" style="margin-top:-12px !important;position:absolute;left:40px;">On-screen Keyboard</div></span>
            </div>
            <div class="abgne_tab">
                <form name="form1" method="POST" action="" autocomplete="off">
                    <ul class="tabs" role="tab">
                        <li id="generalACNT" class="active"><a href="#tab1">General Customer</a></li>
                        <li id="card"><a href="#tab3">Credit Card Holder</a></li>
                        <li id="obu"><a href="#tab2">OBU Customer</a></li>
                    </ul>
                    <div class="tab-container" style="height:272px;">
                        <div id="tab1" class="tab_content" style="display: block;">
                            <div id="tab-1" class="tab-content">
                                <div id="#">
                                    <input type="hidden" name="custClass" id="custClass" value=""> <!-- OBU客戶為o -->
                                    <input class="id-num" type="text" maxlength="10" id="loginCustId" name="loginCustId" placeholder="Enter ID No./Registration No." tabindex="2" value="">
                                    <div id="card_hidden">
                                        &nbsp;-
                                        <input class="id-num-2" type="text" id="loginCustSeq" name="loginCustIdRptSeq" placeholder="0" maxlength="1" size="1" value="0">
                                        <p>Rp. No.</p>
                                    </div>
                                </div>
                                <div id="UsrIdSpanTab">
                                    <span id="UsrIdSpan"><input class="username" type="password" maxlength="12" name="usrId" id="usrIdInput" placeholder="Enter Login Username" tabindex="2" value=""></span>
                                    <div id="capsLockTips" class="msg-box capslock-msg">
                                        <p>您現在輸入模式為「大寫模式」</p>
                                    </div>
                                    <div class="input-hint">
                                        <a id="changeTip" href="#yourModalId" style="font-size:12px; color:#777777;" onclick="changeTip();"><img src="img/a/icon-hint.png">Code prompt</a>
                                        <input type="checkbox" name="chk1" onclick="chgIdType(form1.chk1);">
                                        <p style="font-size:12px; color:#777777">Show Code</p>
                                    </div>
                                </div>
                                <div class="password-row">
                                    <input id="pwd" class="password" type="password" maxlength="12" name="pwd" placeholder="Enter Login Password" tabindex="2">
                                    <span id="GeneralAndObu">
	                                                <img id="my-tooltip" class="my-tooltip password-img masterTooltip" src="img/a/icon-pass-hint-2.png"><p style="font-size:12px; color:#777777; left: 1px">Password Description</p>
	                                                <div id="capsLockTips2" class="msg-box capslock-msg">
	                                                    <p>您現在輸入模式為「大寫模式」</p>
	                                                </div>
	                                                <div class="tooltipContent">
	                                                    <p>Password Description</p>
	                                                    <ol>
	                                                        <li>Login password should contain 8 to 12 characters, including English alphabet letters and numbers. The password is case-sensitive.</li>
	                                                        <li>If you have changed the password, please enter your password accordingly.</li>
	                                                        <li>If this is your first application or you are resetting password, please enter the password contained in your password notification.</li>
	                                                    </ol>
	                                                </div>
                                                </span>
                                    <span id="ccard" style="display:none">
	                                                <p style="font-size:12px; color:#777777; left: 1px">Login Username and <br>Password Description</p>
	                                                <div id="capsLockTips2" class="msg-box capslock-msg">
	                                                    <p>您現在輸入模式為「大寫模式」</p>
	                                                </div>
	                                                <div class="tooltipContent">
	                                                    <p style="font-size:14px">Login Username and Password Description:</p>
	                                                    <ol>
	                                                        <li>Login Username and Password should contain 6 to 20 characters,</li>
	                                                        <li>including English alphabet letters and numbers.</li>
	                                                        <li>Cannot have more than 6 characters repeating or consecutive characters.(EX:AAAAAA\123456\GFEDCBA..etc)</li>
	                                                        <li>Login Username and Password cannot be the same.</li>
	                                                    </ol>
	                                                </div>
                                                </span>
                                </div>
                                <!-- 圖形驗證碼 -->
                                <div style="margin-top: 5px; min-width: 301px;">
                                	<a title="圖形驗證碼語音撥放" href="javascript:void(0);" onclick="sourceVrfyCode();" tabindex="0"><img id="voiceIcon" alt="圖形驗證碼語音撥放" src="/NetBank/img/voice_icon.png" style="vertical-align: sub;"></a>
				                	<audio controls="" id="source" style="display:none"></audio>
                                    <input class="verify-code" type="text" id="vrfyCode" name="vrfyCode" maxlength="4" placeholder="Enter CAPTCHA" tabindex="2">
                                    <img src="/NetBank/code_verify1.jpg" id="code_verify" align="absbottom" height="25"><a onclick="javascript:chgImg();">Regenerate</a>
                                </div>

                                <div class="btn-area-a">
                                    <img id="captchaLoginArea" title="請點擊登入按鈕位置以登入" usemap="#loginMap" src="/NetBank/loadloginArea.html">
                                    <map name="loginMap">
                                         
                                        <area shape="rect" coords="106,37,177,67" href="javascript:clickArea();">
                                    </map>
                                    <input type="hidden" name="hitX" id="hitXinput">
                                    <input type="hidden" name="hitY" id="hitYinput">
                                    <input type="hidden" name="position" id="position">
                                </div>
                                <div class="generaLogin">
                                    <div class="sign-up"><a href="#" onclick="enroll();"><img src="img/a/icon-arrow-green.png">Apply Service</a>
                                    </div>
                                    <div class="reset"><a href="#" onclick="pwdSttsReset();"><img src="img/a/icon-arrow-green.png">Reset ID、Password and SSL</a>
                                    </div>
                                </div>
                                <div class="crideCardLogin" style="display:none">
                                    <div class="sign-up"><a style=" text-decoration:underline;line-height: 18px !important;" href="https://ccard.firstbank.com.tw/cmsweb/home/ApplyAccount" target="_blank"><img src="img/a/icon-arrow-green.png">信用卡網路服務申請</a>
                                    </div>
                                    <div class="reset"><a style=" text-decoration:underline;line-height: 18px !important;" href="https://ccard.firstbank.com.tw/cmsweb/Home/ForgetPassword" target="_blank"><img src="img/a/icon-arrow-green.png">忘記密碼</a></div>
                                </div>
                                <div class="crideCardLogin" style="display:none">
                                    <div class="sign-up"><a style=" text-decoration:underline;line-height: 18px !important;" href="#" ondblclick="" onclick=" UsersetInfo();"><img src="img/a/icon-arrow-green.png">設定使用者代號</a></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <input type="hidden" name="userName">
                    <input type="hidden" name="countInt">
                    <input type="hidden" name="countLo">
                    <input type="hidden" name="countUp">
                    <input id="browserid" type="hidden" name="browser">
                    <input id="osType" type="hidden" name="osType">
                    <div id="ajaxQryBHOset">
                        <!-- Ajax傳回BHO設定 -->
                    </div>
                    <div id="ajaxLoginStts"></div>
                    <input type="hidden" name="h1" value="">
                    <input type="hidden" name="noneLg" value="Y">
                    <input type="hidden" id="macAddressFromCOM" name="macAddressFromCOM">
                    <input type="hidden" id="macOS" name="macOS">
                    <input type="hidden" name="show" value="null">
                    <input type="hidden" name="showNotice" value="null">
                    
                    <input type="hidden" id="hashText2" name="hashText2" value="">
                    <input type="hidden" id="encData" name="encData" value="">
                    <input type="hidden" id="tag" name="tag" value="">
                    
                    <!-- RSAPinBlock -->
                    <input type="hidden" id="rsaBlock" name="rsaBlock" value="">
                    
                    <input type="hidden" id="creditMSGID" name="creditMSGID" value="">
                    <input type="hidden" id="creditAPID" name="creditAPID" value="">
                    <!--                             <input type="hidden" id="creditSTATUSCODE" name="creditSTATUSCODE" value="" /> -->
                    <!--                             <input type="hidden" id="creditSTATUSDESC" name="creditSTATUSDESC" value="" /> -->
                    <!--                             <input type="hidden" id="creditTXNSEQ" name="creditTXNSEQ" value="" /> -->
                    <input type="hidden" id="creditRETURNCODE" name="creditRETURNCODE" value="">
                    <input type="hidden" id="creditRETURNDESC" name="creditRETURNDESC" value="">
                    <!--                             <input type="hidden" id="creditREFRETURNCODE" name="creditREFRETURNCODE" value="" /> -->
                    <!--                             <input type="hidden" id="creditREFRETURNDESC" name="creditREFRETURNDESC" value="" /> -->
                    <input type="hidden" id="creditBirthdate" name="creditBirthdate" value="">
                    <!--                             <input type="hidden" id="creditMemo" name="creditMemo" value="" /> -->
                    <!--                             <input type="hidden" id="creditToken" name="creditToken" value="" /> -->
                    <!--                             <input type="hidden" id="creditLoginFailedCount" name="creditLoginFailedCount" value="" /> -->
                    
                    <input type="hidden" id="redirectToModifyCustInfoPage" name="redirectToModifyCustInfoPage" value="">
                </form>
            </div> <!-- abgneTab -->
        </div> <!-- Login Panel -->
    </div> <!-- row -->
    <div class="row"> <!-- 0221 -->
        <div class="slider-container">
            <div class="slider-pin">
                <div id="cf7">
                    
                        
                            
                            
                                <div class="slide" style="">
                                    
                                    
                                    <a href="https://webar.firstbank.com.tw/C000003719" target="_blank" onclick="clickRecord('01', '台灣Pay 筆筆消費 2%享回饋', '')">
                                        </a><a href="https://webar.firstbank.com.tw/C000003719" target="_blank">
                                            <img src="/NetBank/img/a/blank.gif" style="background: url('https://ibank.firstbank.com.tw/CMS/Banner_iBank_zh_TW/img/1565701200122.jpg');">
                                        </a>
                                        
                                </div>
                            
                        
                    
                        
                            
                            
                                <div class="slide" style="display:none">
                                    
                                    
                                    <a href="https://firstbk.tw/64xmue" target="_blank" onclick="clickRecord('01', '【iLEO百元奇基 百元樂FUND天】100元小試身手 申購手續費限時1折起', '')">
                                        </a><a href="https://firstbk.tw/64xmue" target="_blank">
                                            <img src="/NetBank/img/a/blank.gif" style="background: url('https://ibank.firstbank.com.tw/CMS/Banner_iBank_zh_TW/img/1565703878187.png');">
                                        </a>
                                        
                                </div>
                            
                        
                    
                        
                            
                                <script type="text/javascript">slideImg[2] = "https://ibank.firstbank.com.tw/CMS/Banner_iBank_zh_TW/img/1565703449002.jpg";</script>
                                <div class="slide" style="display:none">
                                    
                                    
                                    <a href="https://www.firstbank.com.tw/sites/fcb/1565690443047" target="_blank" onclick="clickRecord('01', '綠色消費性貸款 開辦手續費減免1,000元
', '')">
                                        </a><a href="https://www.firstbank.com.tw/sites/fcb/1565690443047" target="_blank">
                                            <img src="/NetBank/img/a/blank.gif" style="background: url(&quot;https://ibank.firstbank.com.tw/CMS/Banner_iBank_zh_TW/img/1565703449002.jpg&quot;);">
                                        </a>
                                        
                                </div>
                            
                            
                        
                    
                        
                            
                                <script type="text/javascript">slideImg[3] = "https://ibank.firstbank.com.tw/CMS/Banner_iBank_zh_TW/img/1565703445972.jpg";</script>
                                <div class="slide" style="display:none">
                                    
                                    
                                    <a href="https://firstbk.tw/5gmvqv" target="_blank" onclick="clickRecord('01', '「生日獻禮,好事成雙」基金手續費優惠活動', '')">
                                        </a><a href="https://firstbk.tw/5gmvqv" target="_blank">
                                            <img src="/NetBank/img/a/blank.gif" style="background: url(&quot;https://ibank.firstbank.com.tw/CMS/Banner_iBank_zh_TW/img/1565703445972.jpg&quot;);">
                                        </a>
                                        
                                </div>
                            
                            
                        
                    
                        
                            
                                <script type="text/javascript">slideImg[4] = "https://ibank.firstbank.com.tw/CMS/Banner_iBank_zh_TW/img/1565704502884.png";</script>
                                <div class="slide" style="display:none">
                                    
                                    
                                    <a href="https://webar.firstbank.com.tw/c000004817" target="_blank" onclick="clickRecord('01', '第一銀行X停車大聲公', '')">
                                        </a><a href="https://webar.firstbank.com.tw/c000004817" target="_blank">
                                            <img src="/NetBank/img/a/blank.gif" style="background: url(&quot;https://ibank.firstbank.com.tw/CMS/Banner_iBank_zh_TW/img/1565704502884.png&quot;);">
                                        </a>
                                        
                                </div>
                            
                            
                        
                    
                </div>
            </div>
        </div>
    </div>

    <div id="cf7_controls" class="controller">
        
            <div class="controls slideCtl selected">
                <span><p>台灣Pay 筆筆消費 2%享回饋</p></span>
            </div>
        
            <div class="controls slideCtl">
                <span><p>【iLEO百元奇基 百元樂FUND天】100元小試身手 申購手續費限時1折起</p></span>
            </div>
        
            <div class="controls slideCtl">
                <span><p>綠色消費性貸款 開辦手續費減免1,000元
</p></span>
            </div>
        
            <div class="controls slideCtl">
                <span><p>「生日獻禮,好事成雙」基金手續費優惠活動</p></span>
            </div>
        
            <div class="controls slideCtl">
                <span><p>第一銀行X停車大聲公</p></span>
            </div>
        
    </div>
</div>
<!-- keyboard鍵盤起始位置 -->
<div id="keyboardBox" style="margin-left: 570px; display: none;"><div class="keybord_location_frame"><div class="keyboard_frame" style="top: -100px; left: 50%;"><a href="#" class="btn_close"></a><h3>已輸入字元:<span class="input_number">0</span>位</h3><ul class="keyboard_word left_padding"><li class="btn_space"><button>空白鍵</button></li></ul><ul class="keyboard_number right_padding"></ul><ul class="btn_maincheck"><li><button class="btn_caplock">大寫</button></li><li><button class="btn_delete">退位</button></li><li><button class="btn_clear">清空</button></li><li><button class="btn_send">確認</button></li></ul></div></div></div>
<!--Section 2-->
<div id="section-2" style="display: block;">
    <div class="row">
        <div id="money-info" class="global-shadow global-radius">
            <!--                        <div class="info-title">
                            <img src="img/a/icon-chart.png"><h2>行情資訊</h2>
                            <div class="btn-orange btn-more"><a href="">更多</a></div>
                            <div class="divider-money-info"></div>
                        </div> -->
            <div class="banner has-dots">
                <ul style="position: relative; overflow: hidden;">
                    <li style="background-color: rgb(255, 255, 255); position: absolute; top: 0px; left: 0px; z-index: 4; opacity: 1;">
                        <div class="info-title">
                            <img src="img/a/icon-chart.png">
                            <h2>Market information</h2>
                            <div class="btn-orange btn-more"><a href="/NetBank/7/00.html?h1=0201.html?sh=none" target="_blank" onclick="clickRecord('02', 'Market information', '');">More</a></div>
                            <div class="divider-money-info"></div>
                        </div>
                        <div class="info-left-currency">
                            <h3>Board spot exchange rates</h3>
                            <table style="width:300px;">
                                <tbody><tr id="spot" style="background-color: rgb(245, 245, 245);">
                                    <th>Currency</th>
                                    <th>Buy</th>
                                    <th>Sell</th>
                                </tr><tr class="td-grey"><td>USD</td><td>31.79</td><td>31.89</td></tr><tr class="td-grey" style="background-color: rgb(245, 245, 245);"><td>EUR</td><td>35.182</td><td>35.582</td></tr><tr class="td-grey"><td>JPY</td><td>0.2188</td><td>0.2228</td></tr><tr class="td-grey" style="background-color: rgb(245, 245, 245);"><td>AUD</td><td>21.89</td><td>22.09</td></tr><tr class="td-grey"><td>CNY</td><td>4.507</td><td>4.557</td></tr>
                            </tbody></table>
                        </div>
                        <div class="info-right-currency" style="height:250px;">
                            <h3>Board exchange rates in cash</h3>
                            <table style="width:300px;">
                                <tbody><tr id="cash">
                                    <th>Currency</th>
                                    <th>Buy</th>
                                    <th>Sell</th>
                                </tr><tr class="td-grey"><td>USD</td><td>31.536</td><td>32.098</td></tr><tr class="td-grey" style="background-color: rgb(245, 245, 245);"><td>EUR</td><td>34.779</td><td>35.885</td></tr><tr class="td-grey"><td>JPY</td><td>0.2166</td><td>0.2244</td></tr><tr class="td-grey" style="background-color: rgb(245, 245, 245);"><td>HKD</td><td>4.006</td><td>4.144</td></tr><tr class="td-grey"><td>CNY</td><td>4.412</td><td>4.587</td></tr>
                            </tbody></table>
                        </div>
                        <div class="note">
                            <div id="validDate"></div>Effective Date of Data:2024/10/01&nbsp;16:02:24
                        </div>
                    </li>
                    <li style="background-color: rgb(255, 255, 255); position: absolute; top: 0px; left: 0px; display: none; z-index: 2;">
                        <div class="info-title">
                            <img src="img/a/icon-gold.png">
                            <h2>Gold Passbook Live Price</h2>
                            <div class="btn-orange btn-more"><a href="/NetBank/7/00.html?h1=1501.html?sh=none" target="_blank" onclick="clickRecord('02', 'Gold Passbook Live Price', '');">More</a></div>
                            <div class="divider-money-info"></div>
                        </div>
                        <div class="info-gold-title-l">
                            <h3>1 gram<!-- 1公克 -->
                                NTD<!-- 新臺幣 --></h3>
                            <div class="gold-price">
                                Buy2,689.00
                                Sell2,729.00
                            </div>
                        </div>
                        <div class="info-gold-title-r">
                            <h3>1 ounce<!-- 1盎司 -->
                                USD<!-- 美金 --></h3>
                            <div class="gold-price-usd">
                                Buy2,636.12
                                Sell2,658.63
                            </div>
                        </div>
                        <div class="gold-chart">
                            <div id="TimeTrend_Swf" style="overflow: auto; text-align: center; width: 670px; height: 230px; -webkit-tap-highlight-color: transparent; user-select: none; position: relative; background: rgb(255, 255, 255);" _echarts_instance_="ec_1727773916336"><div style="position: relative; overflow: hidden; width: 670px; height: 230px;"><canvas width="670" height="230" data-zr-dom-id="zr_0" style="position: absolute; left: 0px; top: 0px; width: 670px; height: 230px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas></div><div></div></div>
                        </div>
                        
                            


<script type="text/javascript" src="/NetBank/js/echarts.min.js"></script>
<script type="text/javascript">
var CanvasChartClass= function(optionData,do_type){
	this.chartData = {
		data : {
			type : 'line',
			legend : [],
			xLabel : [],
			series : []
		},
		type : {}
	};
	this.init(optionData,do_type);
}
CanvasChartClass.prototype.boxList = {};
/**
 * default 執行
 **/
CanvasChartClass.prototype.init = function(optionData,do_type) {
	if(typeof do_type === 'undefined'){
		do_type = 'create';
	}
	if(typeof optionData === 'object' && $(optionData).length > 0){
		if(do_type === 'set'){
			this.setChartDataType(optionData); //手動create
		}else{
			this.createCanvasChart(optionData);
		}
	}
};
/**
 * 檢查資料類型
 **/
CanvasChartClass.prototype.checkDataType = function() {
	var type_name = "";
	this.data_type = {}; 
	for(key in this.chartData.data){
		type_name = typeof(this.chartData.data[key]);
		if(type_name === 'object' && Object.prototype.toString.call(this.chartData.data[key])==='[object Array]'){
			type_name = 'array';
		}
		this.chartData.type[key] = type_name;
	}
};
/**
 * 設定chartData
 **/
CanvasChartClass.prototype.setChartDataType = function(set_data) {
	if(typeof set_data !== 'object'){
		return false;
	}
	$.extend(this.chartData.data, set_data);
	this.checkDataType();
};
/**
 * 設定chartData value
 **/
CanvasChartClass.prototype.setChartData = function(set_data) {
	var data_type = this.chartData.type;
	for(key in set_data){
		if(typeof data_type[key] === 'undefined'){
			continue;
		}
		switch(data_type[key]){
			case 'array':
				if(typeof set_data[key] === 'object'){
					this.chartData.data[key] = set_data[key];
				}else{
					this.chartData.data[key].push(set_data[key]);
				}
			break;
			case 'object':
				$.extend(this.chartData.data[key], set_data[key]);
			break;
			default:
				this.chartData.data[key] = set_data[key];
			break;
		}
	}
};
/**
 * 設定chartData value
 **/
CanvasChartClass.prototype.getChartData = function(key){
	if(typeof this.chartData.data[key] !== 'undefined'){
		return this.chartData.data[key];
	}else{
		return undefined;
	}
};
/**
 * 製作canvas
 **/
CanvasChartClass.prototype.createCanvasChart = function(optionData, pageType) {
	var classObj = this;
	if (typeof pageType === 'undefined') {
		pageType = '';
	}
	/**
	 * 預設的樣式顏色
	 **/
	var _styleList = [ {
		lineStyle : {
			color : '#46A3DD'
		},
		itemStyle : {
			color : '#005AB5'
		}
	}, {
		lineStyle : {
			color : '#D26900'
		},
		itemStyle : {
			color : '#FF5809'
		}
	} ];
	/**
	 * echart position 處理
	 **/
	function _echartPosition(point, params, dom) {
		if ($('#' + optionData.targetId).length !== 1) {
			return;
		}
		var result = [];
		var canvas_size = [ $('#' + optionData.targetId).width(),
				$('#' + optionData.targetId).height() ];
		var item_size = [ $(dom).width(), $(dom).height() ];

		if ((point[0] + item_size[0]) >= canvas_size[0]) {
			result[0] = canvas_size[0] - item_size[0] - 30;
		}
		if ((point[1] + item_size[1]) >= canvas_size[1]) {
			result[1] = canvas_size[1] - item_size[1] - 30;
		}
		if (result.length > 0) {
			for (var i = 0; i < 2; i++) {
				if (typeof result[i] === 'undefined') {
					result[i] = canvas_size[i] / 2;
				}
			}
			return result;
		}
		return;
	}
	/**
	 * echart axis label 處理
	 **/
	function _echartAxisLabel(count, show_number) {
		if (!count) {
			return 'auto';
		}
		if (typeof type === 'undefined') {
			type = 'date';
		}
		var interval = Math.round(count / show_number);
		return function(i, val,k) {
			var number = i + 1;
			if (number === 1 || number === count) {
				return true;
			}
			if (number % interval === 0) {
				return ((count - number) >= interval) ? true : false;
			}
		}
	}

	/**
	 * 檢查 optionData
	 **/
	function check_option() {
		if (typeof optionData.targetId !== 'string'
				|| $('#' + optionData.targetId).length !== 1) {
			//miss object
			return false;
		}
		if(typeof classObj.boxList[optionData.targetId] === 'undefined'){
			classObj.boxList[optionData.targetId] = {
				'type' : false,
				'obj' : {}
			};
		}
		return optionData.targetId;
	}
	/**
	 * 設定 canvasOption
	 * return canvasOption
	 **/
	function get_option() {
		if (typeof optionData.legend !== 'object'
				|| typeof optionData.series !== 'object') {
			return false;
		}
		//==default set==//
		var canvasOption = {
			//==[其他設定]==//
			backgroundColor : '#FFF', //背景色(ord: #F8F8D8)
			//==[整體字型]==//
			textStyle : {
			// fontFamily : '微軟正黑體'
			},
			//==[提示框]==//
			tooltip : {
				trigger : 'axis',
				position : _echartPosition
			},
			toolbox : {
				show : false
			},
			//==[座標]==//
			grid : {
				show : true, //網格
				top : '10%',
				left : '6%',
				right : '8%',
				bottom : '10%',
				containLabel : true
			},
			//==[標題]==//
			title : {
				text : '',
				subtext : '',
				x : 'center',
				y : 0
			},
			//==[數據說明]==//
			legend : {
				data : [],
				x : 'right',
				y : 0
			},
			xAxis : [],
			yAxis : [],
			series : []
		};
		//==guid==//
		if (typeof optionData.grid === 'object') {
			$.extend(canvasOption.grid, optionData.grid);
		}
		//==title==//
		if (typeof optionData.title === 'string') {
			canvasOption.title.text = optionData.title;
		}
		if (typeof optionData.subtitle === 'string') {
			canvasOption.title.subtext = optionData.subtext;
		}
		canvasOption.legend.data = optionData.legend;
		canvasOption = makeLineChart(canvasOption);
		/* 如果以後有其他的圖例,可以用下列方式擴充
		switch(optionData.type){
			case 'line': //線圖
			default:
				canvasOption = makeLine(canvasOption);
			break;
		}
		*/
		return canvasOption;
	}
	/**
	 * 設定 Line 的 option
	 **/
	function makeLineChart(canvasOption) {
		//==[X Axis]==//
		var xSet = {
			name : '',
			type : 'category',
			nameLocation : 'middle',
			position : 'bottom',
			boundaryGap : false,
			nameGap : 30,
			nameTextStyle : {
				fontWeight : 'bold',
				fontSize : 14
			},
			inverse : false,
			axisLabel : {
				show : true,
				rotate : 15,
				textStyle : {
					fontSize : 12
				},
				interval : 'auto'
			},
			data : []
		};
		//==label color==//
		var i = -1;
		xSet.axisLabel.textStyle.color = function() {
			i++;
			return (i % 2 === 0) ? '#333' : '#666';
		}
		delete i;

		if (typeof optionData.xAxis === 'object') {
			$.extend(xSet, optionData.xAxis);
			if(xSet.data[xSet.data.length - 1] === ""){
				xSet.data.splice(-1,1);
			}
			//==label interval==//
			var x_length = xSet.data.length;
			if (x_length > 10
					&& (typeof optionData.xAxis.axisLabel === 'undefined' || typeof optionData.xAxis.axisLabel.interval === 'undefined')
			) {
				xSet.axisLabel.interval = _echartAxisLabel(x_length, 7);
			}
			if (typeof optionData.xAxis.label_type !== 'undefined' && optionData.xAxis.label_type === 'time') {
				//==label formatter==//
				xSet.axisLabel.formatter = function(value, index) {
					var date = new Date(value);
					if (date === 'Invalid Date' || !date.getTime()) {
						return value;
					}
// 					if (index === 0) {
// 						return value;
// 					}
					var HH = date.getHours();
					if(HH < 10){
						HH = "0" + HH;
					}
					var mm = date.getMinutes();
					if(mm < 10){
						mm = "0" + mm;
					}
					var ss = date.getSeconds();
					if(ss < 10){
						ss = "0" + ss;
					}
					var texts = [ HH, mm, ss ];
					return texts.join(':');
				}
				xSet.axisLabel.rotate = 30;
			}
		}
		//==[Y Axis]==//
		var comeFrom = location.href;//document.referrer;
		var ySet = {
			name : '',
			type : 'value',
			nameLocation : 'middle',
			position : 'left',
			nameRotate : 90,
			nameGap : 65,
			nameTextStyle : {
				fontWeight : 'bold',
				fontSize : 14
			},
			scale : true,
			axisLabel : {
				formatter: function(value){
					if(typeof value !== 'string'){
						value = value.toString();
					}
					var dig = getDecimalPlaces(value);
					if(comeFrom.indexOf("/7/020101.html") != -1 || comeFrom.indexOf("/7/020101-p.html") != -1){
						return value + getStrPad(5,dig);
					}else if(comeFrom.indexOf("/7/030301.html") != -1 || comeFrom.indexOf("/7/030301-p.html") != -1){
						return value + getStrPad(4,dig);
					}else{
						return value + getStrPad(2,dig);;
					}
				}
			}
		};
		if (typeof optionData.yAxis === 'object') {
			$.extend(ySet, optionData.yAxis);
		}
		canvasOption.xAxis = [ xSet ];
		canvasOption.yAxis = [ ySet ];
		//==[series]==//
		canvasOption.series = [];
		for (tkey in optionData.legend) {
			if (typeof optionData.series[tkey] !== 'object') {
				continue;
			}
			var tmp_data = {
				type : 'line',
				name : optionData.legend[tkey],
				data : optionData.series[tkey]['data'],
				//clipOverflow : false,
				//==(線設定)==//
				lineStyle : {
					normal : {
						width : 3
					}
				},
				//==(點設定)==//
				itemStyle : {
					normal : {}
				},
				//==(點文字)==//
				// label : { emphasis:{show:true, position:[10,50], textStyle:{fontSize:20 } } }, 
				// areaStyle: {normal: {}},
				//==特殊線==//
				markLine : {
					lineStyle : {
						normal : {
							opacity : 0.5
						}
					},
					precision : 2,
					data : [ {
						type : 'average',
						name : '平均值',
						symbolSize : 1,
						label : {
							normal : {
								show : false,
								position : 'end'
							}
						}
					} ]
				}
			};
			if(comeFrom.indexOf("/7/020101.html") != -1 || comeFrom.indexOf("/7/020101-p.html") != -1){
				tmp_data.markLine.precision = 5;
			}else if(comeFrom.indexOf("/7/030301.html") != -1 || comeFrom.indexOf("/7/030301-p.html") != -1){
				tmp_data.markLine.precision = 4;
			}
			var tmp_style = (typeof _styleList[tkey] != 'undefined') ? _styleList[tkey]
					: _styleList[0];
			if (typeof optionData.styleSet != 'undefined'
					&& typeof optionData.styleSet[tkey] != 'undefined') {
				$.extend(tmp_style, optionData.styleSet[tkey]);
			}
			$.extend(tmp_data.lineStyle.normal, tmp_style['lineStyle']);
			$.extend(tmp_data.itemStyle.normal, tmp_style['itemStyle']);
			if (typeof optionData.otherSet === 'object') {
				if (typeof optionData.otherSet.markLine != 'undefined'
						&& !optionData.otherSet.markLine) {
					//==特殊線 close==//
					tmp_data.markLine = {};
				}
				if (typeof optionData.otherSet.markPoint != 'undefined'
						&& optionData.otherSet.markPoint) {
					//==(特殊標記)==//
					tmp_data.markPoint = {
						symbol : 'pin',
						// symbolSize : 30,
						symbolOffset : [ 0, 0 ],
						symbolRotate : 75,
						itemStyle : {
							normal : {
								opacity : 0.5
							}
						},
						data : [ {
							type : 'max',
							name : '最大值'
						}, {
							type : 'min',
							name : '最小值'
						} ]
					};
				}
			} //end otherSet
			canvasOption.series.push(tmp_data);
		} //end for
		return canvasOption;
	}
	//--makeLine end--//
	if (!(objId = check_option())) {
		return false;
	}
	if (!(canvas_option = get_option())) {
		return false;
	}
	//==Strat Create==//
	if(!classObj.boxList[objId]['type']){
		var myChart = echarts.init(document.getElementById(objId));
		myChart.setOption(canvas_option);
		classObj.boxList[objId]['obj'] = myChart;
		classObj.boxList[objId]['type'] = true;
	}else{
		classObj.boxList[objId]['obj'].setOption(canvas_option);
	}

};
function getDecimalPlaces(val){
	var dig = 0;
	var pos = val.indexOf(".");
	if(pos != -1){
		pos++;
		dig = val.substring(pos).length;
	}
	return dig;
}
/**
 * dig: 指定小數位數
 * diff: 目前存在的小數位數
 */
function getStrPad(dig,diff){
	var prefix = "";
	if(diff == 0){
		prefix = ".";
		return prefix+"0000000000".substring(0,dig);
	}else{
		return "0000000000".substring(0,dig-diff);
	}
}
</script>
                            <script language="JavaScript" type="text/JavaScript">
                                if (typeof CanvasChartClass === 'function') {
                                    $(function () {
                                        var xLabels = '2024/07/02,2024/07/03,2024/07/04,2024/07/05,2024/07/08,2024/07/09,2024/07/10,2024/07/11,2024/07/12,2024/07/15,2024/07/16,2024/07/17,2024/07/18,2024/07/19,2024/07/22,2024/07/23,2024/07/24,2024/07/25,2024/07/26,2024/07/29,2024/07/30,2024/07/31,2024/08/01,2024/08/02,2024/08/05,2024/08/06,2024/08/07,2024/08/08,2024/08/09,2024/08/12,2024/08/13,2024/08/14,2024/08/15,2024/08/16,2024/08/19,2024/08/20,2024/08/21,2024/08/22,2024/08/23,2024/08/26,2024/08/27,2024/08/28,2024/08/29,2024/08/30,2024/09/02,2024/09/03,2024/09/04,2024/09/05,2024/09/06,2024/09/09,2024/09/10,2024/09/11,2024/09/12,2024/09/13,2024/09/16,2024/09/18,2024/09/19,2024/09/20,2024/09/23,2024/09/24,2024/09/25,2024/09/26,2024/09/27,2024/09/30,2024/10/01,';
                                        var series = '2424.00,2450.00,2439.00,2448.00,2461.00,2446.00,2464.00,2466.00,2494.00,2498.00,2532.00,2573.00,2569.00,2526.00,2518.00,2511.00,2528.00,2488.00,2484.00,2507.00,2505.00,2531.00,2548.00,2575.00,2533.00,2512.00,2491.00,2490.00,2506.00,2528.00,2548.00,2544.00,2529.00,2535.00,2554.00,2565.00,2558.00,2555.00,2542.00,2561.00,2556.00,2557.00,2563.00,2569.00,2551.00,2557.00,2547.00,2565.00,2565.00,2554.00,2569.00,2584.00,2580.00,2621.00,2628.00,2620.00,2636.00,2659.00,2674.00,2679.00,2703.00,2709.00,2693.00,2679.00,2687.00';
                                        var series2 = '2457.00,2475.00,2472.00,2481.00,2494.00,2479.00,2497.00,2499.00,2528.00,2532.00,2566.00,2607.00,2603.00,2560.00,2552.00,2545.00,2567.00,2527.00,2518.00,2541.00,2539.00,2565.00,2582.00,2609.00,2567.00,2546.00,2525.00,2524.00,2540.00,2562.00,2582.00,2578.00,2563.00,2569.00,2588.00,2599.00,2592.00,2589.00,2576.00,2595.00,2590.00,2591.00,2597.00,2603.00,2585.00,2591.00,2581.00,2599.00,2599.00,2588.00,2603.00,2618.00,2614.00,2655.00,2663.00,2655.00,2674.00,2694.00,2709.00,2714.00,2741.00,2744.00,2728.00,2714.00,2722.00';
                                        xLabels = xLabels.split(',');
                                        series = series.split(',');
                                        series2 = series2.split(',');
                                        var yAxisName = 'NTD';
                                        var subtitle = '1gram (s)';
                                        var chartObj = new CanvasChartClass({
                                            type: 'line',
                                            targetId: 'TimeTrend_Swf',
                                            //title : subtitle+' 黃金存摺牌價 [期間]',
                                            legend: ['賣出', '買入'],
                                            xAxis: {name: 'DATE', data: xLabels},
                                            yAxis: {name: yAxisName},
                                            series: [{data: series2}, {data: series}]
                                        });
                                    });
                                }
                            </script>
                        
                        <div class="note">
                            Trend Chart of Announced Selling Prices Over the Last Three Months (NTD/grams)<br>
                            Posting Time:
                            2024/10/01 17:10:03
                        </div> <!--TODO 以後有空再看看要不要處理格式 -->
                    </li>
                    <li style="background-color: rgb(255, 255, 255); position: absolute; top: 0px; left: 0px; display: none; z-index: 1;">
                        <div class="info-title">
                            <img src="img/a/icon-rate.png">
                            <h2>Exchange Rate and Handling Fee Promotion Table</h2>
                            <div class="btn-orange btn-more">
                                <a href="/NetBank/en_US/images/ADM08-2024-07.gif" target="_blank" onclick="clickRecord('02', 'Exchange Rate and Handling Fee Promotion Table', '');">More</a>
                            </div>
                            <div class="divider-money-info"></div>
                        </div>
                        <div class="info-left-currency">
                            <h3>TWD to FCY Preferential Exchange Rates</h3>
                            <table style="width:300px;">
                                <tbody><tr style="background-color: rgb(245, 245, 245);">
                                    <th>Currency</th>
                                    <th>Discount (NTD)</th>
                                </tr>
                                <tr class="td-grey">
                                    <td>USD</td>
                                    <td>0.03</td>
                                </tr>
                                <tr class="td-grey" style="background-color: rgb(245, 245, 245);">
                                    <td>EUR</td>
                                    <td>0.05</td>
                                </tr>
                                <tr class="td-grey">
                                    <td>JPY</td>
                                    <td>0.0006</td>
                                </tr>
                                <tr class="td-grey" style="background-color: rgb(245, 245, 245);">
                                    <td>AUD</td>
                                    <td>0.03</td>
                                </tr>
                                <tr class="td-grey">
                                    <td>CNY</td>
                                    <td>0.01</td>
                                </tr>
                            </tbody></table>
                        </div>
                        <div class="info-right-currency" style="height:250px;">
                            <h3>Handling fees</h3>
                            <table style="width:300px;">
                                <tbody><tr style="background-color: rgb(245, 245, 245);">
                                    <th>Items</th>
                                    <th>Special Offer</th>
                                </tr>
                                <tr class="td-grey">
                                    <td>Application for Lump-Sum Fund Transaction</td>
                                    <td>55% off</td>
                                </tr>
                                <tr class="td-grey" style="background-color: rgb(245, 245, 245);">
                                    <td>Dollar-cost/Value Averaging Strategy</td>
                                    <td>Up to 70% off</td>
                                </tr>
                                <tr class="td-grey">
                                    <td>Application for Lump-Sum Gold Passbook Transaction</td>
                                    <td>No handling fees</td>
                                </tr>
                                <tr class="td-grey" style="background-color: rgb(245, 245, 245);">
                                    <td>Gold Passbook Dollar-cost/Value Averaging Strategy Transaction</td>
                                    <td>50% off</td>
                                </tr>
                            </tbody></table>
                        </div>
                        <div class="note">
                            <div id="validDate"></div>
                        </div>
                    </li>
                </ul>
                <div id="dot_1" class="dots">
                <a href="#" class="activeSlide">1</a><a href="#">2</a><a href="#">3</a></div>
            </div>
            <!-- <ol class="dots">
                            <li class="dot active">1</li>
                            <li class="dot active">2</li>
                            <li class="dot active">3</li>
                            <li class="dot active">4</li>
                        </ol> -->
        </div>
        <div id="right-menu" class="global-shadow global-radius">
            

            <!-- D200428 -->
            <a href="https://efirst.firstbank.com.tw/efirstWeb/HomePage?ch=N" class="right-menu-li" target="_blank">
                <img src="img/a/icon-atm.png">
                <h2>Robo Investment</h2>
            </a>

            <a href="#ecounter" class="right-menu-li">
                <img src="img/a/icon-counter.png">
                <h2>e-counter</h2><img class="right-menu-arrow" src="img/a/icon-menu-arrow.png">
            </a>

            <a href="#bank3" class="right-menu-li">
                <img src="img/a/bank3.png">
                <h2 id="3bank" style="margin-left: 5px;">Bank 3.0 services</h2>
                <img class="right-menu-arrow" src="img/a/icon-menu-arrow.png">
            </a>

            <a href="#financeInfo" class="right-menu-li">
                <img src="img/a/icon-chart.png">
                <h2>Financial Info</h2>
                <img class="right-menu-arrow" src="img/a/icon-menu-arrow.png">
            </a>

            <a href="#QA-download" class="right-menu-li" target="_blank">
                <img src="img/a/icon-info.png">
                <h2>FAQ/Download</h2>
                <img class="right-menu-arrow" src="img/a/icon-menu-arrow.png">
            </a>
            

            <a href="https://www.fsitc.com.tw/ManagerSpeakList.aspx" class="right-menu-li" target="_blank">
                <img src="img/a/icon-desk.png">
                <h2>Market Talks</h2>
                <img class="right-menu-arrow" src="img/a/icon-menu-arrow.png">
            </a>

        </div>
    </div>
</div> <!--Section 2-->

<!--Section 3-->
<div id="section-3" style="display: block;">
    <div class="row">
        <div id="ad-area" class="global-shadow">
            
                
            
            
        </div>
        <div id="news" class="global-shadow">
            <div class="news-title">
                <img src="img/a/icon-news.png">
                <h2>Latest News</h2>
                <div class="btn-orange btn-more" style="margin-right: 0px;"><a href="CmsNews.jsp" target="_blank" style="text-decoration:none; color:#fff;">More</a></div>
                <div class="divider-news"></div>
            </div>
            <div class="banner-1" style="width: 416px;">
                <ul>
                    <li>
<div class="news-list">
<img src="img/a/icon-arrow-orange-s.png">
<p><a href="https://www.firstbank.com.tw/sites/fcb/en_US/1565703377292" target="_blank">Mobile banking of First Commercial Bank Shanghai Branch, Chengdu Branch and Xiamen Branch has launched from June 26, 2024.</a></p>
<div class="news-date">
<p>2024-06-26</p>
</div>
</div>
<div class="news-list">
<img src="img/a/icon-arrow-orange-s.png">
<p><a href="https://www.firstbank.com.tw/sites/fcb/en_US/1565700185782" target="_blank">Notice of Loan Approval: Fraud Prevention</a></p>
<div class="news-date">
<p>2023-10-17</p>
</div>
</div>
<div class="news-list">
<img src="img/a/icon-arrow-orange-s.png">
<p><a href="https://www.firstbank.com.tw/sites/fcb/en_US/1565698290678" target="_blank">From June 29th 2023,the Bank adjusts the effective date of “the designated inward transfer accounts” and enhances the control of the watch-listed or derivative watch-listed accounts on Internet (including Mobile) and Phone banking.</a></p>
<div class="news-date">
<p>2023-04-26</p>
</div>
</div>
</li>

                </ul>
                <div id="dot_2" class="dots">
                </div>
            </div>
        </div>
    </div>
</div>
<!-- footer -->
<!-- footer -->
<div class="footer-area">
	<div class="footer-color-bar">
		<div class="row">
			<p id="back-top"><a href="#"><img src="/NetBank/img/default/icon-back-top.png">Back to Top</a></p>
		</div>
	</div>
	<div class="container">
		<div class="bottom-text">
			<ul>
				<li><a href="/NetBank/nbmap.jsp" target="_blank">Website map</a></li>
				<li>|</li>
				<li><a href="https://www.firstholding.com.tw/sites/firstholding/confidentiality" target="_blank">Confidentiality Notices</a></li>
				<li>|</li>



				<li><a href="https://www.firstbank.com.tw/sites/fcb/SecurityStatement" target="blank">Network Security</a></li>

				<li>|</li>

				<li><a href="https://www.firstbank.com.tw/sites/fcb/FixedAnnouncement#atab7-tab" target="blank">Fee Standards</a></li>
				<li>|</li>
				<li><a href="#notice-id">Attention</a></li>
				<li>|</li>
				<li><a href="/NetBank/doc/newHand.pdf" target="_blank">Beginner’s Guide</a></li>
			</ul>
			<p>Name of Business Entity : First Commercial Bank, Ltd Business Administration Number : 05052322</p>
			<p>©FCB All Rights Reserved. 24-hour customer service hotline (02)2181-1111</p>
			<p>Recommended browsers: Chrome, Edge, FireFox or Apple Safari with 1024X768 pixels.</p>
			
		</div>
		<div class="bottom-img">
			<a href="https://www.cdic.gov.tw/main_en/english.html" target="_blank"><img id="central-deposit" src="/NetBank/img/default/central-deposit-insurance-corporation.jpg"></a>
		</div>
	</div>
</div>
<!-- 注意事項 -->
<div class="modality-modal slide-down"><div class="mm-wrap"><div id="notice-id" class="pop-hint">
	<div class="pop-out-title">Attention</div>
	<div class="pop-content download-id">
		<ul>
			<li>Recommended browsers: Chrome, Edge, FireFox or Apple Safari with 1024X768 pixels. </li>
			
			<li>After logging into Internet banking, you will be automatically logged out if you do not execute any transactions for 10 consecutive minutes.</li>
			<li>To maintain customers’ rights and interests, customers may file complaints and provide feedback in writing or contact customer support of First Bank. We will assign dedicated staff to communicate with clients and clarify issues after the acceptance of complaints. Customers will be informed of the results.</li>
		</ul>
	</div>
	<div class="pop-btn">
		<a href="#notice-id" class="btn-comfirm">Close</a>
	</div>
</div></div></div>
<div class="modality-modal slide-down"><div class="mm-wrap"><div id="waringMsg" class="pop-hint">
	<div class="pop-out-title">Reminder</div>	
		<div class="pop-content-alert" style="text-align: center;">
			<div class="pop-content" style="text-align:left;padding:0px 0px 0px 25px">
			</div>
		</div>
    <div class="pop-btn">
        <div class="btn-comfirm">
            <a href="#waringMsg">Got it</a>
        </div>
    </div>
</div></div></div>
<!-- 顥示告警訊息中含有html語法 -->
<div class="modality-modal slide-down"><div class="mm-wrap"><div id="htmlAlertMsg" class="pop-hint">
  <div class="pop-out-title">Reminder</div> 
    <div class="pop-content-alert" style="text-align: center;">
      <div id="htmlAlertMsgContent" style="text-align:left;padding:25px 25px 25px 25px"></div>
    </div>
    <div class="pop-btn">
        <div class="btn-comfirm">
            <a href="#htmlAlertMsg" id="OMG">Got it</a>
        </div>
    </div>
</div></div></div>
<script src="/NetBank/js/modality.min.js"></script>
<script type="text/javascript">
	var modal_notice = Modality.init('#notice-id', {
		effect: 'slide-down'
	});
	
	var modal1 = Modality.init('#waringMsg', {
	    effect: 'slide-down'
	});
	var modalHtmlAlert = Modality.init('#htmlAlertMsg', {
	      effect: 'slide-down'
	});
</script>

<!-- 代號提示-->
<div class="modality-modal slide-down"><div class="mm-wrap"><div id="yourModalId" class="pop-hint" style="">
    <form name="form-tip" action="" method="POST">
        <div class="pop-out-title">Code prompt</div>
        <div id="inputID" class="pop-content id-member">
            <p>Enter ID No./Registration No.</p>
            <div id="custom4ie8">
                <input type="text" name="loginCustId" id="useridtip" maxlength="10" placeholder="Enter ID No./Registration No." class="input4ie8">
                <div class="dash">&nbsp;-&nbsp;</div>
                <input type="text" name="loginCustIdRptSeq" id="idseqtip" maxlength="1" placeholder="0" value="0" style="width:71px;" class="input4ie8">
            </div>
        </div>
        <div id="tipLabel" class="pop-content id-member" style="display:none;">
            <span id="spanTip"></span>
        </div>
        <div class="pop-btn">
            <a href="#yourModalId" id="cancelButton" class="btn-comfirm" style="background-color: #A3A3A3">
                Cancel
            </a>
            <a id="confirmButton" class="btn-comfirm" onclick="processTips();">
                Confirm
            </a>
        </div>
    </form>
</div></div></div>
<!-- 第e數位櫃檯 POP-->
<div class="modality-modal slide-down"><div class="mm-wrap"><div id="ecounter" class="ecounter">
    <div class="ecounter-title"><p>e-counter</p><p></p></div>
    <div class="bank-pic"></div>
    <!-- <div class="service"> -->
    <!-- Jssor Slider Begin -->
    <!-- You can move inline styles to css file or css block. -->
    <div id="slider1_container" style="position: relative; top: 10px; left: 0px; width: 790px;
                        height: 220px; " jssor-slider="true">

        <!-- Slides Container -->
        
        <!-- Arrow Left -->
        
        <!-- Arrow Right -->
        
        <!-- Arrow Navigator Skin End -->
    <div style="position: absolute; top: 0px; left: 0px; width: 790px; height: 220px; transform-origin: 0px 0px; transform: scale(1);"><div class="" style="position: relative; top: 0px; left: 0px; width: 790px; height: 220px; display: block; overflow: visible;"><div u="slides" style="cursor: move; position: absolute; left: 50%; margin-left: -367px; top: 0px; width: 740px; height: 330px; overflow: hidden; z-index: 0;"><div style="position: absolute; z-index: 0; pointer-events: none; left: 0px; top: 0px;"></div></div><div u="slides" style="cursor: move; position: absolute; left: 50%; margin-left: -367px; top: 0px; width: 740px; height: 330px; overflow: hidden; z-index: 0;"><div style="width: 740px; height: 330px; top: 0px; left: 0px; position: absolute; background-color: rgb(0, 0, 0); opacity: 0;"></div>
            <div style="width: 740px; height: 330px; top: 0px; left: 0px; position: absolute; overflow: hidden;">
                <div class="e-btn-top">
                    
                    <a href="#ecounter" onclick="window.open('/NetBank/14/00.html')">
                        <div class="e-btn-2 e-btn"><h2>Applying for Online Banking</h2></div>
                    </a>
                    <a href="#ecounter" onclick="window.open('/NetBank/14/0201.html')">
                        <div class="e-btn-3 e-btn"><h2>Reset Login Code and Password/SSL</h2></div>
                    </a>
                    
                    
                    
                    <a href="#ecounter" onclick="window.location.href='https://ibank.firstbank.com.tw/NetBank/DigAMA/LandingPage/index.html?ch=ibank&amp;cp=&amp;em=null&amp;slideIndex=0&amp;openExternalBrowser=1'">
                        <div class="e-btn-F0857 e-btn"><h2>Apply for Digital saving account (for Personal)</h2></div>
                    </a>
                    <a href="#ecounter" onclick="window.location.href='https://firstbk.tw/TD69M'" style="position: absolute;left: 549px;">
                        <div class="e-btn-F0857 e-btn"><h2>Apply for Digital saving account (for Single-investor enterprise)</h2></div>
                    </a>
                </div>
                <div class="e-btn-bottom">
                    <a href="#ecounter" onclick="window.location.href='/NetBank/6/initIleoKYC.html'">
                        <div class="e-btn-7 e-btn"><h2>KYC Procedure</h2></div>
                    </a>
                    <a href="#ecounter" onclick="window.location.href='/NetBank/6/0901.html'">
                        <div class="e-btn-6 e-btn"><h2>Opening an Trust Account</h2></div>
                    </a>
                    <a href="#ecounter" onclick="window.open('https://www.firstbank.com.tw/LoanPlatform/Index.action?chn=web&amp;bu=067&amp;id=15067S001023')">
                        <div class="e-btn-5 e-btn"><h2>Loan Application</h2></div>
                    </a>
                    <a href="#ecounter" onclick="window.location.href='/NetBank/18/0201.html?href=j&amp;idx=0'">
                        <div class="e-btn-5 e-btn"><h2>Consent for JCIC</h2></div>
                    </a>
                </div>
                
            <div style="width: 740px; height: 330px; top: 0px; left: 0px; z-index: 1000; display: none;"></div></div>
            <div style="width: 740px; height: 330px; top: 0px; left: 740px; position: absolute; overflow: hidden;">
                <div class="e-btn-top">
                    <a href="#ecounter" onclick="window.location.href='/NetBank/6/060401.html'" style="position: absolute;">
                        <div class="e-btn-9 e-btn"><h2>A/T Recommend</h2></div>
                    </a>
                    <a href="#ecounter" onclick="window.location.href='/NetBank/ILEOBANKVER2/10/personalization/transaction_settings/settings.html'" style="position: absolute;left: 183px;">
                        <div class="e-btn-14 e-btn"><h2 style="line-height:15px;">Transfers within FCB under the same ID</h2>
                        </div>
                    </a>
                    <a href="#ecounter" onclick="window.location.href='/NetBank/ILEOBANKVER2/10/personalization/transaction_settings/inward_acnt.html'" style="position: absolute;left: 366px;">
                        <div class="e-btn-15 e-btn"><h2 style="line-height:15px;">Online Designated Transfer Service</h2>
                        </div>
                    </a>
                    <a href="#bank3" onclick="window.location.href='/NetBank/ILEOBANKVER2/10/personalization/transaction_settings/inward_acnt.html'" style="position: absolute;left: 549px;">
                        <div class="e-btn-16 e-btn"><h2>Add Designated Inward Transfer Account Online</h2></div>
                    </a>
                </div>
                <div class="e-btn-bottom">
                    <a href="#ecounter" onclick="window.location.href='/NetBank/10/0201.html'" style="position: absolute;">
                        <div class="e-btn-8 e-btn"><h2 style="line-height:15px;">Consolidated e-Statement Application</h2>
                        </div>
                    </a>
                    <a href="#ecounter" onclick="windowOpen('https://www.firstbank.com.tw/card/chn/content/tw/cardPair/index.html' , true)" style="position: absolute;left: 183px;">
                        <div class="e-btn-10 e-btn"><h2>Credit Card Application</h2></div>
                    </a>
                    <a href="#ecounter" onclick="windowOpen('https://ccard.firstbank.com.tw/cmsweb/home/index' , true)" style="position: absolute;left: 366px;">
                        <div class="e-btn-10 e-btn"><h2>Apply Staging</h2></div>
                    </a>
                    <a href="#ecounter" onclick="windowOpen('https://ccard.firstbank.com.tw/cmsweb/home/index', true)" style="position: absolute;left: 549px;">
                        <div class="e-btn-12 e-btn"><h2>Long cycle to Staging</h2></div>
                    </a>
                </div>
            <div style="width: 740px; height: 330px; top: 0px; left: 0px; z-index: 1000; display: none;"></div></div>
            <div style="width: 740px; height: 330px; top: 0px; left: -740px; position: absolute; overflow: hidden;">
                <div class="e-btn-top">
                    <a href="#ecounter" onclick="window.location.href='/NetBank/8/08.html'" style="position: absolute;">
                        <div class="e-btn-11 e-btn"><h2>Account closing</h2></div>
                    </a>
                    <a href="#ecounter" onclick="window.location.href='/NetBank/1/0105A.html'" style="position: absolute;left: 183px;">
                        <div class="e-btn-13 e-btn"><h2>The resulting all kinds</h2></div>
                    </a>
                    <a href="#ecounter" onclick="window.location.href='/NetBank/1/0105A.html'" style="position: absolute;left: 366px;">
                        <div class="e-btn-13 e-btn"><h2>Sup. Premium Tax</h2></div>
                    </a>
                    <a href="#ecounter" onclick="window.location.href='/NetBank/10/2001.html'" style="position: absolute;left: 549px;">
                        <div class="e-btn-8 e-btn"><h2 style="line-height:15px;">Cross&nbsp;Marketing&nbsp;Agreement</h2>
                        </div>
                    </a>
                </div>
                <div class="e-btn-bottom">
                    
                </div>
            <div style="width: 740px; height: 330px; top: 0px; left: 0px; z-index: 1000; display: none;"></div></div>
            <!-- add other content here-->
        </div><span u="arrowleft" class="jssora03l" style="width: 55px; height: 55px; top: 75px; left: -12px;">
                        </span><span u="arrowright" class="jssora03r" style="width: 55px; height: 55px; top: 75px; right: -13px">
			            </span></div></div></div>
    <!-- Jssor Slider End -->
    <a href="#ecounter" class="close-ecounter"></a>
</div></div></div>

<div class="modality-modal slide-down"><div class="mm-wrap"><div id="QA-download" class="ecounter">
    <div class="ecounter-title"><p>FAQ/Download</p><p></p></div>
    <div class="bank-pic"></div>
    <div id="" style="position: relative; top: 10px; left: 20px; width: 750px; height: 220px; ">
        <div u="slides" style="cursor: move; position: absolute; left: 50%; margin-left: -367px; top: 0px; width: 740px; height: 330px; overflow: hidden; z-index: 0;">
            <div>
                <div class="e-btn-top">
                    <a href="#ecounter" onclick="windowOpen('./QA/00.html',true);">
                        <div class="e-btn-6 e-btn"><h2>FAQ</h2></div>
                    </a>
                    <a href="#download-id">
                        <div class="e-btn-8 e-btn"><h2>Downloads</h2></div>
                    </a>
                </div>
                <div class="e-btn-bottom">

                </div>
            </div>
        </div>
    </div>
    <a href="#QA-download" class="close-ecounter"></a>
</div></div></div>

<!-- BANK 3.0 -->
<div class="modality-modal slide-down"><div class="mm-wrap"><div id="bank3" class="ecounter">
    <div class="ecounter-title"><p>Bank 3.0 Financial services</p><p></p></div>
    <div class="bank-pic"></div>
    <!-- Jssor Slider Begin -->
    <!-- You can move inline styles to css file or css block. -->
    <div id="slider2_container" style="position: relative; top: 10px; left: 20px; width: 750px; height: 220px; " jssor-slider="true">

        <!-- Slides Container -->
        
        <!-- Arrow Left -->
        
        <!-- Arrow Right -->
        
        <!-- Arrow Navigator Skin End -->
    <div style="position: absolute; top: 0px; left: 0px; width: 750px; height: 220px; transform-origin: 0px 0px; transform: scale(1);"><div class="" style="position: relative; top: 0px; left: 0px; width: 750px; height: 220px; display: block; overflow: visible;"><div u="slides" style="cursor: move; position: absolute; left: 50%; margin-left: -367px; top: 0px; width: 740px; height: 330px; overflow: hidden; z-index: 0;"><div style="position: absolute; z-index: 0; pointer-events: none; left: 0px; top: 0px;"></div></div><div u="slides" style="cursor: move; position: absolute; left: 50%; margin-left: -367px; top: 0px; width: 740px; height: 330px; overflow: hidden; z-index: 0;"><div style="width: 740px; height: 330px; top: 0px; left: 0px; position: absolute; background-color: rgb(0, 0, 0); opacity: 0;"></div>
            <div style="width: 740px; height: 330px; top: 0px; left: 0px; position: absolute; overflow: hidden;">
                <div class="e-btn-top">
                    <a href="#ecounter" onclick="window.open('/NetBank/14/0201.html')" style="position: absolute;">
                        <div class="e-btn-3 e-btn"><h2>Reset Login Code and Password/SSL</h2></div>
                    </a>
                    <a href="#bank3" onclick="window.location.href='/NetBank/ILEOBANKVER2/10/personalization/transaction_settings/settings.html'" style="position: absolute;left: 183px;">
                        <div class="e-btn-14 e-btn"><h2 style="line-height:15px;">Transfers within FCB under the same ID</h2>
                        </div>
                    </a>
                    <a href="#bank3" onclick="window.location.href='/NetBank/ILEOBANKVER2/10/personalization/transaction_settings/inward_acnt.html'" style="position: absolute;left: 366px;">
                        <div class="e-btn-15 e-btn"><h2 style="line-height:15px;">Online Designated Transfer Service</h2>
                        </div>
                    </a>
                    <a href="#bank3" onclick="window.location.href='/NetBank/ILEOBANKVER2/10/personalization/transaction_settings/inward_acnt.html'" style="position: absolute;left: 549px;">
                        <div class="e-btn-16 e-btn"><h2>Add Designated Inward Transfer Account Online</h2></div>
                    </a>

                </div>
                <div class="e-btn-bottom">
                    <a href="#bank3" onclick="window.location.href='https://ibank.firstbank.com.tw/NetBank/DigAMA/index.html?cp=&amp;ch=ibank&amp;em'" style="position: absolute;">
                        <div class="e-btn-F0857 e-btn"><h2>Apply for Digital saving account (for Personal)</h2></div>
                    </a>
                    <a href="#bank3" onclick="window.location.href='/NetBank/6/initIleoKYC.html'" style="position: absolute;left: 183px;">
                        <div class="e-btn-7 e-btn"><h2>KYC Procedure</h2></div>
                    </a>
                    <a href="#bank3" onclick="window.location.href='/NetBank/6/0901.html'" style="position: absolute;left: 366px;">
                        <div class="e-btn-6 e-btn"><h2>Opening an Trust Account</h2></div>
                    </a>
                    <a href="#bank3" onclick="window.open('https://www.firstbank.com.tw/LoanPlatform/Index.action?chn=web&amp;bu=067&amp;id=15067S001023')" style="position: absolute;left: 549px;">
                        <div class="e-btn-5 e-btn"><h2>Loan Application</h2></div>
                    </a>

                </div>
            <div style="width: 740px; height: 330px; top: 0px; left: 0px; z-index: 1000; display: none;"></div></div>
            <div style="width: 740px; height: 330px; top: 0px; left: 740px; position: absolute; overflow: hidden;">
                <div class="e-btn-top">
                    <a href="#bank3" onclick="window.location.href='/NetBank/18/0201.html?href=j&amp;idx=0'" style="position: absolute;">
                        <div class="e-btn-5 e-btn"><h2>Consent for JCIC</h2></div>
                    </a>
                    <a href="#bank3" onclick="window.location.href='/NetBank/6/060401.html'" style="position: absolute;left: 183px;">
                        <div class="e-btn-9 e-btn"><h2>A/T Recommend</h2></div>
                    </a>
                    <a href="#bank3" onclick="window.open('https://www.firstbank.com.tw/card/chn/content/tw/cardPair/index.html')" style="position: absolute;left: 366px;">
                        <div class="e-btn-10 e-btn"><h2>Credit Card Application</h2></div>
                    </a>
                    <a href="#bank3" onclick="window.open('https://ccard.firstbank.com.tw/cmsweb/home/index')" style="position: absolute;left: 549px;">
                        <div class="e-btn-10 e-btn"><h2>Apply Staging</h2></div>
                    </a>
                </div>
                <div class="e-btn-bottom">
                    <a href="#bank3" onclick="window.open('https://ccard.firstbank.com.tw/cmsweb/home/index')" style="position: absolute;">
                        <div class="e-btn-10 e-btn"><h2>Long cycle to Staging</h2></div>
                    </a>
                    <a href="#bank3" onclick="window.location.href='/NetBank/8/08.html'" style="position: absolute;left: 183px;">
                        <div class="e-btn-11 e-btn"><h2>Account closing</h2></div>
                    </a>

                    <a href="#bank3" onclick="window.location.href='/NetBank/10/2001.html'" style="position: absolute;left: 366px;">
                        <div class="e-btn-9 e-btn"><h2 style="line-height:15px;">Cross&nbsp;Marketing&nbsp;Agreement</h2>
                        </div>
                    </a>

                    <a href="#ecounter" onclick="window.open('https://www.firstbank.com.tw/servlet/fbweb/AVIArticle/1454086043800')" style="position: absolute;left: 549px;">
                        <div class="e-btn-17 e-btn"><h2>Fax Trading Instruction</h2></div>
                    </a>

                </div>
            <div style="width: 740px; height: 330px; top: 0px; left: 0px; z-index: 1000; display: none;"></div></div>
            <div style="width: 740px; height: 330px; top: 0px; left: -740px; position: absolute; overflow: hidden;">

                <div>
                    <div class="e-btn-top">
                        <a href="#bank3" onclick="window.location.href='/NetBank/8/03.html'" style="position: absolute;">
                            <div class="e-btn-10 e-btn"><h2>Apply the bank card online</h2></div>
                        </a>
                        <a href="#bank3" onclick="window.location.href='/NetBank/noAgTransOut/01.html'" style="position: absolute;left: 183px;">
                            <div class="e-btn-15 e-btn"><h2>Apply for Non-designated Transfer</h2></div>
                        </a>
                        <a href="#bank3" onclick="window.location.href='https://firstbk.tw/TD69M'" style="position: absolute;left: 366px;">
                            <div class="e-btn-F0857 e-btn"><h2>Apply for Digital saving account (for Single-investor enterprise)</h2></div>
                        </a>
                    </div>

                </div>

            <div style="width: 740px; height: 330px; top: 0px; left: 0px; z-index: 1000; display: none;"></div></div> <!-- add other content here-->

        </div><span u="arrowleft" class="jssora03l" style="width: 55px; height: 55px; top: 75px; left: -32px;">
                        </span><span u="arrowright" class="jssora03r" style="width: 55px; height: 55px; top: 75px; right: -33px">
                        </span></div></div></div>
    <!-- Jssor Slider End -->
    <a href="#bank3" class="close-ecounter"></a>
</div></div></div>

<!-- 身分證檢核錯誤 -->
<div class="modality-modal slide-down"><div class="mm-wrap"><div id="error-id" class="pop-hint">
    <div class="pop-out-title">Login again</div>
    <div class="pop-content error-id">
        <img src="img/default/icon-warning.png">
        <p>ID no./Registration no. verification failed. Please enter again!</p>
    </div>
    <div class="pop-btn">
        <div class="btn-comfirm" style="margin-left:256px;margin-top:10px;">
            <a href="#error-id">Confirm</a>
        </div>
    </div>
</div></div></div>
<!-- 下載專區 -->
<div class="modality-modal slide-down"><div class="mm-wrap"><div id="download-id" class="pop-hint">
    <div class="pop-out-title">Downloads</div>
    <div class="pop-content download-id">
        <ol style="list-style-type: decimal;">
            <li style="list-style: decimal !important;">Before installing any components, please<a href="#" onclick="javascript:window.open('./HTA.jsp')">click here to test</a>Your environment settings meets the requirements of the system environment.</li>
            <li style="list-style: decimal !important;">Please install components for the following operating systems and web browsers before using e-certificate to conduct transactions or binding to computers/devices:
                <ol>
                    <li style="list-style-type: upper-latin !important;margin-left: 24px">Microsoft operating system and non-IE web browsers (Chrome, Edge, and FireFox),<a href="#" onclick="javascript:openWindow('./cab/FBWS_Setup.msi?v=240521');">Please click here to install components</a></li>
                    <li style="list-style-type: upper-latin !important;margin-left: 24px">Mac operating system<a href="#" onclick="javascript:openWindow('./cab/FBWS_Setup.pkg?v=240521');">Please click here to install components</a></li>

                </ol>
            </li>
            <li style="list-style: decimal !important;">Please install components for the following operating systems and web browsers before using IC ATM card to conduct transactions:
                <ol>
                    <li style="list-style-type: upper-latin !important;margin-left: 24px">Microsoft operating system and non-IE web browsers,<a href="#" onclick="javascript:openWindow('./cab/FCBATM_ServiceInstall.msi');">Please click here to install components</a></li>
                    <li style="list-style-type: upper-latin !important;margin-left: 24px">Mac operating system<a href="#" onclick="javascript:openWindow('./cab/FCBATM_ServiceInstall.pkg');">Please click here to install components</a></li>
                    
                </ol>
            </li>

            <li style="list-style: decimal !important;">Operation manual on binding to computers/devices,<a href="#" onclick="javascript:openWindow('./doc/DOC_How to use Mac Address login.pdf');">Please click here to download</a></li>
            <li style="list-style: decimal !important;"><a href="#" onclick="javascript:openWindow('/NetBank/doc/newHand.pdf');">Operating manual on personal Internet banking</a></li>
            <li style="list-style: decimal !important;"><a href="#" onclick="javascript:openWindow('cab/FBeTokenToolsSetup.msi')">Token Device (eToken pass)</a></li>
            <li style="list-style: decimal !important;"><a href="#" onclick="javascript:openWindow('/NetBank/doc/FBWSUpdateManual.pdf')">Operation manual for components updating</a></li>

        </ol>
    </div>
    <div class="pop-btn">
        <a href="#download-id" class="btn-comfirm">Close</a>
    </div>
</div></div></div>
<!-- 金融資訊 -->
<div class="modality-modal slide-down"><div class="mm-wrap"><div id="financeInfo" class="pop-hint" style="width:480px;">
    <div class="pop-out-title">Financial Information</div>
    <div class="list">
        <a href="#financeInfo" onclick="windowOpen('/NetBank/7/00.html?h1=0101.html?sh=none', true);">NTD Deposit and Lending Rates</a>
        <a href="#financeInfo" onclick="windowOpen('/NetBank/7/00.html?h1=0103.html?sh=none', true);">Foreign currency deposit interest rates</a>
        <a href="#financeInfo" onclick="windowOpen('/NetBank/7/00.html?h1=0201.html?sh=none', true);">Board exchange rates</a>
        <a href="#financeInfo" onclick="windowOpen('/NetBank/7/00.html?h1=0202.html?sh=none', true);">Forward exchange rates</a>
        <a href="#financeInfo" onclick="windowOpen('/NetBank/7/00.html?h1=0301.html?sh=none', true);">Domestic Funds NAV*</a>
        <a href="#financeInfo" onclick="windowOpen('/NetBank/7/00.html?h1=0302.html?sh=none', true);">Offshore Fund (incl. ETF) NAV</a>
        <a href="#financeInfo" onclick="windowOpen('/NetBank/7/00.html?h1=0310.html?sh=none', true);">Offshore Securities Reference Quotes</a>
        <a href="#financeInfo" onclick="windowOpen('/NetBank/7/00.html?h1=1501.html?sh=none', true);">Gold Passbook price</a>
        
        <a href="#Insurance">Insurance related websites</a>
        <a href="#financeInfo" onclick="windowOpen('/NetBank/7/00.html?h1=1505.html?sh=none', true);">USD spot trading platform payable fees</a>
    </div>
    <div class="close">
        <a href="#financeInfo">Close</a>
    </div>
</div></div></div>
<!-- 保險區塊改成另外跳POP -->
<div class="modality-modal slide-down"><div class="mm-wrap"><div id="Insurance" class="pop-hint" style="width:600px;">
    <div class="pop-out-title">Insurance related websites</div>
    <div class="list">
        <a href="#Insurance" onclick="window.open('https://www.firstlife.com.tw')">First Life Insurance Co., Ltd.</a>
        <a href="#Insurance" onclick="window.open('https://www.nanshanlife.com.tw/')">Nan Shan Life Insurance Co., Ltd.</a>
        <a href="#Insurance" onclick="window.open('https://www.fubon.com/life/home/index.htm?ctype=B&amp;cid=menu&amp;oid=life')">Fubon Life Insurance Co., Ltd.</a>
        <a href="#Insurance" onclick="window.open('https://www.chinalife.com.tw')">China Life Insurance Co., Ltd.</a>
        <a href="#Insurance" onclick="window.open('https://www.transglobe.com.tw/CSIS/Logon/Logon.jsp')">TransGlobe Life Insurance Inc.</a>
        <a href="#Insurance" onclick="window.open('https://www.cathaylife.com.tw/bc/web/index.html')">Cathay Life Insurance Co., Ltd.</a>
        <a href="#Insurance" onclick="window.open('https://www.taiwanlife.com')">Taiwan Life Insurance Co., Ltd.</a>
        <a href="#Insurance" onclick="window.open('https://www.skl.com.tw')">Shin Kong Life Insurance Co., Ltd.</a>
        <a href="#Insurance" onclick="window.open('https://my.cardif.com.tw')">Cardif Assurance Vie, Taiwan Branch</a>
    </div>
    <div class="close">
        <a href="#Insurance">Close</a>
    </div>
</div></div></div>

<div class="modality-modal slide-down"><div class="mm-wrap"><div id="login-msg" class="pop-hint">
    <div class="pop-out-title">Close</div>
    <div class="pop-content">

    </div>
    <div class="pop-btn">
        <a href="#login-msg" class="btn-comfirm">Close</a>
    </div>
</div></div></div>
<div class="modality-modal slide-down"><div class="mm-wrap"><div id="alertMsg" class="pop-hint">
    <div class="pop-out-title">Reminder</div>
    <div class="pop-content-alert" style="text-align: center;">
        <div id="alertMsgContent" style="text-align:left;padding:25px 25px 25px 25px"></div>
    </div>
    <div class="pop-btn">
        <div class="btn-comfirm">
            <a href="#alertMsg">Got it</a>
        </div>
    </div>
</div></div></div>

<div class="modality-modal slide-down"><div class="mm-wrap"><div id="browserUpdate" class="pop-hint">
    <div class="pop-out-title">Reminder</div>
    <div class="pop-content-alert" style="text-align: center;">
        <div id="browserUpdateContent" style="text-align:left;padding:25px 25px 25px 25px">
        </div>
        <div id="browserUpdate-chkbox" class="checkbox">
            <input type="checkbox" id="checkbox_hide" onclick="event.stopPropagation();confirmBrowser();">no more reminders
        </div>
    </div>
    <div class="pop-btn">
        <div class="btn-comfirm">
            <a href="#browserUpdate">Got it</a>
        </div>
    </div>
</div></div></div>
<div class="modality-modal slide-down"><div class="mm-wrap"><div id="browserNotSupport" class="pop-hint">
    <div class="pop-out-title">Reminder</div>
    <div class="pop-content-alert" style="text-align: center;">
        <div id="browserNotSupportContent" style="text-align:left;padding:25px 25px 25px 25px">
        </div>
    </div>
    <div class="pop-btn">
        <div class="btn-comfirm">
            <a href="#browserNotSupport">Got it</a>
        </div>
    </div>
</div></div></div>

<!-- 使用公用電腦且非行員登入時跳出pop up start -->
<div class="modality-modal slide-down"><div class="mm-wrap"><div id="publicIpNotTellerLogin" class="pop-hint">
    <div class="pop-out-title">Reminder</div>
    <div class="pop-content-alert" style="text-align: center;">
        <div style="text-align:left; padding:25px 25px 25px 25px">
            To protect your account, please do not share username and password with others!
        </div>
    </div>
    <div class="pop-btn">
        <a id="notMe" href="#publicIpNotTellerLogin" class="btn-cancel">Not myself</a>
        <a id="isMe" href="#publicIpNotTellerLogin" class="btn-comfirm">Myself</a>
    </div>
</div></div></div>
<!-- 使用公用電腦且非行員登入時跳出pop up end -->

<!-- 23:45-00:05登入時跳出pop up start -->
<div class="modality-modal slide-down"><div class="mm-wrap"><div id="nightPeriod" class="pop-hint">
    <div class="pop-out-title">Reminder</div>
    <div class="pop-content-alert" style="text-align: center;">
        <div style="text-align:left; padding:25px 25px 25px 25px">
            System Announcement iBank system is going to run the routine maintenance from 23:45 to 00:05. If causing transaction fails, please try again later. Sorry for the inconvenience. Still want to login? 
        </div>
    </div>
    <div class="pop-btn">
        <a id="notLogIn" href="#nightPeriod" class="btn-cancel">No</a>
        <a id="isLogIn" href="#nightPeriod" class="btn-comfirm">Yes</a>
    </div>
</div></div></div>
<!-- 23:45-00:05登入時跳出pop up end -->

<div class="modality-modal slide-down"><div class="mm-wrap"><div id="z7Notice" class="pop-hint">
    <div class="pop-out-title">Reminder</div>
    <div class="pop-content-alert" style="text-align: center;">
        <div id="z7NoticeContent" style="text-align:left;padding:25px 25px 25px 25px">
    </div>
    <div class="pop-btn">
</div>

<!--Script-->
<!--  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>-->

<script src="/NetBank/js/jquery.cbpContentSlider.min.js"></script>
<script src="js/modernizr.custom.js"></script>
<!-- Dropdown Menu -->
<script src="js/dropdown.js"></script>
<!-- Tooltip -->
<script src="js/jquery.tooltipster.js"></script>
<!-- Slider-2 -->
<script src="js/unslider.min.js"></script>
<script src="js/modality.min.js"></script>
<!-- Caps lock warning -->
<script src="js/jquery.tipsy.js"></script>
<script src="js/jquery.jccapsalert.js"></script>
<!-- Placeholder -->
<script src="js/jquery.placeholder.js"></script>
<script src="js/cycle.js"></script>
<script src="js/jssor.slider.mini.js"></script>
<script type="text/javascript" src="js/default.js"></script>
<script type="text/javascript" src="/NetBank/js/clickRecord_js.jsp"></script>
<!-- Keyboard START -->
<link rel="stylesheet" type="text/css" href="/NetBank/css/keyboard.css">
<script src="/NetBank/jsfile/keyboard.js"></script>
<script type="text/javascript">

    var slideNum = 5;
    var theInt = null;
    var curSlider = 0;

    var modal0 = Modality.init('#alertMsg', {
        effect: 'slide-down'
    });

    var modal1 = Modality.init('#yourModalId', {
        effect: 'slide-down',
        onOpen: function () {
            $("#confirmButton a").removeAttr("href");
            $('#yourModalId').find(".pop-content").eq(0).show().next().hide();
        },
        onClose: function () {
            $("#confirmButton").show();
            $("#cancelButton").removeClass("btn-comfirm").addClass("btn-comfirm").text("Cancel");
            $("#yourModalId").css("width", "600px");
        }
    });

    var modal2 = Modality.init('#ecounter', {
        effect: 'slide-down'
    });

    var modal3 = Modality.init('#error-id', {
        effect: 'slide-down'
    });

    var modal4 = Modality.init('#financeInfo', {
        effect: 'slide-down'
    });

    var modal4_1 = Modality.init('#Insurance', {
        effect: 'slide-down',
        onOpen: closeInsurancePOP

    });

    var modal7 = Modality.init('#login-msg', {
        effect: 'slide-down'
    });

    var modal8 = Modality.init('#bank3', {
        effect: 'slide-down',
        onOpen: closeEcounter
    });

    var modal9 = Modality.init('#QA-download', {
        effect: 'slide-down'
    });

    var modal10 = Modality.init('#browserUpdate', {
        effect: 'slide-down'
    })

    var modal11 = Modality.init('#browserNotSupport', {
        effect: 'slide-down'
    })

    //順序要喬一下 不然15會讀不到
    var modal5 = Modality.init('#download-id', {
        effect: 'slide-down',
        onOpen: closeQAarea
    });

    var modal12 = Modality.init('#z7Notice', {
        effect: 'slide-down'
    });

    // 公用電腦非行員登入popup
    var moda20 = Modality.init('#publicIpNotTellerLogin', {
        effect: 'slide-down'
    });

    // 23:45-00:05登入時跳出popup
    var moda21 = Modality.init('#nightPeriod', {
        effect: 'slide-down'
    });

    function closeInsurancePOP() {
        modal4.close();
    }

    function closeEcounter() {
        modal2.close();
    }

    function closeQAarea() {
        modal9.close();
    }


    $(function () {
// 			$('input').limitKeyPress('engNumPlus',function(context){
// 				alert('系統禁止出現按鍵:'+ context.inputChar);
// 			});
        // Get required exchange rates from server
        init();
        $("#obu").click(function () {
            changeCustomerToOBU();
            $(".generaLogin").show();
            $(".crideCardLogin").hide();
            $("#card_hidden").show();
            $("#changeTip").show();
            $("#GeneralAndObu").show();
            $("#ccard").hide();
            //$("#my-tooltip").show();
            $(".input-hint").css({"left": "3px", "margin-top": "5px"});
            document.getElementById("usrIdInput").placeholder = "Enter Login Username";
            $("#keyboardOpen").show();
            $("#pwd").attr('maxlength', '12');
            $("#usrIdInput").attr('maxlength', '12');
        });
        $("#generalACNT").click(function () {
            changeCustomerToNormal();
            $(".generaLogin").show();
            $(".crideCardLogin").hide();
            $("#card_hidden").show();
            $("#changeTip").show();
            $("#GeneralAndObu").show();
            $("#ccard").hide();
            //$("#my-tooltip").show();
            $(".input-hint").css({"left": "3px", "margin-top": "5px"});
            document.getElementById("usrIdInput").placeholder = "Enter Login Username";
            $("#keyboardOpen").show();
            $("#pwd").attr('maxlength', '12');
            $("#usrIdInput").attr('maxlength', '12');
        });
        $("#card").click(function () {
            changeCustomerToCard();
            $(".generaLogin").hide();
            $(".crideCardLogin").show();
            $("#card_hidden").hide();
            $("#changeTip").hide();
            $("#GeneralAndObu").hide();
            $("#ccard").show();
            //$("#my-tooltip").hide();
            $(".input-hint").css({"left": "-80px", "margin-top": "14px"});
            document.getElementById("usrIdInput").placeholder = "Enter user ID";
            $("#keyboardOpen").hide();
            $("#keyboardBox").hide();
            $("#pwd").attr('maxlength', '20');
            $("#usrIdInput").attr('maxlength', '20');
        });
        // placeholder
        $('input, textarea').placeholder({customClass: 'my-placeholder'});

        $('.banner > ul').cycle({
            fx: "scrollHorz",
            speed: 800,               //  The speed to animate each slide (in milliseconds)
            pause: true,
            timeout: 8000,
            // keys: true,             //  The delay between slide animations (in milliseconds)
            pager: "#dot_1",               //  Display dot navigation
            // fluid: false,              //  Support responsive design. May break non-responsive designs
        });

        $('.banner-1 > ul').cycle({
            fx: "scrollHorz",
            speed: 800,               //  The speed to animate each slide (in milliseconds)
            pause: true,
            timeout: 8000,
            // keys: true,             //  The delay between slide animations (in milliseconds)
            pager: "#dot_2",               //  Display dot navigation
            // fluid: false              //  Support responsive design. May break non-responsive designs
        });

        $("#password").CapsLockAlert();
        $("#password-2").CapsLockAlert();

        var slideroptions = {
            $DragOrientation: 1,
            $ArrowNavigatorOptions: {                       //[Optional] Options to specify and enable arrow navigator or not
                $Class: $JssorArrowNavigator$,              //[Requried] Class to create arrow navigator instance
                $ChanceToShow: 2,                               //[Required] 0 Never, 1 Mouse Over, 2 Always
                $AutoCenter: 0,                                 //[Optional] Auto center arrows in parent container, 0 No, 1 Horizontal, 2 Vertical, 3 Both, default value is 0
                $Steps: 1                                       //[Optional] Steps to go for each navigation request, default value is 1
            }
        };

        var jssor_slider1 = new $JssorSlider$("slider1_container", slideroptions);	//數位櫃台滑動效果註冊
        var jssor_slider2 = new $JssorSlider$("slider2_container", slideroptions);	//bank3 櫃台滑動效果註冊

        $("#cf7").find("slide").eq(0).addClass("opaque");
        $("div.slideCtl").eq(0).addClass("selected");
        //sliderFN();


        $("div.slideCtl").on('click', function () {
            clearInterval(theInt);
            curSlider = $("div.slideCtl").index(this);
            moveToSlider(curSlider);
            sliderFN();
        });
        $("div.slideCtl").eq(0).click();

        getPosition();

        var keyboardObj = new KeyboardClass({
            mainObj: '#keyboardBox',
            openObj: '#keyboardOpen',
            caplockFlag: false,
            openFlag: false,
            inputObj: [
                'input[type=text][name=loginCustId]', 'input[name=usrId]',
                'input[name=pwd]', 'input[type=text][name=vrfyCode]'
            ],
            styleData: {
                keyboard: {
                    top: '-100px',
                    left: '50%'
                },
                keyboard_word: {},
                keyboard_number: {}
            }
        });

    });

    function LoginFailMsg(msg, title) {
        $("#login-msg").find(".pop-out-title").html(!title ? "登入失敗" : title);
        $("#login-msg").find(".pop-content").html(msg);
        modal7.triggers[0].click();
    }

    $('table tr:even').css('background-color', '#f5f5f5');
    // 密碼提示
    $('.password-row').find('span').hover(function () {
        $(this).parent('.password-row').addClass('show-tips');
        // console.log('hover');
    }, function () {
        $(this).parent('.password-row').removeClass('show-tips');
    });

    function sliderFN() {
        theInt = setInterval(function () {
            curSlider = (curSlider + 1 == slideNum) ? 0 : curSlider + 1;
            moveToSlider(curSlider);
        }, 4000);
    }

    function moveToSlider(idx) {
        $("#cf7 .slide").eq(curSlider).fadeIn(500).siblings().fadeOut(500);
        $("div.slideCtl").eq(curSlider).addClass("selected").siblings().removeClass("selected");
    }
    function openWindow(str) {
        window.open(str);
    }

    function updateWaringMsg(msg){
        $("#alertMsgContent").text(msg);
    }

    function changeTip(){
        $("#cancelButton").css("background-color","rgb(163, 163, 163");
    }
    jQuery(function() {
        initCaptchaLogin();
        chkVrfyCode();
    });
    function clickArea(){
        var poss = pos.split(',');
        $('#hitXinput').val(parseInt(poss[0])+1);
        $('#hitYinput').val(parseInt(poss[1])+1);

        checkPos="Y";

        doLogin();
    }

    // 驗證使用者是否使用公用電腦ip 以及 是否為行員 跳出popup
    function validateIpAndNotTeller() {
        var isPbIp = false;

        $.ajax({
            url: '/NetBank/beforeLoginValidate.html',
            type: 'POST',
            async: false,
            data: {
                custId: form1.loginCustId.value.toUpperCase()
            },
            success: function(response) {
                // 公用ip且非行員登入時跳出popup
                if (response == 'true') {
                    isPbIp = true;
                }
            }
        });

        return isPbIp;
    }

    var checkPos="";
    var pos="";

    function getPosition(){
        var urlLOG = '/NetBank/loadloginAreaCoordinate.html';

        $.ajax({
            url : urlLOG,
            type : 'POST',
            success: function(data) {
                $("area").attr('coords',data);
                pos=data;
            },
        });
    }

    function initLoginInput() {
        $('#loginCustId').val('');
        $('#usrIdInput').val('');
        $('#pwd').val('');
        $('#vrfyCode').val('');
    }

    function capsLockMonitor(){
        $('#usrIdInput').isCapsLock('#capsLockTips');
        $('#pwd').isCapsLock('#capsLockTips2');
    }

    capsLockMonitor();
    $(document).ready(loadSections());
    //$( document ).ready(function(){
    try {
        var script = document.createElement("script");
        script.setAttribute('type', 'text/javascript');
        script.setAttribute('src', 'https://imedia.firstbank.com.tw/mmccmedia/firstbank/res/addon.js?i=2');
        //document.head.appendChild(scr);
        document.getElementsByTagName('head')[0].appendChild(script);
        //alert(navigator.userAgent);
    } catch (e) {

    }

    //});
    function goCradLoginError_LOG(count) {
        var urlLOG = '/NetBank/ajax/creditGoCradLoginErrorLOG.html';
        data = {
            Count: count
        }

        $.ajax({
            url: urlLOG,
            type: 'POST',
            data: data,
        });
    }

    function checkBrowserVersion() {
        var n = {};
        n = getBrowserInfo();
        if (n.ie < 11 || n.firefox < 42 || parseFloat(n.chrome) < 40) {
            alert('If your browser version is older, please update your browser to the latest version to access this service and enjoy a better experience!', null, 1);
            return false;
        }
        return true;
    }

    function getBrowserInfo() {
        var t = {}, i = navigator.userAgent.toLowerCase(), n;
        return (n = i.match(/rv:([\d.]+)\) like gecko/)) ? t.ie = n[1] : (n = i.match(/msie ([\d.]+)/)) ? t.ie = n[1] : (n = i.match(/firefox\/([\d.]+)/)) ? t.firefox = n[1] : (n = i.match(/chrome\/([\d.]+)/)) ? t.chrome = n[1] : (n = i.match(/opera.([\d.]+)/)) ? t.opera = n[1] : (n = i.match(/version\/([\d.]+).*safari/)) ? t.safari = n[1] : 0, t
    }
</script></div></div></div></div><div id="htmlAddOn" style="left: 724px; position: fixed; top: 200px; width: 61px; z-index: 9997;"><div id="htmlMedia" style="position:fixed;z-index:9998;max-height:574px;overflow:hidden;"><img id="htmlAvatar" title="第e客服可以移動" src="https://imedia.firstbank.com.tw/mmccmedia/firstbank/images/icon00.png" width="61" height="78" style="vertical-align:bottom;margin-left:-1px;cursor:move;"><table id="htmlMediaBar" style="z-index: 9998; display: block; visibility: visible; transition: max-height 0.5s ease-in-out 0s; overflow-y: hidden; background: transparent; border-collapse: collapse; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; max-height: 0px;" data-max-height="144px" width="60" height="144" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td align="center" valign="middle" height="60" style="z-index:9998;text-align:center;vertical-align:center;background-color:#0DAF84;padding-top:5px;"><a id="icon01"><img title="網路電話" src="https://imedia.firstbank.com.tw/mmccmedia/firstbank/images/icon01.png" width="60" height="60" style="position:relative;top:0px;cursor:pointer;"></a></td></tr><tr><td align="center" valign="middle" height="60" style="z-index:9998;text-align:center;vertical-align:center;background-color:#0DAF84;padding-top:5px;"><a id="icon02"><img title="智能客服" src="https://imedia.firstbank.com.tw/mmccmedia/firstbank/images/icon02.png" width="60" height="60" style="position:relative;top:0px;cursor:pointer;"></a></td></tr></tbody></table></div></div></body></html>