Difference between revisions of "Team:NCTU Formosa/Protocol"

 
(13 intermediate revisions by 3 users not shown)
Line 1: Line 1:
<!DOCTYPE html>
+
{{NCTU Formosa/Navigation}} {{NCTU Formosa}}
<html lang="en" dir="ltr" class="client-nojs">
+
<html>
<head>
+
<meta charset="UTF-8" />
+
<title>Team:NCTU Formosa/Protocol - 2017.igem.org</title>
+
<meta name="generator" content="MediaWiki 1.24.1" />
+
<link rel="alternate" type="application/x-wiki" title="Edit" href="/wiki/index.php?title=Team:NCTU_Formosa/Protocol&amp;action=edit" />
+
<link rel="edit" title="Edit" href="/wiki/index.php?title=Team:NCTU_Formosa/Protocol&amp;action=edit" />
+
<link rel="shortcut icon" href="/favicon.ico" />
+
<link rel="search" type="application/opensearchdescription+xml" href="/wiki/opensearch_desc.php" title="2017.igem.org (en)" />
+
<link rel="EditURI" type="application/rsd+xml" href="https://2017.igem.org/wiki/api.php?action=rsd" />
+
<link rel="alternate" hreflang="x-default" href="/Team:NCTU_Formosa/Protocol" />
+
<link rel="copyright" href="http://creativecommons.org/licenses/by/3.0/" />
+
<link rel="alternate" type="application/atom+xml" title="2017.igem.org Atom feed" href="/wiki/index.php?title=Special:RecentChanges&amp;feed=atom" />
+
<link rel="stylesheet" href="https://2017.igem.org/wiki/load.php?debug=false&amp;lang=en&amp;modules=mediawiki.legacy.commonPrint%2Cshared%7Cmediawiki.skinning.content.externallinks%7Cmediawiki.skinning.interface%7Cmediawiki.ui.button%7Cskins.igem.styles&amp;only=styles&amp;skin=igem&amp;*" />
+
<!--[if IE 6]><link rel="stylesheet" href="/wiki/skins/Igem/IE60Fixes.css?303" media="screen" /><![endif]-->
+
<!--[if IE 7]><link rel="stylesheet" href="/wiki/skins/Igem/IE70Fixes.css?303" media="screen" /><![endif]--><meta name="ResourceLoaderDynamicStyles" content="" />
+
<style>a:lang(ar),a:lang(kk-arab),a:lang(mzn),a:lang(ps),a:lang(ur){text-decoration:none}
+
/* cache key: 2017_igem_org:resourceloader:filter:minify-css:7:faeec198b704588e6c9afc1a44274438 */</style>
+
<script src="https://2017.igem.org/wiki/load.php?debug=false&amp;lang=en&amp;modules=startup&amp;only=scripts&amp;skin=igem&amp;*"></script>
+
<script>if(window.mw){
+
mw.config.set({"wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"Team:NCTU_Formosa/Protocol","wgTitle":"Team:NCTU Formosa/Protocol","wgCurRevisionId":411172,"wgRevisionId":411172,"wgArticleId":36505,"wgIsArticle":true,"wgIsRedirect":false,"wgAction":"view","wgUserName":"Trista714123","wgUserGroups":["*","user","autoconfirmed"],"wgCategories":[],"wgBreakFrames":false,"wgPageContentLanguage":"en","wgPageContentModel":"wikitext","wgSeparatorTransformTable":["",""],"wgDigitTransformTable":["",""],"wgDefaultDateFormat":"dmy","wgMonthNames":["","January","February","March","April","May","June","July","August","September","October","November","December"],"wgMonthNamesShort":["","Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"wgRelevantPageName":"Team:NCTU_Formosa/Protocol","wgUserId":2010,"wgUserEditCount":0,"wgUserRegistration":1496669463000,"wgUserNewMsgRevisionId":null,"wgIsProbablyEditable":true,"wgRestrictionEdit":[],"wgRestrictionMove":[],"wgWikiEditorEnabledModules":{"toolbar":false,"dialogs":false,"hidesig":true,"preview":false,"previewDialog":false,"publish":false}});
+
}</script><script>if(window.mw){
+
mw.loader.implement("user.options",function($,jQuery){mw.user.options.set({"ccmeonemails":0,"cols":80,"date":"default","diffonly":0,"disablemail":0,"editfont":"default","editondblclick":0,"editsectiononrightclick":0,"enotifminoredits":0,"enotifrevealaddr":0,"enotifusertalkpages":1,"enotifwatchlistpages":1,"extendwatchlist":0,"fancysig":0,"forceeditsummary":0,"gender":"unknown","hideminor":0,"hidepatrolled":0,"imagesize":2,"math":1,"minordefault":0,"newpageshidepatrolled":0,"nickname":"","norollbackdiff":0,"numberheadings":0,"previewonfirst":0,"previewontop":1,"rcdays":7,"rclimit":50,"rows":25,"showhiddencats":0,"shownumberswatching":1,"showtoolbar":1,"skin":"igem","stubthreshold":0,"thumbsize":5,"underline":2,"uselivepreview":0,"usenewrc":1,"watchcreations":1,"watchdefault":1,"watchdeletion":0,"watchlistdays":3,"watchlisthideanons":0,"watchlisthidebots":0,"watchlisthideliu":0,"watchlisthideminor":0,"watchlisthideown":0,"watchlisthidepatrolled":0,"watchmoves":0,"watchrollback":0,
+
"wllimit":250,"useeditwarning":1,"prefershttps":1,"language":"en","variant-gan":"gan","variant-iu":"iu","variant-kk":"kk","variant-ku":"ku","variant-shi":"shi","variant-sr":"sr","variant-tg":"tg","variant-uz":"uz","variant-zh":"zh","searchNs0":true,"searchNs1":false,"searchNs2":false,"searchNs3":false,"searchNs4":false,"searchNs5":false,"searchNs6":false,"searchNs7":false,"searchNs8":false,"searchNs9":false,"searchNs10":false,"searchNs11":false,"searchNs12":false,"searchNs13":false,"searchNs14":false,"searchNs15":false});},{},{});mw.loader.implement("user.tokens",function($,jQuery){mw.user.tokens.set({"editToken":"7a51255aa1f86e9cdda8360367e69fc6+\\","patrolToken":"20a6658fe66876e897be1436b0f7bdda+\\","watchToken":"0c25a5170cad008265a1cf0dd00890c6+\\"});},{},{});
+
/* cache key: 2017_igem_org:resourceloader:filter:minify-js:7:e37ae6c6cf01a775bb80e9a9bbac5e4b */
+
}</script>
+
<script>if(window.mw){
+
mw.loader.load(["mediawiki.page.startup","mediawiki.legacy.wikibits","mediawiki.legacy.ajax"]);
+
}</script>
+
</head>
+
<body class="mediawiki ltr sitedir-ltr ns-0 ns-subject page-Team_NCTU_Formosa_Protocol skin-igem action-view">
+
 
+
        <script type='text/javascript'        src ='/common/tablesorter/jquery.tablesorter.min.js'></script>
+
        <link rel='stylesheet' type='text/css' href='/common/tablesorter/themes/groupparts/style.css' />
+
        <link rel='stylesheet' type='text/css' href='/common/table_styles.css' />
+
 
+
        <script type='text/javascript'        src ='/wiki/skins/Igem/resources/2017_skin.js'></script>
+
 
+
 
+
    <div id='globalWrapper'>
+
        <div id='top_menu_under' class='noprint'></div>
+
        <div id='top_menu_14' class='noprint'>Loading menubar.....</div> <!-- Will be replaced with the jQuery.load -->
+
<script>jQuery('#top_menu_14').load('https://2017.igem.org/cgi/top_menu_14/menubar_reply.cgi',
+
    {  t:"Team%3ANCTU%20Formosa%2FProtocol",
+
a:"View+%2FTeam%3ANCTU_Formosa%2FProtocol++Edit+%2Fwiki%2Findex.php%3Ftitle%3DTeam%3ANCTU_Formosa%2FProtocol%26action%3Dedit++History+%2Fwiki%2Findex.php%3Ftitle%3DTeam%3ANCTU_Formosa%2FProtocol%26action%3Dhistory++Move+%2FSpecial%3AMovePage%2FTeam%3ANCTU_Formosa%2FProtocol++Watch+%2Fwiki%2Findex.php%3Ftitle%3DTeam%3ANCTU_Formosa%2FProtocol%26action%3Dwatch%26token%3D864a79dc14ee2be083ff6f15059754ab%252B%255C++Page+%2FTeam%3ANCTU_Formosa%2FProtocol++Discussion+%2Fwiki%2Findex.php%3Ftitle%3DTalk%3ATeam%3ANCTU_Formosa%2FProtocol%26action%3Dedit%26redlink%3D1++" });
+
</script>
+
 
+
        <!-- Content div contains HQ_page for HQ styles, Logo and title div, and USER CONTENT -->
+
<div id="content" class="mw-body" role="main">
+
    <a id="top"></a>
+
 
+
            <div id="top_title">
+
                <div class="logo_2017">
+
                    <a href="https://2017.igem.org">
+
                    <img src="https://static.igem.org/mediawiki/2017/8/8b/HQ_page_logo.jpg" width="100px">
+
                    </a>
+
                </div>
+
 
+
        <h1 id="firstHeading" class="firstHeading">
+
            <span dir="auto">Team:NCTU Formosa/Protocol</span>
+
        </h1>
+
            </div>
+
 
+
            <div id="HQ_page">
+
                <div id="bodyContent">
+
            <div id="mw-content-text" lang="en" dir="ltr" class="mw-content-ltr"><p>
+
  
 
<head>
 
<head>
 
     <meta charset="UTF-8">
 
     <meta charset="UTF-8">
     <title>navigation</title>
+
     <title>Untitled Document</title>
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
+
     <script src="//ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
     <meta name="description" content="DESCRIPTION">
+
     <link href="template.css" rel="stylesheet" type="text/css">
     <link rel="stylesheet" href="navigation.css" type="text/css">
+
     <script src="template.js" type="text/javascript"></script>
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />
 +
 
     <style>
 
     <style>
 
/* Clear the default wiki settings */
 
 
#home_logo, #sideMenu { display:none; }
 
#sideMenu, #top_title, .patrollink  {display:none;}
 
#content { width:100%; padding:0px;  margin-top:-7px; margin-left:0px;}
 
body {background-color:white; }
 
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 
 
 
 
 
/**************************************************************** MENU ***************************************************************/
 
/* Wrapper for the menu */
 
.igem_2017_menu_wrapper {
 
width: 15%;
 
height:100vh;
 
position:fixed;
 
right:0%;
 
padding:0px;
 
float:right;
 
border-left: 1px solid #d3d3d3;
 
background-color:#dddddd;
 
text-align:left;
 
font-family:Tahoma, Geneva, sans-serif;
 
overflow-y: auto;
 
overflow-x: hidden;
 
}
 
 
/* this hides the scrollbar to keep view consistency */
 
.igem_2017_menu_wrappe::-webkit-scrollbar {
 
display: none;
 
}
 
 
 
/* styling for links in the menu, removes the line under text */
 
.igem_2017_menu_wrapper a {
 
text-decoration: none;
 
}
 
 
 
/* styling for the images in the menu */
 
.igem_2017_menu_wrapper img {
 
width: 100%;
 
}
 
 
/* styling for the menu buttons */
 
.igem_2017_menu_wrapper .menu_button {
 
width: 100%;
 
padding: 10px 0px 10px 15px;
 
float:left;
 
border-bottom: 1px solid #d3d3d3;
 
font-size: 12px;
 
font-weight: bold;
 
color: #5e5f5f;
 
cursor: pointer;
 
}
 
 
 
.igem_2017_menu_wrapper .menu_bottom_padding {
 
width: 100%;
 
height: 30px;
 
float:left;
 
}
 
 
.menu_button.direct_to_page {
 
padding-left: 36px;
 
}
 
 
 
.igem_2017_menu_wrapper .menu_button .expand_collapse_icon {
 
width:10%;
 
float:left;
 
}
 
 
.igem_2017_menu_wrapper .menu_button .expand_collapse_icon::before {
 
content: "+";
 
}
 
 
.open::before {
 
content: "-" !important;
 
}
 
 
 
 
/* styling for the menu buttons on hover */
 
.igem_2017_menu_wrapper .menu_button:hover, .igem_2017_menu_wrapper .submenu_button:hover ,  .submenu_button.current_page:hover {
 
background-color: #3399ff;
 
text-decoration: none;
 
color:#ffffff;
 
}
 
 
/* styling for the menu button when it is the current page */
 
.current_page {
 
background-color:#7fc1f7  !important;
 
color:#5e5f5f !important;
 
}
 
 
 
/* styling for the submenu buttons */
 
.igem_2017_menu_wrapper .submenu_button {
 
width: 100%;
 
padding: 10px 0px 10px 34px;
 
float:left;
 
background-color:#f2f2f2;
 
border-bottom: 1px solid #d3d3d3;
 
font-size: 12px;
 
color: #5e5f5f;
 
cursor: pointer;
 
}
 
 
/* wrapper for the submenu items, they are hidden by default*/
 
.igem_2017_menu_wrapper .submenu_wrapper {
 
display:none;
 
}
 
 
/* when the page size is bigger than 800px, this show/hide control is hidden by default */
 
.igem_2017_menu_wrapper #display_menu_control {
 
display:none;
 
text-align:center;
 
}
 
 
 
/***************************************************** CONTENT OF THE PAGE ****************************************************/
 
 
/* Wrapper for the content */
 
.igem_2017_content_wrapper {
 
width: 81%;
 
margin: 2%;
 
display:block;
 
float:left;
 
background-color:white;
 
font-family:Tahoma, Geneva, sans-serif;
 
}
 
 
 
/********************************* HTML STYLING  *********************************/
 
 
/* styling for the titles h1 h2 */
 
.igem_2017_content_wrapper h1, .igem_2017_content_wrapper h2 {
 
padding:5px 15px;
 
border-bottom: 0px;
 
color: #3399ff;
 
}
 
 
 
/* styling for the titles  h3 h4 h5 h6*/
 
.igem_2017_content_wrapper h3, .igem_2017_content_wrapper h4, .igem_2017_content_wrapper h5, .igem_2017_content_wrapper h6 {
 
padding:5px 15px;
 
border-bottom:0px;
 
color: #000000;
 
}
 
 
 
/* font and text */
 
.igem_2017_content_wrapper p {
 
padding: 0px 15px;
 
font-size: 13px;
 
}
 
 
/* Links */
 
.igem_2017_content_wrapper a {
 
font-weight: bold;
 
text-decoration: underline;
 
text-decoration-color: #3399ff;
 
color:  #3399ff;
 
-webkit-transition: all 0.4s ease;
 
-moz-transition: all 0.4s ease;
 
-ms-transition: all 0.4s ease;
 
-o-transition: all 0.4s ease;
 
transition: all 0.4s ease;
 
}
 
 
/* hover for the links */
 
.igem_2017_content_wrapper a:hover {
 
text-decoration:none;
 
color:#000000;
 
}
 
 
/* non numbered lists */
 
.igem_2017_content_wrapper ul {
 
padding:0px 20px;
 
font-size: 13px;
 
font-family:Tahoma, Geneva, sans-serif;
 
}
 
 
/* numbered lists */
 
.igem_2017_content_wrapper ol {
 
padding:0px;
 
font-size: 13px;
 
font-family:Tahoma, Geneva, sans-serif;
 
}
 
 
/* Table */
 
.igem_2017_content_wrapper table {
 
width: 97%;
 
margin:15px 10px;
 
border: 1px solid #d3d3d3;
 
border-collapse: collapse;
 
}
 
 
/* table cells */
 
.igem_2017_content_wrapper  td {
 
padding: 10px;
 
vertical-align: text-top;
 
border: 1px solid #d3d3d3;
 
border-collapse: collapse;
 
}
 
 
/* table headers */
 
.igem_2017_content_wrapper th {
 
padding: 10px;
 
vertical-align: text-top;
 
border: 1px solid #d3d3d3;
 
border-collapse: collapse;
 
background-color:#f2f2f2;
 
}
 
 
 
/**********************************LAYOUT CLASSES **********************************/
 
 
/* general class for column divs */
 
.igem_2017_content_wrapper .column  {
 
padding: 10px 0px;
 
float:left;
 
}
 
 
/* class for a full width column */
 
