Difference between revisions of "Team:ZJU-China/Overview"

Line 1: Line 1:
 +
 
<html lang="zh-CN">
 
<html lang="zh-CN">
<head>
+
  <head>
 +
 
 +
 
 +
<link href="https://2017.igem.org/Zju/css/bootstrap?action=raw&ctype=text/css" rel="stylesheet" media="screen" />
 +
<link href="https://2017.igem.org/Zju/css/bootstraptheme?action=raw&ctype=text/css" rel="stylesheet" id="bs-theme-stylesheet">
 +
<link href='https://2017.igem.org/Team:ZJU-China/cs/font?action=raw&ctype=text/css' rel='stylesheet' type='text/css'>
 +
<link href="https://2017.igem.org/Zju/css/docs/min?action=raw&ctype=text/css" rel="stylesheet" type="text/css"/>
 +
<link href="https://2017.igem.org/Zju/css/doc-style?action=raw&ctype=text/css" rel="stylesheet">
 +
<link href="https://2017.igem.org/Zju/css/responsive/min?action=raw&ctype=text/css" rel="stylesheet">
  
    <link href="https://2017.igem.org/Zju/css/bootstrap?action=raw&ctype=text/css" rel="stylesheet" media="screen" />
+
<script>
    <link href="https://2017.igem.org/Zju/css/bootstraptheme?action=raw&ctype=text/css" rel="stylesheet" id="bs-theme-stylesheet">
+
  var _hmt = _hmt || [];
    <link href="https://2017.igem.org/Zju/css/docs/min?action=raw&ctype=text/css" rel="stylesheet" type="text/css"/>
+
</script>
    <!-- <link href="css/doc-style.css" rel="stylesheet" type="text/css"/> -->
+
      <link rel="stylesheet" href="../css/doc-style.css">
    <link href="https://2017.igem.org/Zju/css/doc-style?action=raw&ctype=text/css" rel="stylesheet">
+
  </head>
    <link href="https://2017.igem.org/Zju/css/responsive/min?action=raw&ctype=text/css" rel="stylesheet">
+
    <!-- 按钮的字体 -->
+
    <link href='https://2017.igem.org/Team:ZJU-China/cs/font?action=raw&ctype=text/css' rel='stylesheet' type='text/css'>
+
    <!-- 按钮的字体end -->
+
    <script>
+
        var _hmt = _hmt || [];
+
    </script>
+
    <script src="https://static.igem.org/mediawiki/2017/8/85/ZJUChina_js_docsmin.txt?action=raw&ctype=text/javascript"></script>
+
</head>
+
  
  
 
<style>
 
<style>
    /*Override default CSS*/
+
/*Override default CSS*/
    #sideMenu, #top_title {display:none;}
+
#sideMenu, #top_title {display:none;}
    #content { padding:0px; width:100%; margin-top:-7px; margin-left:0px;background-color: transparent;}
+
#content { padding:0px; width:100%; margin-top:-7px; margin-left:0px;background-color: transparent;}
  
  
    /* set all basic objects to neutral formatting*/
+
/* set all basic objects to neutral formatting*/
    html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {
+
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {
        margin: 0;
+
    margin: 0;
        padding: 0;
+
    padding: 0;
        border: 0;
+
    border: 0;
        outline: 0;
+
    outline: 0;
        font-size: 100%;
+
    font-size: 100%;
        vertical-align: baseline;
+
    vertical-align: baseline;
        background: transparent;
+
    background: transparent;
    }
+
}
  
    #globalWrapper {
+
#globalWrapper {
        margin: 0;
+
    margin: 0;
        padding: 0;
+
    padding: 0;
        border: 0;
+
    border: 0;
        outline: 0;
+
    outline: 0;
        font-size: 100%;
+
    font-size: 100%;
        vertical-align: baseline;
+
    vertical-align: baseline;
        background: transparent;
+
    background: transparent;
    }
+
}
  
  
    /* set page to fill window*/
+
/* set page to fill window*/
    html{
+
html{
        height: 100%;
+
  height: 100%;
    }
+
}
    body {
+
body {
        min-height: 100%;
+
  min-height: 100%;
        background-color: #FFFFFF;
+
  background-color: #FFFFFF;  
    }
+
}
  
  
    #content_wrapper {
+
#content_wrapper {
        position: relative;
+
    position: relative;
        top: 0px;
+
  top: 0px;
        left: 0px;
+
  left: 0px;
        margin: 0px;
+
  margin: 0px;
        width: 100%;
+
    width: 100%;  
        height: 100%;
+
    height: 100%;  
        text-align:center;
+
  text-align:center;
        background-color: #FFFFFF;
+
    background-color: #FFFFFF;
    }
+
}
  
    #content_wrapper p {
+
#content_wrapper p {
        font-family: 'Yanone Kaffeesatz',Tahoma, Geneva, sans-serif;
+
    font-family: 'Tempus Sans ITC',Tahoma, Geneva, sans-serif;
    }
+
}
  
    #content_wrapper a {
+
#content_wrapper a {  
        color:#004789;
+
    color:#004789;
    }
+
}
  
  
    #footer {
+
#footer {  
        position:absolute;
+
    position:absolute;  
        bottom: 0px;
+
    bottom: 0px;
        left: 0px;
+
    left: 0px;
        width: 100%;
+
    width: 100%;
        margin-top: 0px;
+
    margin-top: 0px;
        margin-bottom: 20px;
+
    margin-bottom: 20px;
        background-color: #FFFFFF;
+
    background-color: #FFFFFF;
        text-align: center;
+
    text-align: center;
    }
