Team:LZU-China/NotebookC

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns=" http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>LZU-China 2014</title>
<style type="text/css">

body,ul,li,ol{list-style:none;padding:0px;margin:0px;font-size:12px;font-family:微软雅黑;}
img{border:0px;}
.picList{width:100%;float:left;}
.picList .col{width:600px;height:397px;position:relative;overflow:hidden;float:left;margin:10px 0 0 10px;}
.picList .col img,.col a{position:absolute;top:0px;left:0px;}
.picList .col img{width:100%;}
.picList .col a{display:block;width:580;height:377px;top:357px;background:rgba(0,0,0,0.7);color:white;font-style:normal;line-height:25px;padding:10px;opacity:0.8;text-decoration:none;}
.msg{float:left;width:900px;position:relative;left:50%;margin:30px 0 0 -450px;font-size:14px;}

.picList2{width:100%;float:left;}
.picList2 .col{width:600px;height:397px;position:relative;overflow:hidden;float:left;margin:10px 0 0 10px;}
.picList2 .col img,.col a{position:absolute;top:0px;left:0px;}
.picList2 .col img{width:100%;}
.picList2 .col a{display:block;width:580;height:377px;top:357px;background:rgba(0,0,0,0.7);color:white;font-style:normal;line-height:25px;padding:10px;opacity:0.8;text-decoration:none;}
.msg{float:left;width:900px;position:relative;left:50%;margin:30px 0 0 -450px;font-size:14px;}

.picList3{width:100%;float:left;}
.picList3 .col{width:600px;height:397px;position:relative;overflow:hidden;float:left;margin:10px 0 0 10px;}
.picList3 .col img,.col a{position:absolute;top:0px;left:0px;}
.picList3 .col img{width:100%;}
.picList3 .col a{
	display:block;
	width:580;
	height:377px;
	top:357px;
	background:rgba(0,0,0,0.7);
	color:white;
	font-style:normal;
	line-height:25px;
	padding:10px;
	opacity:0.8;
	text-decoration:none;
}
.msg{float:left;width:900px;position:relative;left:50%;margin:30px 0 0 -450px;font-size:14px;}

.picList4{width:100%;float:left;}
.picList4 .col{width:600px;height:397px;position:relative;overflow:hidden;float:left;margin:10px 0 0 10px;}
.picList4 .col img,.col a{position:absolute;top:0px;left:0px;}
.picList4 .col img{width:100%;}
.picList4 .col a{display:block;width:580;height:377px;top:357px;background:rgba(0,0,0,0.7);color:white;font-style:normal;line-height:25px;padding:10px;opacity:0.8;text-decoration:none;}
.msg{float:left;width:900px;position:relative;left:50%;margin:30px 0 0 -450px;font-size:14px;}

.picList5{width:100%;float:left;}
.picList5 .col{width:600px;height:397px;position:relative;overflow:hidden;float:left;margin:10px 0 0 10px;}
.picList5 .col img,.col a{position:absolute;top:0px;left:0px;}
.picList5 .col img{width:100%;}
.picList5 .col a{display:block;width:580;height:377px;top:357px;background:rgba(0,0,0,0.7);color:white;font-style:normal;line-height:25px;padding:10px;opacity:0.8;text-decoration:none;}
.msg{float:left;width:900px;position:relative;left:50%;margin:30px 0 0 -450px;font-size:14px;}

.picList6{width:100%;float:left;}
.picList6 .col{width:600px;height:397px;position:relative;overflow:hidden;float:left;margin:10px 0 0 10px;}
.picList6 .col img,.col a{position:absolute;top:0px;left:0px;}
.picList6 .col img{width:100%;}
.picList6 .col a{display:block;width:580;height:377px;top:357px;background:rgba(0,0,0,0.7);color:white;font-style:normal;line-height:25px;padding:10px;opacity:0.8;text-decoration:none;}
.msg{float:left;width:900px;position:relative;left:50%;margin:30px 0 0 -450px;font-size:14px;}

.picList7{width:100%;float:left;}
.picList7 .col{width:600px;height:397px;position:relative;overflow:hidden;float:left;margin:10px 0 0 10px;}
.picList7 .col img,.col a{position:absolute;top:0px;left:0px;}
.picList7 .col img{width:100%;}
.picList7 .col a{display:block;width:580;height:377px;top:357px;background:rgba(0,0,0,0.7);color:white;font-style:normal;line-height:25px;padding:10px;opacity:0.8;text-decoration:none;}
.msg{float:left;width:900px;position:relative;left:50%;margin:30px 0 0 -450px;font-size:14px;}

