@font-face {
    font-family: 'startBnt';
     
      src: url('../fonts/gothic/century_gothic.eot');
      src: url('../fonts/gothic/century_gothic.eot?#iefix') format('embedded-opentype'),
          url('../fonts/gothic/century_gothic.woff') format('woff'),
          url('../fonts/gothic/century_gothic.ttf') format('truetype'),
          url('../fonts/gothic/century_gothic.svg#ArialMT') format('svg');
  }
  #loadInfo {
      position: absolute;
      width: 176px;
      height: 50px;
      margin: auto;
      left: 0px;
      right: 0px;
      top: 0px;
      bottom: 0px;
      font-size: 24px;
      text-align: center;
  }
  #main_cont{
          opacity: 0;
  }
  #main_cont {
      height: 560px;
      width: 800px;
      background-color: #666666;
      border: 1px solid;
      position: relative;
      border:0px solid red;
  }
  .timedilation_txt{position:absolute;top:175px;left:100px;width:300px;color:white;font-weight:normal}
  #header{
      width: 100%;
      height: 32px;
      background-image: url(../images/headeLine_bg.png);
      background-repeat: repeat-x;
  }
  
  
  @-webkit-keyframes blur {
    0%, 100%  { -webkit-filter: blur(0px); }
    50% { -webkit-filter: blur(10px); }
  }
  
  
  #startBnt{
     width: 99.4%;
      height: 31px;
      text-align:left;
      position: relative;
         font-weight:normal;
      line-height:2.7;
      font-size:12px;
      padding-left:5px;
        background-image: url(../images/headeLine_bg.png);
		font-weight:bold;
  }
  
  body {
      overflow: hidden;
    font-family: arial;
      margin: 0px;
      font-size: 16px;
          /* font-weight: bold; */
  }
  
  .view{position:absolute;margin-top:0px;width:100%;border-bottom:1px solid #000;height:300px;border-left:none;}
  .mass{position:absolute;width:600px;border:0px solid blue;height:100%;background:#000;}
  .bottom{position:absolute;border-bottom:0px solid red;width:100%;height:37px;    top: 365px;}
  .controls{position:absolute;width:200px;height:100%;left:600px;top:0px;border:0px solid yellow;}
  .control1{    
	position: absolute;
    top: -31px;   
    left: 598px;    
    border-left: 2px solid;
    height: 31px;
    }
.control_txt{
	 position: absolute;
    top: -23px;
    right: 143px;
	font-size: 12px;
	font-weight: bold;
	}
  .light_curve{
  width:100%;  width: 99.4%;
      height: 32px;
      text-align:left;
      position: relative;
         font-weight:normal;
      line-height:2.7;
      font-size:12px;
      padding-left:5px;
        background-image: url(../images/headeLine_bg.png);
		font-weight:bold;}
  .mass_div,.velocity_div,.impact_div{width:30px;height:230px;border:0px  solid red;position:absolute;top:20px;left:30px;font-size:13px;color:#fff;}
  .velocity_div{left:78px}
  .impact_div{left:140px;}
  .btn{position:absolute;width:90px;height:40px;text-align:center;top:255px;left:60px;border:0px solid;opacity:0.5;background:#666;display:none;}
  .startBtn1{background:url("../images/btn.png");width:70px;height:21px;text-align:center;line-height:1.7;top:265px;left:70px;font-size:13px;position:absolute;cursor:pointer;}
  .startBtn1:hover{background:url("../images/btn_h.png");}
  .slider-vertical{
     width: 5px !important;
      height: 202px !important;
      position: absolute !important;
      top: 25px !important;
      left: 12px !important;
      background: #ddd ! important;
      border-radius: 40px;
	      box-shadow: -1px 0px 0px 0px #000;
         
  }
  .view_container{position: absolute;width:600px;height: 166px;border:0px solid red;margin-top:150px;opacity: 0.7;top: 0;bottom: 0;margin: auto;border:0px solid #fff;}
  .moveCircle{
          width:40px;
          height:40px;
          border-radius:30px;
          border:1px solid #fff;
          position:absolute;
          left:500px;
          top: 0;
          bottom: 0;
          margin: auto 0;
          color:white;
          text-align:center;
          line-height:2;
          font-size:20px;
          transform: scale(0.5);
          background: transparent;
          -moz-box-shadow: 0 0 5px 5px #fff;
          -webkit-box-shadow: 0 0 1px 1px #fff;
          box-shadow: 0 0 1px 2px #fff;
		      opacity: 0.5;    
		background: #000;
          }
  .line{position:absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;width:600px;height:2px;background:url("../images/line.png");background-size:100% 100%;}
  .circle1{position:absolute;    top: 0px;
    bottom: 0;
    left: 31px;
    right: 0;
    margin: auto;
    border: 1px solid #512114;
    width: 43px;
    height: 43px;
    border-radius: 41px;}
  .circle2{
          position: absolute;
		  display: none;
    top: 0;
    bottom: 0;
    left: 32px;
    right: 0;
    margin: auto;
    background: #fff;
    width: 50px;
    height: 50px;
	border: 1px solid #fff;
	outline: 1px solid #fff;
    border-radius: 2px;
    box-shadow: 0 0 20px 20px #fff;
	opacity: 0.2;
      }
  .centerCircle{position:absolute;top:0px;left:0px;right:0px;width:180px;height:180px; margin: 0 auto;}
  *:focus{outline:none;}
  .slider1{width:32px !important; font-size:11px !important;display:inline-block; height:15px !important; background:#000 !important;margin-left:16px !important;text-align:center;color:#fff!important;border-radius:0px !important;display:none;}
  
  .slider2{width:30px !important; font-size:12px;display:inline-block; height:15px !important; background:#000 !important;margin-left:16px !important;text-align:center;color:#fff!important;border-radius:0px !important;}
  
  .slider-vertical>.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
      border: 0px solid #d3d3d3;
      }
  #slider-vertical2{
     width: 5px !important;
      height: 202px !important;
      position: absolute !important;
      top: 25px !important;
      left: 22px !important;
      background: #ddd ! important;
      border-radius: 40px;
         
  }
  .ui-slider-vertical {
      width: .6em;
      height: 100px;
  }
  
  .slider-vertical>span.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
      border: 2px solid #d3d3d3;
      font-weight: normal;
      color: #555555;
      height: 10px;
      width: 10px;
      background-color: #ddd;
      border-radius: 40px;
      cursor:pointor;
      margin: -3px;
      margin-top: 0px;
	  border:1px solid;
      
  } 
  table, th, td {
      border: 1px solid #878787;
      border-collapse: collapse;
      height:20px;
  }
  .tab_hei
  {
      height:15px;
  }
  .intensity_div
  {
      position:absolute;
      top:92px;
      -ms-transform: rotate(-20deg); /* IE 9 */
      -webkit-transform: rotate(-20deg); /* Safari */
      transform: rotate(-90deg); /* Standard syntax */
      color:#fff;
            left: -9px;
    z-index: 10;
    font-size: 14px;
  }
  .time_div
  {
	 position: absolute;
	top: 160px;
    left: 370px;
    color: #fff;
    z-index: 10;
	 font-size: 14px;
  }
  .line_thin
  {
         position: absolute;
       top: 47px;
    left: 29px;
    width: 5px;
    height: 109px;
    border: 0px solid;
    background: #bbccdd;
    z-index: 10;
  }
  .line_div{
	position: absolute;
    top: 155px;
    left: 29px;
    z-index: 10;
    width: 93.3%;   
    border: 1px solid #bbccdd;
      
  }
  .centerCircle1
  {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 30px;
    right: 0;
    margin: auto;
    width: 126px;
    display: none;
  }
 .blink
  {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;   
  }
  .pop_mousemove{
      position:absolute;
      top: 360px;
      left: 100px;
      border: 1px solid  green;
      width: 80px;
      height: 40px;
      font-size:10px;
      display:none;
      z-index:10000;
  }