+
}
  
    .center {
+
.center {  
        width: 60%;
+
  width: 60%;  
        margin-top: 16px;
+
    margin-top: 16px;
        min-width: 500px;
+
  min-width: 500px;
        padding-bottom:32px;
+
    padding-bottom:32px;
        display: inline-block;
+
  display: inline-block;      
    }
+
}
  
    .TextContent {
+
.TextContent {
        text-align: left;
+
  text-align: left;
        vertical-align: baseline;
+
  vertical-align: baseline;
        font-size: 0.875em;
+
  font-size: 0.875em;
        font-family:'Yanone Kaffeesatz', verdana, sans-serif;
+
  font-family:'Tempus Sans ITC', verdana, sans-serif;
    }
+
}
  
    .TextContent h1{
+
.TextContent h1{  
        text-align: center;
+
  text-align: center;
        font-size: 1.5rem;
+
  font-size: 1.5rem;
        margin-bottom: 1em;
+
  margin-bottom: 1em;
        margin-top: 0.2em;
+
  margin-top: 0.2em;
        color: #3399ff;
+
  color: #3399ff;
        font-family:'Yanone Kaffeesatz', verdana, sans-serif;
+
  font-family:'Tempus Sans ITC', verdana, sans-serif;
    }
+
}
  
    .TextContent h2{
+
.TextContent h2{
        line-height: 1.6;
+
  line-height: 1.6;
        margin-bottom: 0em;
+
  margin-bottom: 0em;
        margin-top: 1em;
+
  margin-top: 1em;
        text-align: left;
+
  text-align: left;
        font-family:'Yanone Kaffeesatz', verdana, sans-serif;
+
  font-family:'Tempus Sans ITC', verdana, sans-serif;
    }
+
}
  
    .TextContent p{
+
.TextContent p{
        margin-bottom: 1.2em;
+
  margin-bottom: 1.2em;
        font-family:'Yanone Kaffeesatz', verdana, sans-serif;
+
  font-family:'Tempus Sans ITC', verdana, sans-serif;
    }
+
}
  
    .Page_Wide {
+
.Page_Wide {
        width:100%;
+
  width:100%;  
    }
+
}
  
    .Quarter_Image {
+
.Quarter_Image {
        width:25%;
+
  width:25%;
        max-height:250px;
+
  max-height:250px;
        float:left;
+
  float:left;
    }
+
}
  
    .Quarter_Image img {
+
.Quarter_Image img {
        display:block;
+
    display:block;
        margin:auto;
+
    margin:auto;
        max-height: 250px;
+
    max-height: 250px;
        width: auto;
+
    width: auto;
    }
+
}
  
    .SocialMediaIconWrapper {
+
.SocialMediaIconWrapper {
        width:100%;
+
    width:100%;
    }
+
}
  
    .SocialMediaIcon {
+
.SocialMediaIcon {
        width:4%;
+
    width:4%;
        height:auto;
+
    height:auto;
        margin-left:20px;
+
    margin-left:20px;
        display: inline-block;
+
    display: inline-block;
        float:left;
+
    float:left;
  
    }
+
}
  
    .SocialMediaIcon img{
+
.SocialMediaIcon img{
        max-width:100%;
+
    max-width:100%;
        height:auto
+
  height:auto
    }
+
}
  
    .TeamImage {
+
.TeamImage {
        width:100%;
+
  width:100%;  
    }
+
}
  
    .TeamImage img {
+
.TeamImage img {
        max-width:100%;
+
    max-width:100%;
        height:auto
+
  height:auto
    }
+
}
  
    .sponsors {
+
.sponsors {
        width: 100%;
+
  width: 100%;
    }
+
}
  
    .sponsor_row {
+
.sponsor_row {  
        width: 100%;
+
  width: 100%;
    }
+
}
  
    .sponsor_img {
+
.sponsor_img {  
        width: 16.6666667%;
+
  width: 16.6666667%;  
        float:left;
+
  float:left;  
    }
+
}
  
    .sponsor_img img{
+
.sponsor_img img{  
        max-width:100%;
+
  max-width:100%;
        height:auto
+
  height:auto
    }
+
}
  
    .clear {
+
.clear {
        clear:both;
+
    clear:both;
    }
+
}
  
    .clear.extra_space {
+
.clear.extra_space {
        height: 20px;
+
    height: 20px;
    }
+
}
  
    .line_divider {
+
.line_divider {
        border-top: 1px solid #d3d3d3;
+
    border-top: 1px solid #d3d3d3;
        width: 98%;
+
    width: 98%;
        margin: auto;
+
    margin: auto;
    }
+
}
  
    .copyright{
+
.copyright{
        color: #888888;
+
  color: #888888;
        font-size: 13px;
+
  font-size: 13px;
        text-align: center !important;
+
  text-align: center !important;
    }
+
}
  
  
    .copyright a{
+
.copyright a{
        color: #d2ebe3;
+
  color: #d2ebe3;
        border-bottom: dotted 1px #a5d8c7;
+
  border-bottom: dotted 1px #a5d8c7;
    }
+
}
  
    /*文中自定义*/
+
.PP {
    .CuteButton:active {
+
    font-family: georgia;
        color:white !important;
+
    font-size: 20px;
        -webkit-box-shadow: 0px 3px 0px rgba(0,52,63,1), 0px 3px 6px rgba(0,0,0,.9);
+
    font-weight: 100;
        -moz-box-shadow: 0px 3px 0px rgba(0,52,63,1), 0px 3px 6px rgba(0,0,0,.9);
+
    text-align: left;
        box-shadow: 0px 3px 0px rgba(0,52,63,1), 0px 3px 6px rgba(0,0,0,.9);
+
}
        position: relative;
+
        top: 6px;
+
    }