.picList8{width:100%;float:left;}
.picList8 .col{width:600px;height:397px;position:relative;overflow:hidden;float:left;margin:10px 0 0 10px;}
.picList8 .col img,.col a{position:absolute;top:0px;left:0px;}
.picList8 .col img{width:100%;}
.picList8 .col a{display:block;width:580;height:377px;top:357px;background:rgba(0,0,0,0.7);color:white;font-style:normal;line-height:25px;padding:10px;opacity:0.8;text-decoration:none;}
.msg{float:left;width:900px;position:relative;left:50%;margin:30px 0 0 -450px;font-size:14px;}

*{margin:0px;padding:0px;}
body{background:#b1b1b1;margin:0px;padding:0px;font-size:14px;color:#000;}
b#p1, b#p2, b#p3, b#p4, b#p5 {display:none;}
#accordian {padding:0; margin:20px auto; list-style:none; width:730px; height:300px; overflow:hidden; position:relative; border:1px solid #682;}
#accordian li {width:50px; height:300px; float:left;
	-moz-transition: 0.7s;
	-ms-transition: 0.7s;
	-o-transition: 0.7s;
	-webkit-transition: 0.7s;
	transition: 0.7s;
}
#accordian div {width:530px; height:300px; position:relative;}
#accordian div span {display:block; background:rgba(0,0,0,.3); width:460px; height:30px; position:absolute; bottom:300px; right:0; padding:10px; color:#fff; font:normal 13px/30px 'georgia', serif; border-top:1px solid #000;
}
#accordian div span a {color:#fff;}
#accordian li div > a {display:block; width:49px; height:300px; float:left; position:relative; color:#fff; text-decoration:none;box-shadow:-10px 0 10px -10px rgba(0,0,0,0.6);}
#accordian li div > a b {display:block; width:280px; padding-left:20px; height:50px; position:absolute; left:50px; bottom:0; font:bold 24px/50px 'georgia', serif; text-shadow:0 0 2px rgba(0, 0, 0, 0.6);
	transform: rotate(-90deg);
	transform-origin:bottom left;
	-ms-transform: rotate(-90deg);
	-ms-transform-origin:bottom left;
	-webkit-transform: rotate(-90deg);
	-webkit-transform-origin:bottom left;
	-moz-transform: rotate(-90deg);
	-moz-transform-origin:bottom left;
	-o-transform: rotate(-90deg);
	-o-transform-origin:bottom left;
}
#accordian li div > a b {*left:0;}
#accordian li img {display:block; float:left;}
#accordian li.p1 {width:530px;}
#accordian li.p1 div span {bottom:0;}
#accordian li a.a1 {background:#b33866; border-left:1px solid #682;}
#accordian li a.a2 {background:#8d4984; border-left:1px solid #9b5;}
#accordian li a.a3 {background:#6559a1; border-left:1px solid #ce5;}
#accordian li a.a4 {background:#3c6cc0; border-left:1px solid #ef7;}
#accordian li a.a5 {background:#187adb; border-left:1px solid #28b;}
#p1:target ~ #accordian li {width:50px;}
#p1:target ~ #accordian li div span {bottom:300px;}
#p1:target ~ #accordian li.p1 {width:530px;}
#p1:target ~ #accordian li.p1 div span {bottom:0;}
#p2:target ~ #accordian li {width:50px;}
#p2:target ~ #accordian li div span {bottom:300px;}
#p2:target ~ #accordian li.p2 {width:530px;}
#p2:target ~ #accordian li.p2 div span {bottom:0;}
#p3:target ~ #accordian li {width:50px;}
#p3:target ~ #accordian li div span {bottom:300px;}
#p3:target ~ #accordian li.p3 {width:530px;}
#p3:target ~ #accordian li.p3 div span {bottom:0;}
#p4:target ~ #accordian li {width:50px;}
#p4:target ~ #accordian li div span {bottom:300px;}
#p4:target ~ #accordian li.p4 {width:530px;}
#p4:target ~ #accordian li.p4 div span {bottom:0;}
#p5:target ~ #accordian li {width:50px;}
#p5:target ~ #accordian li div span {bottom:300px;}
#p5:target ~ #accordian li.p5 {width:530px;}
#p5:target ~ #accordian li.p5 div span {bottom:0;}


#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/

.firstHeading {
	width: 975px; 
	margin: 0px auto;
	padding-top: 100px;
	margin-bottom: 20px;
	font-family: Georgia, Times, "Times New Roman", serif; 
}