.column .full_size {
 
width:100%;
 
}
 
 
/* styling for images in a full width column*/
 
.column.full_size img {
 
width:97%;
 
padding: 10px 15px;
 
}
 
 
/* class for a half width column */
 
.column.half_size {
 
width: 50%;
 
}
 
/* styling for images in a half width column*/
 
.column.half_size img {
 
width: 94.5%;
 
padding: 10px 15px;
 
}
 
 
 
 
 
/********************************* SUPPORT CLASSES ********************************/
 
 
/* class that clears content below*/
 
.igem_2017_content_wrapper .clear {
 
clear:both;
 
}
 
 
 
/* adds extra spacing when clearing content */
 
.igem_2017_content_wrapper  .clear.extra_space {
 
height: 30px;
 
}
 
 
 
/* highlight class, makes content slightly smaller */
 
.igem_2017_content_wrapper .highlight {
 
margin: 0px 15px;
 
padding: 15px 0px;
 
}
 
 
 
/* highlight class, adds a gray background */
 
.igem_2017_content_wrapper .highlight.gray {
 
background-color: #f2f2f2;
 
}
 
 
/* highlight with decoration blue line on top */
 
.igem_2017_content_wrapper .highlight.blue_top {
 
    border-top: 4px solid #3399ff;
 
}
 
 
/* highlight with a full blue border decoration */
 
.igem_2017_content_wrapper .highlight.blue_border {
 
    border: 4px solid  #3399ff;
 
}
 
 
 
/* button class */
 
.igem_2017_content_wrapper .button{
 
max-width: 35%;
 
margin: 30px auto;
 
padding: 12px 10px;
 
    background-color: #3399ff;
 
    text-align: center;
 
  color: #ffffff;
 
-webkit-transition: all 0.4s ease;
 
-moz-transition: all 0.4s ease;
 
-ms-transition: all 0.4s ease;
 
-o-transition: all 0.4s ease; transition: all 0.4s ease;
 
}
 
 
/* styling for button on hover */
 
.igem_2017_content_wrapper .button:hover{
 
background-color: #3399ff;
 
    color: #000000;
 
}
 
 
 
 
 
/***************************************************** RESPONSIVE STYLING ****************************************************/
 
 
/* IF THE SCREEN IS LESS THAN 1200PX */
 
@media only screen and (max-width: 1200px) {
 
 
#content {width:100%; }
 
.igem_2017_menu_wrapper {width:15%; right:0;}
 
.highlight {padding:10px 0px;}
 
.igem_2017_menu_wrapper #display_menu_control { display:none; }
 
#menu_content { display:block;}
 
.menu_button.direct_to_page {padding-left: 17px;}
 
 
}
 
 
/* IF THE SCREEN IS LESS THAN 800PX */
 
@media only screen and (max-width: 800px) {
 
 
.igem_2017_menu_wrapper { width:100%; height: 15%; position:relative; left:0%;}
 
.igem_2017_content_wrapper {width:100%; margin-left:0px;}
 
.column.half_size  {width:100%; }
 
.column.full_size img, .column.half_size img {  width: 100%; padding: 10px 0px;}
 
.highlight {padding:15px 5px;}
 
.igem_2017_menu_wrapper #display_menu_control { display:block; }
 
#menu_content { display:none;}
 
.igem_2017_menu_wrapper .menu_button .expand_collapse_icon { width: 5%; }
 
.menu_bottom_padding {display:none;}
 
.menu_button.direct_to_page { padding-left: 36px; }
 
}
 
 
 
 
 
/* special class that the system uses to make sure the team wants a page to be evaluated */
 
.judges-will-not-evaluate {
 
    width: 96.6%;
 
  margin: 5px 15px;
 
  display: block;
 
border: 4px solid #3399ff;
 
    font-weight: bold;
 
}
 
 
#home_logo, #sideMenu {
 
    display: none;
 
}
 
 
#sideMenu, #top_title, .patrollink {
 
    display: none;
 
}
 
 
#content {
 
    width: 100%;
 
    padding: 0px;
 
    margin-top: -7px;
 
    margin-left: 0px;
 
}
 
 
 
 
#Navigation{
 
    background-color: white;
 
    height: 38px;
 
}
 
 
#nav {
 
    margin-left: 170px !important;
 
}
 
 
#nav, #nav ul, #nav li, #nav a {
 
    border: none;
 
    line-height: 1;
 
    margin: 0;
 
    padding: 0;
 
}
 
 
#nav {
 
    height: 37px;
 
    display: block;
 
    width: auto;
 
    margin: 0;
 
    padding: 0;
 
}
 
 
#nav>ul {
 
    list-style: inside none;
 
    margin: 0;
 
    padding: 0;
 
}
 
 
#nav>ul>li {
 
    list-style: inside none;
 
    float: right;
 
    right: 5%;
 
    display: inline-block;
 
    position: relative;
 
    margin: 0;
 
    padding: 0;
 
}
 
 
#nav.align-center>ul {
 
    text-align: center;
 
}
 
 
#nav.align-center>ul>li {
 
    float: none;
 
    margin-left: -3px;
 
}
 
 
#nav.align-center ul ul {
 
    text-align: left;
 
}
 
 
#nav.align-center>ul>li:first-child>a {
 
    border-radius: 0;
 
}
 
 
#nav>ul>li>a {
 
    outline: none;
 
    display: block;
 
    position: relative;
 
    text-align: center;
 
    text-decoration: none;
 
    font-weight: 700;
 
    font-size: 13px;
 
    font-family: Arial, Helvetica, sans-serif;
 
    color: #000000;
 
    padding: 12px 20px;
 
}
 
 
#nav>ul>li:first-child>a {
 
    border-radius: 0;
 
}
 
 
#nav>ul>li>a:after {
 
    content: "";
 
    position: absolute;
 
    top: -1px;
 
    bottom: -1px;
 
    right: -2px;
 
    z-index: 99;
 
}
 
 
#nav ul li.has-sub:hover>a:after {
 
    top: 0;
 
    bottom: 0;
 
}
 
 
#nav>ul>li.has-sub>a:before {
 
    content: "";
 
    position: absolute;
 
    top: 18px;
 
    right: 6px;
 
    border: 5px solid transparent;
 
    border-top: 5px solid #000000;
 
}
 
 
#nav>ul>li.has-sub:hover>a:before {
 
    top: 19px;
 
}
 
 
#nav>ul>li.has-sub:hover>a {
 
    padding-bottom: 14px;
 
    z-index: 999;
 
    border-color: #3f3f3f;
 
}
 
 
#nav ul li.has-sub:hover>ul, #nav ul li.has-sub:hover>div {
 
    display: block;
 
}
 
 
#nav>ul>li.has-sub>a:hover, #nav>ul>li.has-sub:hover>a {
 
    background: #D1D1D1;
 
    border-color: #D1D1D1;
 
}
 
 
#nav ul li>ul, #nav ul li>div {
 
    display: none;
 
    width: auto;
 
    position: absolute;
 
    top: 38px;
 
    background: #D1D1D1;
 
    border-radius: 0px 5px 5px 5px;
 
    /*第一層navigation圖形*/
 
    z-index: 999;
 
    padding: 10px 0;
 
}
 
 
#nav ul li>ul {
 
    width: 140px;
 
}
 
 
#nav ul ul ul {
 
    position: absolute;
 
}
 
 
#nav ul ul li:hover>ul {
 
    left: -100%;
 
    top: -10px;
 
    border-radius: 5px;
 
}
 
 
#nav ul li>ul li {
 
    display: block;
 
    list-style: inside none;
 
    position: relative;
 
    margin: 0;
 
    padding: 0;
 
}
 
 
#nav ul li>ul li a {
 
    outline: none;
 
    display: block;
 
    position: relative;
 
    font: 10pt Arial, Helvetica, sans-serif;
 
    color: #000000;
 
    text-decoration: none;
 
    margin: 0;
 
    padding: 8px 20px;
 
}
 
 
#nav, #nav ul ul>li:hover>a, #nav ul ul li a:hover {
 
    background: #ffffff;
 
    background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 100%);
 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #ffffff));
 
    background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 100%);
 
    background: -o-linear-gradient(top, #ffffff 0%, #ffffff 100%);
 
    background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 100%);
 
    background: linear-gradient(top, #ffffff 0%, #ffffff 100%);
 
}
 
 
#nav>ul>li>a:hover {
 
    background: #080808;
 
    color: #ffffff;
 
}
 
 
#nav ul ul a:hover {
 
    color: #000000;
 
}
 
 
#nav>ul>li.has-sub>a:hover:before {
 
    border-top: 5px solid #000000;
 
}
 
 
.head_pic {
 
    padding: 0;
 
    margin: 0;
 
    border: 0;
 
    position: absolute;
 
    left: 2%;
 
    top: 0.4em;
 
}
 
 
#Home:hover{
 
    background-color:#D1D1D1 !important;
 
    background:#D1D1D1 !important;
 
}
 
 
/*----------------------------------------------------------------------------*/
 
 
@media only screen and (max-width: 768px) {
 
 
    body{
 
        background: black;
 
        height: 37px;
 
    }
 
 
    #nav{
 
        display: none;
 
    }
 
 
    .head_pic{
 
        position: relative;
 
        width: 30vw;
 
        left: 35vw;
 
    }
 
}
 
 
/*----------------------------------------------------------------------------*/
 
#Navigation2{
 
    padding-left: 0;
 
    margin: 0;
 
    position: absolute;
 
    top: 0px
 
}
 
 
#three_bar{
 
    position: relative !important;
 
    top: 0px !important;
 
    left: 10px !important;
 
    cursor: pointer;
 
    padding: 0 !important;
 
    margin: 0 !important;
 
    display: none !important;
 
    z-index: 100 !important;
 
}
 
 
@media only screen and (max-width: 768px) {
 
    #three_bar{
 
        display: block !important;
 
    }
 
}
 
 
 
#three_bar>p{
 
    font-size: 20px !important;
 
    position: relative !important;
 
    top: -5px !important;
 
    left: 2px !important;
 
}
 
 
.igem_2017_menu2_wrapper {
 
    width: 15%;
 
    height:100vh;
 
    position:fixed;
 
    left:0%;
 
    padding:0px;
 
    top:60px;
 
    float:right;
 
    border-right: 1px solid #85CFEA;
 
    background-color:#ffffff;
 
    text-align:left;
 
    font-family: Arial, Geneva, sans-serif;
 
    overflow-y: auto;
 
    overflow-x: hidden;
 
    display: none;
 
    z-index: 999;
 
    border-top: 1px solid #85CFEA;
 
    border-left: 1px solid #85CFEA;
 
}
 
 
.igem_2017_menu2_wrapper::-webkit-scrollbar {
 
    display: none;
 
}
 
 
.igem_2017_menu2_wrapper a {
 
    text-decoration: none;
 
}
 
 
.igem_2017_menu2_wrapper .menu2_button {
 
    width: 100vw;
 
    padding: 10px 0px 10px 15px;
 
    float:left;
 
    border-bottom: 1px solid #85CFEA;
 
    border-top: 1px solid #85CFEA;
 
    font-size: 12px;
 
    font-weight: bold;
 
    color: #000000;
 
    cursor: pointer;
 
}
 
 
.igem_2017_menu2_wrapper .menu2_button .expand_collapse_icon2::before {
 
    content: "+";
 
}
 
 
.open::before {
 
    content: "-" !important;
 
}
 
 
.igem_2017_menu2_wrapper .menu2_button:hover, .igem_2017_menu2_wrapper .submenu2_button:hover ,  .submenu2_button.current_page:hover {
 
    background-color: #D1D1D1;
 
    text-decoration: none;
 
    color:#ffffff;
 
}
 
 
.igem_2017_menu2_wrapper .submenu2_button {
 
    width: 100%;
 
    padding: 10px 0px 10px 34px;
 
    float:left;
 
    background-color:#f2f2f2;
 
    border-bottom: 1px solid #d3d3d3;
 
    font-size: 12px;
 
    color: #5e5f5f;
 
    cursor: pointer;
 
}
 
 
.igem_2017_menu2_wrapper .submenu2_wrapper {
 
    display:none;
 
}
 
 
.igem_2017_menu2_wrapper #display_menu_control {
 
    display:none;
 
    text-align:center;
 
}
 
 
 
/*----------------------------------------------------------------------------*/
 
 
@media only screen and (max-width: 1200px) {
 
 
    #content {width:100%; }
 
    .igem_2017_menu2_wrapper {width:15%; right:0; top: 0px; }
 
    /*.highlight {padding:10px 0px;}*/
 
    .igem_2017_menu2_wrapper #display_menu_control { display:none; }
 
    #menu2_content { display:block;}
 
    .menu2_button.direct_to_page {padding-left: 17px;}
 
 
}
 
 
/* IF THE SCREEN IS LESS THAN 800PX */
 
@media only screen and (max-width: 800px) {
 
 
    .igem_2017_menu2_wrapper { width:100%; height: 15%; position:relative; left:0%; top: -10px;}
 
    /*.igem_2017_content_wrapper {width:100%; margin-left:0px;}
 
    .column.half_size  {width:100%; }
 
    .column.full_size img, .column.half_size img {  width: 100%; padding: 10px 0px;}
 
    .highlight {padding:15px 5px;}*/
 
    .igem_2017_menu2_wrapper #display_menu_control { display:block; }
 
    #menu2_content { display:none;}
 
    .igem_2017_menu2_wrapper .menu2_button .expand_collapse_icon2 { width: 5%; }
 
    .menu2_bottom_padding {display:none;}
 
    .menu2_button.direct_to_page { padding-left: 36px; }
 
}
 
 
 
</style>
 
 
<script>
 
$(document).ready(function(){
 
    $("#three_bar").click(function(){
 
        $(".igem_2017_menu2_wrapper").toggle();
 
        $(".submenu2_wrapper").hide();
 
        $(".menu2_button").children().removeClass("open");
 
    });
 
});
 
 
 
$(document).ready(function(){
 
    $("#display_menu2_control").click(function(){
 
        $("#menu2_content").toggle(100);
 
    });
 
});
 
 
$(document).ready(function(){
 
    $(".menu2_button").click(function(){
 
        $(".submenu2_wrapper").hide();
 
        $(".menu2_button").children().removeClass("open");
 
    });
 
});
 
 
$(document).ready(function(){
 
    $(".menu2_button").click(function(){
 
        $(this).children().toggleClass("open");
 
        $(this).next('.submenu2_wrapper').toggle();
 
    });
 
});
 
 
 
