View source for Team:NTU-LIHPAO-Taiwan/Results

<html>
<head>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>

<script type="text/javascript" charset="utf-8">

//-----Hover Facebook Icon-----//
$(document).ready(function(){
	$('#Facebook_icon_hover').hover(function () {
	this.src = "https://static.igem.org/mediawiki/2015/3/35/NTU-Top-Facebook_icon2.png";
	}, function () {
		this.src = "https://static.igem.org/mediawiki/2015/9/98/NTU-Top-Facebook_icon1.png";
	});
});

//-----Hover iGem Icon-----//
$(document).ready(function(){
	$('#iGEM_icon_hover').hover(function () {
	this.src = "https://static.igem.org/mediawiki/2015/0/0a/NTU-Top-iGEM_icon2.png";
	}, function () {
		this.src = "https://static.igem.org/mediawiki/2015/1/1d/NTU-Top-iGEM_icon1.png";
	});
});

//-----Hover NTU Icon-----//
$(document).ready(function(){
	$('#NTU_icon_hover').hover(function () {
	this.src = "https://static.igem.org/mediawiki/2015/6/6e/NTU-Top-NTU_icon2.png";
	}, function () {
		this.src = "https://static.igem.org/mediawiki/2015/1/14/NTU-Top-NTU_icon1.png";
	});
});

</script>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>NTU-LIHPAO-Taiwan</title>
<style type="text/css">

/*-------------------------------------------*/
/*--------------Wiki Page Reset--------------*/
/*-------------------------------------------*/

#contentSub, #contentcontainer, #footer-box, #sitesub, #catlinks, #search-controls, #p-logo, .h3, .printfooter, .firstHeading, .visualClear {
	display: none;
}

#globalWrapper, #content {
	width: 100%; 
	height: 100%;
	border: 0px;
	background-color: transparent;
	margin: 0px;
	padding: 0px;
}

html, body, .wrapper {
	width: 100%; 
	height: 100%; 
	background-color: transparent; 	
}

/*-------------------------------------------*/
/*-------------------Body--------------------*/
/*-------------------------------------------*/

body {
	background-color: #FFF;
}
body,td,th {
	font-size: 14px;
	font-family: Calibri, "Arial Narrow", "Agency FB", "Raavi";
}

#Wrapper {
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 90%;
	height: auto;
	top: 0px;
	left: 5%;
	right: 5%;
	position: absolute;
	bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	z-index: 0;
}

#Wrapper_Left {
	margin-right: auto;
	margin-left: auto;
	background-color: #F0F0F0;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 5%;
	height: 100%;
	top: 0px;
	left: 0%;
	right: auto;
	position: fixed;
	bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	z-index: 0;
}

#Wrapper_Right {
	margin-right: auto;
	margin-left: auto;
	background-color: #F0F0F0;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 5%;
	height: 100%;
	top: 0px;
	left: auto;
	right: 0%;
	position: fixed;
	bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	z-index: 0;
}

#Wrapper_TopPic {
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 100%;
	height: 58px;
	top: 0px;
	left: 0px;
	right: 0px;
	position: fixed;
	bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	z-index: 9998;
	border-bottom-style: solid;
	border-bottom-color: #fe5838;
	border-bottom-width: 2px;
	z-index: 9998;
	background-repeat: no-repeat;
}

#Wrapper_Bottom {
	width: 100%;
	height: 100px;
	bottom: 0px;
	top: auto;
	background-color: #FFF;
	border-top-style: solid;
	border-top-color: #079235;
	border-top-width: 3px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	z-index: 9998;
	position: absolute;
}



/*-------------------------------------------*/
/*-----------------Top icons-----------------*/
/*-------------------------------------------*/
#Facebook_icon_pic {
	height: 30px;
	width: 30px;
	position: absolute;
	left: auto;
	top: 23px;
	right: 5.5%;
	bottom: auto;
	z-index: 9999;
}

#iGEM_icon_pic {
	height: 30px;
	width: 38px;
	position: absolute;
	left: auto;
	top: 23px;
	right: 1%;
	bottom: auto;
	z-index: 9999;
}

#NTU_icon_pic {
	height: 30px;
	width: 69px;
	position: absolute;
	left: auto;
	top: 23px;
	right: 9%;
	bottom: auto;
	z-index: 9999;
}

#NTUXLIHPAO_icon {
	height: 40px;
	width: 200px;
	position: absolute;
	left: 3%;
	top: 18px;
	right: auto;
	bottom: auto;
	z-index: 9999;
}



/*-------------------------------------------*/
/*-----------------Slide Menu----------------*/
/*-------------------------------------------*/
.Slidemenu {
	z-index: 9999;
	position: absolute;
	top: 32px;
	bottom: 0px;
	left: 51%;
	right: 15%;
	list-style:none;
	margin:0;
	padding:0;
	position: absolute;
	margin-left: -350px;
	/*background:rgba(100%,100%,100%,0); 主選單色系選擇*/
}

.Slidemenu ul {
	*zoom:1;
	list-style:none;
	margin:0;
	padding:0;
	/*background:rgba(100%,100%,100%,0); 主選單色系選擇*/
}

.Slidemenu ul:before,.Slidemenu ul:after {
	content:"";
	display:table;
}

.Slidemenu ul:after {
	clear:both;
}

.Slidemenu a {
	text-decoration:none;
	display:block;
	padding:4px 4px;
	line-height:1em;
	color:#000;
	text-align: center;
	vertical-align: middle;
	height: auto;
	width: auto;
	font-family: "Agency FB";
	font-size: 1em;
}

.Slidemenu a:hover {
	text-decoration:none;
	background:rgba(0,0,0,0.03);
	text-align: center;
	vertical-align: middle;
}

.Slidemenu li ul {
	position:absolute;
	left:0;
	top:26px;
	z-index:1;
}

.Slidemenu li ul li {
	overflow:hidden;
	height: 0px;
	margin-bottom: 0px;
}

.Slidemenu li ul a {
	border:none;
	-webkit-transition:background 300ms ease-in-out;
	-moz-transition:background 300ms ease-in-out;
	-o-transition:background 300ms ease-in-out;
	transition:background 300ms ease-in-out;
	line-height:1.1em;
}