h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;}

#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
	background-color: #383838;
	border: 0 none;
	height: 14px;
	z-index: 100;
	top: 0;
	position: fixed;
	width: 975px; 
	left: 50%; 
	margin-left: -487px;
}

#top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/
	background-color: #383838;
	height: 14px;
	display: block;
	z-index: 10;
	position: fixed;
	width: 100%;
	top: 0;
}

#menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover { /*-- styling for default menu bar links (edit, page, history, etc.) --*/
	color: #727272; 
	text-decoration: none; 
	background-color: transparent;
}

body { 
	background-color: #fff;
}

#globalWrapper, #content { /*-- changes default wiki settings --*/
	width: 100%; 
	height: 100%;
	border: 0px;
	background-color: transparent;
	margin: 0px;
	padding: 0px;
}

html, body, .wrapper { /*-- changes default wiki settings --*/
	width: 100%; 
	height: 100%; 
	background-color: transparent; 	
}

#contentcontainer { /*-- creates container for all content on page --*/
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: normal; 
	font-size: 14px; 
	color: #414141;
	width: 960px; 
	margin-left: auto; 
	margin-right: auto; 
	background-color: #transparent; 
	margin-top: 0px; 
}

.sidemenu, .sidemenu li { 
	list-style-type: none; 
	list-style-image: none; 
	font-family: verdana; 
	text-decoration: none; 
	color:#000; 
	font-size: 14px;
}

.sidemenu li {display: block;}

.sidemenu a {
	text-decoration:none; 
	color: #000;
	display: block; 
	width: 180px; 
	height: 100%; 
	padding: 3px 5px; 
	transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-webkit-transition: .25s ease-in-out;
} 