</script>
 
 
</head>
 
 
<body>
 
    <div id="Navigation">
 
        <div class="head_pic">
 
            <a href="https://2017.igem.org/Team:NCTU_Formosa"><img src="https://static.igem.org/mediawiki/2017/e/e9/Nav_pic.jpeg" width="150em"></a>
 
        </div>
 
 
        <div id="nav">
 
 
            <ul>
 
                <li class="active has-sub"><a href="#"><span>Notebook</span></a>
 
                    <ul>
 
                        <li><a href="https://2017.igem.org/Team:NCTU_Formosa/Protocol"><span>Protocol</span></a></li>
 
                        <li><a href="https://2017.igem.org/Team:NCTU_Formosa/Notebook"><span>Lab Notes</span></a></li>
 
 
                    </ul>
 
                </li>
 
 
                <li class="active has-sub"><a href="#"><span>Team</span></a>
 
                    <ul>
 
                        <li><a href="https://2017.igem.org/Team:NCTU_Formosa/Team"><span>Team Introduction</span></a></li>
 
                        <li><a href="https://2017.igem.org/Team:NCTU_Formosa/Attributions"><span>Attribution</span></a></li>
 
                    </ul>
 
                </li>
 
 
                <li class="active has-sub"><a href="#"><span>Achievement</span></a>
 
                    <ul>
 
                        <li><a href="https://2017.igem.org/Team:NCTU_Formosa/Medal_Criteria"><span>Medal Criteria</span></a></li>
 
                    </ul>
 
                </li>
 
 
                <li class="active has-sub"><a href="#"><span>Human Practice</span></a>
 
                    <ul>
 
                        <li><a href="https://2017.igem.org/Team:NCTU_Formosa/Collaborations"><span>Collaboration</span></a></li>
 
                        <li><a href="https://2017.igem.org/Team:NCTU_Formosa/HP/Silver"><span>HP Silver</span></a></li>
 
                        <li><a href="https://2017.igem.org/Team:NCTU_Formosa/HP/Gold_Integrated"><span>HP Gold Integrated</span></a></li>
 
                        <li><a href="https://2017.igem.org/Team:NCTU_Formosa/Engagement"><span>Education and Public Engagement</span></a></li>
 
                    </ul>
 
                </li>
 
 
                <li class="active has-sub"><a href="#"><span>Parts</span></a>
 
                    <ul>
 
                        <li><a href="https://2017.igem.org/Team:NCTU_Formosa/Part"><span>Parts</span></a></li>
 
                        <li><a href="https://2017.igem.org/Team:NCTU_Formosa/Basic_Part"><span>Basic Parts</span></a></li>
 
                        <li><a href="https://2017.igem.org/Team:NCTU_Formosa/Composite_Part"><span>Composite Parts</span></a></li>
 
                    </ul>
 
                </li>
 
 
                <li class="active has-sub"><a href="#"><span>Web Lab</span></a>
 
                    <ul>
 
                        <li><a href="https://2017.igem.org/Team:NCTU_Formosa/Experiments"><span>Experiment Design</span></a></li>
 
                        <li><a href="https://2017.igem.org/Team:NCTU_Formosa/Fungal_Experiment"><span>Fungal Experiment</span></a></li>
 
                        <li><a href="https://2017.igem.org/Team:NCTU_Formosa/Fungal_Result"><span>Fungal Result</span></a></li>
 
                        <li><a href="https://2017.igem.org/Team:NCTU_Formosa/Protein_Expression"><span>Protein Expression</span></a></li>
 
                        <li><a href="https://2017.igem.org/Team:NCTU_Formosa/Safety"><span>Safety</span></a></li>
 
                    </ul>
 
                </li>
 
 
                <li class="active has-sub"><a href="#"><span>Modeling</span></a>
 
                    <ul>
 
                        <li><a href="https://2017.igem.org/Team:NCTU_Formosa/Model"><span>Peptide Prediction Model</span></a></li>
 
                        <li><a href="https://2017.igem.org/Team:NCTU_Formosa/Disease_Occurrence_Model"><span>Disease Occurrence Model</span></a></li>
 
                    </ul>
 
                </li>
 
 
                <li class="active has-sub"><a href="#"><span>Project</span></a>
 
                    <ul>
 
                        <li><a href="https://2017.igem.org/Team:NCTU_Formosa/Description"><span>Description</span></a></li>
 
                        <li><a href="https://2017.igem.org/Team:NCTU_Formosa/Applied_Design"><span>Design</span></a></li>
 
                        <li><a href="https://2017.igem.org/Team:NCTU_Formosa/Peptide_Prediction"><span>Peptide Prediction</span></a></li>
 
                        <li><a href="https://2017.igem.org/Team:NCTU_Formosa/Disease_Occurrence_Prediction"><span>Disease Occurrence Prediction</span></a></li>
 
                        <li><a href="https://2017.igem.org/Team:NCTU_Formosa/Demonstrate"><span>Demonstration</span></a></li>
 
                        <li><a href="https://2017.igem.org/Team:NCTU_Formosa/Contribution"><span>Contribution</span></a></li>
 
                        <li><a href="https://2017.igem.org/Team:NCTU_Formosa/Improve"><span>Improvement</span></a></li>
 
                    </ul>
 
                </li>
 
 
                <li><a href="https://2017.igem.org/Team:NCTU_Formosa" id="Home"><span>Home</span></a></li>
 
            </ul>
 
 
        </div>
 
 
    </div>
 
    <!----------------------------------------------------------------------------->
 
 
    <div id="Navigation2">
 
        <div id="three_bar">
 
            <p>&#9776;</p>
 
        </div>
 
 
        <div class="igem_2017_menu2_wrapper">
 
 
 
            <!-- this div is hidden by default and will only be displayed if the screen size is too small -->
 
            <div class="menu2_button" id="display_menu2_control">
 
                MENU
 
            </div>
 
 
            <div id="menu2_content">
 
 
 
 
 
                <a href="https://2017.igem.org/Team:NCTU_Formosa">
 
                    <div class="menu2_button direct_to_page">
 
                        HOME
 
                    </div>
 
                </a>
 
 
                <!----------------------------------------------------------------------------->
 
 
                <div class="menu2_button">
 
                    <span class="expand_collapse_icon2">  </span> Project
 
                </div>
 
 
                <div class="submenu2_wrapper" id="Project_submenu">
 
 
                    <a href="https://2017.igem.org/Team:NCTU_Formosa/Description">
 
                        <div class="submenu2_button" id="Description_page">
 
                            Description
 
                        </div>
 
                    </a>
 
 
                    <a href="https://2017.igem.org/Team:NCTU_Formosa/Applied_Design">
 
                        <div class="submenu2_button" id="Design_page">
 
                            Design
 
                        </div>
 
                    </a>
 
 
                    <a href="https://2017.igem.org/Team:NCTU_Formosa/Peptide_Prediction">
 
                        <div class="submenu2_button" id="Peptide_Prediction_page">
 
                            Peptide Prediction
 
                        </div>
 
                    </a>
 
 
                    <a href="https://2017.igem.org/Team:NCTU_Formosa/Disease_Occurrence_Prediction">
 
                        <div class="submenu2_button" id="Spore_Germinaition_Prediction_page">
 
                            Disease Occurrence Prediction
 
                        </div>
 
                    </a>
 
 
                    <a href="https://2017.igem.org/Team:NCTU_Formosa/Demonstrate">
 
                        <div class="submenu2_button" id="Collaborations_page">
 
                            Demonstration
 
                        </div>
 
                    </a>
 
 
                    <a href="https://2017.igem.org/Team:NCTU_Formosa/Contribution">
 
                        <div class="submenu2_button" id="Collaborations_page">
 
                            Contribution
 
                        </div>
 
                    </a>
 
 
                    <a href="https://2017.igem.org/Team:NCTU_Formosa/Improve">
 
                        <div class="submenu2_button" id="Improvement_page">
 
                            Improvement
 
                        </div>
 
                    </a>
 
 
                </div>
 
 
 
                <!----------------------------------------------------------------------------->
 
 
 
 
                <div class="menu2_button">
 
                    <span class="expand_collapse_icon2">  </span> Modeling
 
                </div>
 
 
                <!-- project submenu -->
 
                <div class="submenu2_wrapper">
 
 
                    <a href="https://2017.igem.org/Team:NCTU_Formosa/Model">
 
                        <div class="submenu2_button" id="SCM_Model_page">
 
                            Peptide Prediction Model
 
                        </div>
 
                    </a>
 
 
                    <a href="https://2017.igem.org/Team:NCTU_Formosa/Disease_Occurrence_Model">
 
                        <div class="submenu2_button" id="Spore_Germination_Model_page">
 
                            Disease Occurrence Model
 
                        </div>
 
                    </a>
 
 
                </div>
 
 
                <!----------------------------------------------------------------------------->
 
 
 
                <div class="menu2_button">
 
                    <span class="expand_collapse_icon2">  </span> Web Lab
 
                </div>
 
 
                <!-- project submenu -->
 
                <div class="submenu2_wrapper">
 
 
                    <a href="https://2017.igem.org/Team:NCTU_Formosa/Experiments">
 
                        <div class="submenu2_button" id="Fungal_Experiment_page">
 
                            Experiment Design
 
                        </div>
 
                    </a>
 
 
                    <a href="https://2017.igem.org/Team:NCTU_Formosa/Fungal_Experiment">
 
                        <div class="submenu2_button" id="Fungal_Experiment_page">
 
                            Fungal Experiment
 
                        </div>
 
                    </a>
 
 
                    <a href="https://2017.igem.org/Team:NCTU_Formosa/Fungal_Result">
 
                        <div class="submenu2_button" id="Plant_Experiment_page">
 
                            Fungal Result
 
                        </div>
 
                    </a>
 
 
                    <a href="https://2017.igem.org/Team:NCTU_Formosa/Protein_Expression">
 
                        <div class="submenu2_button" id="Protein_Expression_page">
 
                            Protein Expression
 
                        </div>
 
                    </a>
 
 
                    <a href="https://2017.igem.org/Team:NCTU_Formosa/Safety">
 
                        <div class="submenu2_button" id="Safety_page">
 
                            Safety
 
                        </div>
 
                    </a>
 
 
                </div>
 
 
 
                <!----------------------------------------------------------------------------->
 
 
 
                <div class="menu2_button">
 
                    <span class="expand_collapse_icon2">  </span> Parts
 
                </div>
 
 
                <!-- parts submenu -->
 
                <div class="submenu2_wrapper">
 
 
                    <a href="https://2017.igem.org/Team:NCTU_Formosa/Part">
 
                        <div class="submenu2_button" id="Basic_Part_page">
 
                            Parts
 
                        </div>
 
                    </a>
 
 
                    <a href="https://2017.igem.org/Team:NCTU_Formosa/Basic_Part">
 
                        <div class="submenu2_button" id="Basic_Part_page">
 
                            Basic Parts
 
                        </div>
 
                    </a>
 
 
                    <a href="https://2017.igem.org/Team:NCTU_Formosa/Composite_Part">
 
                        <div class="submenu2_button" id="Composite_Part_page">
 
                            Composite Parts
 
                        </div>
 
                    </a>
 
 
                </div>
 
 
                <!----------------------------------------------------------------------------->
 
 
 
                <div class="menu2_button">
 
                    <span class="expand_collapse_icon2">  </span> Human Practice
 
                </div>
 
 
                <!-- human practices submenu -->
 
                <div class="submenu2_wrapper">
 
 
                    <a href="https://2017.igem.org/Team:NCTU_Formosa/Collaborations">
 
                        <div class="submenu2_button" id="Collaboration_page">
 
                            Collaboration
 
                        </div>
 
                    </a>
 
 
                    <a href="https://2017.igem.org/Team:NCTU_Formosa/HP/Silver">
 
                        <div class="submenu2_button" id="Silver_page">
 
                            HP Silver
 
                        </div>
 
                    </a>
 
 
 
                    <a href="https://2017.igem.org/Team:NCTU_Formosa/HP/Gold_Integrated">
 
                        <div class="submenu2_button" id="Gold_Integrated_page">
 
                            HP Gold Integrated
 
                        </div>
 
                    </a>
 
 
                    <a href="https://2017.igem.org/Team:NCTU_Formosa/Engagement">
 
                        <div class="submenu2_button" id="Gold_Integrated_page">
 
                            Education and Public Engagement
 
                        </div>
 
                    </a>
 
 
 
                </div>
 
 
 
                <!----------------------------------------------------------------------------->
 
 
 
                <div class="menu2_button">
 
                    <span class="expand_collapse_icon2">  </span> Achievement
 
                </div>
 
 
                <!-- human practices submenu -->
 
                <div class="submenu2_wrapper">
 
 
                    <a href="https://2017.igem.org/Team:NCTU_Formosa/Medal_Criteria">
 
                        <div class="submenu2_button" id="Medal_Criteria_page">
 
                            Medal Criteria
 
                        </div>
 
                    </a>
 
 
                </div>
 
 
 
                <div class="menu2_button">
 
                    <span class="expand_collapse_icon2">  </span> Team
 
                </div>
 
 
                <!-- awards submenu -->
 
                <div class="submenu2_wrapper">
 
 
                    <a href="https://2017.igem.org/Team:NCTU_Formosa/Team">
 
                        <div class="submenu2_button" id="Team_page">
 
                            Team Introduction
 
                        </div>
 
                    </a>
 
 
                    <a href="https://2017.igem.org/Team:NCTU_Formosa/Attributions">
 
                        <div class="submenu2_button" id="Appreciation_page">
 
                            Attribution
 
                        </div>
 
                    </a>
 
 
                    <!----------------------------------------------------------------------------->
 
 
 
                </div>
 
 
                <div class="menu2_button">
 
                    <span class="expand_collapse_icon2">  </span> Notebook
 
                </div>
 
 
                <!-- awards submenu -->
 
                <div class="submenu2_wrapper">
 
 
                    <a href="https://2017.igem.org/Team:NCTU_Formosa/Protocol">
 
                        <div class="submenu2_button" id="Protocol_page">
 
                            Protocol
 
                        </div>
 
                    </a>
 
 
                    <a href="https://2017.igem.org/Team:NCTU_Formosa/Notebook">
 
                        <div class="submenu2_button" id="Lab_Notes_page">
 
                            Lab Notes
 
                        </div>
 
                    </a>
 
 
 
                </div>
 
 
 
            </div>
 
 
 
 
 
        </div>
 
    </div>
 
</body>
 
 
 
 
 
<script>
 
 
// This is the jquery part of your template.
 
// Try not modify any of this code too much since it makes your menu work.
 
 
$(document).ready(function() {
 
 
$("#HQ_page").attr('id','');
 
 
// call the functions that control the menu
 
menu_functionality();
 
hide_show_menu();
 
 
 
 
//this function controls the expand and collapse buttons of the menu and changes the +/- symbols
 
function menu_functionality() {
 
 
//when clicking on a "menu_button", it will change the "+/-" accordingly and it will show/hide the corresponding submenu
 
$(".menu_button").click(function(){
 
 
// add or remove the class "open" , this class holds the "-"
 
$(this).children().toggleClass("open");
 
// show or hide the submenu
 
$(this).next('.submenu_wrapper').fadeToggle(400);
 
});
 
 
// when the screen size is smaller than 800px, the display_menu_control button appears and will show/hide the whole menu
 
$("#display_menu_control").click(function(){
 
$('#menu_content').fadeToggle(400);
 
});
 
 
// call the current page highlight function
 
highlight_current_page();
 
}
 
 
 
// call the highlight current page function to show it on the menu with a different background color
 
function highlight_current_page() {
 
 
// select a page from the menu based on the id assigned to it and the current page name and add the class "current page" to make it change background color
 
$("#"+  wgPageName.substring(wgPageName.lastIndexOf("/")+1, wgPageName.length ) + "_page").addClass("current_page");
 
 
// now that the current_page class has been added to a menu item, make the submenu fade in
 
$(".current_page").parents(".submenu_wrapper").fadeIn(400);
 
// change the +/- symbol of the corresponding menu button
 
$(".current_page").parents(".submenu_wrapper").prev().children().toggleClass("open");
 
 
}
 
 
 
 
// allow button on the black menu bar to show/hide the side menu
 
function hide_show_menu() {
 
 
// in case you preview mode is selected, the menu is hidden for better visibility
 
if (window.location.href.indexOf("submit") >= 0) {
 
$(".igem_2017_menu_wrapper").hide();
 
}
 
 
// if the black menu bar has been loaded
 
  if (document.getElementById('bars_item')) {
 
 
// when the "bars_item" has been clicked
 
$("#bars_item").click(function() {
 
$("#sideMenu").hide();
 
 
// show/hide the menu wrapper
 
$(".igem_2017_menu_wrapper").fadeToggle("100");
 
});
 
  }
 
 
// because the black menu bars loads at a different time than the rest of the page, this function is set on a time out so it can run again in case it has not been loaded yet
 
else {
 
    setTimeout(hide_show_menu, 15);
 
}
 
}
 
 
 
});
 
 
 
</script>
 
 
 
 
 
 
<style>
 
 
 
 
/***************************************************** DEFAULT WIKI SETTINGS  ****************************************************/
 
 
/* Clear the default wiki settings */
 
 
#home_logo, #sideMenu { display:none; }
 
#sideMenu, #top_title, .patrollink  {display:none;}
 
#content { width:100%; padding:0px;  margin-top:-7px; margin-left:0px;}
 
body {background-color:white; }
 
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 
 
 
 
 
/**************************************************************** MENU ***************************************************************/
 
/* Wrapper for the menu */
 
.igem_2017_menu_wrapper {
 
width: 15%;
 
height:100vh;
 
position:fixed;
 
right:0%;
 
padding:0px;
 
float:right;
 
border-left: 1px solid #d3d3d3;
 
background-color:#dddddd;
 
text-align:left;
 
font-family:Tahoma, Geneva, sans-serif;
 
overflow-y: auto;
 
overflow-x: hidden;
 
display: none;
 
z-index: 999;
 
}
 
 
/* this hides the scrollbar to keep view consistency */
 
.igem_2017_menu_wrappe::-webkit-scrollbar {
 
display: none;
 
}
 
 
 
/* styling for links in the menu, removes the line under text */
 