.Slidemenu li ul a:hover {
	background-color: rgba(240,240,240,1);
}

.Slidemenu ul > li {
	text-decoration:none;
	float: left;
	position: relative;
	height: 27px; /*--改主要選單高度--*/
}

.width_small {
	width: 100px; /*--改主要選單寬度--*/
}

.Slidemenu ul > li:hover ul.subs {
	height: auto;
	width: 150px; /*--改拉出的選單寬度--*/
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #3300FF;
	background:rgba(255,255,255,1); /*--改拉出選單顏色--*/
}

.Slidemenu ul > li:hover ul li {
	text-decoration:none;
	height: 26px; /*--改拉出的選單高度--*/
	width: 150px; /*--改拉出的選單寬度--*/
	text-align: center;
	vertical-align: middle;
	-webkit-transition:height 250ms ease-in;
	-moz-transition:height 250ms ease-in;
	-o-transition:height 250ms ease-in;
	transition:height 250ms ease-in;
}

#Position_Now {
	background:rgba(0,0,0,0.03);
}


/*-------------------------------------------*/
/*------------------Content------------------*/
/*-------------------------------------------*/

#Content * {
	list-style: none;
}

#Content_Container {
	position: fixed;
	width: 17.8%;
	height: 100%;
	left: 5.2%;
	right: auto;
	background: #f7fbff;
	z-index: 5;
} 

#Content {
	position: absolute;
	top: 60px;
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
	transition: 0.5s;
	font-size: 0.8rem;
	font-family: Calibri;
}

#Content-title {
	position: absolute;
	width: 100%;
	top: 0.5rem;
	font-size: 1.5rem;
	text-align: center;
}

#Content ul {
	margin: 0.5rem 0rem 0.5rem;
}

.main-Content {
	position: absolute;
	top: 5rem;	
	left: 10%;
	width: 90%;
}

.main-Content #title {
	color: #ABCDEF;
}

.main-Content > li {
	cursor: pointer;
	color: #369CF5;
	font-size: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 30px;
}

.sub-Content {
	font-size: 18px;
	overflow-y: auto;
	transition: 0.5s;
	width: 85%;
	left: 15%;
	position: relative;
}

.sub-Content > li {
	padding-top: 10px;
	padding-bottom: 10px;
}

.sub-Content > li a{
	display: block;
	color: #0791DB;
	text-decoration: none;
	transition: 0.5s;
}

.sub-Content > li a:hover {
	opacity: 0.5;
}

#Healthin_Logo_Content {
	width: 100%;
	height: auto;
}

#Healthin_Logo {
	top: 55px;
	padding-left: 3%;
	padding-right: 3%;
	position: absolute;
	width: 94%;
	height: 94%;
}



/*-------------------------------------------*/
/*---------------Introduction----------------*/
/*-------------------------------------------*/

.Container_Bottom1 {
	height: 70px;
	width: 100%;
}

.Container_Bottom2 {
	height: 70px;
	width: 100%;
	padding-top: 10px;
	border-top-style: solid;
	border-top-color: #079235;
	border-top-width: 3px;
}

.Intro_Picture {
	width: 100%;
	height: auto;
	background-color: #FFF;
	position: absolute;
}

#NTUschool_logo {
	background-color: #FFF;
	padding-left: 9.6%;
	padding-right: 60.4%;
	position: absolute;
	width: 30%;
	height: 100%;
}

#LIHPAO_logo {
	background-color: #FFF;
	padding-left: 66.4%;
	padding-right: 9.6%;
	position: absolute;
	width: 24%;
	height: 100%;
}

#NTUBST_logo {
	background-color: #FFF;
	padding-left: 49.2%;
	padding-right: 43.2%;
	position: absolute;
	width: 7.6%;
	height: 100%;
}

.Text_Sponsor {
	color: #767676;
	font-size: 15px;
	font-family: Calibri;
	text-align: center;
	line-height: 20px;
}


/*-------------------------------------------*/
/*---------------Article Picture-------------*/
/*-------------------------------------------*/

.Article_Spacing {
	width: 100%;
	height: 5px;
}

/*--------------Article Picture1-------------*/

.Container_Article_Picture11 {
	height: 420px;
	width: 100%;
	padding-top: 25px;
	padding-bottom: 25px;
}

.Article_Picture11 {
	width: 550px;
	height: auto;
	left: 50%;
	right: auto;
	background-color: #FFF;
	margin: 0 0 0 -275px;
	position: absolute;
}

.Article_PictureText11 {
	width: 500px;
	height: auto;
	padding-left: 25px;
	padding-right: 25px;
	border-top-width: 2px;
	border-top-style: dashed;
	border-top-color: #fe5838;
}

.Container_Article_Picture12 {
	height: 245px;
	width: 100%;
	padding-top: 25px;
	padding-bottom: 25px;
}

.Article_Picture12 {
	width: 550px;
	height: auto;
	left: 50%;
	right: auto;
	background-color: #FFF;
	margin: 0 0 0 -275px;
	position: absolute;
}

.Article_PictureText12 {
	width: 500px;
	height: auto;
	padding-left: 25px;
	padding-right: 25px;
	border-top-width: 2px;
	border-top-style: dashed;
	border-top-color: #fe5838;
}

.Container_Article_Picture13 {
	height: 270px;
	width: 100%;
	padding-top: 25px;
	padding-bottom: 25px;
}

.Article_Picture13 {
	width: 550px;
	height: auto;
	left: 50%;
	right: auto;
	background-color: #FFF;
	margin: 0 0 0 -275px;
	position: absolute;
}

.Article_PictureText13 {
	width: 500px;
	height: auto;
	padding-left: 25px;
	padding-right: 25px;
	border-top-width: 2px;
	border-top-style: dashed;
	border-top-color: #fe5838;
}

.Container_Article_Picture14 {
	height: 285px;
	width: 100%;
	padding-top: 25px;
	padding-bottom: 25px;
}

.Article_Picture14 {
	width: 550px;
	height: auto;
	left: 50%;
	right: auto;
	background-color: #FFF;
	margin: 0 0 0 -275px;
	position: absolute;
}