+
  
    .CuteButton:visited {
+
/*文中自定义*/
        color:white !important;
+
.CuteButton:active {
        -webkit-box-shadow: 0px 3px 0px rgba(0,52,63,1), 0px 3px 6px rgba(0,0,0,.9);
+
    -webkit-box-shadow: 0px 3px 0px rgba(0,52,63,1), 0px 3px 6px rgba(0,0,0,.9);
        -moz-box-shadow: 0px 3px 0px rgba(0,52,63,1), 0px 3px 6px rgba(0,0,0,.9);
+
    -moz-box-shadow: 0px 3px 0px rgba(0,52,63,1), 0px 3px 6px rgba(0,0,0,.9);
        box-shadow: 0px 3px 0px rgba(0,52,63,1), 0px 3px 6px rgba(0,0,0,.9);
+
    box-shadow: 0px 3px 0px rgba(0,52,63,1), 0px 3px 6px rgba(0,0,0,.9);
        position: relative;
+
    position: relative;
        top: 6px;
+
    top: 6px;
    }
+
}  
  
    .YellowCB {
+
.YellowCB {
        background-color: rgba(254,196,62,1);
+
    background-color: rgba(254,196,62,1);
        -webkit-box-shadow: 0px 9px 0px rgba(245,253,202,1), 0px 9px 25px rgba(0,0,0,.7);
+
    -webkit-box-shadow: 0px 9px 0px rgba(245,253,202,1), 0px 9px 25px rgba(0,0,0,.7);
        -moz-box-shadow: 0px 9px 0px rgba(245,253,202,1), 0px 9px 25px rgba(0,0,0,.7);
+
    -moz-box-shadow: 0px 9px 0px rgba(245,253,202,1), 0px 9px 25px rgba(0,0,0,.7);
        box-shadow: 0px 9px 0px rgba(245,253,202,1), 0px 9px 25px rgba(0,0,0,.7);
+
    box-shadow: 0px 9px 0px rgba(245,253,202,1), 0px 9px 25px rgba(0,0,0,.7);
    }
+
}
  
    .GreenCB {
+
.GreenCB {
        background-color: rgba(25,148,117,1);
+
    background-color: rgba(25,148,117,1);
        -webkit-box-shadow: 0px 9px 0px rgba(4,77,34,1), 0px 9px 25px rgba(0,0,0,.7);
+
    -webkit-box-shadow: 0px 9px 0px rgba(4,77,34,1), 0px 9px 25px rgba(0,0,0,.7);
        -moz-box-shadow: 0px 9px 0px rgba(4,77,34,1), 0px 9px 25px rgba(0,0,0,.7);
+
    -moz-box-shadow: 0px 9px 0px rgba(4,77,34,1), 0px 9px 25px rgba(0,0,0,.7);
        box-shadow: 0px 9px 0px rgba(4,77,34,1), 0px 9px 25px rgba(0,0,0,.7);
+
    box-shadow: 0px 9px 0px rgba(4,77,34,1), 0px 9px 25px rgba(0,0,0,.7);
    }
+
}
  
    .SmallCB {
+
.SmallCB {
        font-size: 1.5em;
+
    font-size: 1.5em;
        margin-left: 2px;
+
    margin-left: 2px;
        padding: 2px 10px ;
+
    padding: 2px 10px ;
        width: 100px;
+
    width: 100px;
    }
+
}
  
  
 +
.ArticleHead{
 +
  font-family: 'Tempus Sans ITC',georgia !important;
 +
  font-size: 40px !important;
 +
  font-weight: 800 !important;
 +
  color: #56A36C !important;
 +
  text-align: center !important;
 +
    margin-bottom: 0 !important;
 +
    /*margin-top: .6em !important;*/
 +
}
  
    .ArticleHead{
+
.H3Head{
        font-family: 'Tempus Sans ITC',georgia !important;
+
  font-family: 'Tempus Sans ITC',georgia !important;
        font-size: 40px !important;
+
  color: #FEC43E !important;
        font-weight: 800 !important;
+
  font-size: 25px !important;
        color: #56A36C !important;
+
  font-weight: 400 !important;
        text-align: center !important;
+
  text-align: left !important;
        margin-bottom: 0 !important;
+
    margin-bottom: 0 !important;
        margin-top: .6em !important;
+
    margin-top:.6em !important;
    }
+
}
  
    .H3Head{
+
.PP{
        font-family: 'Tempus Sans ITC',georgia !important;
+
  font-family:Tahoma, Geneva, sans-serif !important;
        color: #FEC43E !important;
+
  font-size: 20px !important;
        font-size: 25px !important;
+
  font-weight: 100 !important;
        font-weight: 400 !important;
+
  text-align: left !important;
        text-align: left !important;
+
}
        margin-bottom: 0 !important;
+
        margin-top:.6em !important;
+
    }
+
  
    .PP{
 
        font-family:Tahoma, Geneva, sans-serif !important;
 
        font-size: 20px !important;
 
        font-weight: 100 !important;
 
        text-align: left !important;
 
        margin-bottom: 20px !important;
 
    }
 
  
 +
.Retract{
 +
  padding-left: 50px;
 +
}
  
    .Retract{
+
.GreenAH{
        padding-left: 50px;
+
  color: #56A36C;
    }
+
}
  
    .GreenAH{
+
.YellowAH{
        color: #56A36C;
+
  color: #FEC43E;
    }
+
}
  
    .YellowAH{
+
.contentLi{
        color: #FEC43E;
+
    margin:0;
    }
+
    font-size:17px;
 +
    line-height: 27px;
 +
    padding-bottom: 20px;
 +
    color: #111111;
 +
}
  
    .contentLi{
+
.grayTable
        margin:0;
+
{
        font-size:17px;
+
    background-color: #979797;
        line-height: 27px;
+
}
        padding-bottom: 20px;
+
        color: #111111;
+
    }
+
  
    .blueTable
+
.yellowTable
    {
+
{
        color: #1E90FF;
+
    background-color: #CD9B1D;
     }
+
     color: #000;
 +
}
  
    .yellowTable