.igem_2017_menu_wrapper a {
 
text-decoration: none;
 
}
 
 
 
/* styling for the images in the menu */
 
.igem_2017_menu_wrapper img {
 
width: 100%;
 
}
 
 
/* styling for the menu buttons */
 
.igem_2017_menu_wrapper .menu_button {
 
width: 100%;
 
padding: 10px 0px 10px 15px;
 
float:left;
 
border-bottom: 1px solid #d3d3d3;
 
font-size: 12px;
 
font-weight: bold;
 
color: #5e5f5f;
 
cursor: pointer;
 
}
 
 
 
.igem_2017_menu_wrapper .menu_bottom_padding {
 
width: 100%;
 
height: 30px;
 
float:left;
 
}
 
 
.menu_button.direct_to_page {
 
padding-left: 36px;
 
}
 
 
 
.igem_2017_menu_wrapper .menu_button .expand_collapse_icon {
 
width:10%;
 
float:left;
 
}
 
 
.igem_2017_menu_wrapper .menu_button .expand_collapse_icon::before {
 
content: "+";
 
}
 
 
.open::before {
 
content: "-" !important;
 
}
 
 
 
 
/* styling for the menu buttons on hover */
 
.igem_2017_menu_wrapper .menu_button:hover, .igem_2017_menu_wrapper .submenu_button:hover ,  .submenu_button.current_page:hover {
 
background-color: #3399ff;
 
text-decoration: none;
 
color:#ffffff;
 
}
 
 
/* styling for the menu button when it is the current page */
 
.current_page {
 
background-color:#7fc1f7  !important;
 
color:#5e5f5f !important;
 
}
 
 
 
/* styling for the submenu buttons */
 
.igem_2017_menu_wrapper .submenu_button {
 
width: 100%;
 
padding: 10px 0px 10px 34px;
 
float:left;
 
background-color:#f2f2f2;
 
border-bottom: 1px solid #d3d3d3;
 
font-size: 12px;
 
color: #5e5f5f;
 
cursor: pointer;
 
}
 
 
/* wrapper for the submenu items, they are hidden by default*/
 
.igem_2017_menu_wrapper .submenu_wrapper {
 
display:none;
 
}
 
 
/* when the page size is bigger than 800px, this show/hide control is hidden by default */
 
.igem_2017_menu_wrapper #display_menu_control {
 
display:none;
 
text-align:center;
 
}
 
 
 
/***************************************************** CONTENT OF THE PAGE ****************************************************/
 
 
/* Wrapper for the content */
 
.igem_2017_content_wrapper {
 
width: 81%;
 
margin: 2%;
 
display:block;
 
float:left;
 
background-color:white;
 
font-family:Tahoma, Geneva, sans-serif;
 
}
 
 
 
/********************************* HTML STYLING  *********************************/
 
 
/* styling for the titles h1 h2 */
 
.igem_2017_content_wrapper h1, .igem_2017_content_wrapper h2 {
 
padding:5px 15px;
 
border-bottom: 0px;
 
color: #3399ff;
 
}
 
 
 
/* styling for the titles  h3 h4 h5 h6*/
 
.igem_2017_content_wrapper h3, .igem_2017_content_wrapper h4, .igem_2017_content_wrapper h5, .igem_2017_content_wrapper h6 {
 
padding:5px 15px;
 
border-bottom:0px;
 
color: #000000;
 
}
 
 
 
/* font and text */
 
.igem_2017_content_wrapper p {
 
padding: 0px 15px;
 
font-size: 13px;
 
}
 
 
/* Links */
 
.igem_2017_content_wrapper a {
 
font-weight: bold;
 
text-decoration: underline;
 
text-decoration-color: #3399ff;
 
color:  #3399ff;
 
-webkit-transition: all 0.4s ease;
 
-moz-transition: all 0.4s ease;
 
-ms-transition: all 0.4s ease;
 
-o-transition: all 0.4s ease;
 
transition: all 0.4s ease;
 
}
 
 
/* hover for the links */
 
.igem_2017_content_wrapper a:hover {
 
text-decoration:none;
 
color:#000000;
 
}
 
 
/* non numbered lists */
 
.igem_2017_content_wrapper ul {
 
padding:0px 20px;
 
font-size: 13px;
 
font-family:Tahoma, Geneva, sans-serif;
 
}
 
 
/* numbered lists */
 
.igem_2017_content_wrapper ol {
 
padding:0px;
 
font-size: 13px;
 
font-family:Tahoma, Geneva, sans-serif;
 
}
 
 
/* Table */
 
.igem_2017_content_wrapper table {
 
width: 97%;
 
margin:15px 10px;
 
border: 1px solid #d3d3d3;
 
border-collapse: collapse;
 
}
 
 
/* table cells */
 
.igem_2017_content_wrapper  td {
 
padding: 10px;
 
vertical-align: text-top;
 
border: 1px solid #d3d3d3;
 
border-collapse: collapse;
 
}
 
 
/* table headers */
 
.igem_2017_content_wrapper th {
 
padding: 10px;
 
vertical-align: text-top;
 
border: 1px solid #d3d3d3;
 
border-collapse: collapse;
 
background-color:#f2f2f2;
 
}
 
 
 
/**********************************LAYOUT CLASSES **********************************/
 
 
/* general class for column divs */
 
.igem_2017_content_wrapper .column  {
 
padding: 10px 0px;
 
float:left;
 
}
 
 
/* class for a full width column */
 
.column .full_size {
 
width:100%;
 
}
 
 
/* styling for images in a full width column*/
 
.column.full_size img {
 
width:97%;
 
padding: 10px 15px;
 
}
 
 
/* class for a half width column */
 
.column.half_size {
 
width: 50%;
 
}
 
/* styling for images in a half width column*/
 
.column.half_size img {
 
width: 94.5%;
 
padding: 10px 15px;
 
}
 
 
 
 
 
/********************************* SUPPORT CLASSES ********************************/
 
 
/* class that clears content below*/
 
.igem_2017_content_wrapper .clear {
 
clear:both;
 
}
 
 
 
/* adds extra spacing when clearing content */
 
.igem_2017_content_wrapper  .clear.extra_space {
 
height: 30px;
 
}
 
 
 
/* highlight class, makes content slightly smaller */
 
.igem_2017_content_wrapper .highlight {
 
margin: 0px 15px;
 
padding: 15px 0px;
 
}
 
 
 
/* highlight class, adds a gray background */
 
.igem_2017_content_wrapper .highlight.gray {
 
background-color: #f2f2f2;
 
}
 
 
/* highlight with decoration blue line on top */
 
.igem_2017_content_wrapper .highlight.blue_top {
 
    border-top: 4px solid #3399ff;
 
}
 
 
/* highlight with a full blue border decoration */
 
.igem_2017_content_wrapper .highlight.blue_border {
 
    border: 4px solid  #3399ff;
 
}
 
 
 
/* button class */
 
.igem_2017_content_wrapper .button{
 
max-width: 35%;
 
margin: 30px auto;
 
padding: 12px 10px;
 
    background-color: #3399ff;
 
    text-align: center;
 
  color: #ffffff;
 
-webkit-transition: all 0.4s ease;
 
-moz-transition: all 0.4s ease;
 
-ms-transition: all 0.4s ease;
 
-o-transition: all 0.4s ease; transition: all 0.4s ease;
 
}
 
 
/* styling for button on hover */
 
.igem_2017_content_wrapper .button:hover{
 
background-color: #3399ff;
 
    color: #000000;
 
}
 
 
 
 
 
/***************************************************** RESPONSIVE STYLING ****************************************************/
 
 
/* IF THE SCREEN IS LESS THAN 1200PX */
 
@media only screen and (max-width: 1200px) {
 
 
#content {width:100%; }
 
.igem_2017_menu_wrapper {width:15%; right:0;}
 
.highlight {padding:10px 0px;}
 
.igem_2017_menu_wrapper #display_menu_control { display:none; }
 
#menu_content { display:block;}
 
.menu_button.direct_to_page {padding-left: 17px;}
 
 
}
 
 
/* IF THE SCREEN IS LESS THAN 800PX */
 
@media only screen and (max-width: 800px) {
 
 
.igem_2017_menu_wrapper { width:100%; height: 15%; position:relative; left:0%;}
 
.igem_2017_content_wrapper {width:100%; margin-left:0px;}
 
.column.half_size  {width:100%; }
 
.column.full_size img, .column.half_size img {  width: 100%; padding: 10px 0px;}
 
.highlight {padding:15px 5px;}
 
.igem_2017_menu_wrapper #display_menu_control { display:block; }
 
#menu_content { display:none;}
 
.igem_2017_menu_wrapper .menu_button .expand_collapse_icon { width: 5%; }
 
.menu_bottom_padding {display:none;}
 
.menu_button.direct_to_page { padding-left: 36px; }
 
}
 
 
 
 
 
/* special class that the system uses to make sure the team wants a page to be evaluated */
 
.judges-will-not-evaluate {
 
    width: 96.6%;
 
  margin: 5px 15px;
 
  display: block;
 
border: 4px solid #3399ff;
 
    font-weight: bold;
 
}
 
 
</style>
 
 
 
<!--- THIS IS WHERE THE HTML BEGINS --->
 
 
 
 
<head>
 
 
<!-- This tells the browser that your page is responsive -->
 
<meta name="viewport" content="width=device-width, initial-scale=1">
 
 
</head>
 
 
 
 
<div class="igem_2017_menu_wrapper" >
 
 
 
 
<a href="https://2017.igem.org/Team:NCTU_Formosa">
 
<img src="http://placehold.it/350x150">
 
</a>
 
 
 
<!-- this div is hidden by default and will only be displayed if the screen size is too small -->
 
<div class="menu_button" id="display_menu_control">
 
MENU
 
</div>
 
 
<div id="menu_content">
 
 
 
 
 
<a href="https://2017.igem.org/Team:NCTU_Formosa">
 
<div class="menu_button direct_to_page">
 
HOME
 
</div>
 
</a>
 
 
 
 
<div class="menu_button">
 
<div class="expand_collapse_icon">  </div> TEAM
 
</div>
 
 
<div class="submenu_wrapper" id="team_submenu">
 
 
<a href="https://2017.igem.org/Team:NCTU_Formosa/Team">
 
<div class="submenu_button" id="Team_page">
 
Team
 
</div>
 
</a>
 
 
<a href="https://2017.igem.org/Team:NCTU_Formosa/Collaborations">
 
<div class="submenu_button"  id="Collaborations_page">
 
Collaborations
 
</div>
 
</a>
 
 
 
</div>
 
 
 
 
 
 
<div class="menu_button">
 
<div class="expand_collapse_icon">  </div> PROJECT
 
</div>
 
 
<!-- project submenu -->
 
<div class="submenu_wrapper">
 
 
<a href="https://2017.igem.org/Team:NCTU_Formosa/Description">
 
<div class="submenu_button"  id="Description_page">
 
Description
 
</div>
 
</a>
 
 
<a href="https://2017.igem.org/Team:NCTU_Formosa/Design">
 
<div class="submenu_button"  id="Design_page">
 
Design
 
</div>
 
</a>
 
 
<a href="https://2017.igem.org/Team:NCTU_Formosa/Experiments">
 
<div class="submenu_button"  id="Experiments_page">
 
Experiments
 
</div>
 
</a>
 
 
 
<a href="https://2017.igem.org/Team:NCTU_Formosa/Notebook">
 
<div class="submenu_button"  id="Notebook_page">
 
Notebook
 
</div>
 
</a>
 
 
<a href="https://2017.igem.org/Team:NCTU_Formosa/InterLab">
 
<div class="submenu_button"  id="InterLab_page">
 
InterLab
 
</div>
 
</a>
 
 
<a href="https://2017.igem.org/Team:NCTU_Formosa/Contribution">
 
<div class="submenu_button"  id="Contribution_page">
 
Contribution
 
</div>
 
</a>
 
 
<a href="https://2017.igem.org/Team:NCTU_Formosa/Model">
 
<div class="submenu_button"  id="Model_page">
 
Model
 
</div>
 
</a>
 
 
<a href="https://2017.igem.org/Team:NCTU_Formosa/Results">
 
<div class="submenu_button"  id="Results_page">
 
Results
 
</div>
 
</a>
 
 
 
<a href="https://2017.igem.org/Team:NCTU_Formosa/Demonstrate">
 
<div class="submenu_button"  id="Demonstrate_page">
 
Demonstrate
 
</div>
 
</a>
 
 
<a href="https://2017.igem.org/Team:NCTU_Formosa/Improve">
 
<div class="submenu_button"  id="Improve_page">
 
Improve
 
</div>
 
</a>
 
 
<a href="https://2017.igem.org/Team:NCTU_Formosa/Attributions">
 
<div class="submenu_button"  id="Attributions_page">
 
Attributions
 
</div>
 
</a>
 
 
</div>
 
 
 
 
 
 
 
<div class="menu_button">
 
<div class="expand_collapse_icon">  </div> PARTS
 
</div>
 
 
<!-- parts submenu -->
 
<div class="submenu_wrapper">
 
 
<a href="https://2017.igem.org/Team:NCTU_Formosa/Parts">
 
<div class="submenu_button"  id="Parts_page">
 
Parts
 
</div>
 
</a>
 
 
<a href="https://2017.igem.org/Team:NCTU_Formosa/Basic_Part">
 
<div class="submenu_button"  id="Basic_Part_page">
 
Basic Parts
 
</div>
 
</a>
 
 
<a href="https://2017.igem.org/Team:NCTU_Formosa/Composite_Part">
 
<div class="submenu_button"  id="Composite_Part_page">
 
Composite Parts
 
</div>
 
</a>
 
 
<a href="https://2017.igem.org/Team:NCTU_Formosa/Part_Collection">
 
<div class="submenu_button"  id="Part_Collection_page">
 
Part Collection
 
</div>
 
</a>
 
</div>
 
 
 
 
 
 
 
<a href="https://2017.igem.org/Team:NCTU_Formosa/Safety">
 
<div class="menu_button direct_to_page">
 
SAFETY
 
</div>
 
</a>
 
 
 
 
 
 
 
 
<div class="menu_button" >
 
<div class="expand_collapse_icon">  </div> HUMAN PRACTICES
 
</div>
 
 
<!-- human practices submenu -->
 
<div class="submenu_wrapper">
 
 
<a href="https://2017.igem.org/Team:NCTU_Formosa/HP/Silver">
 
<div class="submenu_button"  id="Silver_page">
 
Silver HP
 
</div>
 
</a>
 
 
<a href="https://2017.igem.org/Team:NCTU_Formosa/HP/Gold_Integrated">
 
<div class="submenu_button" id="Gold_Integrated_page">
 
Integrated and Gold
 
</div>
 
</a>
 
 
 
<a href="https://2017.igem.org/Team:NCTU_Formosa/Engagement">
 
<div class="submenu_button"  id="Engagement_page">
 
Public Engagement
 
</div>
 
</a>
 
 
</div>
 
 
 
<div class="menu_button">
 
<div class="expand_collapse_icon">  </div> AWARDS
 
</div>
 
 
<!-- awards submenu -->
 
<div class="submenu_wrapper">
 
 
<a href="https://2017.igem.org/Team:NCTU_Formosa/Applied_Design">
 
<div class="submenu_button"  id="Applied_Design_page">
 
Applied Design
 
</div>
 
</a>
 
 
<a href="https://2017.igem.org/Team:NCTU_Formosa/Entrepreneurship">
 
<div class="submenu_button"  id="Entrepreneurship_page">
 
Entrepreneurship
 
</div>
 
</a>
 
 
<a href="https://2017.igem.org/Team:NCTU_Formosa/Hardware">
 
<div class="submenu_button"  id="Hardware_page">
 
Hardware
 
</div>
 
</a>
 
 
<a href="https://2017.igem.org/Team:NCTU_Formosa/Measurement">
 
<div class="submenu_button"  id="Measurement_page">
 
Measurement
 
</div>
 
</a>
 
 
<a href="https://2017.igem.org/Team:NCTU_Formosa/Model">
 
<div class="submenu_button"  id="Model_page">
 
Model
 
</div>
 
</a>
 
 
<a href="https://2017.igem.org/Team:NCTU_Formosa/Plant">
 
<div class="submenu_button"  id="Plant_page">
 
Plant
 
</div>
 
</a>
 
 
 