.Article_PictureText14 {
	width: 500px;
	height: auto;
	padding-left: 25px;
	padding-right: 25px;
	border-top-width: 2px;
	border-top-style: dashed;
	border-top-color: #fe5838;
}



/*--------------Article Picture2-------------*/
.Container_Article_Picture21 {
	height: 290px;
	width: 100%;
	padding-top: 25px;
	padding-bottom: 25px;
}

.Article_Picture21 {
	width: 550px;
	height: auto;
	left: 50%;
	right: auto;
	background-color: #FFF;
	margin: 0 0 0 -275px;
	position: absolute;
}

.Article_PictureText21 {
	width: 500px;
	height: auto;
	padding-left: 25px;
	padding-right: 25px;
	border-top-width: 2px;
	border-top-style: dashed;
	border-top-color: #fe5838;
}

.Container_Article_Picture22 {
	height: 290px;
	width: 100%;
	padding-top: 25px;
	padding-bottom: 25px;
}

.Article_Picture22 {
	width: 550px;
	height: auto;
	left: 50%;
	right: auto;
	background-color: #FFF;
	margin: 0 0 0 -275px;
	position: absolute;
}

.Article_PictureText22 {
	width: 500px;
	height: auto;
	padding-left: 25px;
	padding-right: 25px;
	border-top-width: 2px;
	border-top-style: dashed;
	border-top-color: #fe5838;
}

.Container_Article_Picture23 {
	height: 220px;
	width: 100%;
	padding-top: 25px;
	padding-bottom: 25px;
}

.Article_Picture23 {
	width: 550px;
	height: auto;
	left: 50%;
	right: auto;
	background-color: #FFF;
	margin: 0 0 0 -275px;
	position: absolute;
}

.Article_PictureText23 {
	width: 500px;
	height: auto;
	padding-left: 25px;
	padding-right: 25px;
	border-top-width: 2px;
	border-top-style: dashed;
	border-top-color: #fe5838;
}



/*--------------Article Picture3-------------*/

.Container_Article_Picture31 {
	height: 263px;
	width: 100%;
	padding-top: 25px;
	padding-bottom: 25px;
}

.Article_Picture31 {
	width: 550px;
	height: auto;
	left: 50%;
	right: auto;
	background-color: #FFF;
	margin: 0 0 0 -275px;
	position: absolute;
}

.Article_PictureText31 {
	width: 500px;
	height: auto;
	padding-left: 25px;
	padding-right: 25px;
	border-top-width: 2px;
	border-top-style: dashed;
	border-top-color: #fe5838;
}

.Container_Article_Picture32 {
	height: 275px;
	width: 100%;
	padding-top: 25px;
	padding-bottom: 25px;
}

.Article_Picture32 {
	width: 550px;
	height: auto;
	left: 50%;
	right: auto;
	background-color: #FFF;
	margin: 0 0 0 -275px;
	position: absolute;
}

.Article_PictureText32 {
	width: 500px;
	height: auto;
	padding-left: 25px;
	padding-right: 25px;
	border-top-width: 2px;
	border-top-style: dashed;
	border-top-color: #fe5838;
}

.Container_Article_Picture33 {
	height: 345px;
	width: 100%;
	padding-top: 25px;
	padding-bottom: 25px;
}

.Article_Picture33 {
	width: 550px;
	height: auto;
	left: 50%;
	right: auto;
	background-color: #FFF;
	margin: 0 0 0 -275px;
	position: absolute;
}

.Article_PictureText33 {
	width: 500px;
	height: auto;
	padding-left: 25px;
	padding-right: 25px;
	border-top-width: 2px;
	border-top-style: dashed;
	border-top-color: #fe5838;
}

.Container_Article_Picture34 {
	height: 270px;
	width: 100%;
	padding-top: 25px;
	padding-bottom: 25px;
}

.Article_Picture34 {
	width: 550px;
	height: auto;
	left: 50%;
	right: auto;
	background-color: #FFF;
	margin: 0 0 0 -275px;
	position: absolute;
}

.Article_PictureText34 {
	width: 500px;
	height: auto;
	padding-left: 25px;
	padding-right: 25px;
	border-top-width: 2px;
	border-top-style: dashed;
	border-top-color: #fe5838;
}

.Container_Article_Picture35 {
	height: 270px;
	width: 100%;
	padding-top: 25px;
	padding-bottom: 25px;
}

.Article_Picture35 {
	width: 550px;
	height: auto;
	left: 50%;
	right: auto;
	background-color: #FFF;
	margin: 0 0 0 -275px;
	position: absolute;
}

.Article_PictureText35 {
	width: 500px;
	height: auto;
	padding-left: 25px;
	padding-right: 25px;
	border-top-width: 2px;
	border-top-style: dashed;
	border-top-color: #fe5838;
}

.Container_Article_Picture36 {
	height: 400px;
	width: 100%;
	padding-top: 25px;
	padding-bottom: 25px;
}

.Article_Picture36 {
	width: 550px;
	height: auto;
	left: 50%;
	right: auto;
	background-color: #FFF;
	margin: 0 0 0 -275px;
	position: absolute;
}

.Article_PictureText36 {
	width: 500px;
	height: auto;
	padding-left: 25px;
	padding-right: 25px;
	border-top-width: 2px;
	border-top-style: dashed;
	border-top-color: #fe5838;
}

.Container_Article_Picture37 {
	height: 350px;
	width: 100%;
	padding-top: 25px;
	padding-bottom: 25px;
}

.Article_Picture37 {
	width: 550px;
	height: auto;
	left: 50%;
	right: auto;
	background-color: #FFF;
	margin: 0 0 0 -275px;
	position: absolute;
}

.Article_PictureText37 {
	width: 500px;
	height: auto;
	padding-left: 25px;
	padding-right: 25px;
	border-top-width: 2px;
	border-top-style: dashed;
	border-top-color: #fe5838;
}

.Container_Article_Picture38 {
	height: 360px;
	width: 100%;
	padding-top: 25px;
	padding-bottom: 25px;
}

