"

From 2013.igem.org

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

   /*human practice container*/
   #practice-container{
     width: 100%;
     margin: 0 auto;
     height: 100%;
   }
   #practice-top-image{
     width: 100%;
   }
   #practice-content{
     background-color: white;
     width:100%;
   }
   #practice-content-image{
     padding-top: 8px;
     width: 1000px;
     margin: 0 auto;
   }
   #practice-content-image img{
     width: 1000px;
     height: 350px;
   }
   #practice-content-header{
     padding-top: 40px;

     width: 200px;
     margin: 0 auto;

     font-size: 35px;
     color: #34495e;
     font-weight: bolder;
   }

   #practice-introduction{
     padding-top: 40px;

     width: 151px;
     margin:0 auto;

     font-size: 25px;
     color:#65d2c0;
     font-weight: bolder;
   }
   #practice-introduction-text{
     padding-top: 70px;
     width: 800px;
     margin:0 auto;

     text-align: justify;
     font-size: 18px;
     line-height: 25px;
   }

   #practice-slide{
     margin-top: 100px;
   }

   #practice-slide{   
     padding-bottom: 60px;
   }
   /*human practice content*/
   #practice-game{
     background-color: #dff5f2;
   }
  #game-header{
     text-align: center;
     padding-top: 50px; 
     font-size: 33px;
     color: #34495e;
     font-weight: bolder;
  }
  #game-show{
   padding-top: 60px;
   padding-bottom: 110px;
   width: 968px;
   margin: 0 auto;
  }
  #game-presentaion img{
   width:500px;
  }
  #game-introdution{
     margin-left: 30px;
     width: 430px;
     display: block;
     text-align: justify;
     font-size: 18px;
     line-height: 25px;
  }
   /*footer*/
   #sysu-footer{
     width: 100%;
     margin:0 auto;

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

     background-color: #dff5f2;
   }
   #bottom-image{
     width: 100%;
   }

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