"

From 2014.igem.org

div.zju_frame {

   position: relative;
   display: block;
   width: 100%;
   min-width: 720px;
   height:auto;
   margin: 0px;
   box-shadow: 0px 0px 0px #c4c4ef;
   overflow: auto;
   background-color:#def;

}

div.zju_frame table{

   background: transparent;
   margin-left: auto;
   margin-right: auto;

}

div.zju_frame span.guide{

   display: block;
   position: absolute;
   text-align: center;
   background-color: transparent;
   height: 15%;
   width: 100%;

}

div.zju_frame span.guide img {

   position: relative;
   display: none;
   border-radius: 30pt;
   margin:0 auto;
   cursor: pointer;

}

div.zju_frame span.guide:hover img {

   display: block;
   opacity: 0.5;

}

div.zju_frame span.guide img:active {

   display: block;
   opacity: 0.9;

}

div.zju_frame img#home_bar {

   position: absolute;
   transition: opacity 1s;
   width: 22.65625%;
   top: 52.66064257%;
   left: 66.40625%;
   opacity: 0;

}

div.zju_frame img#home_bar:hover {

   opacity: 0.5;
   cursor: pointer;

}

div.zju_frame img#home_bar:active {

   opacity: 1.0;
   cursor: pointer;

}

div.zju_sec {

   position: relative;
   border-radius: 2px;
   padding: 15px;
   display:block;
   width: 80%;
   background-color: rgba(228,236,255,0.85);
   margin: 20pt auto 20pt;
   box-shadow: 0px 0px 20px #95c5f5;
   font-size: 12pt;
   font-size: Arial, sans-serif;
   overflow: auto;

}

div.zju_sec p {

   text-indent: 2em;

}

div.zju_sec img {

   float: right;

}

div.zju_sec table.img {

   float: right;
   text-align: center;
   background-color: transparent;

}

div.zju_cha {

   position: relative;
   width: 90%;
   border-radius: 5px;
   background-color: rgba(228,236,255,0.85);
   box-shadow: 0px 0px 20px #95c5f5;
   margin: 20pt auto 20pt;
   overflow: auto;
   padding: 15px;
   display:block;

}

div.zju_cha img.profile {

   float: left;
   margin-right:10px;
   margin-left:10px;
   text-align: center;
   border-radius: 5px;
   padding: 10px;
   background-color: #fff;
   box-shadow: 0px 0px 10px #000;

}

div.zju_cha h4 {

   font-style: italic;
   margin:0;
   text-align: right;

}

div.zju_cha p {

   font-family: "Comic Sans MS", Arial, sans-serif;

}

div.ani {

  display:block;
  margin:0 auto;
  text-align: center;

}

div.ani img{

  margin: 0 auto;

}

div.pan {

   display: block;
   background: white;
   overflow:visible;
   position:relative;

}

div.pan img.pan {

   position: absolute;

}

div.pan img.pan:hover {

   cursor: pointer;
   box-shadow: 0px 0px 10px #222;
   z-index: 1;

}

div.sld{

   font-size: 13.3px;
   font-family: Arial, sans-serif;

}

div.ft{

   position: absolute;
   margin:0;
   padding:0;
   font-size:500%;
   font-family: Arial;
   z-index: 1;
   color: white;
   line-height: normal;

}

div.ft a,div.ft a:hover,div.ft a:active,div.ft a:visited{

   color:white;
   text-decoration: none;

}

p.cutline {

   font-size: 0pt;
   margin:0px;
   height:0px;

}