.Article_Picture38 {
	width: 550px;
	height: auto;
	left: 50%;
	right: auto;
	background-color: #FFF;
	margin: 0 0 0 -275px;
	position: absolute;
}

.Article_PictureText38 {
	width: 500px;
	height: auto;
	padding-left: 25px;
	padding-right: 25px;
	border-top-width: 2px;
	border-top-style: dashed;
	border-top-color: #fe5838;
}

.Container_Article_Picture39 {
	height: 450px;
	width: 100%;
	padding-top: 25px;
	padding-bottom: 25px;
}

.Article_Picture39 {
	width: 446px;
	height: auto;
	left: 50%;
	right: auto;
	background-color: #FFF;
	margin: 0 0 0 -223px;
	position: absolute;
}

.Article_PictureText39 {
	width: 395px;
	height: auto;
	padding-left: 25px;
	padding-right: 25px;
	border-top-width: 2px;
	border-top-style: dashed;
	border-top-color: #fe5838;
}

.Container_Article_Picture310 {
	height: 335px;
	width: 100%;
	padding-top: 25px;
	padding-bottom: 25px;
}

.Article_Picture310 {
	width: 550px;
	height: auto;
	left: 50%;
	right: auto;
	background-color: #FFF;
	margin: 0 0 0 -275px;
	position: absolute;
}

.Article_PictureText310 {
	width: 500px;
	height: auto;
	padding-left: 25px;
	padding-right: 25px;
	border-top-width: 2px;
	border-top-style: dashed;
	border-top-color: #fe5838;
}

.Container_Article_Picture311 {
	height: 360px;
	width: 100%;
	padding-top: 25px;
	padding-bottom: 25px;
}

.Article_Picture311 {
	width: 550px;
	height: auto;
	left: 50%;
	right: auto;
	background-color: #FFF;
	margin: 0 0 0 -275px;
	position: absolute;
}

.Article_PictureText311 {
	width: 500px;
	height: auto;
	padding-left: 25px;
	padding-right: 25px;
	border-top-width: 2px;
	border-top-style: dashed;
	border-top-color: #fe5838;
}

.Text_Picture {
	font-size: 18px;
	font-family: Calibri;
	text-align: justify;
	line-height: 26px;
	color: #08923a;
}


/*-------------------------------------------*/
/*-----------------Articles------------------*/
/*-------------------------------------------*/

#Articles {
	width: 100%;
	height: auto;
	top: -10px;
	position: absolute;
	background-color: #FFF;
	z-index: 1;
	color: #000;
}

.ContentBox {
	width: 76%;
	height: auto;
	left: 22%;
	right: 2%;
	position: absolute;
	background-color: #FFF;
}

.Text1 {
	font-size: 28px;
	font-family: Calibri;
	left: 20px;
	right: 20px;
	padding-top: 80px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	border-bottom-width: 2px;
	border-bottom-style: dashed;
	border-bottom-color: #fe5838;
	color: #c00000;
}

.Text2 {
	font-size: 24px;
	font-family: Calibri;
	padding-top: 30px;
	padding-right: 50px;
	padding-bottom: 10px;
	padding-left: 50px;
	color: #00b050;
}

.Text3 {
	font-size: 20px;
	font-family: Calibri;
	text-align: justify;
	padding-top: 10px;
	padding-right: 80px;
	padding-bottom: 10px;
	padding-left: 80px;
	line-height: 26px;
}

.Text_TitleUnderline {
	font-size: 22px;
	font-family: Calibri;
	text-align: justify;
	padding-top: 10px;
	padding-bottom: 0px;
	line-height: 26px;
	color: #0070c0;
	text-decoration: underline;
}

.Text_italic {
	font-style: italic;
}

ol.part1 {
	list-style-type: none;
	margin-left: 0px;
}

ol.part2 {
	list-style-type: decimal;
	padding-left: 50px;
	padding-right: 30px;
	margin-left: 0px;
}

ol.part2 li {
	padding-top: 5px;
	padding-bottom: 5px;
}

ol.part3 {
	list-style-type: lower-alpha;
}


/*-------------------------------------------*/
/*-------------------Media-------------------*/
/*-------------------------------------------*/

@media screen and (min-width: 0px) and (max-width: 1200px) {

	#NTUXLIHPAO_icon {
		height: 40px;
		width: 200px;
		position: absolute;
		left: 1%;
		top: 18px;
		right: auto;
		bottom: auto;
		z-index: 9999;
	}


	#width_small {
		width: 95px; /*--改主要選單寬度--*/
	}

	.Slidemenu {
		z-index: 9999;
		position: absolute;
		top: 32px;
		bottom: 0px;
		left: 49%;
		right: auto;
		list-style:none;
		margin:0;
		padding:0;
		position: absolute;
		margin-left: -320px;
		/*background:rgba(100%,100%,100%,0); 主選單色系選擇*/
	}
}

@media screen and (min-width: 901px) and (max-width: 1050px) {

	.Container_Bottom2 {
		height: 60px;
		width: 100%;
		padding-top: 10px;
		border-top-style: solid;
		border-top-color: #079235;
		border-top-width: 3px;
	}
}

@media screen and (min-width: 0px) and (max-width: 900px) {

	.Container_Bottom2 {
		height: 50px;
		width: 100%;
		padding-top: 10px;
		border-top-style: solid;
		border-top-color: #079235;
		border-top-width: 3px;
	}
}


</style>
</head>


<!---------------------------------------->
<!---------------------------------------->
<!------------------BODY------------------>
<!---------------------------------------->
<!---------------------------------------->

<body>

<div id="Wrapper_Left"></div>
<div id="Wrapper_Right"></div>