.sidemenu a.greyout { color: #909090; }

.sidemenu a:hover {
	color:#666; 
	background-color: #d9f5aa;
}

.sub-sidemenu {font-size: 10px; margin-bottom: 20px; color: #666; display: none;}
.sub-sidemenu a {color: #666;}

div.underconst
{
padding:10px;
border-radius:5px;
background-color:pink;
text-align:center;
}

a.anchor{display: block; position: relative; top: -80px; visibility: hidden;}

.contentpara {margin-bottom: 30px;}

span.email{font-family: monospace; font-weight: normal;}

fieldset {border: 1px solid #337f53;}

.greyout {color: #A0A0A0;}
.highlightme {background-color: #FFFF00;}

#alertContainer {border: 2px solid red; margin-bottom: 10px; width: 936px;}
#annContainer {margin-left: 8px;}
#newsContainer {border: 1px solid #ccc;}

.newsTitle {
	display: block; 
	color: #414141;
	font-size: 25px;  
        font-family: Georgia, Times, "Times New Roman", serif;
	padding: 10px 15px 5px 10px; 
	border-bottom: 1px solid #ccc; 
	margin-bottom: 0px; 
}

.newsItem {
	border-bottom: 1px solid #ccc; 
	display: block; 
	padding: 5px 15px 0px 10px; 
	margin-bottom: 0px; 
}

.newsItem h3 {
	width: auto; 
	display: inline; 
	font-size: 14px; 
	font-family: Arial, Helvetica, sans-serif; 
	padding: 0px; 
	margin: 0px;
}

.newsItem img {
	float: right; 
	clear: right; 
	width: 80px; 
	padding-left: 15px;
	display: inline-block; 
}

.newsItem .newsDate {
	font-style: italic; 
	font-size: 14px; 
	display: inline-block; 
	color: #999; 
	float: right; 
	padding: 0px 0px 10px 15px;
}

.newsItem p, .newsItem ul, .newsItem li {
	padding: 0px; 
	margin-left: 20px; 
	font-size: 12px; 
	line-height: 1.2;
}

.newsItem p {margin-top: 10px;}

.annItem {
	border: 2px solid #49b677; 
	display: block; 
	padding: 0px 15px 10px 10px; 
	margin-bottom: 18px; 
	position: relative; 
	height: 160px; 
	vertical-align: middle;
}

.annItem .annCentered {
	display: table-cell; 
	vertical-align: middle; 
	height: 160px;
}

.annCentered h3 {
	padding: 0px;
	display: block; 
	margin-left: auto; 
	margin-right: auto; 
	text-align: center;
}

.annItem ul, .annItem li {padding: 0px; margin: 0px;}
.annItem li {list-style: none; margin: 5px}

@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,figure{
	margin:0;
	padding:0;
	font-size: 14px;
	text-align: left;
}
html{background-color:#e9ecec}
table{table-layout:fixed;border-collapse:collapse}
section,article,aside,header,footer,nav,dialog,figure{display:block}
.clearfix:after{content:"\20";display:block;height:0;line-height:0;font-size:0;clear:both}
body,button,input,select,textarea,td,th{color:#333;font:12px/1.5 tahoma,arial,\5b8b\4f53}
h1,h2,h3,h4,h5,h6{font-size:100%}
address,cite,dfn,em,var{font-style:normal}
code,kbd,pre,samp{font-family:courier new,courier,monospace}
small{font-size:12px}ul,ol{list-style:none}a{text-decoration:none;color:#06C}
a:hover{text-decoration:underline;color:#06C}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
legend{color:#000}
fieldset,img{border:0 none}
button,input,select,textarea{font-size:100%}
table{
	border-collapse:collapse;
	border-spacing:0;
	text-align: center;
}
input:focus{outline:none}
.hd-main{height:60px;background:#fff;z-index:15;border-bottom:#b3b3b3 1px solid;box-shadow:0 0 5px #333}
.f-icon{background-image:url('http://www.codefans.net/jscss/demoimg/201403//frame-icon.png');background-repeat:no-repeat}
.hd-main{padding:0 5px;height:49px;min-width:800px;background:#252525;border-bottom:0}
.hd-main .has-pulldown{cursor:pointer;position:relative;*z-index:10000}
.hd-main .pulldown{position:absolute;cursor:default;display:none;top:30px;left:0}
.hd-main .pulldown .arrow{*margin-bottom:-1px;_margin-bottom:0;height:0;width:0;font-size:0;line-height:0;border-width:7px;border-style:solid;border-color:transparent transparent rgba(255, 255, 255,0.8) transparent;_filter:chroma(color=tomato);_border-color:tomato tomato rgba(255, 255, 255,0.8) tomato;position:relative;display:block;left:20px;z-index:7}
.hd-main .pulldown .content{background:rgba(255, 255, 255,0.8);color:#333;text-align:left;border-radius:3px;border:rgb(175,175,175) 1px solid;border-width:0 1px 1px 1px;box-shadow:0 2px 4px rgba(0,0,0,.2);position:relative;z-index:6}
.hd-main .pulldown-canvas{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;filter:alpha(opacity=0)}
.hd-main .logo{background-image:url('https://static.igem.org/mediawiki/2014/7/72/2014logomin.png');background-repeat:no-repeat;display:block;height:36px;width:175px;float:left;margin-left:10px;background-position:0 0;margin-top:5px;display:inline}
.hd-main .navs{padding:0 0 3px 25px;height:45px;float:left}
.hd-main .navs a,.hd-main .info a,.hd-main .navs a:visited,.hd-main .info a:visited,.hd-main .navs a:active,.hd-main .info a:active{color:#d8d8d8}
.hd-main .navs a:hover,.hd-main .navs a:active{text-decoration:none;background-color:#0f0f0f}
.hd-main .navs .def-nav,.hd-main .navs .pulldown-nav,.hd-main .navs .separate{display:block;float:left;height:48px;font:18px/30px "Microsoft YaHei","Microsoft JhengHei";color:#d8d8d8;text-align:center;width:125px;line-height:48px}
.hd-main .navs .def-nav .app-url{left:185px;width:425px;top:48px}
.hd-main .navs .def-nav .pulldown-canvas-url{width:575px;height:109px}
.hd-main .navs .def-nav .app-url .arrow{left:140px}
.hd-main .navs .app-url .content{padding:17px 0 0 22px;height:91px}
.hd-main .navs .app-url .content a,.hd-main .navs .app-url .content a:hover{color:#333}
.hd-main .navs .app-url .li{cursor:pointer;padding-top:8px;width:66px;height:66px;border-radius:3px;display:block;float:left;text-align:center}
.hd-main .navs .app-url .li:hover{background-color:#e0e1e5}
.hd-main .navs .app-url .li .icon{margin:0 auto;width:50px;height:50px;display:block;background:url('https://static.igem.org/mediawiki/2014/9/94/Icons50X50nb.png') no-repeat}
.hd-main .navs .app-url .li:hover .icon{background-image:url('https://static.igem.org/mediawiki/2014/9/94/Icons50X50nb.png')}
.hd-main .navs .app-url .tongxunlu .icon{background-position:-50px 0}
.hd-main .navs .app-url .xiangce .icon{background-position:-100px 0}
.hd-main .navs .app-url .note .icon{background-position:-150px 0}
.hd-main .navs .app-url .duanxin .icon{background-position:-200px 0}
.hd-main .navs .app-url .zhaohui .icon{background-position:-250px 0}
.hd-main .navs .app-url .youxi .icon{background-position:-300px 0}
.hd-main .navs .app-url .li .text{height:30px;display:block;font:10px/30px "Microsoft YaHei","Microsoft JhengHei"}
.hd-main .navs .separate{margin:0;height:48px;width:2px;background:#2A2B2D}
.hd-main .navs .pulldown-nav{position:relative}
.hd-main .navs .pulldown-nav em{
	position:absolute;
	display:block;
	left:99px;
	top:18px;
	height:12px;
	width:12px;
	font-size:0;
	background-position:-89px -45px
}
.hd-main .navs .pulldown-nav:hover .f-icon,.hd-main .navs .pulldown-nav:active .f-icon{position:absolute;display:block;right:11px;top:18px;height:12px;width:12px;font-size:0;background-position:-89px -55px}
.hd-main .navs .current,.hd-main .navs .current .pulldown-nav{font-weight:bold;color:#FFF;display:inline-block;width:125px;height:49px;background-color:#0f0f0f;text-align:center;line-height:48px}
.hd-main .navs .current:hover{color:#ECECEC}
.hd-main .navs .current .hover{background-color:#dedede;color:#333;}
.hd-main .info,.hd-main .info ul{height:36px;float:right;text-align:right;margin-top:3px;white-space:nowrap}
.hd-main .info a{color:#d8d8d8}
.hd-main .info a:hover{color:#FFF;text-decoration:underline}
.hd-main .info .info-i{padding:0 10px;margin:10px 0;display:inline-block;*display:inline;*zoom:1;height:16px;border-right:#393939 1px solid;color:#d8d8d8;font:12px/16px "SimSun"}
.hd-main{padding:0 5px;height:49px;min-width:800px;background:#252525;border-bottom:0}
.hd-main .info .has-pulldown{padding-right:28px}
.hd-main .info .has-pulldown .pull-arrow{position:absolute;display:block;right:10px;top:1px;height:12px;width:12px;font-size:0;background-position:-89px -45px}
.hd-main .info .no-separate{border:none}
.hd-main .info .user-name{position:relative;padding-left:24px}
.hd-main .info .user-name .name{display:inline-block;display:inline\0;white-space:nowrap;max-width:75px;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom}
.hd-main .info .user-name .identity{position:absolute;top:0;left:0;height:16px;width:16px;background-position:-89px -88px}
.hd-main .info .user-name .is-vip{background-position:-89px -68px}
.hd-main .info .user-info,.hd-main .info .more-info{top:9px;left:auto;right:-24px;width:170px} /*User栏目宽度*/
.hd-main .info .notice-nu{display:inline-block;padding-left:4px;background-position:-86px -109px;height:14px;-webkit-text-size-adjust:none;font-size:10px;font-style:normal}
.hd-main .info .notice-nu .f-icon{display:inline-block;padding-right:4px;background-position:right -109px;color:#FFF}  /*此处原为#FFF*/
.hd-main .info .user-info .arrow{left:70px;*left:-32px}
.hd-main .info .user-info .content,.hd-main .info .more-info .content{padding:10px 0;height:180px}
.hd-main .info .more{padding:0;display:inline;line-height:inherit;background:none}
.hd-main .info .more-info .content{height:150px}
.hd-main .info .user-info .content a,.hd-main .info .more-info .content a{display:block;padding-left:33px;height:30px;line-height:30px;color:#888}
.hd-main .info .user-info .content a:hover,.hd-main .info .more-info .content a:hover{color:#333;text-decoration:none;background:#e0e1e5}
.hd-main .info .user-info .li,.hd-main .info .more-info .li{display:block;padding:2px 0;height:30px}
.hd-main .info .user-info .separate-li,.hd-main .info .more-info .separate-li{display:block;margin:3px 11px;border-top:#EBEBEC 1px solid;border-bottom:#FFF 1px solid}
.hd-main .info .more-info{right:0}
.hd-main .info .more-info .arrow{left:94px;*left:-8px}
#apDiv1 {
	position:absolute;
	left:3px;
	top:4px;
	width:100%;
	height:900px;
	z-index:0;
	background-color: #66CCFF;
}
/*<![CDATA[*/
body {
	margin:0;
	padding:0 10px 0 10px;
	border:0;
	height:100%;
	overflow:auto;
	background-color: #FFF;
}
#menu {right:0; top:0; width:100%; position:fixed; padding:10px; text-align:center; font-weight:bold; background:rgba(0,83,163,0);}
* html #menu {position:absolute; right:16px; top:0;}/*only for ie*/
html {overflow:auto !important; overflow:hidden;}

#apDiv2 {
	position:absolute;
	left:0;
	top:50px;
	width:100%;
	height:265px;
	z-index:0;
	background-color: #187BDB;
}
#apDiv3 {
	position:absolute;
	left:0px;
	top:328px;
	width:100%;
	height:150px;
	z-index:0;
}
#apDiv3 table tr td p {
	font-size: 15px;
	text-align: left;
}
#apDiv4 {
	position:absolute;
	left:0;
	top:10704px;
	width:100%;
	height:56px;
	z-index:0;
}
#apDiv5 {
	position:absolute;
	left:0;
	top:5588px;
	width:100%;
	height:25;
	z-index:1;
	background-color: #5FC1C5;
}
#apDiv3 div {
	font-size: 46px;
	text-align: center;
}
#apDiv4 table tr td div {
	font-size: 45px;
	color: #000;
	text-align: left;
}
#apDiv4 table tr td table tr td {
	font-size: 16px;
	line-height: 30px;
}
body,td,th {
	color: #000;
}
#apDiv6 {
	position:absolute;
	left:575px;
	top:5477px;
	width:220px;
	height:221px;
	z-index:2;
}
#apDiv2 table tr td p {
	font-size: 45px;
	text-align: center;
	color: #FFF;
	font-weight: bold;
}
#apDiv7 {
	position:absolute;
	left:50%;
	top:226px;
	width:257px;
	height:151px;
	z-index:auto;
}
#apDiv3 div {
	font-size: 14px;
}
#apDiv8 {
	position:absolute;
	left:0;
	top:680px;
	width:100%;
	height:470px;
	z-index:0;
}
#apDiv4 table tr td table tr td p {
	font-size: 18px;
	line-height: 32px;
}
#apDiv8 table tr td table tr td {
	font-size: 45px;
}
#apDiv8 table tr td table tr td p {
	font-size: 18px;
	line-height: 31px;
}
#apDiv9 {
	position:absolute;
	left:610px;
	top:6246px;
	width:100%;
	height:55px;
	z-index:4;
}
#apDiv9 table tr td table tr td table tr td {
	font-size: 35px;
}
#apDiv9 table tr td table tr td table tr td p {
	font-size: 18px;
	line-height: 31px;
}
#apDiv4 table tr td table tr td div div {
	font-size: 15px;
}
#apDiv4 table tr td table tr td table tr td {
	font-size: 15px;
}
#apDiv4 table tr td table tr td table tr td {
	font-size: 15px;
}
#apDiv8 table tr td table tr td table tr td {
	font-size: 18px;
}
#apDiv10 {
	position:absolute;
	left:0;
	top:6956px;
	width:1004px;
	height:539px;
	z-index:5;
}
#apDiv9 table tr td table tr td table tr td table tr td {
	font-size: 18px;
}
#apDiv11 {
	position:absolute;
	left:0;
	top:7440px;
	width:100%;
	height:140px;
	z-index:5;
}
#apDiv11 table tr td table tr td {
	font-size: 35px;
}
#apDiv11 table tr td table tr td p {
	font-size: 18px;
	line-height: 32px;
}
#apDiv11 table tr td table tr td table tr td {
	font-size: 18px;
}
#apDiv3 table tr td {
	font-size: 18px;
	line-height: 32px;
}
</style>
</head>

