 
  
   
  
   
  
   
  
   
  
   
  
  position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width:100%;
max-width:500px;
height: 100%;
max-height:300px; 
  
   
  
  $(document).ready(function() {
           $("#point-1, #point-2").hover(function () {
                $("#list-1, #list-2").css("text-decoration", "underline");
            });
            $("#point-1, #point-2").mouseleave(function () {
                $("#list-1, #list-2").css("text-decoration", "none");
            });
            $("#list-1, #list-2").hover(function () {
                $("#point-1, #point-2").css("opacity", "1");
            });
            $("#list-1, #list-2").mouseleave(function () {
                $("#point-1, #point-2").css("opacity", "0.7");
            });
        }); 
  
   
  
   
  
  DT.Game.prototype.updateTimer = function (dtime) {
        var sec, min;
        this.timer += dtime;
        sec = Math.floor(this.timer);
        if (sec > Math.floor(this.timer - dtime) ) {
            min = Math.floor(sec / 60);
            sec = sec % 60;
            sec = sec < 10 ? '0' + sec.toString() : sec;
            DT.$title.html(min + ':' + sec + ' in digital trip');
        }
    }; 
  
  $(window).scroll(function () {
        var ControlDivTop = $('#cs_controlDivFix');
        $(window).scroll(function () {
            if ($(this).scrollTop() > 50) {
               ControlDivTop.stop().animate({ 'top': ($(this).scrollTop() - 62) + "px" }, 600);
            } else {
              ControlDivTop.stop().animate({ 'top': ($(this).scrollTop()) + "px" },600);
            }
        });
    }); 
  
  