модальное окно оповещения перенесено в Internet Explorer

Question

когда эта страница открывается в браузере Internet Explorer модал оповещения не помещается в середине экрана

как я могу исправить кодирование?

на целевой странице, она имеет 4 шага, которые загружаются после того, как одна страница появляется

        var new_win;
        $('[class*=privacy-link]').on('click', function(e) {
            e.preventDefault();
            new_win = window.open($(this).attr('href'), 'popup', 'toolbar=no, location=no, status=no, menubar=no, scrollbars=yes, resizeble=no, width=680px, height=680px');
        });

        $('a[href^=#], area[href^=#]').click(function(){
            $('html, body').animate({
                    scrollTop: $( $.attr(this, 'href') ).offset().top
            }, 300);
            return false;
        });

        function step1() {
            $('html').attr('class', 'step1');
            $('.step').removeClass('is-active');
            $('.step-1').addClass('is-active');
        }

        function step2() {
            $('html').attr('class', 'step2');
            $('.step').removeClass('is-active');
            $('.step-2').addClass('is-active');
        }

        function step3() {
            $('html').attr('class', 'step3');
            $('.step').removeClass('is-active');
            $('.step-3').addClass('is-active');
        }

        function step4() {
            $('html').attr('class', 'step4');
            $('.step').removeClass('is-active');
            $('.step-4').addClass('is-active');
        }

и на странице последнего шага появляется модальное окно с предупреждением.

enter code here
        var step_no = 0;

        function step5_ready() {
            $('html').attr('class', 'step'+step_no);
            $('.step').removeClass('is-active');
            $('.step-'+step_no).addClass('is-active');
            setTimeout(step5, 1000);
        }

        function step5() {
            var step = $('.step-'+step_no);
            var pr = step.find('.progress-bar');
            var width = 0;
            var width_p = width+'%';
            frame();
            function frame() {
                if (width >= 100) {
                    step.find('.ing, .icon').hide();
                    step.find('.ok').show();
                    step_no++;
                    if (step_no < 9) {
                        setTimeout(step5_ready, 1500);
                    } else {
                        setTimeout(function() {
                            alert('모든 분석이 완료되었습니다!\n\n당신의 투자성향에 맞는 종목을\n확인해보시겠습니까?');
                            step_last();
                        }, 1000);
                    }
                } else {
                    width = width + 2;
                    width_p = width+'%';
                    pr.css('width', width_p);
                    pr.attr('aria-valuenow', width);
                    //pr.text(width_p);
                    setTimeout(frame, 40);
                }
            }
        }

        function step_last() {
            $('html').attr('class', 'steplast');
            $('.step').removeClass('is-active');
            $('.step-last').addClass('is-active');
            $('.footer').show();
        }

        $('#btn_step1').click(step1);
        $('.step-1 [class^=btn-]').click(step2);
        $('.step-2 [class^=btn-]').click(step3);
        $('.step-3 [class^=btn-]').click(step4);
        $('.step-4 [class^=btn-]').click(function() {
            $('.footer').hide();
            step_no = 5;
            step5_ready();
        });

как я могу исправить эту проблему, которую устанавливает модальное окно в середине браузера?