<body id="" class="">
<div id="apDiv2">
  <table width="100%" border="0" >
    <tr>
      <td width="1201" height="265" rowspan="2"><p><img src="https://static.igem.org/mediawiki/2014/d/de/6members.top.jpg" width="1366" height="270" /></p></td>
      <td width="100%" height="199" bgcolor="#187ADB">&nbsp;</td>
    </tr>
    <tr>
      <td height="70">&nbsp;</td>
    </tr>
  </table>
</div>
<div id="apDiv3">
  <table width="100%" border="0">
    <tr>
      <td width="25%">&nbsp;</td>
      <td><p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&quot;Rome was not built in a day.&quot; No matter which group we belong to, we took our work for almost a whole year. What did we do on earth? This notebook will show you in detail.</p>
        <p>&nbsp;</p>
<p>&nbsp;</p>
<div><a href="https://2014.igem.org/Team:LZU-China/Notebook"><img src="z.wabb(1).png" width="214" height="99" /></a> <a href="https://2014.igem.org/Team:LZU-China/NotebookB"><img src="z.wabb(2).png" width="215" height="99" /></a><a href="https://2014.igem.org/Team:LZU-China/NotebookC"><img src="z.wabb(3).png" width="212" height="99" /></a></div>
      <p>&nbsp;</p></td>
      <td width="25%">&nbsp;</td>
    </tr>
  </table>
  <p>&nbsp;</p>