<div id="Wrapper">
	<div id="Wrapper_TopPic">
		<div id="NTUXLIHPAO_icon"><img src="https://static.igem.org/mediawiki/2015/c/c7/NTU-Top-NTUXLIHPAO.png"  height="40" /></div>
		<div id="Facebook_icon_pic">
			<a href="https://www.facebook.com/NationalTaiwanUniversityiGEM"><img id="Facebook_icon_hover" src="https://static.igem.org/mediawiki/2015/9/98/NTU-Top-Facebook_icon1.png" /></a></div>
		<div id="iGEM_icon_pic">
			<a href="https://igem.org/Main_Page"><img id="iGEM_icon_hover" src="https://static.igem.org/mediawiki/2015/1/1d/NTU-Top-iGEM_icon1.png" /></a></div>
		<div id="NTU_icon_pic">
			<a href="http://www.ntu.edu.tw/english/index.html"><img id="NTU_icon_hover" src="https://static.igem.org/mediawiki/2015/1/14/NTU-Top-NTU_icon1.png" /></a></div>

		<div class="Slidemenu">
			<ul>
				<li><div class=width_small><a href="https://2015.igem.org/Team:NTU-LIHPAO-Taiwan">Home</a></div>
				</li>

				<li><div class=width_small span style="cursor:default"><a>Team</a></div>
					<ul class="subs">
						<li><a href="https://2015.igem.org/Team:NTU-LIHPAO-Taiwan/Team">Team</a></li>
						<li><a href="https://2015.igem.org/Team:NTU-LIHPAO-Taiwan/Attributions">Attributions</a></li>
					</ul>
				</li>
	
				<li><div class=width_small span style="cursor:default"><div id=Position_Now><a>Project</a></div></div>
					<ul class="subs">
						<li><a href="https://2015.igem.org/Team:NTU-LIHPAO-Taiwan/Description">Description</a></li>
						<li><a href="https://2015.igem.org/Team:NTU-LIHPAO-Taiwan/Design">Design</a></li>
						<li><a href="https://2015.igem.org/Team:NTU-LIHPAO-Taiwan/Results">Results</a></li>
						<li><a href="https://2015.igem.org/Team:NTU-LIHPAO-Taiwan/Modeling">Modeling</a></li>
						<li><a href="https://2015.igem.org/Team:NTU-LIHPAO-Taiwan/Experiments">Protocols</a></li>
					</ul>
				</li>
	
				<li><div class=width_small span style="cursor:default"><a>Parts</a></div>
					<ul class="subs">
						<li><a href="https://2015.igem.org/Team:NTU-LIHPAO-Taiwan/Parts">Team Parts</a></li>
						<li><a href="https://2015.igem.org/Team:NTU-LIHPAO-Taiwan/Basic_Part">Basic Parts</a></li>
						<li><a href="https://2015.igem.org/Team:NTU-LIHPAO-Taiwan/Composite_Part">Composite Parts</a></li>
					</ul>
				</li>
	
				<li><div class=width_small><a href="https://2015.igem.org/Team:NTU-LIHPAO-Taiwan/Notebook">Notebook</a></div>
				</li>
        
				<li><div class=width_small><a href="https://2015.igem.org/Team:NTU-LIHPAO-Taiwan/Safety">Safety</a></div>
				</li>
	
				<li><div class=width_small span style="cursor:default"><a>Society</a></div>
					<ul class="subs">
						<li><a href="https://2015.igem.org/Team:NTU-LIHPAO-Taiwan/Practices">Human Practices</a></li>
						<li><a href="https://2015.igem.org/Team:NTU-LIHPAO-Taiwan/Collaborations">Collaborations</a></li>
						<li><a href="https://2015.igem.org/Team:NTU-LIHPAO-Taiwan/Entrepreneurship">Entrepreneurship</a></li>
					</ul>
				</li>
			</ul>
		</div>
	</div>

	


	<div id="Content_Container">
		<div id="Healthin_Logo_Content"><div id="Healthin_Logo"><img src="https://static.igem.org/mediawiki/2015/6/69/Healthin_White.png" style="max-width: 100%; height: auto"/></div></div>
	<div id="Content">
		<ul class="main-Content">
			<li>
				<span class="title">CPP-PYY</span>
				<ul class="sub-Content">
					<li><a href="#First1">Fusion protein and test part</a></li>
				</ul>
			</li>
			<li>
				<span class="title">Nisin Selection</span>
				<ul class="sub-Content">
					<li><a href="#Second1">Nisin Immunity Test</a></li>
				</ul>
			</li>
			<li>
				<span class="title">Suicide</span>
				<ul class="sub-Content">
					<li><a href="#Third1">Suicide Kill Part</a></li>
					<li><a href="#Third2">Suicide Sence Part</a></li>
				</ul>
			</li>
		</ul>
	</div>
	</div>

	<script>
	(function() {
		var main_Contents = document.querySelectorAll("ul.main-Content>li");
			function ContentOpen(index) {
				for (var i = 0; i < main_Contents.length; i++) {
					var sub_Content = main_Contents[i].querySelector(".sub-Content");
					if (i === index) {
						sub_Content.style.height = '7rem';
					} else {
						sub_Content.style.height = '0';
					}
				}
			}
			function makeContentOpenFunc(index) {
				return function() {
				ContentOpen(index);
			};
		}
 		for (var i = 0; i < main_Contents.length; i++) {
			main_Contents[i].onclick = makeContentOpenFunc(i);
		}
		ContentOpen(0);
	})();
	</script>

	<div id="Articles">
		<div class="ContentBox">
			<div class="ContentHolder">

				<div class="Text1">CPP-PYY</div>
					<div class="Text2" id="First1">Fusion protein and test part</div>
						<div class="Text3"><div class="Text_TitleUnderline">
1.&nbsp;&nbsp;Plasmid construction
						</div></div>
						<div class="Text3">
<b>Signal peptide-PYY-His and His-PYY</b>
						</div>
						<div class="Text3">
We used <i>EcoRI</i> and <i>PstI</i> to digest our inserts and vectors to produce stick ends, and combined them to make recombinant plasmids. After construction of the plasmids, we used <i>EcoRI</i> and <i>PstI</i> and electrophoresis to check the validity.
						</div>
						<div class="Container_Article_Picture11">
							<div class="Article_Picture11">
								<img src="https://static.igem.org/mediawiki/2015/8/84/NTU_CPP-PYY1.jpg" width="550px"/>
								<div class="Article_Spacing"></div>
								<div class="Article_PictureText11"><div class="Text_Picture">[Fig.1-1] Electrophoresis result <a href="https://2015.igem.org/File:NTU_CPP-PYY1.jpg">[Full Size]</a></div></div>
							</div>
						</div>
						<div class="Text3">