<a href="https://2017.igem.org/Team:NCTU_Formosa/Software">
 
<div class="submenu_button"  id="Software_page">
 
Software
 
</div>
 
</a>
 
 
</div>
 
 
<a href="https://igem.org/2017_Judging_Form?team=NCTU_Formosa">
 
<div class="menu_button direct_to_page">
 
JUDGING FORM
 
</div>
 
</a>
 
 
 
 
<div class="menu_bottom_padding" >
 
</div>
 
 
</div>
 
 
 
 
 
</div>
 
 
 
<head>
 
    <meta charset="UTF-8">
 
    <title>NCTU_Formosa: Protocol</title>
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
 
    <script src="jQueryAssets/jquery-1.11.1.min.js"></script>
 
    <script src="jQueryAssets/jquery.ui-1.10.4.dialog.min.js"></script>
 
    <link href="notebook_lab_note.css" rel="stylesheet" type="text/css">
 
    <script src="notebook_lab_note.js" type="text/javascript"></script>
 
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />
 
 
<style>
 
 
body {
 
body {
 
     margin: 0;
 
     margin: 0;
Line 2,015: Line 57:
  
 
.subtitle>h5{
 
.subtitle>h5{
    font-family: neo_latina;
 
 
     font-size: 1.95em;
 
     font-size: 1.95em;
 
     position: relative;
 
     position: relative;
Line 2,121: Line 162:
 
/*----------------------------------------------------------------------------*/
 
/*----------------------------------------------------------------------------*/
  
</style>
+
    </style>
<!----------------------------------------------------------------------------->
+
    <!----------------------------------------------------------------------------->
<script>
+
    <script>
 
$(document).ready(function(){
 
$(document).ready(function(){
 
     $(".show_pic").click(function(){
 
     $(".show_pic").click(function(){
Line 2,278: Line 319:
 
});
 
});
  
</script>
+
 
<!----------------------------------------------------------------------------->
+
    </script>
 +
    <!----------------------------------------------------------------------------->
  
 
</head>
 
</head>
 +
  
 
<body>
 
<body>
Line 2,300: Line 343:
 
             <div class="show">
 
             <div class="show">
 
                 <h1>Purpose:</h1>
 
                 <h1>Purpose:</h1>
                 <p> &#160;&#160;&#160;&#160;&#160;To prepare solid medium to civilize the fungi </p>
+
                 <p> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;To prepare solid medium to civilize the fungi </p>
 
                 <div><img class="show_pic" src="https://static.igem.org/mediawiki/2017/4/4f/Ptp_hide.png" style="display:block; margin:auto;"></div>
 
                 <div><img class="show_pic" src="https://static.igem.org/mediawiki/2017/4/4f/Ptp_hide.png" style="display:block; margin:auto;"></div>
 
             </div>
 
             </div>
 
             <div class="hide">
 
             <div class="hide">
 
                 <h1>Purpose:</h1>
 
                 <h1>Purpose:</h1>
                 <p> &#160;&#160;&#160;&#160;&#160;To prepare solid medium to civilize the fungi </p>
+
                 <p> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;To prepare solid medium to civilize the fungi </p>
 
                 <h1>Drugs and equipment:</h1>
 
                 <h1>Drugs and equipment:</h1>
 
                 <ul>
 
                 <ul>
Line 2,318: Line 361:
 
                 <h1>Process:</h1>
 
                 <h1>Process:</h1>
 
                 <ol>
 
                 <ol>
                     <li>The ratio of PDA powder and ddH<sub>2</sub>O is 39g : 1000mL. To prevent the liquid spill out from Serum bottles, we usually have only 300mL of the liquid in a 500mL Serum bottle. </li>
+
                     <li>The ratio of PDA powder and ddH2O is 39g : 1000mL. To prevent the liquid spill out from Serum bottles, we usually have only 300mL of the liquid in a 500mL Serum bottle. </li>
 
                     <li>Loosen the bottle cap for a bit, and put it into the autoclave. </li>
 
                     <li>Loosen the bottle cap for a bit, and put it into the autoclave. </li>
 
                     <li>Screw the bottle cap tight to cool down. If the liquid becomes solid, heat it up with a microwave oven. </li>
 
                     <li>Screw the bottle cap tight to cool down. If the liquid becomes solid, heat it up with a microwave oven. </li>
Line 2,331: Line 374:
 
         <div class="subtitle">
 
         <div class="subtitle">
 
             <h6>Experiment:</h6>
 
             <h6>Experiment:</h6>
             <h5>- Concentration test for spore suspension </h5>
+
             <h5>- Dual culture technique </h5>
 
         </div>
 
         </div>
 
         <div class="exp2">
 
         <div class="exp2">
 
             <div class="show2">
 
             <div class="show2">
 
                 <h1>Purpose:</h1>
 
                 <h1>Purpose:</h1>
                 <p> &#160;&#160;&#160;&#160;&#160;To test concentration of spore suspension liquid and calculate germination rate.</p>
+
                 <p> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;To test the antifungal activity of peptides comparing to negative control.</p>
 
                 <div><img class="show2_pic" src="https://static.igem.org/mediawiki/2017/4/4f/Ptp_hide.png" style="display:block; margin:auto;"></div>
 
                 <div><img class="show2_pic" src="https://static.igem.org/mediawiki/2017/4/4f/Ptp_hide.png" style="display:block; margin:auto;"></div>
 
             </div>
 
             </div>
 
             <div class="hide2">
 
             <div class="hide2">
 
                 <h1>Purpose:</h1>
 
                 <h1>Purpose:</h1>
                 <p> &#160;&#160;&#160;&#160;&#160;To prepare solid medium to civilize the fungi </p>
+
                 <p> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;To test the antifungal activity of peptides comparing to negative control. </p>
 
                 <h1>Drugs and equipment:</h1>
 
                 <h1>Drugs and equipment:</h1>
 
                 <ul>
 
                 <ul>
                     <li>75% Alcohol</li>
+
                     <li>Drugs (ex: NaN<sub>3</sub>, peptides…)</li>
                     <li>ddH<sub>2</sub>O</li>
+
                     <li>Hole puncher (tips are recommended)</li>
 +
                    <li>PDA (Potato dextrose agar) plate</li>
 +
                    <li>Fungi plates</li>
 +
                    <li>Parafilm</li>
 
                     <li>Alcohol burner</li>
 
                     <li>Alcohol burner</li>
                     <li>Hemocytometer</li>
+
                     <li>Tweezers</li>
                     <li>Fungi plates</li>
+
                      
                    <li>Glass Cell Spreaders</li>
+
                    <li>Pipet</li>
+
                    <li>Gauze</li>
+
                    <li>Centrifuge</li>
+
                    <li>Beaker</li>
+
 
                 </ul>
 
                 </ul>
 
                 <h1>Process:</h1>
 
                 <h1>Process:</h1>
 
                 <ol>
 
                 <ol>
                     <li>Choose the fungi plate you want (age, growing situation…etc) </li>
+
                     <li>Culture some plates of fungi. </li>
                     <li>Put the plate and equipment inside the Hood. If the spore is easy to fly in the air, please switch off the exhaust fan.</li>
+
                     <li>Remove all the drugs and tools inside the Hood, disinfect tools with an alcohol burner. You may take a PDA plate for cooling tools down.</li>
                     <li>Add ddH<sub>2</sub>O to the plate until water covers the surface of the plate. (You may use the pipet.) This step you can also use gauze to filter impurity.</li>
+
                     <li>Pick up fungi on the outer cycle (peripheral part) of a plate (the latest part of fungi plate) with tip. Dig into the previous PDA plate and pick up a piece of agar with fungi, remove it onto a new PDA plate, put the piece in the center of the plate.</li>
                     <li>Disinfect the glass cell spreaders with an alcohol burner, after cooling down, scrape the plate softly so the spore would be in the water. </li>
+
                     <li>Disinfect tools with an alcohol burner. Seal up the plate with Parafilm, and label on the name of fungi, date and so on. </li>
                     <li>Remove the water in the plate to a beaker (You may use gauze to filter impurity). Now you got a spore suspension liquid with unknown concentration.</li>
+
                     <li>Remove all the drugs and tools inside the Hood, disinfect tools with an alcohol burner. You may take a PDA plate for cooling tools down.</li>
                     <li>Clean the Hemocytometer with 75% alcohol and wipe it with lens paper, so as not to make a scratch on it. Put the coverslip on the Hemocytometer, and inject 10mL spore suspension liquid from the tiny chamber beside. The spore suspension
+
                     <li>Dig holes on the plate with tweezers, the position of the holes should be 0.5cm far away along the radius from the position of latest mycelium as the picture shows.</li>
                        should cover all the square of the Hemocytometer.</li>
+
                     <li>Introduce the testing drug into the hole (different concentration of peptides, HEPES for our experiments)</li>
                     <li>Put the Hemocytometer under a microscope, and observe the spore.</li>
+
                     <li>Disinfect tools with an alcohol burner. Seal up the plate with Parafilm.</li>
                     <li>Count the amount of the spore in the square, and calculate the concentration. Add water if it’s concentration is too high; centrifuge the liquid if the concentration is too low. Finally, you got a spore suspension liquid with a known
+
                    <li>Observe how the mycelium grow</li>
                        concentration.</li>
+
                   
 +
               
 
                 </ol>
 
                 </ol>
 +
               
 
                 <div><img class="hide2_pic" src="https://static.igem.org/mediawiki/2017/c/cb/Ptp_show.png" style="display:block; margin:auto;"></div>
 
                 <div><img class="hide2_pic" src="https://static.igem.org/mediawiki/2017/c/cb/Ptp_show.png" style="display:block; margin:auto;"></div>
 
             </div>
 
             </div>
Line 2,380: Line 423:
 
             <div class="show3">
 
             <div class="show3">
 
                 <h1>Purpose:</h1>
 
                 <h1>Purpose:</h1>
                 <p> &#160;&#160;&#160;&#160;&#160;To test the concentration of spore suspension liquid and calculate germination rate.</p>
+
                 <p> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;To test the concentration of spore suspension liquid and calculate germination rate.</p>
 
                 <div><img class="show3_pic" src="https://static.igem.org/mediawiki/2017/4/4f/Ptp_hide.png" style="display:block; margin:auto;"></div>
 
                 <div><img class="show3_pic" src="https://static.igem.org/mediawiki/2017/4/4f/Ptp_hide.png" style="display:block; margin:auto;"></div>
 
             </div>
 
             </div>
 
             <div class="hide3">
 
             <div class="hide3">
 
                 <h1>Purpose:</h1>
 
                 <h1>Purpose:</h1>
                 <p> &#160;&#160;&#160;&#160;&#160;To test the concentration of spore suspension liquid and calculate germination rate.</p>
+
                 <p> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;To test the concentration of spore suspension liquid and calculate germination rate.</p>
 
                 <h1>Drugs and equipment:</h1>
 
                 <h1>Drugs and equipment:</h1>
 
                 <ul>
 
                 <ul>
Line 2,397: Line 440:
 
                     <li>Fungi plates</li>
 
                     <li>Fungi plates</li>
 
                     <li>Glass Cell Spreaders</li>
 
                     <li>Glass Cell Spreaders</li>
                     <li>10µL pipet</li>
+
                     <li>10μl pipet</li>
 
                     <li>Gauze</li>
 
                     <li>Gauze</li>
 
                     <li>Centrifuge</li>
 
                     <li>Centrifuge</li>
Line 2,410: Line 453:
 
                 <ol>
 
                 <ol>
 
                     <li>Choose fungi plates that have produced spores.</li>
 
                     <li>Choose fungi plates that have produced spores.</li>
                     <li>(It is recommended to experiment in a laminar flow (hood). Add ddH<sub>2</sub>O to the plate until water covers the surface of the plate.</li>
+
                     <li>(It is recommended to experiment in a laminar flow (hood)). Add ddH2O to the plate until water covers the surface of the plate.</li>
 
                     <li>Disinfect the glass cell spreaders with an alcohol burner, after cooling down, scrape the plate softly so the spore would be in the water.</li>
 
                     <li>Disinfect the glass cell spreaders with an alcohol burner, after cooling down, scrape the plate softly so the spore would be in the water.</li>
 
                     <li>Remove the water in the plate to a beaker (You may filter out impurity with gauze). Now you got a spore suspension liquid with unknown concentration.</li>
 
                     <li>Remove the water in the plate to a beaker (You may filter out impurity with gauze). Now you got a spore suspension liquid with unknown concentration.</li>
                     <li>Clean the Hemocytometer with 75% alcohol and wipe it clean with lens cleaning paper, so as not to make any scratch on it. Put the coverslip on the Hemocytometer, and inject 10mL spore suspension liquid from the tiny chamber beside.
+
                     <li>Clean the Hemocytometer with 75%alcohol and wipe it clean with lens cleaning paper, so as not to make any scratch on it. Put the coverslip on the Hemocytometer, and inject 10mL spore suspension liquid from the tiny chamber beside.
 
                         The spore suspension should cover all the square of the Hemocytometer. </li>
 
                         The spore suspension should cover all the square of the Hemocytometer. </li>
 
                     <li>Put the Hemocytometer under a microscope, and observe the spore.</li>
 
                     <li>Put the Hemocytometer under a microscope, and observe the spore.</li>
 
                     <li>Count the amount of the spore in the square, and calculate the concentration. Add water if it’s concentration is too high; centrifuge the liquid if the concentration is too low. Finally, you got a spore suspension liquid with concentration
 
                     <li>Count the amount of the spore in the square, and calculate the concentration. Add water if it’s concentration is too high; centrifuge the liquid if the concentration is too low. Finally, you got a spore suspension liquid with concentration
 
                         you know. We would like to prepare spore suspension liquid with the concentration of 1.5*10^5 spores/mL for our experiments.</li>
 
                         you know. We would like to prepare spore suspension liquid with the concentration of 1.5*10^5 spores/mL for our experiments.</li>
                     <li>Mixed 5µL spore suspension liquid with 5µL 2% glucose solution and 5µL peptide together into a PCR tube (It is recommended for pipetting 50 times to ensure that there is a mix of uniform).</li>
+
                     <li>Mixed 5μl spore suspension liquid with 5μl 2% glucose solution and 5μl peptide together into a PCR tube (It is recommended for pipetting 50 times to ensure that there is a mix of uniform).</li>
                     <li>Draw 15μl of the solution from PCR tube to the double concave slide, and put the slide into a Petri dish. Add some ddH<sub>2</sub>O around the slide, in order to create an environment of 100% relative humidity so that the liquid would note evaporate
+
                     <li>Draw 15μl of the solution from PCR tube to the double concave slide, and put the slide into a Petri dish. Add some ddH2O around the slide, in order to create an environment of 100% relative humidity so that the liquid would note evaporate
 
                         easily.</li>
 
                         easily.</li>
                     <p>這裡有圖</p>
+
                      
 
                     <li>After incubating under 20℃ for 6 hours, we observe and classify the spores into four grades according to the length of the germination tube, calculate the percentage of each germination grade of each sample.</li>
 
                     <li>After incubating under 20℃ for 6 hours, we observe and classify the spores into four grades according to the length of the germination tube, calculate the percentage of each germination grade of each sample.</li>
                    <p>這裡有圖</p>
+
                 
 
                 </ol>
 
                 </ol>
 
                 <div><img class="hide3_pic" src="https://static.igem.org/mediawiki/2017/c/cb/Ptp_show.png" style="display:block; margin:auto;"></div>
 
                 <div><img class="hide3_pic" src="https://static.igem.org/mediawiki/2017/c/cb/Ptp_show.png" style="display:block; margin:auto;"></div>
Line 2,436: Line 479:
 
                 <div class="show4">
 
                 <div class="show4">
 
                     <h1>Purpose:</h1>
 
                     <h1>Purpose:</h1>
                     <p> &#160;&#160;&#160;&#160;&#160;To separate infected plant tissue and cultivate pathogen fungi</p>
+
                     <p> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;To separate infected plant tissue and cultivate pathogen fungi</p>
 
                     <div><img class="show4_pic" src="https://static.igem.org/mediawiki/2017/4/4f/Ptp_hide.png" style="display:block; margin:auto;"></div>
 
                     <div><img class="show4_pic" src="https://static.igem.org/mediawiki/2017/4/4f/Ptp_hide.png" style="display:block; margin:auto;"></div>
 
                 </div>
 
                 </div>
 
                 <div class="hide4">
 
                 <div class="hide4">
 
                     <h1>Purpose:</h1>
 
                     <h1>Purpose:</h1>
                     <p> &#160;&#160;&#160;&#160;&#160;To separate infected plant tissue and cultivate pathogen fungi</p>
+
                     <p> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;To separate infected plant tissue and cultivate pathogen fungi</p>
 
                     <h1>Drugs and equipment:</h1>
 
                     <h1>Drugs and equipment:</h1>
 
                     <ul>
 
                     <ul>
Line 2,456: Line 499:
 
                     <h1>Process:</h1>
 
                     <h1>Process:</h1>
 
                     <ol>
 
                     <ol>
                         <li>Soak the plant tissue to sterilization: All parts of plants should soak in alcohol for 1 minute. For leaves, skim over NaClO for a few times; for roots, soak in NaClO for 1 minute; for mature stem parts, soak in NaClO for 20~30
+
                         <li>Soak the plant tissue to sterilization: All parts of the plant should soak in alcohol for 1 minute. For leaves, skim over NaClO for a few times; for roots, soak in NaClO for 1 minute; for mature stem parts, soak in NaClO for 20~30
 
                             seconds; for tender stems, skim over NaClO for a few times. All of these parts should be washed with ddH<sub>2</sub>O.</li>
 
                             seconds; for tender stems, skim over NaClO for a few times. All of these parts should be washed with ddH<sub>2</sub>O.</li>
 
                         <li>Remove all the drugs and tools inside the Hood, disinfect knives and tweezers with an alcohol burner. You may take a PDA plate for cool down.</li>
 
                         <li>Remove all the drugs and tools inside the Hood, disinfect knives and tweezers with an alcohol burner. You may take a PDA plate for cool down.</li>
                         <li>Cut the infected plant tissue for an area of 5mm, remove them all to new PDA plates. The side with hypha should put downward, and be towed on the plate. The amount of tissue which is put on one single plate depends on the range
+
                         <li>Cut the infected plant tissue for an area of 5mm<sup>2</sup>, remove them all to new PDA plates. The side with hypha should put downward, and be towed on the plate. The amount of tissue which is put on one single plate depends on the range
 
                             of cutting area.</li>
 
                             of cutting area.</li>
 
                         <li>Seal up the plate with Parafilm, and label on the name of fungi, date and so on.</li>
 
                         <li>Seal up the plate with Parafilm, and label on the name of fungi, date and so on.</li>
Line 2,469: Line 512:
  
 
             <!----------------------------------------------------------------------------->
 
             <!----------------------------------------------------------------------------->
            <div class="subtitle">
+
  <!----------------------------------------------------------------------------->
                <h6>Experiment:</h6>
+
                <h5>- Concentration test for spore suspension</h5>
+
                <div class="exp5">
+
                    <div class="show5">
+
                        <h1>Purpose:</h1>
+
                        <p> &#160;&#160;&#160;&#160;&#160;To test concentration of spore suspension liquid and calculate germination rate.</p>
+
                        <div><img class="show5_pic" src="https://static.igem.org/mediawiki/2017/4/4f/Ptp_hide.png" style="display:block; margin:auto;"></div>
+
                    </div>
+
                    <div class="hide5">
+
                        <h1>Purpose:</h1>
+
                        <p> &#160;&#160;&#160;&#160;&#160;To test concentration of spore suspension liquid and calculate germination rate.</p>
+
                        <h1>Drugs and equipment:</h1>
+
                        <ul>
+
                            <li>75% Alcohol</li>
+
                            <li>ddH<sub>2</sub>O</li>
+
                            <li>Alcohol burner</li>
+
                            <li>Hemocytometer</li>
+
                            <li>Fungi plates</li>
+
                            <li>Glass Cell Spreaders</li>
+
                            <li>Pipet</li>
+
                            <li>Gauze</li>
+
                            <li>Centrifuge</li>
+
                            <li>Beaker</li>
+
                        </ul>
+
                        <h1>Process:</h1>
+
                        <ol>
+
                            <li>Choose the fungi plate you want (age, growing situation…etc)</li>
+
                            <li>Put the plate and equipment inside the Hood. If the spore is easy to fly in the air, please switch off the exhaust fan.</li>
+
                            <li>Add ddH<sub>2</sub>O to the plate until water covers the surface of the plate. (You may use the pipet.) This step you can also use gauze to filter impurity.</li>
+
                            <li>Disinfect the glass cell spreaders with alcohol burner, after cooling down, scrape the plate softly so the spore would be in the water.</li>
+
                            <li>Remove the water in the plate to a beaker (You may use gauze to filter impurity). Now you got a spore suspension liquid with unknown concentration.
+
                            </li>
+
                            <li>Clean the Hemocytometer with 75% alcohol and wipe it with lens paper, so as not to make a scratch on it. Put the coverslip on the Hemocytometer, and inject 10mL spore suspension liquid from the tiny chamber beside. The spore suspension should cover all the square of the Hemocytometer.</li>
+
                            <li>Put the Hemocytometer under a microscope, and observe the spore.</li>
+
                            <li>Count the amount of the spore in the square, and calculate the concentration. Add water if it’s concentration is too high; centrifuge the liquid if the concentration is too low. Finally, you got a spore suspension liquid with
+
                                a known concentration</li>
+
                        </ol>
+
                        <div><img class="hide5_pic" src="https://static.igem.org/mediawiki/2017/c/cb/Ptp_show.png" style="display:block; margin:auto;"></div>
+
                    </div>
+
                </div>
+
 
+
                <!----------------------------------------------------------------------------->
+
 
                 <div class="subtitle">
 
                 <div class="subtitle">
 
                     <h6>Experiment:</h6>
 
                     <h6>Experiment:</h6>
                     <h5>- <i>E.-coli</i>-DHα-growth-rate-in-arsenic-solution</h5>
+
                     <h5> <i>E. coli</i> DH5α growth rate in the arsenic solution</h5>
 
                 </div>
 
                 </div>
 
                 <div class="exp6">
 
                 <div class="exp6">
Line 2,536: Line 537:
 
                         <ol>
 
                         <ol>
 
                             <br />Rpm:
 
                             <br />Rpm:
                             <li>Culture 3 tubes of 2mL <i>E. coli</i> overnight by 15mL centrifuge tubes. (2mL SOC, 2µL AMP)</li>
+
                             <li>Culture 3 tubes of 2mL <i>E. coli</i> overnight by 15mL centrifuge tubes. (2mL SOC, 2uL AMP)</li>
                             <li>Put them to the same tube at the next day, then add 6mL of SOC broth (water bath 37°C for 5 min. before use) and 12µL AMP for a 2-fold dilution.</li>
+
                             <li>Put them to the same tube at the next day, then add 6mL of SOC broth (water bath 37°C for 5 min. before use) and 12uL AMP for a 2-fold dilution.</li>
 
                             <li>Take 5mL SOC broth for to a 15mL centrifuge tube for blank. </li>
 
                             <li>Take 5mL SOC broth for to a 15mL centrifuge tube for blank. </li>
 
                             <li>Aliquot the bacterial broth into six 15mL centrifuge tubes (2mL for each), then culture for 2 hours.</li>
 
                             <li>Aliquot the bacterial broth into six 15mL centrifuge tubes (2mL for each), then culture for 2 hours.</li>
Line 2,546: Line 547:
 
                             <br />Rpm80:
 
                             <br />Rpm80:
 
                             <li>100, 50, 30, 10, 1ppm arsenic solutions, use ddH2O in control group</li>
 
                             <li>100, 50, 30, 10, 1ppm arsenic solutions, use ddH2O in control group</li>
                             <li>Dilute the E. coli broth to 50 fold by SOC broth (0.6mL <i>E. coli</i> broth+0.3mL Arsenic solutuin+30µL AMP 29.1mL SOC broth)</li>
+
                             <li>Dilute the <i>E. coli</i> broth to 50 fold by SOC broth (0.6mL <i>E. coli</i> broth+0.3mL Arsenic solutuin+30uL AMP 29.1mL SOC broth)</li>
 
                             <li>Measure OD at 0min. measure every 30 min. Blank is needed every time.</li>
 
                             <li>Measure OD at 0min. measure every 30 min. Blank is needed every time.</li>
 
                         </ol>
 
                         </ol>
Line 2,575: Line 576:
 
                             <li>CP (1000 X)</li>
 
                             <li>CP (1000 X)</li>
 
                             <li>Arsenic stock (10^5ppm)</li>
 
                             <li>Arsenic stock (10^5ppm)</li>
                             <li>15mL tube, 50mL tube</li>
+
                             <li>15 mL tube, 50 mL tube</li>
 
                             <li>96 well plate</li>
 
                             <li>96 well plate</li>
 
                         </ul>
 
                         </ul>
 
                         <h1>Process:</h1>
 
                         <h1>Process:</h1>
 
                         <ol>
 
                         <ol>
                             <li>Culture 6 tubes of 2 mL <i>E. coli</i>(chelate) and 2 tubes of <i>E. coli</i>(GFP positive control) overnight by 15 mL centrifuge tubes (2mL SOC, 2µL CP)</li>
+
                             <li>Culture 6 tubes of 2 mL <i>E. coli</i>(chelate) and 2 tubes of <i>E. coli</i>(GFP positive control) overnight by 15 mL centrifuge tubes (2 mL SOC, 2uL CP)</li>
 
                             <li>Prepare another 8 tubes and mark them as the tubes cultured last night</li>
 
                             <li>Prepare another 8 tubes and mark them as the tubes cultured last night</li>
                             <li>Perform a two-fold dilution for the tubes cultured last night and take out 2mL bacteria liquid of each group to the corresponding tube prepared </li>
+
                             <li>Perform a two-fold dilution for the tubes cultured last night and take out 2 mL bacteria liquid of each group to the corresponding tube prepared </li>
                             <li>Add 2µL CP in each tube.</li>
+
                             <li>Add 2uL CP in each tube.</li>
 
                             <li>Culture the tubes for another two hours</li>
 
                             <li>Culture the tubes for another two hours</li>
 
                             <li>Measure  the OD of each tube (wavelenght 595) </li>
 
                             <li>Measure  the OD of each tube (wavelenght 595) </li>
                             <li>Dilute all tubes to O.D. 0.5 by LB. (More than )</li>
+
                             <li>Dilute all tubes to OD 0.5 by LB. (More than )</li>
 
                             <li>Prepare and mark 50 mL tubes as chart below. Culture the tubes.</li>
 
                             <li>Prepare and mark 50 mL tubes as chart below. Culture the tubes.</li>
 
                             <li>Take out the tubes from incubator.</li><br />
 
                             <li>Take out the tubes from incubator.</li><br />
Line 2,595: Line 596:
 
                                 <li>0.6 mL bacteria liquid OD=0.5</li>
 
                                 <li>0.6 mL bacteria liquid OD=0.5</li>
 
                                 <li>0.3 mL arsenic solution</li>
 
                                 <li>0.3 mL arsenic solution</li>
                                 <li> 30µL CP</li>
+
                                 <li> 30uL CP</li>
 
                             </ol>
 
                             </ol>
 
                             <br />Step 10-18 should be performed after Xhr X=the time marked on the tube
 
                             <br />Step 10-18 should be performed after Xhr X=the time marked on the tube
                             <li>Centrifuge the 50mL tubes by 6000 g/10 min</li>
+
                             <li>Centrifuge the 50 mL tubes by 6000 g/10 min</li>
 
                             <li>Take out the supernatant and preserve in -80°C</li>
 
                             <li>Take out the supernatant and preserve in -80°C</li>
                             <li>Add 10mL PBS to each tube</li>
+
                             <li>Add 10 mL PBS to each tube</li>
 
                             <li>Centrifuge by 6000 g/10 min</li>
 
                             <li>Centrifuge by 6000 g/10 min</li>
                             <li> Abandon PBS supernatant and add in 15mL ddH<sub>2</sub>O</li>
+
                             <li> Abandon PBS supernatant and add in 15 mL ddH<sub>2</sub>O</li>
 
                             <li>Separate the liquid into fifteen full eppendorfs. Centrifuge by 12000 g/5 min</li>
 
                             <li>Separate the liquid into fifteen full eppendorfs. Centrifuge by 12000 g/5 min</li>
                             <li>Abandon ddH<sub>2</sub>O supernatant and add in 10mL ddH<sub>2</sub>O</li>
+
                             <li>Abandon ddH<sub>2</sub>O supernatant and add in 10 mL ddH<sub>2</sub>O</li>
 
                             <li> Centrifuge by 12000 g/5 min</li>
 
                             <li> Centrifuge by 12000 g/5 min</li>
 
                             <li>Combine the bacteria into one tube</li>
 
                             <li>Combine the bacteria into one tube</li>
Line 2,631: Line 632:
 
                             <li>LB broth</li>
 
                             <li>LB broth</li>
 
                             <li>Cp (1000 X)</li>
 
                             <li>Cp (1000 X)</li>
                             <li>15mL tube</li>
+
                             <li>15 mL tube</li>
 
                             <li>96 well plate</li>
 
                             <li>96 well plate</li>
 
                             <li>Pipette</li>
 
                             <li>Pipette</li>
Line 2,639: Line 640:
 
                         <h1>Process:</h1>
 
                         <h1>Process:</h1>
 
                         <ol>
 
                         <ol>
                             <li>Culture three tubes of 2mL <i>E. coli</i> GFP biosensor with 2µL CP+ , and culture one tube of 2mL <i>E. coli</i> positive control with 2µL CP+ in the other tube.</li>
+
                             <li>Culture three tubes of 2mL <i>E. coli</i> GFP biosensor with 2uL CP+ , and culture one tube of 2mL <i>E. coli</i> positive control with 2uL CP+ in the other tube.</li>
 
                             <li>Put both tubes into 37°C incubator for 16hr </li>
 
                             <li>Put both tubes into 37°C incubator for 16hr </li>
                             <li>Make a 2-fold dilution, separate the GFP biosensor into eight tubes and the positive control into two tubes. add in 2µL CP+ in each tube </li>
+
                             <li>Make a 2-fold dilution, separate the GFP biosensor into eight tubes and the positive control into two tubes. add in 2uL CP+ in each tube </li>
 
                             <li>Culture the ten tubes for another 2 hours</li>
 
                             <li>Culture the ten tubes for another 2 hours</li>
 
                             <li>Measure the Obstacle Density of the GFP biosensor and the positive control </li>
 
                             <li>Measure the Obstacle Density of the GFP biosensor and the positive control </li>
 
                             <li>Prepare a tube that contains 12mL bacteria liquid, which has a 0.500 Obstacle Density </li>
 
                             <li>Prepare a tube that contains 12mL bacteria liquid, which has a 0.500 Obstacle Density </li>
 
                             <ul>
 
                             <ul>
                                 <li>Note: v=original bacteria amount(µL) , X=LB amount (µL)</li>
+
                                 <li>Note: v=original bacteria amount(uL) , X=LB amount (uL)</li>
 
                                 0.5=v*bacteria OD/v+X
 
                                 0.5=v*bacteria OD/v+X
 
                                 <br />v+X=3000
 
                                 <br />v+X=3000
Line 2,652: Line 653:
 
                             <li>Prepare tubes as the chart below</li>
 
                             <li>Prepare tubes as the chart below</li>
 
                             <img src="https://static.igem.org/mediawiki/2017/6/60/Protocol_GFP_1-1.png" width="800" height="250">
 
                             <img src="https://static.igem.org/mediawiki/2017/6/60/Protocol_GFP_1-1.png" width="800" height="250">
                             <br /><br /><li>Add in 4.85mL 37°C LB, 0.1mL bacteria liquid, 0.05mL Chinese medicine and 5µL CP+</li>
+
                             <br /><br /><li>Add in 4.85mL 37°C LB, 0.1mL bacteria liquid, 0.05mL Chinese medicine and 5uL CP+</li>
 
                             <li>Put these tubes into 37°C incubator </li>
 
                             <li>Put these tubes into 37°C incubator </li>
 
                             <li>Measure the Obstacle Density and Fluorescence of each tube after 4, 5, 6 hours.</li>
 
                             <li>Measure the Obstacle Density and Fluorescence of each tube after 4, 5, 6 hours.</li>
Line 2,663: Line 664:
 
                 <div class="subtitle">
 
                 <div class="subtitle">
 
                     <h6>Experiment:</h6>
 
                     <h6>Experiment:</h6>
                     <h5>- Growth rate test of LacZ α biosensor on different concentration of arsenic(V)</h5>
+
                     <h5>- Growth rate test of LacZ α biosensor on different concentration of As<sup>5+</sup></h5>
 
                 </div>
 
                 </div>
 
                 <div class="exp9">
 
                 <div class="exp9">
Line 2,733: Line 734:
 
                         <ol>
 
                         <ol>
 
                             <li>Culture two tubes of <i>E. coli</i> LacZ ⍺ biosensor for four hours</li>
 
                             <li>Culture two tubes of <i>E. coli</i> LacZ ⍺ biosensor for four hours</li>
                             <li>Prepare twenty one 15ml tubes, mark them as below</li><br />
+
                             <li>Prepare twenty one 15mL tubes, mark them as below</li><br />
 
                             <img src="https://static.igem.org/mediawiki/2017/c/cb/Protocol_GFP_2-1.png" width="800" height="250">
 
                             <img src="https://static.igem.org/mediawiki/2017/c/cb/Protocol_GFP_2-1.png" width="800" height="250">
                             <li>Make each tube contain 1900µL LB, bacteria liquid, 40µL Xgal and 20µL metal concentration </li>
+
                             <li>Make each tube contain 1900uL LB, bacteria liquid, 40uL Xgal and 20uL metal concentration </li>
 
                             <li>Culture the twenty one tubes for 16 hours</li>
 
                             <li>Culture the twenty one tubes for 16 hours</li>
 
                             <li>Take 200µL of the solution to the 96 well plate. </li>
 
                             <li>Take 200µL of the solution to the 96 well plate. </li>
Line 2,749: Line 750:
 
                 <div class="subtitle">
 
                 <div class="subtitle">
 
                     <h6>Experiment:</h6>
 
                     <h6>Experiment:</h6>
                     <h5>- Specificity test of GFP biosensor in arsenic(V) , copper(Ⅱ), and lead(Ⅱ)</h5>
+
                     <h5>- Specificity test of GFP biosensor in As<sup>5+</sup>, Cu<sup>2+</sup>, and Pb<sup>2+</sup></h5>
 
                 </div>
 
                 </div>
 
                 <div class="exp11">
 
                 <div class="exp11">
Line 2,765: Line 766:
 
                             <li>SOC broth</li>
 
                             <li>SOC broth</li>
 
                             <li>Cp (1000x)</li>
 
                             <li>Cp (1000x)</li>
                             <li>15 ml tube</li>
+
                             <li>15 mL tube</li>
 
                             <li>96 well plate</li>
 
                             <li>96 well plate</li>
 
                             <li>Pipette</li>
 
                             <li>Pipette</li>
Line 2,774: Line 775:
 
                         <h1>Process:</h1>
 
                         <h1>Process:</h1>
 
                         <ol>
 
                         <ol>
                             <li>Culture three tubes of 2mL <i>E. coli</i> GFP biosensor with 2µL CP<sup>+</sup> , and culture one tube of 2ml <i>E. coli</i> positive control with 2µL CP<sup>+</sup> in the other tube.</li>
+
                             <li>Culture three tubes of 2mL <i>E. coli</i> GFP biosensor with 2uL CP<sup>+</sup> , and culture one tube of 2mL <i>E. coli</i> positive control with 2uL CP<sup>+</sup> in the other tube.</li>
 
                             <li>Put both tubes into 37°C incubator for 16hr</li>
 
                             <li>Put both tubes into 37°C incubator for 16hr</li>
                             <li>Make a 2-fold dilution, separate the GFP biosensor into eight tubes and the positive control into two tubes. add in 2µL CP<sup>+</sup> in each tube </li>
+
                             <li>Make a 2-fold dilution, separate the GFP biosensor into eight tubes and the positive control into two tubes. add in 2uL CP<sup>+</sup> in each tube </li>
 
                             <li>Culture the ten tubes for another 2 hours</li>
 
                             <li>Culture the ten tubes for another 2 hours</li>
 
                             <li>Measure the Obstacle Density of the GFP biosensor and the positive control</li>
 
                             <li>Measure the Obstacle Density of the GFP biosensor and the positive control</li>
                             <li>Prepare a tube that contains 12ml bacteria liquid, which has a 0.500 Obstacle Density</li>
+
                             <li>Prepare a tube that contains 12mL bacteria liquid, which has a 0.500 Obstacle Density</li>
 
                             <ul>
 
                             <ul>
                                 <li>Note: v=original bacteria amount(µL) , X=SOC amount (ul)</li>
+
                                 <li>Note: v=original bacteria amount(uL) , X=SOC amount (uL)</li>
 
                                 0.5=v*bacteria OD/v+X
 
                                 0.5=v*bacteria OD/v+X
 
                                 <br/>v+X=3000
 
                                 <br/>v+X=3000
Line 2,787: Line 788:
 
                             <li>Prepare tubes as the chart below</li>
 
                             <li>Prepare tubes as the chart below</li>
 
                             <img src="https://static.igem.org/mediawiki/2017/1/1f/Protocol_LacZ_2-1.png" width="800" height="250"><br />
 
                             <img src="https://static.igem.org/mediawiki/2017/1/1f/Protocol_LacZ_2-1.png" width="800" height="250"><br />
                             <li>Add in 4.8ml 37°C SOC, 0.1ml bacteria liquid, 0.05 mL ion solution and 5µL CP<sup>+</sup>.</li>
+
                             <li>Add in 4.8mL 37°C SOC, 0.1mL bacteria liquid, 0.05 mL ion solution and 5uL CP<sup>+</sup>.</li>
 
                             <li>Put these tubes into 37°C incubator </li>
 
                             <li>Put these tubes into 37°C incubator </li>
 
                             <li>Measure the Obstacle Density and Fluorescence of each tube after 4 hours.</li>
 
                             <li>Measure the Obstacle Density and Fluorescence of each tube after 4 hours.</li>
Line 2,797: Line 798:
 
                 <!----------------------------------------------------------------------------->
 
                 <!----------------------------------------------------------------------------->
  
 
            </div>
 
 
         </div>
 
         </div>
 
         <div id="fut"></div>
 
         <div id="fut"></div>
 
</body>
 
</body>
  
</p><p>
 
  
<head>
+
</html>
    <meta charset="UTF-8">
+
    <title>Untitled Document</title>
+
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
+
    <link href="footer_2.css" rel="stylesheet" type="text/css">
+
    <script src="footer_2.js" type="text/javascript"></script>
+
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />
+
  
    <style>
+
{{NCTU_Formosa/Footer}}
 
+
 
+
.footer #button {
+
    width: 35px;
+
    height: 35px;
+
    border: #2055A5 7px solid;
+
    border-radius: 35px;
+
    margin: 0 auto;
+
    position: relative;
+
    -webkit-transition: all 1s ease;
+
    -moz-transition: all 1s ease;
+
    -o-transition: all 1s ease;
+
    -ms-transition: all 1s ease;
+
    transition: all 1s ease;
+
    cursor: pointer;
+
z-index: 0 !important;
+
}
+
 
+
.footer #button:hover, .footer #button:focus {
+
    width: 35px;
+
    height: 35px;
+
    border: #2055A5 7px solid;
+
    -webkit-transition: all 1s ease;
+
    -moz-transition: all 1s ease;
+
    -o-transition: all 1s ease;
+
    -ms-transition: all 1s ease;
+
    transition: all 1s ease;
+
    position: relative;
+
z-index: 100;
+
}
+
 
+
.footer {
+
    bottom: -20px;
+
    left: 0;
+
    position: absolute;
+
    width: 100%;
+
    height: 2em;
+
    overflow: hidden;
+
    margin: 0 auto;
+
    -webkit-transition: all 1s ease;
+
    -moz-transition: all 1s ease;
+
    -o-transition: all 1s ease;
+
    -ms-transition: all 1s ease;
+
    transition: all 1s ease;
+
    z-index: 0;
+
}
+
 
+
.footer:hover,  .footer:focus{
+
    -webkit-transition: all 2s ease;
+
    -moz-transition: all 2s ease;
+
    -o-transition: all 2s ease;
+
    -ms-transition: all 2s ease;
+
    transition: all 2s ease;
+
    height: 30em;
+
z-index: 100;
+
}
+
 
+
.footer #container {
+
    margin-top: 5px;
+
    width: 100%;
+
    height: 100%;
+
    position: relative;
+
    top: 0;
+
    left: 0;
+
    background: #2055A5;
+
}
+
 
+
.footer #cont {
+
    position: relative;
+
    top: -45px;
+
    right: 5vw;
+
    width: 100vw;
+
    height: auto;
+
    margin: 0 auto;
+
z-index: 0;
+
}
+
 
+
/*----------------------------------------------------------------------------*/
+
 
+
#index_foot_list {
+
    width: 100vw;
+
    height: 170px;
+
    padding: 30px 5px 30px 5px;
+
    margin-left: 5vw;
+
    float: left;
+
}
+
 
+
#index_foot_list ul{
+
    display: inline;
+
}
+
/*li width*/
+
 
+
#index_foot_list li {
+
    float: left;
+
    text-align: left;
+
    margin-left: 20px;
+
    margin-right: 20px;
+
    width: 100px;
+
    line-height: 18px;
+
    display: block;
+
    color: #FFF;
+
    font-size: 16px;
+
    text-decoration: none;
+
}
+
 
+
 
+
#index_foot_list li a {
+
    text-decoration: none;
+
    font-size: 16px;
+
    color: #FFF;
+
}
+
 
+
#index_foot_list li span {
+
    text-decoration: none;
+
    font-size: 16px;
+
    color: #FFF;
+
}
+
 