+
h2{
    {
+
  font-family: 'Tempus Sans ITC';
        color: #CD9B1D;
+
  font-weight: 500;
    }
+
  font-size: 35px;
 +
  text-align: left;
 +
}
  
    h2{
+
h3{
        font-family: 'Tempus Sans ITC';
+
  font-family: 'Tempus Sans ITC';
        font-weight: 500;
+
  font-weight: 500;
        font-size: 35px;
+
  font-size: 32px;
        text-align: left;
+
  text-align: left;
    }
+
}
  
    h3{
+
h4{
        font-family: 'Tempus Sans ITC';
+
  font-family: 'Tempus Sans ITC';
        font-weight: 500;
+
  font-weight: 500;
        font-size: 32px;
+
  font-size: 28px;
        text-align: left;
+
  text-align: left;
    }
+
}
  
    h4{
+
h5{
        font-family: 'Tempus Sans ITC';
+
  font-family: 'Tempus Sans ITC';
        font-weight: 500;
+
  font-weight: 500;
        font-size: 28px;
+
  font-size: 25px;
        text-align: left;
+
  text-align: left;
    }
+
}
  
    h5{
+
p{
        font-family: 'Tempus Sans ITC';
+
  margin:0;
        font-weight: 500;
+
  font-size:17px;
        font-size: 25px;
+
  line-height: 30px;
        text-align: left;
+
  /*padding-bottom: 20px;*/
    }
+
  color: #111111;
 +
}
  
    p{
+
.bs-docs-sidenav
        margin:0;
+
{
        font-size:17px;
+
    font-family:Tahoma, Geneva, sans-serif !important;
        line-height: 30px;
+
    font-size: 20px !important;
        /*padding-bottom: 20px;*/
+
    font-weight: 100 !important;
        color: #111111;
+
    text-align: left !important;
    }
+
}
  
    .bs-docs-sidenav
 
    {
 
        font-family:Tahoma, Geneva, sans-serif !important;
 
        font-size: 20px !important;
 
        font-weight: 100 !important;
 
        text-align: left !important;
 
    }
 
  
 +
.textli li{
 +
    font-family:Tahoma, Geneva, sans-serif !important;
 +
    font-size: 20px !important;
 +
    font-weight: 100 !important;
 +
    text-align: left !important;
 +
}
  
    .textli li{
+
.nonStyleTable
        font-family:Tahoma, Geneva, sans-serif !important;
+
{
        font-size: 20px !important;
+
    background: transparent !important;
        font-weight: 100 !important;
+
    border:none !important;
        text-align: left !important;
+
}
    }
+
  
    .textimg
+
.textimg{
    {
+
    /*width:50%;*/
        width:70% !important;
+
     /*margin-top: 20px;*/
     }
+
    /*padding-bottom: 20px;*/
 +
    text-align: center;
 +
}
  
    .capture
 
    {
 
        color: #7f7f7f !important;
 
        font-size:15px !important;
 
    }
 
  
    .ref
 
    {
 
        font-size: 16px !important;
 
        line-height:22px !important;
 
        margin-bottom: 5px !important;
 
        color: #353535;
 
    }
 
  
    .greyTable
+
/*老姜要好看一点的表格*/
     {
+
.tableNice thead, .tableNice tr {
        color: #7f7f7f;
+
     text-align: center;
     }
+
    border-top-width: 1px;
 +
    border-top-style: solid;
 +
    border-top-color: #b1c6d9;
 +
}
 +
.tableNice {
 +
     width: auto;
 +
    margin-left: 30%;
 +
    border-bottom-width: 1px;
 +
    border-bottom-style: solid;
 +
    border-bottom-color: #D0E9FF;
 +
}
  
    .yellowTable
+
/* Padding and font style */
     {
+
.tableNice td, .tableNice th {
        color: #CD9B1D;
+
     padding: 5px 10px;
     }
+
    font-size: 12px;
     /*文中自定义*/
+
 
 +
    color: #00343F;
 +
}
 +
 
 +
/* Alternating background colors */
 +
.tableNice tr:nth-child(even) {
 +
     background: transparent;
 +
 
 +
}
 +
.tableNice tr:nth-child(odd) {
 +
     background: #EBFFFF;
 +
}
 +
 
 +
.tableOuter
 +
{
 +
    align: center;
 +
    text-align: left;
 +
}
 +
/*老姜要好看一点的表格止*/
 +
/*文中自定义*/
 
</style>
 
</style>
  
<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
+
  <body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
<div class="page-loader"></div>
+
  <div class="page-loader"></div>
<!-- Docs master nav -->
+
      <!-- Docs master nav -->
<!-- <h1><a class="navbar-brand" href="index.html">MuMei Lab</a></h1> -->
+
                  <!-- <h1><a class="navbar-brand" href="index.html">MuMei Lab</a></h1> -->
<div class="container">
+
    <!-- header -->
+
    <div class="header-w3layouts">
+
        <!-- Navigation -->
+
        <nav class="navbar navbar-default navbar-fixed-top">
+
            <div class="navbar-header page-scroll">
+
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
+
                </button>
+
  
                <a href="https://2017.igem.org/Team:ZJU-China">
+
    <div class="container">
                    <img style="margin-top:11px" class="navbar-brand" src="https://static.igem.org/mediawiki/2017/d/d5/ZJUChina_logo.png">
+
      <!-- header -->
                </a>
+
      <div class="header-w3layouts">
 +
          <!-- Navigation -->
 +
          <nav class="navbar navbar-default navbar-fixed-top">
 +
              <div class="navbar-header page-scroll">
 +
                  <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
 +
                  </button>
  
                <!-- <h1><a class="navbar-brand" href="index.html">My Design</a></h1> -->
+
                  <a href="https://2017.igem.org/Team:ZJU-China">
 +
                      <img style="margin-top:11px" class="navbar-brand" src="https://static.igem.org/mediawiki/2017/d/d5/ZJUChina_logo.png">
 +
                  </a>
  
            </div>
+
                  <!-- <h1><a class="navbar-brand" href="index.html">My Design</a></h1> -->
            <!-- Collect the nav links, forms, and other content for toggling -->
+
            <div class="collapse navbar-collapse navbar-ex1-collapse">
+
                <ul class="nav navbar-nav navbar-right cl-effect-15">
+
                    <!-- Hidden li included to remove active class from about link when scrolled up past about section -->
+
                    <li class="hidden"><a class="page-scroll" href="#page-top"></a> </li>
+
  
                    <li class="m_nav_item dropdown">
+
              </div>
                        <a href="#" class="dropdown-toggle link" data-toggle="dropdown">Overview<b class="caret"></b></a>
+
              <!-- Collect the nav links, forms, and other content for toggling -->
                        <ul class="dropdown-menu ">
+
              <div class="collapse navbar-collapse navbar-ex1-collapse">
                            <li><a href="https://2017.igem.org/Team:ZJU-China/Overview">Project Description</a></li>
+
                  <ul class="nav navbar-nav navbar-right cl-effect-15">
                            <li><a href="https://2017.igem.org/Team:ZJU-China/Achievements">Achievements</a></li>