</div>
  <p>&nbsp;</p>
  <table width="100%" border="0" align="center">
    <tr>
      <td width="20%">&nbsp;</td>
    </tr>
    <tr>
      <td width="20%">&nbsp;</td>
    </tr>
    <tr>
      <td width="20%">&nbsp;</td>
    </tr>
  </table>
</div>
<div id="apDiv5">
  <table width="1365" border="0"">
    <tr>
      <td background="https://static.igem.org/mediawiki/2014/a/a6/Huils.jpg" width="1365" height="463"><img src="https://static.igem.org/mediawiki/2014/0/07/Dblbluebar.jpg" width="1365" height="463" /></td>
    </tr>
  </table>
</div>
<div id="apDiv6"><img src="https://static.igem.org/mediawiki/2014/6/6e/Lzulogo.png" width="220" height="221" /></div>
<div id="apDiv8">
  <p>&nbsp;</p>
  <table width="100%" border="0">
    <tr>
      <td background="https://static.igem.org/mediawiki/2014/a/a6/Huils.jpg"><p>&nbsp;</p>
        <p>&nbsp;</p>
        <table width="100%" border="0"  >
        <tr>
          <td background="https://static.igem.org/mediawiki/2014/a/a6/Huils.jpg" >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;THE NOTEBOOK OF DRY LAB GROUP</td>
        </tr>
      </table></td>
    </tr>
    <tr>
      <td background="https://static.igem.org/mediawiki/2014/a/a6/Huils.jpg" ><table width="100%" border="0">
        <tr>
          <td background="https://static.igem.org/mediawiki/2014/a/a6/Huils.jpg"  width="30%">&nbsp;</td>
          <td background="https://static.igem.org/mediawiki/2014/a/a6/Huils.jpg"  width="57%"><p>&nbsp;</p>
            <p><br />
              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;In January, We began to know the concept of iGEM introduced by Wang Han and Prof. Yang and began to recruit our members.<br />
              We found some useful papers to create our own idea.<br />
            </p>