+
#index_foot_list li ul li {
+
    float: left;
+
}
+
 
+
#index_foot_list li ul li a {
+
    font-size: 13px;
+
    color: #a1a1a1;
+
    line-height: 20px;
+
    text-decoration: none;
+
}
+
 
+
#index_foot_list li ul li a:hover, #index_foot_list li ul li a:focus {
+
    color: #fff;
+
}
+
 
+
/*----------------------------------------------------------------------------*/
+
 
+
 
+
    </style>
+
 
+
<script>
+
 
+
 
+
</script>
+
 
+
</head>
+
 
+
<body>
+
    <div class="footer">
+
        <div id="button"></div>
+
        <div id="container">
+
            <div id="cont">
+
                <div>
+
                    <ul id="index_foot_list" style="list-style-image: none;list-style-type:none;">
+
 
+
                        <li>
+
                            <ul style="list-style-image: none;">
+
                                <li><a href="https://2017.igem.org/Team:NCTU_Formosa" style="font-size:16px;color:#FFF;"><b>Home</b></a></li>
+
                            </ul>
+
                        </li>
+
 
+
                        <li>
+
                            <ul style="list-style-image: none;">
+
                                <li><a href="#" style="font-size:16px;color:#FFF;"><b>Project</b></a></li>
+
                                <li><a href="https://2017.igem.org/Team:NCTU_Formosa/Description">Description</a></li>
