"

From 2013.igem.org

   *{
     padding:0px;
     margin: 0px;
   }
   body {
     height: 100%;
     width: 100%;
     background-color: #CCC;
     font-family: 'Arial';
   }

1. safety-container{

 width: 980px;
 height: 100%;
 background-color: #DDF4EF;
 margin:0 auto;

}

1. safety-header{

 height: 100%;

}

1. safety-font{

 position:relative;
 left：50%;
 margin-left:-101px;
 margin-top: 40px;
 margin-right: 27px;

}

1. q1-image{

 float: left;
 margin-left: 60px;
 margin-top: 30px;
 margin-right: 50px;

}

.safety-q{

 clear: both;

}

.q-light{

 float: left;
 margin-left: 40px;
 margin-top: 0px;
 margin-bottom:50px;

}

.q-text{

 float: left;
 margin-top: 58px;
 margin-left: 4px;

 font-family: 'Arial';
 font-size: 19px;
 font-weight: 900;
 color: #445d72;
 position:relative;
 width:90%;

}

.q-pen{

 clear: both;
 float: left;
 margin-top: 28px;
 margin-left: 40px;

}

.q-answer{

 width: 90%;
 float: left;
 margin-left: 2px;
 margin-top: 38px;
 margin-bottom: 30px;

 line-height: 24px;
 color: #445d72;
 font-weight: 800;
 font-size: 15px;

}

1. q3{

 clear:both;

}

 /*footer*/
   #sysu-footer{
     width: 100%;
     margin:0 auto;

     position: relative;
     bottom: 0px;
     overflow: hidden;

     /*background-color: white;*/
   }
   #bottom-image{
     width: 100%;
   }

   a:focus{
     outline-color:#544444; 
   }