<p>&nbsp;</p>
<table width="100%" border="0">
  <tr>
                <td background="https://static.igem.org/mediawiki/2014/a/a6/Huils.jpg" width="10%">&nbsp;</td>
                <td background="https://static.igem.org/mediawiki/2014/a/a6/Huils.jpg" >&nbsp;
                  <div>
                    <div class='picList6'>
                      <div class='col'> <img src='z.c1.png' alt=""/><a href='#'>Recruiting team members<br/>We are the chosen 12 from hundreds of student. Each of us have special skills to attend this race.</a></div>
                    </div>
                    <script type="text/javascript" src="/ajaxjs/jquery-1.6.2.min.js"></script>
                    <script type="text/javascript">
var temp=357;
$('.picList6 .col').hover(function(){
$(this).find('a').stop(true).animate({top: temp=(temp==0?357:0) });
});
                    </script>
                  </div></td>
              </tr>
          </table>
            <p>&nbsp;</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;After March, we began to design our logo, and human practice was kicked off. Xuejing Du began to design his survey and translate the questionnaire into English. Hongxia Zhao gave a lecture to young students. In April when serious benzene pollution burst in Lanzhou, we collect the news about that.</p>
            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="z.c2.png" width="300" height="399" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="z.c3.png" width="400" height="300" /></p>
            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="z.c4.png" width="600" height="400" />&nbsp;</p>
            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;After April, we began to look for appropriate voltmeter on the market and gave them an extensive evaluation. Finally, we chose the UNI-T UT800 Series of high precision digital bench-type multimeter because of its accurate performance. What's more to make the multimeter can work better with the computer, Xiao Zhang chose the Z-TEK RS232 to USB cable to link the voltage meters to the computer.</p>
            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;After June in summer, we tried to design our software using LabView, meanwhile website designing was underway. </p>
            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="z.c7.png" width="289" height="134" />&nbsp;&nbsp;</p>
            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="z.c6.png" width="553" height="635" />&nbsp;&nbsp;</p>
            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;When  August came, we attend to CCiC, and started with survey result collection in China.</p>
            <p>In September, we collected the results from  UK  and did the data analyses. For detail, please see our questionnaire link http://www.wenjuan.com/s/RVBVzu/#jtss-qzone)</p>
            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="z.c10.png" width="473" height="404" /></p>
            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;In September, Xiao released the second version of our application.</p>
            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="https://static.igem.org/mediawiki/2014/6/63/App1.png" alt="" width="328" height="582" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="https://static.igem.org/mediawiki/2014/5/5d/App0.png" alt="" width="328" height="582" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>
            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;In October, the result has been found by  our group and we began to design our poster</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="z.c8.png" width="600" height="563" /></p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <p>