+
                      <!-- Hidden li included to remove active class from about link when scrolled up past about section -->
                            <li><a href="https://2017.igem.org/Team:ZJU-China/InterLab">InterLab</a></li>
+
                      <li class="hidden"><a class="page-scroll" href="#page-top"></a> </li>
                            <li><a href="https://2017.igem.org/Team:ZJU-China/ImproveParts">Improve Parts</a></li>
+
                        </ul>
+
                    </li>
+
  
                    <li class="m_nav_item dropdown">
+
                      <li class="m_nav_item dropdown">
                        <a href="#" class="dropdown-toggle link" data-toggle="dropdown">Project<b class="caret"></b></a>
+
                          <a href="#" class="dropdown-toggle link" data-toggle="dropdown">Overview<b class="caret"></b></a>
                        <ul class="dropdown-menu ">
+
                          <ul class="dropdown-menu ">
                            <!--<li><a href="https://2017.igem.org/Team:ZJU-China/Project">Project Home</a></li>-->
+
                              <li><a href="https://2017.igem.org/Team:ZJU-China/Overview">Project Description</a></li>
                            <li><a href="https://2017.igem.org/Team:ZJU-China/Project/tp">Trichoderma Proof</a></li>
+
                              <li><a href="https://2017.igem.org/Team:ZJU-China/Demonstrate">Demonstrate</a></li>
                            <li><a href="https://2017.igem.org/Team:ZJU-China/Project/voc">VOC sensors</a></li>
+
                              <li><a href="https://2017.igem.org/Team:ZJU-China/Achievements">Achievements</a></li>
                            <li><a href="https://2017.igem.org/Team:ZJU-China/Project/st">Signal Transduction</a></li>
+
                              <li><a href="https://2017.igem.org/Team:ZJU-China/Applied_Design">Applied Design</a></li>
                            <li><a href="https://2017.igem.org/Team:ZJU-China/Project/Downstream">Downstream</a></li>
+
                              <li><a href="https://2017.igem.org/Team:ZJU-China/Improve">Improve Parts</a></li>
                            <li><a href="https://2017.igem.org/Team:ZJU-China/Project/conclusion">Conclusion</a></li>
+
                              <li><a href="https://2017.igem.org/Team:ZJU-China/InterLab">InterLab</a></li>
                            <!--<li><a href="https://2017.igem.org/Team:ZJU-China/Project/improvement">Improvement</a></li>-->
+
                            <!--<li><a href="https://2017.igem.org/Team:ZJU-China/InterLab">Interlab</a></li>-->
+
                            <li><a href="https://2017.igem.org/Team:ZJU-China/Notebook">Notebook</a></li>
+
                        </ul>
+
                    </li>
+
  
                    <li class="m_nav_item dropdown" >
+
                          </ul>
                        <a href="#" class="dropdown-toggle link" data-toggle="dropdown">Modelling<b class="caret"></b></a>
+
                      </li>
                        <ul class="dropdown-menu ">
+
                            <!--<li><a href="https://2017.igem.org/Team:ZJU-China/Model">Summery</a></li>-->
+
                            <li><a href="https://2017.igem.org/Team:ZJU-China/Model">VOC analysis</a></li>
+
                            <li><a href="https://2017.igem.org/Team:ZJU-China/Model/Coculture">Coculture</a></li>
+
  
                        </ul>
+
                      <li class="m_nav_item dropdown">
                    </li>
+
                          <a href="#" class="dropdown-toggle link" data-toggle="dropdown">Project<b class="caret"></b></a>
 +
                          <ul class="dropdown-menu ">
 +
                              <li><a href="https://2017.igem.org/Team:ZJU-China/Project/st">Chemical Transduction</a></li>
 +
                              <li><a href="https://2017.igem.org/Team:ZJU-China/Project/mt">Medium Wave Transduction</a></li>
 +
                              <li><a href="https://2017.igem.org/Team:ZJU-China/Project/tp">Trichoderma Proof</a></li>
 +
                              <li><a href="https://2017.igem.org/Team:ZJU-China/Project/voc">VOC sensors</a></li>
 +
                              <li><a href="https://2017.igem.org/Team:ZJU-China/Project/Downstream">Downstream</a></li>
 +
                              <li><a href="https://2017.igem.org/Team:ZJU-China/Project/conclusion">Conclusion</a></li>
 +
                              <li><a href="https://2017.igem.org/Team:ZJU-China/Notebook">Notebook</a></li>
 +
                          </ul>
 +
                      </li>
  
                    <li class="m_nav_item dropdown">
+
                      <li class="m_nav_item dropdown" >
                        <a href="#" class="dropdown-toggle link" data-toggle="dropdown">Parts<b class="caret"></b></a>
+
                          <a href="#" class="dropdown-toggle link" data-toggle="dropdown">Model<b class="caret"></b></a>
                        <ul class="dropdown-menu ">
+
                          <ul class="dropdown-menu ">
                            <li><a href="https://2017.igem.org/Team:ZJU-China/Parts">All Parts</a></li>
+
                              <!--<li><a href="https://2017.igem.org/Team:ZJU-China/Model">Summery</a></li>-->
                            <li><a href="https://2017.igem.org/Team:ZJU-China/Parts/Basic">Basic Parts</a></li>
+
                              <li><a href="https://2017.igem.org/Team:ZJU-China/Model">VOC analysis</a></li>
                            <li><a href="https://2017.igem.org/Team:ZJU-China/Composite_Part">Composite Parts</a></li>
+
                              <li><a href="https://2017.igem.org/Team:ZJU-China/Model/Coculture">Coculture</a></li>
                            <li><a href="https://2017.igem.org/Team:ZJU-China/Parts/Collection">Parts Collection</a></li>
+
                        </ul>
+
                    </li>
+
  
                    <li><a href="https://2017.igem.org/Team:ZJU-China/Hardware">Hardware</a></li>
+
                          </ul>
 +
                      </li>
  
                    <li class="m_nav_item dropdown" >
+
                      <li class="m_nav_item dropdown">
                        <a href="#" class="dropdown-toggle link" data-toggle="dropdown">Safety<b class="caret"></b></a>
