       <style type="text/css">
           ul#navigation {
               position: fixed;
               margin: 0px;
               padding: 0px;
               top: 0px;
               right: 22px;
               list-style: none;
               z-index:999999;
               width:824px;
           }
           ul#navigation li {
               width: 103px;
               display:inline;
               float:left;  
           }
           ul#navigation li a {
               display: block;
               float:left;
               margin-top: -2px;
               width: 100px;
               height: 25px;
               background-color:#E7F2F9;
               background-repeat:no-repeat;
               background-position:50% 10px;
               background-size:100px 100px;
               border:1px solid #BDDCEF;
               -moz-border-radius:0px 0px 10px 10px;
               -webkit-border-bottom-right-radius: 10px;
               -webkit-border-bottom-left-radius: 10px;
               -khtml-border-bottom-right-radius: 10px;
               -khtml-border-bottom-left-radius: 10px;
               text-decoration:none;
               text-align:center;
               padding-top:80px;
               opacity: 0.7;
               filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);  
           }
           ul#navigation li a:hover{
               background-color:#CAE3F2;
           }
           ul#navigation li a span{
               letter-spacing:2px;
               font-size:11px;
               color:#60ACD8;
               text-shadow: 0 -1px 1px #fff;      
           }
           ul#navigation .Home a{
               background-image: url();
           }
           ul#navigation .Project a{
               background-image: url();
           }
           ul#navigation .Wetlab a      {
               background-image: url();
           }
           ul#navigation .Drylab a      {
               background-image: url();
           }
           ul#navigation .HP a      {
               background-image: url();
           }
           ul#navigation .Parts a   {
               background-image: url();
           }
           ul#navigation .Safety a     {
               background-image: url();
           }
           ul#navigation .Team a    {
               background-image: url();
           }
           a.dry{
               position:absolute;
               bottom:15px;
               left:15px;
               text-align:left;
               font-size:12px;
               color:#ccc;
               text-transform:uppercase;
               text-decoration:none;
           }
       </style>
       <style type="text/css">
           .Go_Top {
               position:fixed;
               bottom: 20px;
               right: 20px;
           }
           body{
               height: 1000px;
           }
           .logo{
               position:fixed;
               top:5px;
               left:5px;
           }
           ul.content li{
               list-style:none;
           }
           ul.content{
               position:absolute;
               top:100px;
               left:100px;
           }
       </style>   
       <style type="text/css">
           .maindiv{
               position:absolute;
               top:16px;
               width: 1366px;
               height:1000px;
               background-color: #fff;
           }
           a.HZAU-logo{
               position:fixed;
               top:20px;
               left:5px;
               z-index: 3;
           }
           h1{
               font-size: 200%;
               color:#3399ff;
               position:absolute;
               top:50px;
               left:140px;
           }

           ul.content li{
               list-style:none;
           }
           ul.content{
               position:absolute;
               top:100px;
               left:100px;
           }
       </style>
       <style type="text/css">
           #content #sideMenu{
               display: none;
           }
       </style>

       <a href="#" class="Go_Top" title="Go_Top"><img src="" width="100px" height="100px"></a>

       <script type="text/javascript" src="http://www.jq22.com/demo/jQuery-nav-141209195314/js/jquery-1.3.2.js"></script>
       <script type="text/javascript">
               $(function() {
                   var d=300;
                   $('#navigation a').each(function(){
                       $(this).stop().animate({
                           'marginTop':'-64px'
                       },d+=150);
                   });
                   $('#navigation > li').hover(
                   function () {
                       $('a',$(this)).stop().animate({
                           'marginTop':'-2px'
                       },200);
                   },
                   function () {
                       $('a',$(this)).stop().animate({
                           'marginTop':'-64px'
                       },200);
                   }
               );
               });
       </script>

Discription

This year our project is about using light to control the reproduction of E.coli.
We decide to block the replication of E.coli by using dCas9 targeting at OriC.
By splitting dCas9 into two parts, each separately fused with a light inducible dimer.
nder the irradiation of light, the dimer will dimerize, promoting the function of dCas9.
Then the dCas9 will block the OriC, the replication origin of E.coli.
After turning off the light, the dCas9 will split again, which causes the E.coli to reproduce again.

Team:HZAU-China

Discription