After digested with <i>EcoRI</i> and <i>PstI</i>, the plasmids were smaller than that were digested with <i>EcoRI</i>. This result show the construction is successful.
						</div>
						<div class="Text3"></div>
						<div class="Text3">
<b>TAT-PYY</b>
						</div>
						<div class="Container_Article_Picture12">
							<div class="Article_Picture12">
								<img src="https://static.igem.org/mediawiki/2015/6/67/NTU_CPP-PYY2.jpg" width="550px"/>
								<div class="Article_Spacing"></div>
								<div class="Article_PictureText12"><div class="Text_Picture">[Fig.1-2] Electrophoresis result <a href="https://2015.igem.org/File:NTU_CPP-PYY2.jpg">[Full Size]</a></div></div>
							</div>
						</div>
						<div class="Text3">
After digested with <i>EcoRI</i> and <i>PstI</i>, the plasmids were smaller than that digested with <i>EcoRI</i>, and there were bands below, which were our inserts (TAT-PYY). The result show the combination of TAT-PYY DNA sequence and pSB1C3 is completed.
						</div>
						<div class="Text3"></div>
						<div class="Text3">
<b>Y2R</b>
						</div>
						<div class="Container_Article_Picture13">
							<div class="Article_Picture13">
								<img src="https://static.igem.org/mediawiki/2015/f/f8/NTU_CPP-PYY3.jpg" width="550px"/>
								<div class="Article_Spacing"></div>
								<div class="Article_PictureText13"><div class="Text_Picture">[Fig.1-3] Electrophoresis result <a href="https://2015.igem.org/File:NTU_CPP-PYY3.jpg">[Full Size]</a></div></div>
							</div>
						</div>
						<div class="Text3">
After digested with <i>EcoRI</i> and <i>PstI</i>, there were two kinds of bands which were our vectors (upper bands, pcDNA 3.0) and inserts (lower bands, Y2R). The result mean the construction is successful.
						</div>
						<div class="Text3"></div>
						<div class="Text3"><div class="Text_TitleUnderline">
2.&nbsp;&nbsp;Protein expression
						</div></div>
						<div class="Text3">
<b>Signal peptide-PYY-His and negative control</b>
						</div>
						<div class="Container_Article_Picture14">
							<div class="Article_Picture14">
								<img src="https://static.igem.org/mediawiki/2015/8/86/NTU_CPP-PYY4.jpg" width="550px"/>
								<div class="Article_Spacing"></div>
								<div class="Article_PictureText14"><div class="Text_Picture">[Fig.1-4] Western blot result <a href="https://2015.igem.org/File:NTU_CPP-PYY4.jpg">[Full Size]</a></div></div>
							</div>
						</div>
						<div class="Text3">
We transformed plasmid into BL21 competent cell, extracted total protein, and used western blot to check whether the target protein was overexpressed.

						</div>
						<div class="Text3">
We used antibody which would bind His-tag, so the band should appear when target protein perform.
						</div>
						<div class="Text3">
But there are similar bands in both SP and negative control, which mean there are non-specific binding between antibody and other protein, and our target protein didn’t overexpress.
						</div>

				<div class="Text1">Nisin Selection</div>
					<div class="Text2" id="Second1">Nisin Immunity Test</div>
						<div class="Text3"><div class="Text_TitleUnderline">
1.&nbsp;&nbsp;Nisin sensitivity of <i>E. coli</i> transformed with the plasmid expressing <i>nisI</i> in different concentration of nisin
						</div></div>
						<div class="Text3">
The nisin sensitivity of <i>E. coli</i> was tested using agar diffusion method. Overnight cell culture carrying <i>nisI</i> gene was intensely streaked on LB agar plates. Discs containing different concentration of nisin were also put on the plates to examine the sensitivity. The plates were incubated at 37℃ overnight and the diameter of the inhibition zones were measured.
						</div>
						<div class="Container_Article_Picture21">
							<div class="Article_Picture21">
								<img src="https://static.igem.org/mediawiki/2015/c/c1/NTU-Nisin1.png" width="550px"/>
								<div class="Article_Spacing"></div>
								<div class="Article_PictureText21"><div class="Text_Picture">[Fig.2-1] Nisin immunity test <a href="https://2015.igem.org/File:NTU-Nisin1.png">[Full Size]</a></div></div>
							</div>
						</div>
						<div class="Container_Article_Picture22">
							<div class="Article_Picture22">
								<img src="https://static.igem.org/mediawiki/2015/1/1f/NTU-Nisin2.jpg" width="550px"/>
								<div class="Article_Spacing"></div>
								<div class="Article_PictureText22"><div class="Text_Picture">[Fig.2-2] Nisin immunity test <a href="https://2015.igem.org/File:NTU-Nisin2.jpg">[Full Size]</a></div></div>
							</div>
						</div>
						<div class="Text3">
The result shows that in the low concentration of the nisin, <i>E. coli</i> has the immunity towards nisin. From the pictures shown above, there are no evident zones of inhibition in 0, 20, 50 IU. Therefore, we can assure that <i>E. coli</i> can expel nisin out of the cell body and survive well.
						</div>
						<div class="Text3"></div>
						<div class="Text3"><div class="Text_TitleUnderline">
2.&nbsp;&nbsp;Nisin sensitivity of <i>E. coli</i> which cell wall is weakened by EDTA and transformed with the plasmid expressing <i>nisI</i> in different concentrations of nisin
						</div></div>
						<div class="Text3">
Overnight <i>E. coli</i> cell culture was refreshed to O.D.<sub>600</sub> ~ 0.1 and then the LB broth was replaced by cell buffer containing 40 mM of EDTA. 100 µL of cell culture was mixed with the same volume of nisin solution of various concentrations and incubated at 37℃ for 1 hour. After that, nisin solution was removed by centrifuge. The cell culture that went through serial dilution to 10<sup>-4</sup> was dispersed on LB agar plates and incubated at 37℃ overnight to calculate the living amount of bacteria.
						</div>
						<div class="Container_Article_Picture23">
							<div class="Article_Picture23">
								<img src="https://static.igem.org/mediawiki/2015/4/4b/NTU-Nisin3.jpg" width="550px"/>
								<div class="Article_Spacing"></div>
								<div class="Article_PictureText23"><div class="Text_Picture">[Fig.2-3] Nisin immunity test treated with EDTA <a href="https://2015.igem.org/File:NTU-Nisin3.jpg">[Full Size]</a></div></div>
							</div>
						</div>
						<div class="Text3">