+
                          <a href="#" class="dropdown-toggle link" data-toggle="dropdown">Parts<b class="caret"></b></a>
                        <ul class="dropdown-menu ">
+
                          <ul class="dropdown-menu ">
                            <li><a href="https://2017.igem.org/Team:ZJU-China/Safety">Environment</a></li>
+
                              <li><a href="https://2017.igem.org/Team:ZJU-China/Composite_Part">Composite Parts</a></li>
                            <li><a href="https://2017.igem.org/Team:ZJU-China/Safety/Lab">Laboratory</a></li>
+
                              <li><a href="https://2017.igem.org/Team:ZJU-China/Part_Collection">Part Collection</a></li>
                        </ul>
+
                              <li><a href="https://2017.igem.org/Team:ZJU-China/Basic_Part">Basic Parts</a></li>
                    </li>
+
                              <li><a href="https://2017.igem.org/Team:ZJU-China/Parts">All Parts</a></li>
  
                    <li class="m_nav_item dropdown">
 
                        <a href="#" class="dropdown-toggle link" data-toggle="dropdown">HP<b class="caret"></b></a>
 
                        <ul class="dropdown-menu ">
 
                            <li><a href="https://2017.igem.org/Team:ZJU-China/Human_Practices">Summary</a></li>
 
                            <li><a href="https://2017.igem.org/Team:ZJU-China/HP/Silver">Silver</a></li>
 
                            <li><a href="https://2017.igem.org/Team:ZJU-China/HP/Gold_Integrated">Gold</a></li>
 
                        </ul>
 
                    </li>
 
  
                    <li class="m_nav_item dropdown" >
+
                          </ul>
                        <a href="#" class="dropdown-toggle link" data-toggle="dropdown">Team<b class="caret"></b></a>
+
                      </li>
                        <ul class="dropdown-menu ">
+
                            <li><a href="https://2017.igem.org/Team:ZJU-China/Team">Teammates</a></li>
+
                            <li><a href="https://2017.igem.org/Team:ZJU-China/Attributions">Attribution</a></li>
+
                            <li><a href="https://2017.igem.org/Team:ZJU-China/Collaborations">Collaboration</a></li>
+
                        </ul>
+
                    </li>
+
  
                </ul>
+
                      <li><a href="https://2017.igem.org/Team:ZJU-China/Hardware">Hardware</a></li>
            </div>
+
        </nav>
+
    </div>
+
</div>
+
  
 +
                      <li class="m_nav_item dropdown" >
 +
                          <a href="#" class="dropdown-toggle link" data-toggle="dropdown">Safety<b class="caret"></b></a>
 +
                          <ul class="dropdown-menu ">
 +
                              <li><a href="https://2017.igem.org/Team:ZJU-China/Safety">Environment</a></li>
 +
                              <li><a href="https://2017.igem.org/Team:ZJU-China/Safety/Lab">Laboratory</a></li>
 +
                          </ul>
 +
                      </li>
  
<p></p>
+
                      <li class="m_nav_item dropdown">
<!--<div style="margin-top:0;padding-top:0">-->
+
                          <a href="#" class="dropdown-toggle link" data-toggle="dropdown">HP<b class="caret"></b></a>
<!--<img id="partsPage" src="https://static.igem.org/mediawiki/2017/b/be/ZJUChina_interlab_banner.jpg" width="100%">-->
+
                          <ul class="dropdown-menu ">
<!--&lt;!&ndash; <img src="images/HP_temp/banner.jpg" width="100%"> &ndash;&gt;-->
+
<!--</div>-->
+
  
 +
                              <li><a href="https://2017.igem.org/Team:ZJU-China/Human_Practices">Summary</a></li>
 +
                              <li><a href="https://2017.igem.org/Team:ZJU-China/HP/Silver">Silver</a></li>
 +
                              <li><a href="https://2017.igem.org/Team:ZJU-China/HP/Gold_Integrated">Gold Integrated</a></li>
 +
                              <li><a href="https://2017.igem.org/Team:ZJU-China/Engagement">Engagement</a></li>
 +
                          </ul>
 +
                      </li>
  
 +
                      <li class="m_nav_item dropdown" >
 +
                          <a href="#" class="dropdown-toggle link" data-toggle="dropdown">Team<b class="caret"></b></a>
 +
                          <ul class="dropdown-menu ">
 +
                              <li><a href="https://2017.igem.org/Team:ZJU-China/Collaborations">Collaboration</a></li>
 +
                              <li><a href="https://2017.igem.org/Team:ZJU-China/Team">Teammates</a></li>
 +
                              <li><a href="https://2017.igem.org/Team:ZJU-China/Attributions">Attribution</a></li>
 +
                          </ul>
 +
                      </li>
 +
 +
                  </ul>
 +
              </div>
 +
          </nav>
 +
      </div>
 +
  </div>
 +
 +
<p></p>
 +
<div style="margin-top:0;padding-top:0">
 +
  <img src="https://static.igem.org/mediawiki/2017/6/61/ZJU_China_interlab_header.jpg" width="100%">
 +
  <!-- <img src="images/HP_temp/banner.jpg" width="100%"> -->
 +
</div>
  
  
 
<div style="width: 100%" class="container zjuContent">
 
<div style="width: 100%" class="container zjuContent">
    <div class="col-md-3"></div>
+
  <div class="col-md-3"></div>
 
     <div class="col-md-9" role="main">
 
     <div class="col-md-9" role="main">
        <p class="bs-docs-section">
+
      <div class="bs-docs-section">
  
            <div style="height: 50px;"></div>
 
        <h1 id="introduction" class="page-header ArticleHead GreenAH">Introduction</h1>
 
  
        <h1 id="methods" class="GreenAH ArticleHead ">h1</h1>
+
  <h1 id="description" class="ArticleHead GreenAH">Description</h1>
        <h2 id="transformation" class="H2Head">h2</h2>
+
      <h2 id="background" class="H2Head">Background</h2>
        <h3 class="H3Head">h3</h3>
+
          <p class="PP">As a primary production,agriculture is one of the most important human economical activity.The history of farming can be traced back to the thousands of years ago, and its origin played an important role in human civilization birth and development.</p>
        <p class="PP">p</p>