+
                                <li><a href="https://2017.igem.org/Team:NCTU_Formosa/Applied_Design">Design</a></li>
+
                                <li><a href="https://2017.igem.org/Team:NCTU_Formosa/Peptide_Prediction">Peptide Prediction</a></li>
+
                                <li><a href="https://2017.igem.org/Team:NCTU_Formosa/Disease_Occurrence_Prediction">Disease Occurrence Prediction</a></li>
+
                                <li><a href="https://2017.igem.org/Team:NCTU_Formosa/Demonstrate">Demonstration</a></li>
+
                                <li><a href="https://2017.igem.org/Team:NCTU_Formosa/Contribution">Contribution</a></li>
+
                                <li><a href="https://2017.igem.org/Team:NCTU_Formosa/Improve">Improvement</a></li>
+
                            </ul>
+
                        </li>
+
 
+
                        <li>
+
                            <ul style="list-style-image: none;">
+
                                <li> <a href="#" style="font-size:16px;color:#FFF;"><b>Modeling</b></a></li>
+
                                <li><a href="https://2017.igem.org/Team:NCTU_Formosa/Model">Peptide Prediction Model</a></li>
+
                                <li><a href="https://2017.igem.org/Team:NCTU_Formosa/Disease_Occurrence_Model">Disease Occurrence Model</a></li>
+
                            </ul>
+
                        </li>
+
 
+
                        <li>
+
                            <ul style="list-style-image: none;">
+
                                <li> <a href="#" style="font-size:16px;color:#FFF;"><b>Web Lab</b></a></li>
+
                                <li><a href="https://2017.igem.org/Team:NCTU_Formosa/Experiments">Experiment Design</a></li>
+
                                <li><a href="https://2017.igem.org/Team:NCTU_Formosa/Fungal_Experiment">Fungal Experiment</a></li>
+
                                <li><a href="https://2017.igem.org/Team:NCTU_Formosa/Fungal_Result">Fungal Result</a></li>
+
                                <li><a href="https://2017.igem.org/Team:NCTU_Formosa/Protein_Expression">Protein Expression</a></li>
+
                                <li><a href="https://2017.igem.org/Team:NCTU_Formosa/Safety">Safety</a></li>
+
                            </ul>
+
                        </li>
+
 
+
                        <li>
+
                            <ul style="list-style-image: none;">
+
                                <li><a href="#" style="font-size:16px;color:#FFF;"><b>Parts</b></a></li>
+
                                <li><a href="https://2017.igem.org/Team:NCTU_Formosa/Parts">Parts</a></li>
+
                                <li><a href="https://2017.igem.org/Team:NCTU_Formosa/Basic_Part">Basic Parts</a></li>
+
                                <li><a href="https://2017.igem.org/Team:NCTU_Formosa/Composite_Part">Composite Parts</a></li>
+
                            </ul>
+
                        </li>
+
 
+
                        <li>
+
                            <ul style="list-style-image: none;">
+
                                <li><a href="#" style="font-size:16px;color:#FFF;"><b>Human Practice</b></a></li>
+
                                <li><a href="https://2017.igem.org/Team:NCTU_Formosa/Collaborations">Collaboration</a></li>
+
                                <li><a href="https://2017.igem.org/Team:NCTU_Formosa/HP/Silver">HP Silver</a></li>
+
                                <li><a href="https://2017.igem.org/Team:NCTU_Formosa/HP/Gold_Integrated">HP Gold Integrated</a></li>
+
                                <li><a href="https://2017.igem.org/Team:NCTU_Formosa/Engagement">Education and Public Engagement</a></li>
+
                            </ul>
+
                        </li>
+
 
+
                        <li>
+
                            <ul style="list-style-image: none;">
+
                                <li><b>Achievement</b></li>
+
                                <li><a href="https://2017.igem.org/Team:NCTU_Formosa/Medal_Criteria">Medal Criteria</a></li>
+
                            </ul>
+
                        </li>
+
 
+
                        <li>
+
                            <ul style="list-style-image: none;">
+
                                <li><b>Team</b></li>
+
                                <li><a href="#https://2017.igem.org/Team:NCTU_Formosa/Team">Team Introduction</a></li>
+
                                <li><a href="https://2017.igem.org/Team:NCTU_Formosa/Attributions">Attribution</a></li>
+
                            </ul>
+
                        </li>
+
 
+
                        <li>
+
                            <ul style="list-style-image: none;">
+
                                <li><b>Notebook</b></li>
+
                                <li><a href="https://2017.igem.org/Team:NCTU_Formosa/Protocol">Protocol</a></li>
+
                                <li><a href="https://2017.igem.org/Team:NCTU_Formosa/Notebook">Lab Notes</a></li>
+
                            </ul>
+
                        </li>
+
 
+
                    </ul>
+
 
+
                </div>
+
 
+
                <div>
+
 
+
                </div>
+
 
+
            </div>
+
        </div>
+
    </div>
+
</body>
+
 
+
</p>
+
<!--
+
NewPP limit report
+
CPU time usage: 0.011 seconds
+
Real time usage: 0.013 seconds
+
Preprocessor visited node count: 19/1000000
+
Preprocessor generated node count: 82/1000000
+
Post‐expand include size: 123/2097152 bytes
+
Template argument size: 0/2097152 bytes
+
Highest expansion depth: 2/40
+
Expensive parser function count: 0/100
+
-->
+
 
+
<!-- Saved in parser cache with key 2017_igem_org:pcache:idhash:36505-0!*!*!*!*!*!* and timestamp 20171101080354 and revision id 411172
+
-->
+
</div>             <div class="visualClear"></div>
+
            </div>