When treated with EDTA, a chelate that can weaken the outer membrane of <i>E. coli</i>, nisin was more likely to enter the cell body. Furthermore, we can easily deduce the factor, like cell wall thickness that influences the ability of nisin resistancy. From the result above, we can see that the higher concentration of nisin solution, the less the bacterial colonies, which indicates that the gene <i>nisI</i> help <i>E. coli</i> to get the ability to resist nisin.
						</div>

				<div class="Text1">Suicide</div>
					<div class="Text2" id="Third1">Suicide Kill Part</div>
						<div class="Text3"><div class="Text_TitleUnderline">
1.&nbsp;&nbsp;Plasmid construct
						</div></div>
						<div class="Text3">
2015/08/14
						</div>
						<div class="Text3">
[1] Gel electrophoresis
						</div>
						<div class="Container_Article_Picture31">
							<div class="Article_Picture31">
								<img src="https://static.igem.org/mediawiki/2015/9/99/NTU_Suiside1.jpg" width="550px"/>
								<div class="Article_Spacing"></div>
								<div class="Article_PictureText31"><div class="Text_Picture">[Fig.3-1] pC1-RBS-NucA-Ter-pSB1C3(nucA) <a href="https://2015.igem.org/File:NTU_Suiside1.jpg">[Full Size]</a></div></div>
							</div>
						</div>
						<div class="Text3">
[2] NucA(B) SEQUENCING
						</div>
						<div class="Container_Article_Picture32">
							<div class="Article_Picture32">
								<img src="https://static.igem.org/mediawiki/2015/f/f4/NTU_Suiside2.jpg" width="550px"/>
								<div class="Article_Spacing"></div>
								<div class="Article_PictureText32"><div class="Text_Picture">[Fig.3-2] NucA(B) SEQUENCING <a href="https://2015.igem.org/File:NTU_Suiside2.jpg">[Full Size]</a></div></div>
							</div>
						</div>
						<div class="Text3">
There is no consistence between our gene and sequencing.
						</div>
						<div class="Text3"></div>
						<div class="Text3">
2015/08/19
						</div>
						<div class="Text3">
[1] Gel electrophoresis
						</div>
						<div class="Container_Article_Picture33">
							<div class="Article_Picture33">
								<img src="https://static.igem.org/mediawiki/2015/4/40/NTU_Suiside3.jpg" width="550px"/>
								<div class="Article_Spacing"></div>
								<div class="Article_PictureText33"><div class="Text_Picture">[Fig.3-3] pC1-RBS-NucA-Ter-pSB1C3(nucA) <a href="https://2015.igem.org/File:NTU_Suiside3.jpg">[Full Size]</a></div></div>
							</div>
						</div>
						<div class="Text3">
[2] NucA(C) SEQUENCING
						</div>
						<div class="Container_Article_Picture34">
							<div class="Article_Picture34">
								<img src="https://static.igem.org/mediawiki/2015/9/9b/NTU_Suiside4.jpg" width="550px"/>
								<div class="Article_Spacing"></div>
								<div class="Article_PictureText34"><div class="Text_Picture">[Fig.3-4] NucA(C) SEQUENCING <a href="https://2015.igem.org/File:NTU_Suiside4.jpg">[Full Size]</a></div></div>
							</div>
						</div>
						<div class="Text3">
There is no consistence between our gene and sequencing.
						</div>
						<div class="Text3"></div>
						<div class="Text3">
2015/08/24
						</div>
						<div class="Text3">
[1] Gel electrophoresis
						</div>
						<div class="Container_Article_Picture35">
							<div class="Article_Picture35">
								<img src="https://static.igem.org/mediawiki/2015/1/11/NTU_Suiside5.jpg" width="550px"/>
								<div class="Article_Spacing"></div>
								<div class="Article_PictureText35"><div class="Text_Picture">[Fig.3-5] pC1-RBS-NucA-Ter-pSB1C3(nucA) <a href="https://2015.igem.org/File:NTU_Suiside5.jpg">[Full Size]</a></div></div>
							</div>
						</div>
						<div class="Text3">
Result
						</div>
						<div class="Text3">
From the test 1 and 2, we proof that nuclease A have its function and it can cut the genomic DNA and plasmid DNA, because we found that the sequencing result have no consistence with our gene sequence. From the test 3, we can assure that nuclease A can really cut the DNA because we acquire a lot of weird band in the gel electrophoresis. Maybe the band we get is the genomic DNA which is cut by nuclease A.
						</div>
						<div class="Text3"></div>
						<div class="Text3"><div class="Text_TitleUnderline">
2.&nbsp;&nbsp;<i>E. coli</i> growth curve
						</div></div>
						<div class="Text3">
Furthermore, we compare the wild type <i>E. coli</i> and the <i>E. coli</i> transformed with <i>nucA</i> , that cause the cell death.
						</div>
						<div class="Container_Article_Picture36">
							<div class="Article_Picture36">
								<img src="https://static.igem.org/mediawiki/2015/f/fa/NTU_Suiside6.jpg" width="550px"/>
								<div class="Article_Spacing"></div>
								<div class="Article_PictureText36"><div class="Text_Picture">[Fig.3-6] <i>E. coli</i> growth curve
 <a href="https://2015.igem.org/File:NTU_Suiside6.jpg">[Full Size]</a></div></div>
							</div>
						</div>
						<div class="Container_Article_Picture37">
							<div class="Article_Picture37">
								<img src="https://static.igem.org/mediawiki/2015/0/09/NTU_Suiside7.jpg" width="550px"/>
								<div class="Article_Spacing"></div>
								<div class="Article_PictureText37"><div class="Text_Picture">[Fig.3-7] <i>nucA</i> growth curve
 <a href="https://2015.igem.org/File:NTU_Suiside7.jpg">[Full Size]</a></div></div>
							</div>
						</div>
						<div class="Text3">