+
          <p class="PP">Nowadays,the objects and patterns of agriculture production have been greatly changed.Modern commercial farming has gradually replaced the traditional subsistence farming.Apart from the food crops, fiber crops and other cash crops constantly sprung up and took a big proportion in today’s agriculture.In China,cash crops generally present a regional distribution.For instance, teas are cultivated mainly in south and southwestern China,or adjacent to the Yangtse River.These intensive cultivations aim to be easy to mange, concentrate advantages and reduce the cost.</p>
 +
          <p class="PP">However,such farming pattern exists some drawbacks.A huge local ecological loss will be caused because of the exploration of crop diseases. In order to lower the exploration possibility,many new technologies had been applied in agriculture.Biocontrol is a new method for agriculture control. Compared to general methods like spraying pesticide in traditional agriculture, biocontrol has certain advantages. Firstly,the economic cost reduces since spraying pesticide needs more human and material resources, moreover, just like some enteric microorganism help improve the gut environment of their host,the self-coordination ability of the soil environment itself improves after inoculating bio-agents.Theoretically,appropriate biocontrol methods can achieve sustainable green environmental effect, however,the reality often fails to see this.</p>
 +
          <div class="imgdiv"><img class="textimg" src="https://static.igem.org/mediawiki/2017/8/80/ZJU_China_Description_1.jpg"></div>
 +
          <p class="capture">Fig1: The picture shows the parallel roles played by enteric microorganism and endophytes</p>
  
        <p class="PP">
+
      <h2 id="Problem" class="H2Head">Problem</h2>
        <ul class="Retract textli">
+
            <li>li1</li>
+
            <li>li2</li>
+
            <li>li3</li>
+
            <li>li4</li>
+
        </ul>
+
        </p>
+
  
        <!-- Table -->
+
          <p class="PP">This low effect is directly related to the defects of biocontrol.Microorganisms used in biocontrol(bio-agents) are a lot, including rhizospherebacteria,ectomycorrhiza fungi,and endophytes so on.Application for all of them faces two intractable problems.</p>
        <table class="table">
+
          <p class="PP">The first is the limitation, mainly shows in objects and effects.With the widerly used bio-agents,Trichoderma as an example, its main control objects are Phytophthora and Pythium,but nearly has no effect for the bacteria.Another example is Paecilomyces lilacinus, it only inhibits some nematodes by secreting specific protease.It’s difficult to composite various bio-agents meanwhile preserve their respective advantages.Therefore, the traditional way to improve the biocontrol effects is through large-scale screening for new strains, the benefit is not high.</p>
            <tr>
+
          <p class="PP">The second problem is the unknowable for applying biocontrol.People can’t know whether and when the diseases intruded, meanwhile the resistance actions of bio-agents were totally out of control.People can do nothing but get the final result from the production variety of crops.Applying biocontrol in such a blind way is very passive.</p>
                <th class="yellowTable"> </th>
+
                <th class="yellowTable">A</th>
+
                <th class="yellowTable">B</th>
+
            </tr>
+
  
            <tr>
+
      <h2 id="aims" class="H2Head">Our Aims</h2>
                <th class="greyTable"> </th>
+
          <p class="PP">ZJU-China 2017 aims to establish a system and the corresponding workflow for applying biocontrol in a more wide and controlled way,and the disease information can be reported to the human at the same time, which means people can know the situation more accurately and timely. We decided to choose Trichoderma atroviride as the chassis for its widely used in present biocontrol menthods (See our decision-making process in HP Silver page). And we chose tobaccos as our testing plants for its high status in cash crops(See our decision-making process in HP Gold page). Combined with the automation concept pursued by modern agriculture,our design is suitable for large-scale cultivation of crops.And we made a hardware to build a information communication between humans, hardware and bio-agents,which create a new direction in applying biocontrol.We believe it has very broad application prospects.</p>
                <td> </td>
+
          <p class="PP">See how we build up this system in the Demonstrate page.</p>
                <td> </td>
+
            </tr>
+
  
            <tr>
+
</div>
                <th class="greyTable"> </th>
+
                <td> </td>
+
                <td> </td>
+
            </tr>
+
        </table>
+
  
        </div>
 
  
        <!-- 右侧监听开始 -->
 
        <div class="col-md-3 disappear-on-top" role="complementary">
 
            <nav  style="position: fixed; top: 100px ; left:50px;" class="bs-docs-sidebar hidden-print hidden-xs hidden-sm">
 
                <ul class="nav bs-docs-sidenav">
 
                    <li><a href="#">A</a></li>
 
                    <li>
 
                        <a href="#">B</a>
 
                        <ul class="nav">
 
                            <li><a href="#">A</a></li>
 
                            <li><a href="#">B</a></li>
 
                            <li><a href="#">C</a></li>
 
                        </ul>
 
                    </li>
 
                </ul>
 
  
                <a class="back-to-top" href="#top">
+
<!-- 右侧监听开始 -->
                    <!--   <i class="fa fa-arrow-up nav_icon"></i> -->
+
<div class="col-md-3 disappear-on-top" role="complementary">
                    <img style="width: 50px;" src="https://static.igem.org/mediawiki/2017/d/da/ZJU_China_UP.png">
+
  <nav  style="position: fixed; top: 100px ; left:50px; " class="bs-docs-sidebar hidden-print hidden-xs hidden-sm">
                </a>
+
    <ul class="nav bs-docs-sidenav shorterli">
 +
        <li><a href="#background">Background</a></li>
 +
        <li><a href="#Problem">Problem</a></li>
 +
        <li><a href="#aims">Our Aims</a></li>
 +
    </ul>
  
 +
  <a class="back-to-top" href="#top">
 +
  <!--  <i class="fa fa-arrow-up nav_icon"></i> -->
 +
    <img style="width: 50px;" src="https://static.igem.org/mediawiki/2017/d/da/ZJU_China_UP.png">
 +
  </a>
  
             </nav>
+
              
 +
          </nav>
 
         </div>
 
         </div>
 
+
       
    </div>
+
      </div>
 
</div>
 