+
    </div>
+
 
+
        </div>
+
 
+
        <!-- Side Menubar -->
+
        <div id="sideMenu">
+
            <a href="https://2017.igem.org">
+
                <div id="home_logo" >
+
                <img src="https://static.igem.org/mediawiki/2017/b/bf/HQ_menu_logo.jpg">
+
                </div>
+
            </a>
+
 
+
            <div style="clear:both; height:5px;"></div>
+
 
+
            <div id="menuDisplay"></div>  <!- Menu will be loaded here ->
+
        </div>
+
 
+
        <!-- Pop_Why Div is definded here -->
+
        <div class="pop_why_cover"></div>
+
 
+
        <div class="pop_why_box" >
+
            <div class="pop_close">× </div>
+
            <div class="pop_why_content"><h3> Loading ... </h3></div>
+
        </div>
+
 
+
    </div>
+
</html>
+

Latest revision as of 03:58, 2 November 2017

navigation

Untitled Document
Wet Lab Protocol
NCTU_Formosa Protocol
Experiment:
- Preparation for Potato dextrose agar (PDA) plates

Purpose:

     To prepare solid medium to civilize the fungi

Purpose:

     To prepare solid medium to civilize the fungi

Drugs and equipment:

  • PDA powder
  • ddH2O
  • Petri dishes
  • Serum bottle
  • Microwave oven
  • Autoclave
  • Alcohol burner

Process:

  1. The ratio of PDA powder and ddH2O is 39g : 1000mL. To prevent the liquid spill out from Serum bottles, we usually have only 300mL of the liquid in a 500mL Serum bottle.
  2. Loosen the bottle cap for a bit, and put it into the autoclave.
  3. Screw the bottle cap tight to cool down. If the liquid becomes solid, heat it up with a microwave oven.
  4. Bring the bottle into the Hood, disinfect bottleneck with alcohol burner. Pour out the liquid to plates, each plate can hold 15~20mL of the PDA liquid. Shake the plate smoothly and make the liquid surface flat.
  5. Keep the plates in normal temperature or in 4 °C refrigerator
Experiment:
- Dual culture technique

Purpose:

     To test the antifungal activity of peptides comparing to negative control.

Purpose:

     To test the antifungal activity of peptides comparing to negative control.

Drugs and equipment:

  • Drugs (ex: NaN3, peptides…)
  • Hole puncher (tips are recommended)
  • PDA (Potato dextrose agar) plate
  • Fungi plates
  • Parafilm
  • Alcohol burner
  • Tweezers

Process:

  1. Culture some plates of fungi.
  2. Remove all the drugs and tools inside the Hood, disinfect tools with an alcohol burner. You may take a PDA plate for cooling tools down.
  3. Pick up fungi on the outer cycle (peripheral part) of a plate (the latest part of fungi plate) with tip. Dig into the previous PDA plate and pick up a piece of agar with fungi, remove it onto a new PDA plate, put the piece in the center of the plate.
  4. Disinfect tools with an alcohol burner. Seal up the plate with Parafilm, and label on the name of fungi, date and so on.
  5. Remove all the drugs and tools inside the Hood, disinfect tools with an alcohol burner. You may take a PDA plate for cooling tools down.
  6. Dig holes on the plate with tweezers, the position of the holes should be 0.5cm far away along the radius from the position of latest mycelium as the picture shows.
  7. Introduce the testing drug into the hole (different concentration of peptides, HEPES for our experiments)
  8. Disinfect tools with an alcohol burner. Seal up the plate with Parafilm.
  9. Observe how the mycelium grow
Experiment:
- Spore germination percentage

Purpose:

     To test the concentration of spore suspension liquid and calculate germination rate.

Purpose:

     To test the concentration of spore suspension liquid and calculate germination rate.

Drugs and equipment:

  • 75% Alcohol
  • 2% glucose solution
  • ddH2O
  • HEPES buffer
  • Peptides
  • Alcohol burner
  • Hemocytometer
  • Fungi plates
  • Glass Cell Spreaders
  • 10μl pipet
  • Gauze
  • Centrifuge
  • Beaker*2
  • Petri dishes
  • Lens cleaning paper
  • Microscope
  • Slide glass with 2 Cavities
  • Counter

Process:

  1. Choose fungi plates that have produced spores.
  2. (It is recommended to experiment in a laminar flow (hood)). Add ddH2O to the plate until water covers the surface of the plate.
  3. Disinfect the glass cell spreaders with an alcohol burner, after cooling down, scrape the plate softly so the spore would be in the water.
  4. Remove the water in the plate to a beaker (You may filter out impurity with gauze). Now you got a spore suspension liquid with unknown concentration.
  5. Clean the Hemocytometer with 75%alcohol and wipe it clean with lens cleaning paper, so as not to make any scratch on it. Put the coverslip on the Hemocytometer, and inject 10mL spore suspension liquid from the tiny chamber beside. The spore suspension should cover all the square of the Hemocytometer.
  6. Put the Hemocytometer under a microscope, and observe the spore.
  7. Count the amount of the spore in the square, and calculate the concentration. Add water if it’s concentration is too high; centrifuge the liquid if the concentration is too low. Finally, you got a spore suspension liquid with concentration you know. We would like to prepare spore suspension liquid with the concentration of 1.5*10^5 spores/mL for our experiments.
  8. Mixed 5μl spore suspension liquid with 5μl 2% glucose solution and 5μl peptide together into a PCR tube (It is recommended for pipetting 50 times to ensure that there is a mix of uniform).
  9. Draw 15μl of the solution from PCR tube to the double concave slide, and put the slide into a Petri dish. Add some ddH2O around the slide, in order to create an environment of 100% relative humidity so that the liquid would note evaporate easily.
  10. After incubating under 20℃ for 6 hours, we observe and classify the spores into four grades according to the length of the germination tube, calculate the percentage of each germination grade of each sample.
Experiment:
- Separation of infected plant tissue

Purpose:

     To separate infected plant tissue and cultivate pathogen fungi

Purpose:

     To separate infected plant tissue and cultivate pathogen fungi

Drugs and equipment:

  • 75% Alcohol
  • 0.5%~1% Sodium hypochlorite (NaClO)
  • ddH2O
  • PDA (Potato dextrose agar) plate
  • Parafilm
  • Alcohol burner
  • Plants
  • Knifes
  • Tweezers

Process:

  1. Soak the plant tissue to sterilization: All parts of the plant should soak in alcohol for 1 minute. For leaves, skim over NaClO for a few times; for roots, soak in NaClO for 1 minute; for mature stem parts, soak in NaClO for 20~30 seconds; for tender stems, skim over NaClO for a few times. All of these parts should be washed with ddH2O.
  2. Remove all the drugs and tools inside the Hood, disinfect knives and tweezers with an alcohol burner. You may take a PDA plate for cool down.
  3. Cut the infected plant tissue for an area of 5mm2, remove them all to new PDA plates. The side with hypha should put downward, and be towed on the plate. The amount of tissue which is put on one single plate depends on the range of cutting area.
  4. Seal up the plate with Parafilm, and label on the name of fungi, date and so on.
  5. Put the plate in the best environment to observe if the fungi or other species of microorganism grow.
Experiment:
E. coli DH5α growth rate in the arsenic solution

Purpose:

     Measure the E. coli DH5α growth rate arsenic solution.

Purpose:

     Measure the E. coli DH5α growth rate arsenic solution.

Drugs and equipment:

  • DH5α pc DNA (ctrl) on LB agar plates
  • SOC broth
  • Amp (1000 X)
  • 15 mL tube, 50 mL tube
  • 96 well plate

Process:


    Rpm:
  1. Culture 3 tubes of 2mL E. coli overnight by 15mL centrifuge tubes. (2mL SOC, 2uL AMP)
  2. Put them to the same tube at the next day, then add 6mL of SOC broth (water bath 37°C for 5 min. before use) and 12uL AMP for a 2-fold dilution.
  3. Take 5mL SOC broth for to a 15mL centrifuge tube for blank.
  4. Aliquot the bacterial broth into six 15mL centrifuge tubes (2mL for each), then culture for 2 hours.
  5. Measure OD 595
  6. Dilute to OD 0.312. More than 12mL

    Rpm80:
  1. 100, 50, 30, 10, 1ppm arsenic solutions, use ddH2O in control group
  2. Dilute the E. coli broth to 50 fold by SOC broth (0.6mL E. coli broth+0.3mL Arsenic solutuin+30uL AMP 29.1mL SOC broth)
  3. Measure OD at 0min. measure every 30 min. Blank is needed every time.
Experiment:
- Growth curve of E. coli with fMT plasmid in arsenic solution of different concentration

Purpose:

     Measure the time curve of E. coli chelating arsenic of 20 ppm.

Purpose:

     Measure the time curve of E. coli chelating arsenic of 20 ppm.

Drugs and equipment:

  • DH5α as plasmid on LB agar plates
  • E. coli (chelate) on LB agar plates
  • E. coli (GFP positive control) on LB agar plates
  • LB broth
  • CP (1000 X)
  • Arsenic stock (10^5ppm)
  • 15 mL tube, 50 mL tube
  • 96 well plate

Process:

  1. Culture 6 tubes of 2 mL E. coli(chelate) and 2 tubes of E. coli(GFP positive control) overnight by 15 mL centrifuge tubes (2 mL SOC, 2uL CP)
  2. Prepare another 8 tubes and mark them as the tubes cultured last night
  3. Perform a two-fold dilution for the tubes cultured last night and take out 2 mL bacteria liquid of each group to the corresponding tube prepared
  4. Add 2uL CP in each tube.
  5. Culture the tubes for another two hours
  6. Measure the OD of each tube (wavelenght 595)
  7. Dilute all tubes to OD 0.5 by LB. (More than )
  8. Prepare and mark 50 mL tubes as chart below. Culture the tubes.
  9. Take out the tubes from incubator.

    1. Each tube contains
    2. 29.1 mL LB
    3. 0.6 mL bacteria liquid OD=0.5
    4. 0.3 mL arsenic solution
    5. 30uL CP

    Step 10-18 should be performed after Xhr X=the time marked on the tube
  10. Centrifuge the 50 mL tubes by 6000 g/10 min
  11. Take out the supernatant and preserve in -80°C
  12. Add 10 mL PBS to each tube
  13. Centrifuge by 6000 g/10 min
  14. Abandon PBS supernatant and add in 15 mL ddH2O
  15. Separate the liquid into fifteen full eppendorfs. Centrifuge by 12000 g/5 min
  16. Abandon ddH2O supernatant and add in 10 mL ddH2O
  17. Centrifuge by 12000 g/5 min
  18. Combine the bacteria into one tube
Experiment:
- Function test of GFP biosensor in different concentration of Chinese medicine

Purpose:

     Test the fluorescence intensity of GFP biosensor in different concentration of Chinese medicine.

Purpose:

     Test the fluorescence intensity of GFP biosensor in different concentration of Chinese medicine.

Drugs and equipment:

  • DH5α pc DNA (ctrl) on agar plates
  • LB broth
  • Cp (1000 X)
  • 15 mL tube
  • 96 well plate
  • Pipette
  • As solution
  • Chinese medicine

Process:

  1. Culture three tubes of 2mL E. coli GFP biosensor with 2uL CP+ , and culture one tube of 2mL E. coli positive control with 2uL CP+ in the other tube.
  2. Put both tubes into 37°C incubator for 16hr
  3. Make a 2-fold dilution, separate the GFP biosensor into eight tubes and the positive control into two tubes. add in 2uL CP+ in each tube
  4. Culture the ten tubes for another 2 hours
  5. Measure the Obstacle Density of the GFP biosensor and the positive control
  6. Prepare a tube that contains 12mL bacteria liquid, which has a 0.500 Obstacle Density
    • Note: v=original bacteria amount(uL) , X=LB amount (uL)
    • 0.5=v*bacteria OD/v+X
      v+X=3000
  7. Prepare tubes as the chart below


  8. Add in 4.85mL 37°C LB, 0.1mL bacteria liquid, 0.05mL Chinese medicine and 5uL CP+
  9. Put these tubes into 37°C incubator
  10. Measure the Obstacle Density and Fluorescence of each tube after 4, 5, 6 hours.
Experiment:
- Growth rate test of LacZ α biosensor on different concentration of As5+

Purpose:

     Test the growth rate of LacZ α biosensor on different concentration of As5+.

Purpose:

     Test the growth rate of LacZ α biosensor on different concentration of As5+.

Drugs and equipment:

  • DH5⍺ pc DNA(crtl) on agar plate
  • SOC broth
  • Cp (1000x)
  • As5+ solution 100,1000,3000,5000,10000 ppm
  • ddH2O
  • 15mL tube
  • 50mL tube
  • 96 well plate
  • pipet

Process:

  1. Take a 15mL tube. Culture 2mL E. coli LacZ ⍺ biosensor by SOC with 2µL Cp.
  2. Put the tube into 37°C incubator for 15 hr.
  3. Take 1mL of the bacteria liquid with 1mL SOC, and 2µL Cp into a new 15mL tube to perform a 2-fold solution.
  4. Put the tube into 37°C incubator for 2hr.
  5. Take 200µL of the solution to the 96 well plate.
  6. Measure OD595
  7. Dilute the bacteria liquid to OD=0.312/1.2mL
  8. Take 18 15mL tubes.(0ppm,1ppm,10ppm,30ppm,50ppm,100ppm. 3 tube for every concentration)
  9. Add 29.1mL SOC, 30µL Cp, 300µL As5+ solution, 600µL bacteria liquid to each tube.
  10. Measure OD595 every 30 minutes for 7.5 hours.
Experiment:
- LacZ ⍺ biosensor pretest

Purpose:

     Test if the LacZ ⍺ biosensor can produce blue deposit in different As5+ condition.

Purpose:

     Test if the LacZ ⍺ biosensor can produce blue deposit in different As5+ condition.

Drugs and equipment:

  • DH5⍺ pc DNA(crtl) on agar plate
  • LB broth
  • Cp (1000x)
  • X-gal
  • As5+ solution 1000ppm, 10000ppm
  • ddH2O
  • 15mL tube
  • pipet
  • PBS
  • 96 well plate

Process:

  1. Culture two tubes of E. coli LacZ ⍺ biosensor for four hours
  2. Prepare twenty one 15mL tubes, mark them as below

  3. Make each tube contain 1900uL LB, bacteria liquid, 40uL Xgal and 20uL metal concentration
  4. Culture the twenty one tubes for 16 hours
  5. Take 200µL of the solution to the 96 well plate.
  6. Measure OD595
  7. After culturing, centrifuge the bacteria liquid by12000G, 5min
  8. Remove the supernatant
Experiment:
- Specificity test of GFP biosensor in As5+, Cu2+, and Pb2+

Purpose:

     Test the specificity of GFP biosensor in different concentration of As5+, Cu2+, and Pb2+ solutions.

Purpose:

     Test the specificity of GFP biosensor in different concentration of As5+, Cu2+, and Pb2+ solutions.

Drugs and equipment:

  • DH5⍺ pc DNA(crtl) on agar plate
  • SOC broth
  • Cp (1000x)
  • 15 mL tube
  • 96 well plate
  • Pipette
  • As5+ solution
  • Cu2+ solution
  • Pb2+ solution

Process:

  1. Culture three tubes of 2mL E. coli GFP biosensor with 2uL CP+ , and culture one tube of 2mL E. coli positive control with 2uL CP+ in the other tube.
  2. Put both tubes into 37°C incubator for 16hr
  3. Make a 2-fold dilution, separate the GFP biosensor into eight tubes and the positive control into two tubes. add in 2uL CP+ in each tube
  4. Culture the ten tubes for another 2 hours
  5. Measure the Obstacle Density of the GFP biosensor and the positive control
  6. Prepare a tube that contains 12mL bacteria liquid, which has a 0.500 Obstacle Density
    • Note: v=original bacteria amount(uL) , X=SOC amount (uL)
    • 0.5=v*bacteria OD/v+X
      v+X=3000
  7. Prepare tubes as the chart below

  8. Add in 4.8mL 37°C SOC, 0.1mL bacteria liquid, 0.05 mL ion solution and 5uL CP+.
  9. Put these tubes into 37°C incubator
  10. Measure the Obstacle Density and Fluorescence of each tube after 4 hours.

Untitled Document