From the growth curve, we find a evident difference between the empty plasmid and the suicide plasmid. We can proof the function of the <i>nucA</i>.
						</div>

					<div class="Text2" id="Third2">Suicide Sence Part</div>
						<div class="Text3"><div class="Text_TitleUnderline">
1.&nbsp;&nbsp;For <i>L. casei</i>
						</div></div>
						<div class="Text3">
[1] Gel electrophoresis
						</div>
						<div class="Container_Article_Picture38">
							<div class="Article_Picture38">
								<img src="https://static.igem.org/mediawiki/2015/7/75/NTU_Suiside8.jpg" width="550px"/>
								<div class="Article_Spacing"></div>
								<div class="Article_PictureText38"><div class="Text_Picture">[Fig.3-8] plac-RBS-CI-Ter-pSB1C3(Plac) <a href="https://2015.igem.org/File:NTU_Suiside8.jpg">[Full Size]</a></div></div>
							</div>
						</div>
						<div class="Text3">
[2] Transformation
						</div>
						<div class="Container_Article_Picture39">
							<div class="Article_Picture39">
								<img src="https://static.igem.org/mediawiki/2015/1/11/NTU_Suiside9.jpg" width="446px"/>
								<div class="Article_Spacing"></div>
								<div class="Article_PictureText39"><div class="Text_Picture">[Fig.3-9] Transformation <a href="https://2015.igem.org/File:NTU_Suiside9.jpg">[Full Size]</a></div></div>
							</div>
						</div>
						<div class="Text3">
From the gel electrophoresis, we make sure the plasmid we construct in the <i>E. coli</i> is correct. However, our transformation in the <i>L. casei</i> always failed in all kinds of electroporation voltage and time.
						</div>
						<div class="Text3"></div>
						<div class="Text3"><div class="Text_TitleUnderline">
2.&nbsp;&nbsp;For <i>E. coli</i>
						</div></div>
						<div class="Text3">
[1] Gel electrophoresis
						</div>
						<div class="Container_Article_Picture310">
							<div class="Article_Picture310">
								<img src="https://static.igem.org/mediawiki/2015/e/e4/NTU_Suiside10.jpg" width="550px"/>
								<div class="Article_Spacing"></div>
								<div class="Article_PictureText310"><div class="Text_Picture">[Fig.3-10] plac-RBS-CI-Ter-pSB1C3(PlacE) <a href="https://2015.igem.org/File:NTU_Suiside10.jpg">[Full Size]</a></div></div>
							</div>
						</div>
						<div class="Text3">
It should have a 3K band in A1 B1 C1, but we found that there are 2k band. Maybe our ligation is not successful. Also we can not find 3K band in A1 B1.
						</div>
						<div class="Text3">
[2] Gel electrophoresis
						</div>
						<div class="Container_Article_Picture311">
							<div class="Article_Picture311">
								<img src="https://static.igem.org/mediawiki/2015/0/0b/NTU_Suiside11.jpg" width="550px"/>
								<div class="Article_Spacing"></div>
								<div class="Article_PictureText311"><div class="Text_Picture">[Fig.3-11] plac-RBS-CI-Ter-pSB1C3(PlacE) <a href="https://2015.igem.org/File:NTU_Suiside11.jpg">[Full Size]</a></div></div>
							</div>
						</div>
						<div class="Text3">
We can not find any band in A, B, C so we presume that its ligation failed.
In sample D, E, F we found that there are no 2K and 1K band. Therefore, we think ligation failed.
						</div>





						<div class="Container_Bottom1"></div>
						<div class="Container_Bottom2">
							<div class="Intro_Picture">
								<div id="NTUschool_logo"><a href="http://www.ntu.edu.tw/english/index.html"><img src="https://static.igem.org/mediawiki/2015/d/de/NTUschool_icon.png"  style="max-width: 100%; max-height: 70px"/></a></div>
								<div id="LIHPAO_logo"><a href="http://www.llsc.com.tw/"><img src="https://static.igem.org/mediawiki/2015/d/d4/LIHPAO_logo.png" style="max-width: 100%; max-height: 70px"/></a></div>
								<div id="NTUBST_logo"><a href="http://www.bst.ntu.edu.tw/BST-new/NTUBST.html"><img src="https://static.igem.org/mediawiki/2015/6/68/NTUBST_logo.png" style="max-width: 100%; max-height: 70px"/></a></div>
							</div>
						</div>
						<div class="Text_Sponsor">
							Maintained by the iGEM team NTU-LIHPAO-Taiwan&nbsp;&nbsp;&nbsp;&nbsp;©2015 NTU-LIHPAO-Taiwan
						</div>

			</div>
		</div>
	</div>

	<script>
	$('.sub-Content>li a').click(function() {
		console.log(this.hash);
		if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') || location.hostname == this.hostname) {
			var target = $('[id="'+this.hash.substring(1)+'"]');
			target = target.length ? target : $('[name="' + this.hash.slice(1) +'"]');
			if (target.length) {
				$('html,body').animate({
					scrollTop: target.offset().top-55
				}, 700);
				return false;
			}
		}
	});
	
	$('.title').click(function() {
		console.log(this.hash);
		if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') || location.hostname == this.hostname) {
			var target = $('[id="'+this.hash.substring(1)+'"]');
			target = target.length ? target : $('[name="' + this.hash.slice(1) +'"]');
			if (target.length) {
				$('html,body').animate({
					scrollTop: target.offset().top-55
				}, 700);
				return false;
			}
		}
	});
	
	$('.Text3 > a').click(function() {
		console.log(this.hash);
		if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') || location.hostname == this.hostname) {
			var target = $('[id="'+this.hash.substring(1)+'"]');
			target = target.length ? target : $('[name="' + this.hash.slice(1) +'"]');
			if (target.length) {
				$('html,body').animate({
					scrollTop: target.offset().top-55
				}, 700);
				return false;
			}
		}
	});
	</script>
</div>

</body>
</html>