</div>
 
<!-- 右侧监听结束 -->
 
<!-- 右侧监听结束 -->
 
<!-- footer开始 -->
 
<!-- footer开始 -->
 
<div class="footer"  style="background-color: #000000">
 
<div class="footer"  style="background-color: #000000">
    <div class="copyright container text-center">
+
  <div class="copyright container text-center">
        <p class="copyright"><br></p>
+
      <p><br></p>
        <p class="copyright">Copyright &copy; 2017 ZJU-IGEM | <a href="http://www.zju.edu.cn/">Zhejiang University</a> |
+
    <p class="copyright">Copyright &copy; 2017 ZJU-IGEM | <a href="http://www.zju.edu.cn/">Zhejiang University</a> |</p>
        </p>
+
    <p><br></p>
        <!--<p class="copyright">Contact us:<a class="copyright" href="">WeChat</a></p>-->
+
  </div>
        <p class="copyright"><br></p>
+
    </div>
+
 
</div>
 
</div>
 
<!-- footer结束 -->
 
<!-- footer结束 -->
Line 597: Line 596:
  
 
<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
 
<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<!--script src="js/bootstrap.min.js"></script-->
+
  <!--script src="js/bootstrap.min.js"></script-->
<script src="https://static.igem.org/mediawiki/2017/8/85/ZJUChina_js_docsmin.txt"></script>
+
  <script src="https://static.igem.org/mediawiki/2017/8/85/ZJUChina_js_docsmin.txt"></script>
<!--script src="js/button.js"></script-->
+
  <!--script src="js/button.js"></script-->
<script src="https://static.igem.org/mediawiki/2017/2/22/ZJUChina_bootstrap.min.txt"></script>
+
  <script src="https://static.igem.org/mediawiki/2017/2/22/ZJUChina_bootstrap.min.txt"></script>
<script src="https://static.igem.org/mediawiki/2017/3/32/ZJUChina_docs.min.txt"></script>
+
  <script src="https://static.igem.org/mediawiki/2017/3/32/ZJUChina_docs.min.txt"></script>
<script src="https://static.igem.org/mediawiki/2017/e/e0/ZJUChina_button.txt"></script>
+
  <script src="https://static.igem.org/mediawiki/2017/e/e0/ZJUChina_button.txt"></script>
  
<script src="https://2017.igem.org/Team:ZJU-China/js/scrollingnavnonPic?action=raw&ctype=text/javascript"></script>
+
  <!--<script src="js/scrolling-nav.js"></script>-->
<!--<script src="https://static.igem.org/mediawiki/2017/9/92/ZJUChina_scrolling-nav.txt"></script>  -->
+
  <script src="https://2017.igem.org/Zju/js/scrollingnav?action=raw&ctype=text/javascript"></script>
<script src="https://static.igem.org/mediawiki/2017/c/c0/ZJUChina_txtSmoothScroll.min.txt"></script>
+
  <script src="https://static.igem.org/mediawiki/2017/c/c0/ZJUChina_txtSmoothScroll.min.txt"></script>
  
</body>
+
  </body>
 
</html>
 
</html>

Revision as of 10:41, 29 October 2017

Description

Background

As a primary production,agriculture is one of the most important human economical activity.The history of farming can be traced back to the thousands of years ago, and its origin played an important role in human civilization birth and development.

Nowadays,the objects and patterns of agriculture production have been greatly changed.Modern commercial farming has gradually replaced the traditional subsistence farming.Apart from the food crops, fiber crops and other cash crops constantly sprung up and took a big proportion in today’s agriculture.In China,cash crops generally present a regional distribution.For instance, teas are cultivated mainly in south and southwestern China,or adjacent to the Yangtse River.These intensive cultivations aim to be easy to mange, concentrate advantages and reduce the cost.

However,such farming pattern exists some drawbacks.A huge local ecological loss will be caused because of the exploration of crop diseases. In order to lower the exploration possibility,many new technologies had been applied in agriculture.Biocontrol is a new method for agriculture control. Compared to general methods like spraying pesticide in traditional agriculture, biocontrol has certain advantages. Firstly,the economic cost reduces since spraying pesticide needs more human and material resources, moreover, just like some enteric microorganism help improve the gut environment of their host,the self-coordination ability of the soil environment itself improves after inoculating bio-agents.Theoretically,appropriate biocontrol methods can achieve sustainable green environmental effect, however,the reality often fails to see this.

Fig1: The picture shows the parallel roles played by enteric microorganism and endophytes

Problem

This low effect is directly related to the defects of biocontrol.Microorganisms used in biocontrol(bio-agents) are a lot, including rhizospherebacteria,ectomycorrhiza fungi,and endophytes so on.Application for all of them faces two intractable problems.

The first is the limitation, mainly shows in objects and effects.With the widerly used bio-agents,Trichoderma as an example, its main control objects are Phytophthora and Pythium,but nearly has no effect for the bacteria.Another example is Paecilomyces lilacinus, it only inhibits some nematodes by secreting specific protease.It’s difficult to composite various bio-agents meanwhile preserve their respective advantages.Therefore, the traditional way to improve the biocontrol effects is through large-scale screening for new strains, the benefit is not high.

The second problem is the unknowable for applying biocontrol.People can’t know whether and when the diseases intruded, meanwhile the resistance actions of bio-agents were totally out of control.People can do nothing but get the final result from the production variety of crops.Applying biocontrol in such a blind way is very passive.

Our Aims

ZJU-China 2017 aims to establish a system and the corresponding workflow for applying biocontrol in a more wide and controlled way,and the disease information can be reported to the human at the same time, which means people can know the situation more accurately and timely. We decided to choose Trichoderma atroviride as the chassis for its widely used in present biocontrol menthods (See our decision-making process in HP Silver page). And we chose tobaccos as our testing plants for its high status in cash crops(See our decision-making process in HP Gold page). Combined with the automation concept pursued by modern agriculture,our design is suitable for large-scale cultivation of crops.And we made a hardware to build a information communication between humans, hardware and bio-agents,which create a new direction in applying biocontrol.We believe it has very broad application prospects.

See how we build up this system in the Demonstrate page.