<p>
<p>
<p>
<p>
<p>
<p>
<p>
<p>
<p>
<p>
<p>
<p>
<p>
<p>
<p>
<p>
<p>
<p>
<p>
<p>
<p>
<p>            </td>
          <td background="https://static.igem.org/mediawiki/2014/a/a6/Huils.jpg"  width="13%">&nbsp;</td>
        </tr>
      </table></td>
    </tr>
    <tr>
      <td background="https://static.igem.org/mediawiki/2014/a/a6/Huils.jpg" ><p>&nbsp;</p>
      <p>&nbsp;</p></td>
    </tr>
  </table>
</div>
<div >
  <div style=" height:890px;"> </div>
<div id="menu">
<script type="text/javascript" src="/ajaxjs/jquery-1.6.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	$(".def-nav,.info-i").hover(function(){
		$(this).find(".pulldown-nav").addClass("hover");
		$(this).find(".pulldown").show();
	},function(){
		$(this).find(".pulldown").hide();
		$(this).find(".pulldown-nav").removeClass("hover");
	});
});
</script>
<div class="hd-main clearfix" id="header">
	<a class="logo" href=""></a>
	<div class="navs">
		<a class="def-nav" href="">Home</a>
		<span class="separate"></span>
		<div class="def-nav current has-pulldown-special">
			<a class="pulldown-nav" href=""><em class="f-icon"></em>Project</a>
			<div class="pulldown app-url">
				<div class="content">
					<a class="li disk" href="">
						<span class="icon"></span>
						<span class="text">Background</span>
					</a>
					<a class="li tongxunlu" href="">
						<span class="icon"></span>
						<span class="text">Wet Lab</span>
					</a>
					<a class="li xiangce" href="">
						<span class="icon"></span>
						<span class="text">Dry Lab</span>
					</a>
					<a class="li note" href="">
						<span class="icon"></span>
						<span class="text">Parts</span>
					</a>
                    <a class="li duanxin" href="">
						<span class="icon"></span>
						<span class="text">Interlab</span>
					</a>
					<a class="li zhaohui" href="">
						<span class="icon"></span>
						<span class="text">Future Work</span>
					</a>
				</div>
		  </div>
		</div>
     	<span class="separate"></span>
		<a class="def-nav" href="">Note Book</a>
         <span class="separate"></span>
		<a class="def-nav" href="">Safety</a>
        <span class="separate"></span>
		<a class="def-nav" href="">H. Practice</a>
	</div>
	<div class="info">
		<ul>
			<li class="info-i user-name has-pulldown">
				<em class="f-icon pull-arrow"></em>
				<a class="f-icon identity" href="" title="Our team"></a>
				<span class="name top-username">Our Team</span>
				<div class="pulldown user-info">
					<em class="arrow"></em>
					<div class="content">
						<span class="li"><a href="">Team Members</a></span>
						<span class="li"><a href="">Advisors</a></span>
						<span class="li"><a href="">Instructors</a></span>
                        <span class="separate-li no-height"></span>
						<span class="li"><a href="">Attribution</a></span>
                 		<span class="li"><a href="">Acknowledgement</a></span>
						<span class="separate-li no-height"></span>
					</div>
				</div>
			</li>
			<li class="info-i no-separate default-text has-pulldown">
				<em class="f-icon pull-arrow"></em>
				<span class="more" hideFocus="hideFocus">More</span>
				<div class="pulldown more-info">
					<em class="arrow"></em>
					<div class="content">
						<span class="separate-li no-height"></span>
						<span class="li"><a href="">Team Profile</a></span>
						<span class="li"><a href="">Lanzhou University</a></span>
						<span class="li"><a href="">LZU-CHINA 2013</a></span>
					</div>
				</div>
			</li>
		</ul>
	</div>
</div>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
</div>





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





<script type="text/javascript">
function MM_showHideLayers() { //v9.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) 
  with (document) if (getElementById && ((obj=getElementById(args[i]))!=null)) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
    obj.visibility=v; }
}
</script>