Difference between revisions of "Team:SCUT-China A"

Line 1: Line 1:
 
<html>
 
<html>
<style type="text/css">
 
 
.ax_default {
 
  font-family:'Arial Normal', 'Arial';
 
  font-weight:400;
 
  font-style:normal;
 
  font-size:13px;
 
  color:#333333;
 
  text-align:center;
 
  line-height:normal;
 
}
 
.box_1 {
 
}
 
._一级标题 {
 
  font-family:'Arial Normal', 'Arial';
 
  font-weight:bold;
 
  font-style:normal;
 
  font-size:32px;
 
  text-align:left;
 
}
 
._二级标题 {
 
  font-family:'Arial Normal', 'Arial';
 
  font-weight:bold;
 
  font-style:normal;
 
  font-size:24px;
 
  text-align:left;
 
}
 
._三级标题 {
 
  font-family:'Arial Normal', 'Arial';
 
  font-weight:bold;
 
  font-style:normal;
 
  font-size:18px;
 
  text-align:left;
 
}
 
._四级标题 {
 
  font-family:'Arial Normal', 'Arial';
 
  font-weight:bold;
 
  font-style:normal;
 
  font-size:14px;
 
  text-align:left;
 
}
 
._五级标题 {
 
  font-family:'Arial Normal', 'Arial';
 
  font-weight:bold;
 
  font-style:normal;
 
  text-align:left;
 
}
 
._六级标题 {
 
  font-family:'Arial Normal', 'Arial';
 
  font-weight:bold;
 
  font-style:normal;
 
  font-size:10px;
 
  text-align:left;
 
}
 
.label {
 
  font-size:14px;
 
  text-align:left;
 
}
 
._文本段落 {
 
  text-align:left;
 
}
 
.text_field {
 
  color:#000000;
 
  text-align:left;
 
}
 
.text_area {
 
  color:#000000;
 
  text-align:left;
 
}
 
.droplist {
 
  color:#000000;
 
  text-align:left;
 
}
 
.flow_shape {
 
}
 
.image {
 
}
 
#base {
 
  position:absolute;
 
  z-index:0;
 
}
 
#u0_div {
 
  position:absolute;
 
  left:0px;
 
  top:0px;
 
  width:900px;
 
  height:4532px;
 
  background:inherit;
 
  background-color:rgba(255, 255, 255, 1);
 
  border:none;
 
  border-top:0px;
 
  border-right:0px;
 
  border-bottom:0px;
 
  border-radius:0px;
 
  border-top-left-radius:0px;
 
  border-top-right-radius:0px;
 
  border-bottom-right-radius:0px;
 
  border-bottom-left-radius:0px;
 
  -moz-box-shadow:none;
 
  -webkit-box-shadow:none;
 
  box-shadow:none;
 
}
 
#u0 {
 
  position:absolute;
 
  left:0px;
 
  top:0px;
 
  width:900px;
 
  height:4532px;
 
}
 
#u1 {
 
  position:absolute;
 
  left:2px;
 
  top:2258px;
 
  width:896px;
 
  visibility:hidden;
 
  word-wrap:break-word;
 
}
 
#u2_div {
 
  position:absolute;
 
  left:0px;
 
  top:0px;
 
  width:900px;
 
  height:559px;
 
  background:inherit;
 
  background-color:rgba(0, 0, 0, 1);
 
  border:none;
 
  border-top:0px;
 
  border-right:0px;
 
  border-bottom:0px;
 
  border-radius:0px;
 
  border-top-left-radius:0px;
 
  border-top-right-radius:0px;
 
  border-bottom-right-radius:0px;
 
  border-bottom-left-radius:0px;
 
  -moz-box-shadow:5px 0px 5px rgba(0, 0, 0, 0.349019607843137);
 
  -webkit-box-shadow:5px 0px 5px rgba(0, 0, 0, 0.349019607843137);
 
  box-shadow:5px 0px 5px rgba(0, 0, 0, 0.349019607843137);
 
}
 
#u2 {
 
  position:absolute;
 
  left:0px;
 
  top:0px;
 
  width:900px;
 
  height:559px;
 
}
 
#u3 {
 
  position:absolute;
 
  left:2px;
 
  top:272px;
 
  width:896px;
 
  visibility:hidden;
 
  word-wrap:break-word;
 
}
 
#u4_div {
 
  position:absolute;
 
  left:0px;
 
  top:0px;
 
  width:900px;
 
  height:579px;
 
  background:inherit;
 
  background-color:rgba(235, 95, 26, 1);
 
  border:none;
 
  border-top:0px;
 
  border-right:0px;
 
  border-bottom:0px;
 
  border-radius:0px;
 
  border-top-left-radius:0px;
 
  border-top-right-radius:0px;
 
  border-bottom-right-radius:0px;
 
  border-bottom-left-radius:0px;
 
  -moz-box-shadow:5px 0px 5px rgba(0, 0, 0, 0.349019607843137);
 
  -webkit-box-shadow:5px 0px 5px rgba(0, 0, 0, 0.349019607843137);
 
  box-shadow:5px 0px 5px rgba(0, 0, 0, 0.349019607843137);
 
}
 
#u4 {
 
  position:absolute;
 
  left:0px;
 
  top:559px;
 
  width:900px;
 
  height:579px;
 
}
 
#u5 {
 
  position:absolute;
 
  left:2px;
 
  top:282px;
 
  width:896px;
 
  visibility:hidden;
 
  word-wrap:break-word;
 
}
 
#u6_img {
 
  position:absolute;
 
  left:0px;
 
  top:0px;
 
  width:900px;
 
  height:581px;
 
}
 
#u6 {
 
  position:absolute;
 
  left:0px;
 
  top:559px;
 
  width:900px;
 
  height:581px;
 
}
 
#u7 {
 
  position:absolute;
 
  left:2px;
 
  top:282px;
 
  width:896px;
 
  word-wrap:break-word;
 
}
 
#u8_div {
 
  position:absolute;
 
  left:0px;
 
  top:0px;
 
  width:900px;
 
  height:552px;
 
  background:inherit;
 
  background-color:rgba(0, 0, 0, 1);
 
  border:none;
 
  border-top:0px;
 
  border-right:0px;
 
  border-bottom:0px;
 
  border-radius:0px;
 
  border-top-left-radius:0px;
 
  border-top-right-radius:0px;
 
  border-bottom-right-radius:0px;
 
  border-bottom-left-radius:0px;
 
  -moz-box-shadow:5px 0px 5px rgba(0, 0, 0, 0.349019607843137);
 
  -webkit-box-shadow:5px 0px 5px rgba(0, 0, 0, 0.349019607843137);
 
  box-shadow:5px 0px 5px rgba(0, 0, 0, 0.349019607843137);
 
}
 
#u8 {
 
  position:absolute;
 
  left:0px;
 
  top:1138px;
 
  width:900px;
 
  height:552px;
 
}
 
#u9 {
 
  position:absolute;
 
  left:2px;
 
  top:268px;
 
  width:896px;
 
  visibility:hidden;
 
  word-wrap:break-word;
 
}
 
#u10_img {
 
  position:absolute;
 
  left:0px;
 
  top:0px;
 
  width:900px;
 
  height:525px;
 
}
 
#u10 {
 
  position:absolute;
 
  left:0px;
 
  top:1138px;
 
  width:900px;
 
  height:525px;
 
}
 
#u11 {
 
  position:absolute;
 
  left:2px;
 
  top:254px;
 
  width:896px;
 
  visibility:hidden;
 
  word-wrap:break-word;
 
}
 
#u12_img {
 
  position:absolute;
 
  left:0px;
 
  top:0px;
 
  width:774px;
 
  height:78px;
 
}
 
#u12 {
 
  position:absolute;
 
  left:106px;
 
  top:1086px;
 
  width:774px;
 
  height:78px;
 
}
 
#u13 {
 
  position:absolute;
 
  left:2px;
 
  top:31px;
 
  width:770px;
 
  visibility:hidden;
 
  word-wrap:break-word;
 
}
 
#u14_div {
 
  position:absolute;
 
  left:0px;
 
  top:0px;
 
  width:900px;
 
  height:571px;
 
  background:inherit;
 
  background-color:rgba(201, 201, 201, 1);
 
  border:none;
 
  border-top:0px;
 
  border-right:0px;
 
  border-bottom:0px;
 
  border-radius:0px;
 
  border-top-left-radius:0px;
 
  border-top-right-radius:0px;
 
  border-bottom-right-radius:0px;
 
  border-bottom-left-radius:0px;
 
  -moz-box-shadow:5px 0px 5px rgba(0, 0, 0, 0.349019607843137);
 
  -webkit-box-shadow:5px 0px 5px rgba(0, 0, 0, 0.349019607843137);
 
  box-shadow:5px 0px 5px rgba(0, 0, 0, 0.349019607843137);
 
}
 
#u14 {
 
  position:absolute;
 
  left:0px;
 
  top:1690px;
 
  width:900px;
 
  height:571px;
 
}
 
#u15 {
 
  position:absolute;
 
  left:2px;
 
  top:278px;
 
  width:896px;
 
  visibility:hidden;
 
  word-wrap:break-word;
 
}
 
#u16_img {
 
  position:absolute;
 
  left:0px;
 
  top:0px;
 
  width:900px;
 
  height:524px;
 
}
 
#u16 {
 
  position:absolute;
 
  left:0px;
 
  top:1690px;
 
  width:900px;
 
  height:524px;
 
}
 
#u17 {
 
  position:absolute;
 
  left:2px;
 
  top:254px;
 
  width:896px;
 
  visibility:hidden;
 
  word-wrap:break-word;
 
}
 
#u18_img {
 
  position:absolute;
 
  left:0px;
 
  top:0px;
 
  width:536px;
 
  height:65px;
 
}
 
#u18 {
 
  position:absolute;
 
  left:12px;
 
  top:1639px;
 
  width:536px;
 
  height:65px;
 
}
 
#u19 {
 
  position:absolute;
 
  left:2px;
 
  top:24px;
 
  width:532px;
 
  visibility:hidden;
 
  word-wrap:break-word;
 
}
 
#u20_div {
 
  position:absolute;
 
  left:0px;
 
  top:0px;
 
  width:900px;
 
  height:573px;
 
  background:inherit;
 
  background-color:rgba(4, 0, 0, 1);
 
  border:none;
 
  border-top:0px;
 
  border-right:0px;
 
  border-bottom:0px;
 
  border-radius:0px;
 
  border-top-left-radius:0px;
 
  border-top-right-radius:0px;
 
  border-bottom-right-radius:0px;
 
  border-bottom-left-radius:0px;
 
  -moz-box-shadow:5px 0px 5px rgba(0, 0, 0, 0.349019607843137);
 
  -webkit-box-shadow:5px 0px 5px rgba(0, 0, 0, 0.349019607843137);
 
  box-shadow:5px 0px 5px rgba(0, 0, 0, 0.349019607843137);
 
}
 
#u20 {
 
  position:absolute;
 
  left:0px;
 
  top:2261px;
 
  width:900px;
 
  height:573px;
 
}
 
#u21 {
 
  position:absolute;
 
  left:2px;
 
  top:278px;
 
  width:896px;
 
  visibility:hidden;
 
  word-wrap:break-word;
 
}
 
#u22_img {
 
  position:absolute;
 
  left:0px;
 
  top:0px;
 
  width:340px;
 
  height:50px;
 
}
 
#u22 {
 
  position:absolute;
 
  left:526px;
 
  top:2216px;
 
  width:340px;
 
  height:50px;
 
}
 
#u23 {
 
  position:absolute;
 
  left:2px;
 
  top:17px;
 
  width:336px;
 
  visibility:hidden;
 
  word-wrap:break-word;
 
}
 
#u24_img {
 
  position:absolute;
 
  left:0px;
 
  top:0px;
 
  width:900px;
 
  height:526px;
 
}
 
#u24 {
 
  position:absolute;
 
  left:0px;
 
  top:2261px;
 
  width:900px;
 
  height:526px;
 
}
 
#u25 {
 
  position:absolute;
 
  left:2px;
 
  top:255px;
 
  width:896px;
 
  visibility:hidden;
 
  word-wrap:break-word;
 
}
 
#u26_div {
 
  position:absolute;
 
  left:0px;
 
  top:0px;
 
  width:900px;
 
  height:572px;
 
  background:inherit;
 
  background-color:rgba(255, 102, 0, 1);
 
  border:none;
 
  border-top:0px;
 
  border-right:0px;
 
  border-bottom:0px;
 
  border-radius:0px;
 
  border-top-left-radius:0px;
 
  border-top-right-radius:0px;
 
  border-bottom-right-radius:0px;
 
  border-bottom-left-radius:0px;
 
  -moz-box-shadow:5px 0px 5px rgba(0, 0, 0, 0.349019607843137);
 
  -webkit-box-shadow:5px 0px 5px rgba(0, 0, 0, 0.349019607843137);
 
  box-shadow:5px 0px 5px rgba(0, 0, 0, 0.349019607843137);
 
}
 
#u26 {
 
  position:absolute;
 
  left:0px;
 
  top:2833px;
 
  width:900px;
 
  height:572px;
 
}
 
#u27 {
 
  position:absolute;
 
  left:2px;
 
  top:278px;
 
  width:896px;
 
  visibility:hidden;
 
  word-wrap:break-word;
 
}
 
#u28_img {
 
  position:absolute;
 
  left:0px;
 
  top:0px;
 
  width:530px;
 
  height:50px;
 
}
 
#u28 {
 
  position:absolute;
 
  left:16px;
 
  top:2791px;
 
  width:530px;
 
  height:50px;
 
}
 
#u29 {
 
  position:absolute;
 
  left:2px;
 
  top:17px;
 
  width:526px;
 
  visibility:hidden;
 
  word-wrap:break-word;
 
}
 
#u30_img {
 
  position:absolute;
 
  left:0px;
 
  top:0px;
 
  width:375px;
 
  height:49px;
 
}
 
#u30 {
 
  position:absolute;
 
  left:485px;
 
  top:3362px;
 
  width:375px;
 
  height:49px;
 
}
 
#u31 {
 
  position:absolute;
 
  left:2px;
 
  top:16px;
 
  width:371px;
 
  visibility:hidden;
 
  word-wrap:break-word;
 
}
 
#u32_div {
 
  position:absolute;
 
  left:0px;
 
  top:0px;
 
  width:900px;
 
  height:600px;
 
  background:inherit;
 
  background-color:rgba(201, 201, 201, 1);
 
  border:none;
 
  border-top:0px;
 
  border-right:0px;
 
  border-bottom:0px;
 
  border-radius:0px;
 
  border-top-left-radius:0px;
 
  border-top-right-radius:0px;
 
  border-bottom-right-radius:0px;
 
  border-bottom-left-radius:0px;
 
  -moz-box-shadow:5px 0px 5px rgba(0, 0, 0, 0.349019607843137);
 
  -webkit-box-shadow:5px 0px 5px rgba(0, 0, 0, 0.349019607843137);
 
  box-shadow:5px 0px 5px rgba(0, 0, 0, 0.349019607843137);
 
}
 
#u32 {
 
  position:absolute;
 
  left:0px;
 
  top:3405px;
 
  width:900px;
 
  height:600px;
 
}
 
#u33 {
 
  position:absolute;
 
  left:2px;
 
  top:292px;
 
  width:896px;
 
  visibility:hidden;
 
  word-wrap:break-word;
 
}
 
#u34_div {
 
  position:absolute;
 
  left:0px;
 
  top:0px;
 
  width:900px;
 
  height:527px;
 
  background:inherit;
 
  background-color:rgba(0, 0, 0, 1);
 
  border:none;
 
  border-top:0px;
 
  border-right:0px;
 
  border-bottom:0px;
 
  border-radius:0px;
 
  border-top-left-radius:0px;
 
  border-top-right-radius:0px;
 
  border-bottom-right-radius:0px;
 
  border-bottom-left-radius:0px;
 
  -moz-box-shadow:5px 0px 5px rgba(0, 0, 0, 0.349019607843137);
 
  -webkit-box-shadow:5px 0px 5px rgba(0, 0, 0, 0.349019607843137);
 
  box-shadow:5px 0px 5px rgba(0, 0, 0, 0.349019607843137);
 
}
 
#u34 {
 
  position:absolute;
 
  left:0px;
 
  top:4005px;
 
  width:900px;
 
  height:527px;
 
}
 
#u35 {
 
  position:absolute;
 
  left:2px;
 
  top:256px;
 
  width:896px;
 
  visibility:hidden;
 
  word-wrap:break-word;
 
}
 
#u36_img {
 
  position:absolute;
 
  left:0px;
 
  top:0px;
 
  width:267px;
 
  height:54px;
 
}
 
#u36 {
 
  position:absolute;
 
  left:20px;
 
  top:3960px;
 
  width:267px;
 
  height:54px;
 
}
 
#u37 {
 
  position:absolute;
 
  left:2px;
 
  top:19px;
 
  width:263px;
 
  visibility:hidden;
 
  word-wrap:break-word;
 
}
 
#u38_img {
 
  position:absolute;
 
  left:0px;
 
  top:0px;
 
  width:900px;
 
  height:527px;
 
}
 
#u38 {
 
  position:absolute;
 
  left:0px;
 
  top:4005px;
 
  width:900px;
 
  height:527px;
 
}
 
#u39 {
 
  position:absolute;
 
  left:2px;
 
  top:256px;
 
  width:896px;
 
  visibility:hidden;
 
  word-wrap:break-word;
 
}
 
#u40_img {
 
  position:absolute;
 
  left:0px;
 
  top:0px;
 
  width:900px;
 
  height:526px;
 
}
 
#u40 {
 
  position:absolute;
 
  left:0px;
 
  top:0px;
 
  width:900px;
 
  height:526px;
 
}
 
#u41 {
 
  position:absolute;
 
  left:2px;
 
  top:255px;
 
  width:896px;
 
  visibility:hidden;
 
  word-wrap:break-word;
 
}
 
#u42_img {
 
  position:absolute;
 
  left:0px;
 
  top:0px;
 
  width:598px;
 
  height:82px;
 
}
 
#u42 {
 
  position:absolute;
 
  left:9px;
 
  top:504px;
 
  width:598px;
 
  height:82px;
 
}
 
#u43 {
 
  position:absolute;
 
  left:2px;
 
  top:33px;
 
  width:594px;
 
  visibility:hidden;
 
  word-wrap:break-word;
 
}
 
 
 
 
 
 
.jquery-accordion-menu, .jquery-accordion-menu * {
 
font-family: "微软雅黑";
 
box-sizing: border-box;
 
-moz-box-sizing: border-box;
 
-webkit-box-sizing: border-box;
 
outline: 0
 
}
 
.jquery-accordion-menu {
 
min-width: 180px;
 
float: left;
 
position: relative;
 
}
 
.jquery-accordion-menu .jquery-accordion-menu-footer, .jquery-accordion-menu .jquery-accordion-menu-header {
 
width: 100%;
 
height: 50px;
 
padding-left: 22px;
 
float: left;
 
line-height: 50px;
 
font-weight: 600;
 
color: #f0f0f0;
 
background: #414956;
 
}
 
.jquery-accordion-menu ul {
 
margin: 0;
 
padding: 0;
 
list-style: none
 
}
 
.jquery-accordion-menu ul li {
 
width: 100%;
 
display: block;
 
float: left;
 
position: relative
 
}
 
.jquery-accordion-menu ul li a {
 
width: 100%;
 
padding: 14px 22px;
 
float: left;
 
text-decoration: none;
 
color: #f0f0f0;
 
font-size: 13px;
 
background: #414956;
 
white-space: nowrap;
 
position: relative;
 
overflow: hidden;
 
-o-transition: color .2s linear, background .2s linear;
 
-moz-transition: color .2s linear, background .2s linear;
 
-webkit-transition: color .2s linear, background .2s linear;
 
transition: color .2s linear, background .2s linear
 
}
 
.jquery-accordion-menu>ul>li.active>a, .jquery-accordion-menu>ul>li:hover>a {
 
color: #fff;
 
background: #3b424d
 
}
 
.jquery-accordion-menu>ul>li>a {
 
border-bottom: solid 1px #3b424d
 
}
 
.jquery-accordion-menu ul li a i {
 
width: 34px;
 
float: left;
 
line-height: 18px;
 
font-size: 16px;
 
text-align: left
 
}
 
.jquery-accordion-menu .submenu-indicator {
 
float: right;
 
right: 22px;
 
position: absolute;
 
line-height: 19px;
 
font-size: 20px;
 
-o-transition: transform .3s linear;
 
-moz-transition: transform .3s linear;
 
-webkit-transition: transform .3s linear;
 
-ms-transition: transform .3s linear
 
}
 
.jquery-accordion-menu ul ul.submenu .submenu-indicator {
 
line-height: 16px
 
}
 
.jquery-accordion-menu .submenu-indicator-minus>.submenu-indicator {
 
-ms-transform: rotate(45deg);
 
-moz-transform: rotate(45deg);
 
-webkit-transform: rotate(45deg);
 
transform: rotate(45deg)
 
}
 
.jquery-accordion-menu ul ul.submenu, .jquery-accordion-menu ul ul.submenu li ul.submenu {
 
width: 100%;
 
display: none;
 
position: static
 
}
 
.jquery-accordion-menu ul ul.submenu li {
 
clear: both;
 
width: 100%
 
}
 
.jquery-accordion-menu ul ul.submenu li a {
 
width: 100%;
 
float: left;
 
font-size: 11px;
 
background: #383838;
 
border-top: none;
 
position: relative;
 
border-left: solid 6px transparent;
 
-o-transition: border .2s linear;
 
-moz-transition: border .2s linear;
 
-webkit-transition: border .2s linear;
 
transition: border .2s linear
 
}
 
/*******test***************/
 
 
 
 
/*******test***************/
 
.jquery-accordion-menu ul ul.submenu li:hover>a {
 
border-left-color: #414956
 
}
 
.jquery-accordion-menu ul ul.submenu>li>a {
 
padding-left: 30px
 
}
 
.jquery-accordion-menu ul ul.submenu>li>ul.submenu>li>a {
 
padding-left: 45px
 
}
 
.jquery-accordion-menu ul ul.submenu>li>ul.submenu>li>ul.submenu>li>a {
 
padding-left: 60px
 
}
 
.jquery-accordion-menu ul li .jquery-accordion-menu-label, .jquery-accordion-menu ul ul.submenu li .jquery-accordion-menu-label {
 
min-width: 20px;
 
padding: 1px 2px 1px 1px;
 
position: absolute;
 
right: 18px;
 
top: 14px;
 
font-size: 11px;
 
font-weight: 800;
 
color: #555;
 
text-align: center;
 
line-height: 18px;
 
background: #f0f0f0;
 
border-radius: 100%
 
}
 
.jquery-accordion-menu ul ul.submenu li .jquery-accordion-menu-label {
 
top: 12px
 
}
 
.ink {
 
display: block;
 
position: absolute;
 
background: rgba(255,255,255,.3);
 
border-radius: 100%;
 
-webkit-transform: scale(0);
 
-moz-transform: scale(0);
 
-ms-transform: scale(0);
 
-o-transform: scale(0);
 
transform: scale(0)
 
}
 
.animate-ink {
 
-webkit-animation: ripple .5s linear;
 
-moz-animation: ripple .5s linear;
 
-ms-animation: ripple .5s linear;
 
-o-animation: ripple .5s linear;
 
animation: ripple .5s linear
 
}
 
@-webkit-keyframes ripple {
 
100% {
 
opacity: 0;
 
-webkit-transform: scale(2.5)
 
}
 
}
 
@-moz-keyframes ripple {
 
100% {
 
opacity: 0;
 
-moz-transform: scale(2.5)
 
}
 
}
 
@-o-keyframes ripple {
 
100% {
 
opacity: 0;
 
-o-transform: scale(2.5)
 
}
 
}
 
@keyframes ripple {
 
100% {
 
opacity: 0;
 
transform: scale(2.5)
 
}
 
}
 
.blue.jquery-accordion-menu .jquery-accordion-menu-footer, .blue.jquery-accordion-menu .jquery-accordion-menu-header, .blue.jquery-accordion-menu ul li a {
 
background: #4A89DC
 
}
 
.blue.jquery-accordion-menu>ul>li.active>a, .blue.jquery-accordion-menu>ul>li:hover>a {
 
background: #3e82da
 
}
 
.blue.jquery-accordion-menu>ul>li>a {
 
border-bottom-color: #3e82da
 
}
 
.blue.jquery-accordion-menu ul ul.submenu li:hover>a {
 
border-left-color: #3e82da
 
}
 
.green.jquery-accordion-menu .jquery-accordion-menu-footer, .green.jquery-accordion-menu .jquery-accordion-menu-header, .green.jquery-accordion-menu ul li a {
 
background: #03A678
 
}
 
.green.jquery-accordion-menu>ul>li.active>a, .green.jquery-accordion-menu>ul>li:hover>a {
 
background: #049372
 
}
 
.green.jquery-accordion-menu>ul>li>a {
 
border-bottom-color: #049372
 
}
 
.green.jquery-accordion-menu ul ul.submenu li:hover>a {
 
border-left-color: #049372
 
}
 
.red.jquery-accordion-menu .jquery-accordion-menu-footer, .red.jquery-accordion-menu .jquery-accordion-menu-header, .red.jquery-accordion-menu ul li a {
 
background: #050505
 
}
 
.red.jquery-accordion-menu>ul>li.active>a, .red.jquery-accordion-menu>ul>li:hover>a {
 
background: #F60
 
}
 
.red.jquery-accordion-menu>ul>li>a {
 
border-bottom-color: #F60
 
}
 
.red.jquery-accordion-menu ul ul.submenu li:hover>a {
 
border-left-color: #F60
 
}
 
.white.jquery-accordion-menu .jquery-accordion-menu-footer, .white.jquery-accordion-menu .jquery-accordion-menu-header, .white.jquery-accordion-menu ul li a {
 
background: #fff;
 
color: #555
 
}
 
.white.jquery-accordion-menu>ul>li.active>a, .white.jquery-accordion-menu>ul>li:hover>a {
 
background: #f0f0f0
 
}
 
.white.jquery-accordion-menu>ul>li>a {
 
border-bottom-color: #f0f0f0
 
}
 
.white.jquery-accordion-menu ul ul.submenu li:hover>a {
 
border-left-color: #f0f0f0
 
}
 
.white.jquery-accordion-menu ul ul.submenu li a {
 
color: #f0f0f0
 
}
 
.white.jquery-accordion-menu>ul>li>a>.ink {
 
background: rgba(0,0,0,.1)
 
}
 
.black.jquery-accordion-menu .jquery-accordion-menu-footer, .black.jquery-accordion-menu .jquery-accordion-menu-header, .black.jquery-accordion-menu ul li a {
 
background: #292929
 
}
 
.black.jquery-accordion-menu>ul>li.active>a, .black.jquery-accordion-menu>ul>li:hover>a {
 
background: #222
 
}
 
.black.jquery-accordion-menu>ul>li>a {
 
border-bottom-color: #222
 
}
 
.black.jquery-accordion-menu ul ul.submenu li:hover>a {
 
border-left-color: #222
 
}
 
</style>
 
<script type="text/javascript">
 
 
function silers(){
 
var a = $(document).scrollTop();
 
if(a > 172)
 
{
 
var em = $("div#jquery-accordion-menu");
 
var offset = em.offset();
 
em.offset({left:$("div#header").offset().left,top:a + 18});
 
}else
 
{
 
if(a < 15)
 
{
 
$(document).scrollTop(15);
 
}
 
var em = $("div#jquery-accordion-menu");
 
em.offset({left:$("div#header").offset().left,top:$("div#header").offset().top + 142});
 
}
 
};
 
 
$(document).scroll(silers);
 
 
setTimeout(silerst,1000);
 
function silerst(){
 
silers();
 
setTimeout(silerst,1000);
 
}
 
</script>
 
 
<style type="text/css">
 
<style type="text/css">
 
     /* reset the fvcking template */
 
     /* reset the fvcking template */
Line 983: Line 11:
 
     }
 
     }
  
     #top_title {
+
     #firstHeading {
        display:none;
+
        display:none;    
 
     }
 
     }
 
     #sideMenu {
 
     #sideMenu {
        display: none;
+
        display:none;    
 
     }
 
     }
     /* reset end */
+
     #top_menu_under {
 
+
        display:none;  
    /* ~~ 元素/标签选择器 ~~ */
+
    ul, ol, dl { /* 由于浏览器之间的差异,最佳做法是在列表中将填充和边距都设置为零。为了保持一致,您可以在此处指定需要的数值,也可以在列表所包含的列表项(LI、DT 和 DD)中指定需要的数值。请注意,除非编写一个更为具体的选择器,否则您在此处进行的设置将会层叠到 .nav 列表。 */
+
        padding: 0;
+
        margin: 0;
+
 
     }
 
     }
     h1, h2, h3, h4, h5, h6, p {
+
     #globalWrapper {
        margin-top: 0; /* 删除上边距可以解决边距会超出其包含的 div 的问题。剩余的下边距可以使 div 与后面的任何元素保持一定距离。 */
+
        padding-bottom:0px;    
        padding-right: 15px;
+
        padding-left: 15px; /* 向 div 内的元素侧边(而不是 div 自身)添加填充可避免使用任何方框模型数学。此外,也可将具有侧边填充的嵌套 div 用作替代方法。 */
+
        height: 100%;
+
        font-family: "微软雅黑";
+
 
     }
 
     }
     /*******************************************test**************/
+
     #top_menu_14 {
    .filterinput{
+
        border-bottom:0px;
        background-color:rgba(249, 244, 244, 0);
+
        border-radius:15px;
+
        width:90%;
+
        height:30px;
+
        border:thin solid #FFF;
+
        text-indent:0.5em;
+
        font-weight:bold;
+
        color:#FFF;
+
        margin-top: 9px;
+
        margin-right: 100%;
+
       
+
 
     }
 
     }
     #demo-list a{
+
     .logo_2016 {
        overflow:hidden;
+
        display:none;    
        text-overflow:ellipsis;
+
        -o-text-overflow:ellipsis;
+
        white-space:nowrap;
+
        width:100%;
+
 
     }
 
     }
    /*******************************************test**************/
+
     .pop_why_box {
    /* ~~ 此固定宽度容器包含其它 div ~~ */
+
        padding:0px;
     .container {
+
        border:0px;
        width: 1080px;
+
        background: #FFF;
+
        margin: 0 auto; /* 侧边的自动值与宽度结合使用,可以将布局居中对齐 */
+
        border:1px solid #F60 ;
+
        box-shadow:3px 3px 20px rgba(0,0,0, .8);
+
    }
+
    div.box
+
    {
+
        box-sizing:border-box;
+
        -moz-box-sizing:border-box; /* Firefox */
+
        -webkit-box-sizing:border-box; /* Safari */
+
        width:;
+
        border:1px solid #F60;
+
        float:left;
+
    }
+
    /* ~~ 标题未指定宽度。它将扩展到布局的完整宽度。标题包含一个图像占位符,该占位符应替换为您自己的链接徽标 ~~ */
+
    .header {
+
        width: 1080px;
+
        box-shadow:3px 3px 20px rgba(0,0,0, .8);
+
        background-image: url(https://static.igem.org/mediawiki/2016/archive/d/d7/20160916120231%21T--SCUT-China_A--header.png);
+
        background-position: left;
+
        background-repeat: no-repeat;
+
 
     }
 
     }
 +
    /* reset end */
 +
</style>
  
     /* ~~ 以下是此布局的列。 ~~
+
     <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
 +
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
 +
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
 +
    <link href="files/index/styles.css" type="text/css" rel="stylesheet"/>
 +
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
 +
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
 +
    <script src="resources/scripts/axure/axQuery.js"></script>
 +
    <script src="resources/scripts/axure/globals.js"></script>
 +
    <script src="resources/scripts/axutils.js"></script>
 +
    <script src="resources/scripts/axure/annotation.js"></script>
 +
    <script src="resources/scripts/axure/axQuery.std.js"></script>
 +
    <script src="resources/scripts/axure/doc.js"></script>
 +
    <script src="data/document.js"></script>
 +
    <script src="resources/scripts/messagecenter.js"></script>
 +
    <script src="resources/scripts/axure/events.js"></script>
 +
    <script src="resources/scripts/axure/recording.js"></script>
 +
    <script src="resources/scripts/axure/action.js"></script>
 +
    <script src="resources/scripts/axure/expr.js"></script>
 +
    <script src="resources/scripts/axure/geometry.js"></script>
 +
    <script src="resources/scripts/axure/flyout.js"></script>
 +
    <script src="resources/scripts/axure/ie.js"></script>
 +
    <script src="resources/scripts/axure/model.js"></script>
 +
    <script src="resources/scripts/axure/repeater.js"></script>
 +
    <script src="resources/scripts/axure/sto.js"></script>
 +
    <script src="resources/scripts/axure/utils.temp.js"></script>
 +
    <script src="resources/scripts/axure/variables.js"></script>
 +
    <script src="resources/scripts/axure/drag.js"></script>
 +
    <script src="resources/scripts/axure/move.js"></script>
 +
    <script src="resources/scripts/axure/visibility.js"></script>
 +
    <script src="resources/scripts/axure/style.js"></script>
 +
    <script src="resources/scripts/axure/adaptive.js"></script>
 +
    <script src="resources/scripts/axure/tree.js"></script>
 +
    <script src="resources/scripts/axure/init.temp.js"></script>
 +
    <script src="resources/scripts/axure/legacy.js"></script>
 +
    <script src="resources/scripts/axure/viewer.js"></script>
 +
    <script src="resources/scripts/axure/math.js"></script>
 +
    <script type="text/javascript">
 +
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
 +
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
 +
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
 +
    </script>
  
    1) 填充只会放置于 div 的顶部和/或底部。此 div 中的元素侧边会有填充。这样,您可以避免使用任何"方框模型数学"。请注意,如果向 div 自身添加任何侧边填充或边框,这些侧边填充或边框将与您定义的宽度相加,得出 *总计* 宽度。您也可以选择删除 div 中的元素的填充,并在该元素中另外放置一个没有任何宽度但具有设计所需填充的 div。
 
  
    2) 由于这些列均为浮动列,因此未对其指定边距。如果必须添加边距,请避免在浮动方向一侧放置边距(例如:div 中的右边距设置为向右浮动)。在很多情况下,都可以改用填充。对于必须打破此规则的 div,应向该 div 的规则中添加“display:inline”声明,以控制某些版本的 Internet Explorer 会使边距翻倍的错误。
 
 
    3) 由于可以在一个文档中多次使用类(并且一个元素可以应用多个类),因此已向这些列分配类名,而不是 ID。例如,必要时可堆叠两个侧栏 div。您可以根据个人偏好将这些名称轻松地改为 ID,前提是仅对每个文档使用一次。
 
 
    4) 如果您更喜欢在右侧(而不是左侧)进行导航,只需使这些列向相反方向浮动(全部向右,而非全部向左),它们将按相反顺序显示。您无需在 HTML 源文件中移动 div。
 
 
    */
 
    .sidebar1 {
 
        float: left;
 
        width: 180px;
 
        background: #050505;
 
        padding-bottom: 10px;
 
        color:#CCC;
 
    }
 
 
    /* ~~ 此分组的选择器为 .content 区域中的列表提供了空间 ~~ */
 
    .content ul, .content ol {
 
        padding: 0 15px 15px 40px; /* 此填充反映上述标题和段落规则中的右填充。填充放置于下方可用于间隔列表中其它元素,置于左侧可用于创建缩进。您可以根据需要进行调整。 */
 
    }
 
 
    .Tip{
 
        margin-left:8px;
 
        margin-top:5px;
 
        font-family:Georgia, "Times New Roman", Times, serif;
 
        font-size:18px;
 
        float:none;
 
        padding-left:12px;}
 
 
    .container .content.box #tip a {
 
        color: #333;
 
        text-decoration: none;
 
    }
 
    .container .content.box #tip a:hover{
 
        color:#F60;
 
        font-weight:bold;}
 
    /* ~~ 脚注 ~~ */
 
    .footer {
 
        width:1080px;
 
        padding: 10px 0;
 
        color:#FFF;
 
        background: #F60;
 
        position: relative;/* 这可以使 IE6 hasLayout 以正确方式进行清除 */
 
        clear: both; /* 此清除属性强制 .container 了解列的结束位置以及包含列的位置 */
 
    }
 
    ul.footer{
 
       
 
    }
 
    .container #footer {
 
        font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
 
    }
 
    .container #footer table {
 
        margin: 0;
 
        background: #F60;
 
        border: 0;
 
    }
 
    .container #footer table th {
 
        background: #F60;
 
        border: 0;
 
    }
 
    .container #footer table td {
 
        border: 0;
 
    }
 
 
    /* ~~ 其它浮动/清除类 ~~ */
 
    .fltrt {  /* 此类可用于在页面中使元素向右浮动。浮动元素必须位于其在页面上的相邻元素之前。 */
 
        float: right;
 
        margin-left: 8px;
 
    }
 
    .fltlft { /* 此类可用于在页面中使元素向左浮动。浮动元素必须位于其在页面上的相邻元素之前。 */
 
        float: left;
 
        margin-right: 8px;
 
    }
 
    .clearfloat { /* 如果从 #container 中删除或移出了 #footer,则可以将此类放置在 <br /> 或空 div 中,作为 #container 内最后一个浮动 div 之后的最终元素 */
 
        clear:both;
 
        height:0;
 
        font-size: 1px;
 
        line-height: 0px;
 
    }
 
    .container .sidebar1 p {
 
        font-size: 12px;
 
    }
 
    .container #footer table tr th a {
 
        color: #FFF;
 
        text-decoration: none;
 
    }
 
    .container #footer table tr th a:hover{
 
        color:#999;
 
    }
 
    .content {
 
        padding: 0px;
 
        width: 900px;
 
        float: left;
 
        background-color:#FFF;
 
        color:#000;
 
        font-family: "微软雅黑";
 
        font-size: 12px;
 
    }
 
.content1 {
 
background-color:#050505;
 
height:4550px;
 
border-left:1px solid #F60;
 
position:relative;
 
}
 
.p1_01 {
 
height:400px;
 
width:300px;
 
position:absolute;
 
left:30px;
 
top:40px;
 
}
 
.p1_02 {
 
position:absolute;
 
left:310px;
 
top:30px;
 
width:55%;
 
}
 
.p1_03 {
 
position:absolute;
 
left:355px;
 
top:107px;
 
height:14%;
 
}
 
.p1_04 {
 
position:absolute;
 
left:355px;
 
top:180px;
 
height:55%;
 
}
 
 
</style>
 
 
<script src="//2016.igem.org/Template:SCUT-China_A/jqam?
 
<script src="//2016.igem.org/Template:SCUT-China_A/jqam?
 
action=raw&ctype=text/javascript" type="text/javascript"></script>
 
action=raw&ctype=text/javascript" type="text/javascript"></script>
 +
 
<script type="text/javascript">
 
<script type="text/javascript">
jQuery(document).ready(function () {
+
$(document).ready(function(e) {
jQuery("#jquery-accordion-menu").jqueryAccordionMenu();
+
$("html").height($("body").height());
 
});
 
});
  
$(function(){
 
//顶部导航切换
 
$("#demo-list li").click(function(){
 
$("#demo-list li.active").removeClass("active")
 
$(this).addClass("active");
 
})
 
})
 
  
</script>
 
<script type="text/javascript">
 
 
(function($, window, document, undefined) {
 
    var pluginName = "jqueryAccordionMenu";
 
    var defaults = {
 
        speed: 300,
 
        showDelay: 0,
 
        hideDelay: 0,
 
        singleOpen: true,
 
        clickEffect: true
 
    };
 
    function Plugin(element, options) {
 
        this.element = element;
 
        this.settings = $.extend({},
 
        defaults, options);
 
        this._defaults = defaults;
 
        this._name = pluginName;
 
        this.init()
 
    };
 
    $.extend(Plugin.prototype, {
 
        init: function() {
 
            this.openSubmenu();
 
            this.submenuIndicators();
 
            if (defaults.clickEffect) {
 
                this.addClickEffect();
 
            }
 
        },
 
        openSubmenu: function() {
 
            $(this.element).children("ul").find("li").bind("click touchstart",
 
            function(e) {
 
                e.stopPropagation();
 
                e.preventDefault();
 
                if ($(this).children(".submenu").length > 0) {
 
                    if ($(this).children(".submenu").css("display") == "none") {
 
                        $(this).children(".submenu").delay(defaults.showDelay).slideDown(defaults.speed);
 
                        $(this).children(".submenu").siblings("a").addClass("submenu-indicator-minus");
 
                        if (defaults.singleOpen) {
 
                            $(this).siblings().children(".submenu").slideUp(defaults.speed);
 
                            $(this).siblings().children(".submenu").siblings("a").removeClass("submenu-indicator-minus")
 
                        }
 
                        return false
 
                    } else {
 
                        $(this).children(".submenu").delay(defaults.hideDelay).slideUp(defaults.speed)
 
                    }
 
                    if ($(this).children(".submenu").siblings("a").hasClass("submenu-indicator-minus")) {
 
                        $(this).children(".submenu").siblings("a").removeClass("submenu-indicator-minus")
 
                    }
 
                }
 
                window.location.href = $(this).children("a").attr("href")
 
            })
 
        },
 
        submenuIndicators: function() {
 
            if ($(this.element).find(".submenu").length > 0) {
 
                $(this.element).find(".submenu").siblings("a").append("<span class='submenu-indicator'>+</span>")
 
            }
 
        },
 
        addClickEffect: function() {
 
            var ink, d, x, y;
 
            $(this.element).find("a").bind("click touchstart",
 
            function(e) {
 
                $(".ink").remove();
 
                if ($(this).children(".ink").length === 0) {
 
                    $(this).prepend("<span class='ink'></span>")
 
                }
 
                ink = $(this).find(".ink");
 
                ink.removeClass("animate-ink");
 
                if (!ink.height() && !ink.width()) {
 
                    d = Math.max($(this).outerWidth(), $(this).outerHeight());
 
                    ink.css({
 
                        height: d,
 
                        width: d
 
                    })
 
                }
 
                x = e.pageX - $(this).offset().left - ink.width() / 2;
 
//                y = e.pageY - $(this).offset().top - ink.height() / 2;
 
                ink.css({
 
                    top: y + 'px',
 
                    left: x + 'px'
 
                }).addClass("animate-ink")
 
            })
 
        }
 
    });
 
    $.fn[pluginName] = function(options) {
 
        this.each(function() {
 
            if (!$.data(this, "plugin_" + pluginName)) {
 
                $.data(this, "plugin_" + pluginName, new Plugin(this, options))
 
            }
 
        });
 
        return this
 
    }
 
})(jQuery, window, document);
 
  
 
</script>
 
</script>
  
 
<body>
 
<body>
 +
    <div id="base" class="">
  
<!-- <div id="bodybg"> 
+
       <!-- Unnamed (矩形) -->
<img src="../kkkk/images/565605c511367_1024.jpg" alt="" class="stretch"/></div>-->
+
       <div id="u0" class="ax_default box_1">
 
+
<div class="container">
+
  <div id="header" class="header"> <a href="#"> <img src="https://static.igem.org/mediawiki/2016/6/64/T--SCUT-China_A--title-logo.png" width="180" height="142" style="background: #050505; display:block; color: #D6D6D6;"/> </a> </div>
+
  <!-- end .header -->
+
  <div id="" class="sidebar1 box " style="width:180px;">
+
    <div id="jquery-accordion-menu" class="jquery-accordion-menu red">
+
       <div class="jquery-accordion-menu-header" id="form"></div>
+
      <ul id="demo-list">
+
        <li class="active"><a href="#">Home </a></li>
+
        <li> <a href="#">Project</a>
+
          <ul class="submenu">
+
            <li><a href="#">Overview </a></li>
+
            <li> <a href="#">Background </a> <span class="jquery-accordion-menu-label">10 </span> </li>
+
            <li><a href="#">Design </a></li>
+
            <li><a href="#">Future work </a></li>
+
          </ul>
+
        </li>
+
        <li> <a href="#">Modeling </a>
+
          <ul class="submenu">
+
            <li><a href="#">Introduction </a></li>
+
            <li><a href="#">Parts </a> <span class="jquery-accordion-menu-label">10 </span> </li>
+
            <li><a href="#">Appendix </a></li>
+
          </ul>
+
        </li>
+
        <li> <a href="#">Human Practice </a>
+
          <ul class="submenu">
+
            <li><a href="#">Overview </a></li>
+
            <li><a href="#">Questionnaire </a></li>
+
            <li> <a href="#">Safety Improvements </a></li>
+
            <li><a href="#">Communication</a></li>
+
            <li><a href="#">Future Work</a></li>
+
          </ul>
+
        </li>
+
        <li> <a href="#">Achievement </a>
+
          <ul class="submenu">
+
            <li><a href="#">Judging Criteria </a></li>
+
            <li> <a href="#">Parts</a> <span class="jquery-accordion-menu-label">10 </span> </li>
+
            <li><a href="#">Collabarations </a></li>
+
          </ul>
+
        </li>
+
        <li> <a href="#">Lab </a>
+
          <ul class="submenu">
+
            <li><a href="#">Team Members </a></li>
+
            <li> <a href="#">Attributions </a> <span class="jquery-accordion-menu-label">10 </span> </li>
+
            <li><a href="#">Safety </a></li>
+
          </ul>
+
        </li>
+
      </ul>
+
    </div>
+
    <div id="siliderbg" style="background:414956;margin:4520px;"> </div>
+
  </div>
+
  <!-- end .sidebar1 -->
+
  <script type="text/javascript">
+
(function($) {
+
$.expr[":"].Contains = function(a, i, m) {
+
return (a.textContent || a.innerText || "").toUpperCase().indexOf(m[3].toUpperCase()) >= 0;
+
};
+
function filterList(header, list) {
+
//@header 头部元素
+
//@list 无需列表
+
//创建一个搜素表单
+
var form = $("<form>").attr({
+
"class":"filterform",
+
action:"#"
+
}), input = $("<input>").attr({
+
"class":"filterinput",
+
type:"text"
+
});
+
$(form).append(input).appendTo(header);
+
$(input).change(function() {
+
var filter = $(this).val();
+
if (filter) {
+
$matches = $(list).find("a:Contains(" + filter + ")").parent();
+
$("li", list).not($matches).slideUp();
+
$matches.slideDown();
+
} else {
+
$(list).find("li").slideDown();
+
}
+
return false;
+
}).keyup(function() {
+
$(this).change();
+
});
+
}
+
$(function() {
+
filterList($("#form"), $("#demo-list"));
+
});
+
})(jQuery);
+
</script>
+
  <!--------------------------------------------------------------->
+
 
+
  <div class="content box"  style="width:900px; float:right; border:0px;height:1200px" >
+
    <!-- 正文内容写在这里面 -->
+
   
+
    <div class="content1">
+
       <div id="u0" class="ax_default flow_shape">
+
 
         <div id="u0_div" class=""></div>
 
         <div id="u0_div" class=""></div>
 
         <!-- Unnamed () -->
 
         <!-- Unnamed () -->
Line 1,400: Line 102:
 
         </div>
 
         </div>
 
       </div>
 
       </div>
     
+
 
 
       <!-- Unnamed (矩形) -->
 
       <!-- Unnamed (矩形) -->
       <div id="u2" class="ax_default flow_shape">
+
       <div id="u2" class="ax_default box_1">
 
         <div id="u2_div" class=""></div>
 
         <div id="u2_div" class=""></div>
 
         <!-- Unnamed () -->
 
         <!-- Unnamed () -->
Line 1,409: Line 111:
 
         </div>
 
         </div>
 
       </div>
 
       </div>
     
+
 
       <!-- Unnamed (矩形) -->
+
       <!-- Lab (动态面板) -->
       <div id="u4" class="ax_default flow_shape">
+
       <div id="u4" class="ax_default" data-label="Lab">
         <div id="u4_div" class=""></div>
+
         <div id="u4_state0" class="panel_state" data-label="State1">
        <!-- Unnamed () -->
+
          <div id="u4_state0_content" class="panel_state_content">
        <div id="u5" class="text" style="display: none; visibility: hidden">
+
 
          <p><span></span></p>
+
            <!-- 4 (矩形) -->
 +
            <div id="u5" class="ax_default box_1 ax_default_hidden" data-label="4" style="display: none; visibility: hidden">
 +
              <div id="u5_div" class=""></div>
 +
              <!-- Unnamed () -->
 +
              <div id="u6" class="text" style="visibility: visible;">
 +
                <p><span>Safety</span></p>
 +
              </div>
 +
            </div>
 +
 
 +
            <!-- 3 (矩形) -->
 +
            <div id="u7" class="ax_default box_1 ax_default_hidden" data-label="3" style="display: none; visibility: hidden">
 +
              <div id="u7_div" class=""></div>
 +
              <!-- Unnamed () -->
 +
              <div id="u8" class="text" style="visibility: visible;">
 +
                <p><span>Attributions</span></p>
 +
              </div>
 +
            </div>
 +
 
 +
            <!-- 2 (矩形) -->
 +
            <div id="u9" class="ax_default box_1 ax_default_hidden" data-label="2" style="display: none; visibility: hidden">
 +
              <div id="u9_div" class=""></div>
 +
              <!-- Unnamed () -->
 +
              <div id="u10" class="text" style="visibility: visible;">
 +
                <p><span>Team Members</span></p>
 +
              </div>
 +
            </div>
 +
 
 +
            <!-- 1 (矩形) -->
 +
            <div id="u11" class="ax_default box_1" data-label="1">
 +
              <div id="u11_div" class=""></div>
 +
              <!-- Unnamed () -->
 +
              <div id="u12" class="text" style="visibility: visible;">
 +
                <p><span>Lab</span></p>
 +
              </div>
 +
            </div>
 +
          </div>
 
         </div>
 
         </div>
 
       </div>
 
       </div>
     
+
 
       <!-- Unnamed (图片) -->
+
       <!-- Achievement (动态面板) -->
       <div id="u6" class="ax_default image"> <img id="u6_img" class="img " src="https://static.igem.org/mediawiki/2016/6/65/T--SCUT-China_A--u6.png"/>  
+
       <div id="u13" class="ax_default" data-label="Achievement">
        <!-- Unnamed () -->
+
        <div id="u13_state0" class="panel_state" data-label="State1">
        <div id="u7" class="text" style="visibility: visible;">
+
          <div id="u13_state0_content" class="panel_state_content">
          <p><span>&#149; </span></p>
+
 
 +
            <!-- 4 (矩形) -->
 +
            <div id="u14" class="ax_default box_1 ax_default_hidden" data-label="4" style="display: none; visibility: hidden">
 +
              <div id="u14_div" class=""></div>
 +
              <!-- Unnamed () -->
 +
              <div id="u15" class="text" style="visibility: visible;">
 +
                <p><span>Collabarations</span></p>
 +
              </div>
 +
            </div>
 +
 
 +
            <!-- 3 (矩形) -->
 +
            <div id="u16" class="ax_default box_1 ax_default_hidden" data-label="3" style="display: none; visibility: hidden">
 +
              <div id="u16_div" class=""></div>
 +
              <!-- Unnamed () -->
 +
              <div id="u17" class="text" style="visibility: visible;">
 +
                <p><span>Parts</span></p>
 +
              </div>
 +
            </div>
 +
 
 +
            <!-- 2 (矩形) -->
 +
            <div id="u18" class="ax_default box_1 ax_default_hidden" data-label="2" style="display: none; visibility: hidden">
 +
              <div id="u18_div" class=""></div>
 +
              <!-- Unnamed () -->
 +
              <div id="u19" class="text" style="visibility: visible;">
 +
                <p><span>Judging Criteria</span></p>
 +
              </div>
 +
            </div>
 +
 
 +
            <!-- 1 (矩形) -->
 +
            <div id="u20" class="ax_default box_1" data-label="1">
 +
              <div id="u20_div" class=""></div>
 +
              <!-- Unnamed () -->
 +
              <div id="u21" class="text" style="visibility: visible;">
 +
                <p><span>Achievement</span></p>
 +
              </div>
 +
            </div>
 +
          </div>
 
         </div>
 
         </div>
 
       </div>
 
       </div>
        
+
 
       <!-- Unnamed (矩形) -->
+
       <!-- Human Practice (动态面板) -->
      <div id="u8" class="ax_default flow_shape">
+
       <div id="u22" class="ax_default" data-label="Human Practice">
        <div id="u8_div" class=""></div>
+
        <div id="u22_state0" class="panel_state" data-label="State1">
        <!-- Unnamed () -->
+
          <div id="u22_state0_content" class="panel_state_content">
        <div id="u9" class="text" style="display: none; visibility: hidden">
+
 
          <p><span></span></p>
+
            <!-- 6 (矩形) -->
 +
            <div id="u23" class="ax_default box_1 ax_default_hidden" data-label="6" style="display: none; visibility: hidden">
 +
              <div id="u23_div" class=""></div>
 +
              <!-- Unnamed () -->
 +
              <div id="u24" class="text" style="visibility: visible;">
 +
                <p><span>Future Work</span></p>
 +
              </div>
 +
            </div>
 +
 
 +
            <!-- 5 (矩形) -->
 +
            <div id="u25" class="ax_default box_1 ax_default_hidden" data-label="5" style="display: none; visibility: hidden">
 +
              <div id="u25_div" class=""></div>
 +
              <!-- Unnamed () -->
 +
              <div id="u26" class="text" style="visibility: visible;">
 +
                <p><span>Communication</span></p>
 +
              </div>
 +
            </div>
 +
 
 +
            <!-- 4 (矩形) -->
 +
            <div id="u27" class="ax_default box_1 ax_default_hidden" data-label="4" style="display: none; visibility: hidden">
 +
              <div id="u27_div" class=""></div>
 +
              <!-- Unnamed () -->
 +
              <div id="u28" class="text" style="visibility: visible;">
 +
                <p><span>Safety Improvement</span></p>
 +
              </div>
 +
            </div>
 +
 
 +
            <!-- 3 (矩形) -->
 +
            <div id="u29" class="ax_default box_1 ax_default_hidden" data-label="3" style="display: none; visibility: hidden">
 +
              <div id="u29_div" class=""></div>
 +
              <!-- Unnamed () -->
 +
              <div id="u30" class="text" style="visibility: visible;">
 +
                <p><span>Questionnaire</span></p>
 +
              </div>
 +
            </div>
 +
 
 +
            <!-- 2 (矩形) -->
 +
            <div id="u31" class="ax_default box_1 ax_default_hidden" data-label="2" style="display: none; visibility: hidden">
 +
              <div id="u31_div" class=""></div>
 +
              <!-- Unnamed () -->
 +
              <div id="u32" class="text" style="visibility: visible;">
 +
                <p><span>Overview</span></p>
 +
              </div>
 +
            </div>
 +
 
 +
            <!-- 1 (矩形) -->
 +
            <div id="u33" class="ax_default box_1" data-label="1">
 +
              <div id="u33_div" class=""></div>
 +
              <!-- Unnamed () -->
 +
              <div id="u34" class="text" style="visibility: visible;">
 +
                <p><span>Human Practice</span></p>
 +
              </div>
 +
            </div>
 +
          </div>
 
         </div>
 
         </div>
 
       </div>
 
       </div>
     
+
 
       <!-- Unnamed (图片) -->
+
       <!-- Modeling (动态面板) -->
       <div id="u10" class="ax_default image"> <img id="u10_img" class="img " src="https://static.igem.org/mediawiki/2016/1/16/T--SCUT-China_A--u10.png"/>  
+
       <div id="u35" class="ax_default" data-label="Modeling">
        <!-- Unnamed () -->
+
        <div id="u35_state0" class="panel_state" data-label="State1">
        <div id="u11" class="text" style="display: none; visibility: hidden">
+
          <div id="u35_state0_content" class="panel_state_content">
          <p><span></span></p>
+
 
 +
            <!-- 4 (矩形) -->
 +
            <div id="u36" class="ax_default box_1 ax_default_hidden" data-label="4" style="display: none; visibility: hidden">
 +
              <div id="u36_div" class=""></div>
 +
              <!-- Unnamed () -->
 +
              <div id="u37" class="text" style="visibility: visible;">
 +
                <p><span>Appendix</span></p>
 +
              </div>
 +
            </div>
 +
 
 +
            <!-- 3 (矩形) -->
 +
            <div id="u38" class="ax_default box_1 ax_default_hidden" data-label="3" style="display: none; visibility: hidden">
 +
              <div id="u38_div" class=""></div>
 +
              <!-- Unnamed () -->
 +
              <div id="u39" class="text" style="visibility: visible;">
 +
                <p><span>Parts</span></p>
 +
              </div>
 +
            </div>
 +
 
 +
            <!-- 2 (矩形) -->
 +
            <div id="u40" class="ax_default box_1 ax_default_hidden" data-label="2" style="display: none; visibility: hidden">
 +
              <div id="u40_div" class=""></div>
 +
              <!-- Unnamed () -->
 +
              <div id="u41" class="text" style="visibility: visible;">
 +
                <p><span>Introduction</span></p>
 +
              </div>
 +
            </div>
 +
 
 +
            <!-- 1 (矩形) -->
 +
            <div id="u42" class="ax_default box_1" data-label="1">
 +
              <div id="u42_div" class=""></div>
 +
              <!-- Unnamed () -->
 +
              <div id="u43" class="text" style="visibility: visible;">
 +
                <p><span>Modeling</span></p>
 +
              </div>
 +
            </div>
 +
          </div>
 
         </div>
 
         </div>
 
       </div>
 
       </div>
     
+
 
       <!-- Unnamed (图片) -->
+
       <!-- Project (动态面板) -->
       <div id="u12" class="ax_default image"> <img id="u12_img" class="img " src="https://static.igem.org/mediawiki/2016/4/45/T--SCUT-China_A--u12.png"/>  
+
       <div id="u44" class="ax_default" data-label="Project">
        <!-- Unnamed () -->
+
        <div id="u44_state0" class="panel_state" data-label="State1">
        <div id="u13" class="text" style="display: none; visibility: hidden">
+
          <div id="u44_state0_content" class="panel_state_content">
          <p><span></span></p>
+
 
 +
            <!-- 5 (矩形) -->
 +
            <div id="u45" class="ax_default box_1 ax_default_hidden" data-label="5" style="display: none; visibility: hidden">
 +
              <div id="u45_div" class=""></div>
 +
              <!-- Unnamed () -->
 +
              <div id="u46" class="text" style="visibility: visible;">
 +
                <p><span>Future Work</span></p>
 +
              </div>
 +
            </div>
 +
 
 +
            <!-- 4 (矩形) -->
 +
            <div id="u47" class="ax_default box_1 ax_default_hidden" data-label="4" style="display: none; visibility: hidden">
 +
              <div id="u47_div" class=""></div>
 +
              <!-- Unnamed () -->
 +
              <div id="u48" class="text" style="visibility: visible;">
 +
                <p><span>Design</span></p>
 +
              </div>
 +
            </div>
 +
 
 +
            <!-- 3 (矩形) -->
 +
            <div id="u49" class="ax_default box_1 ax_default_hidden" data-label="3" style="display: none; visibility: hidden">
 +
              <div id="u49_div" class=""></div>
 +
              <!-- Unnamed () -->
 +
              <div id="u50" class="text" style="visibility: visible;">
 +
                <p><span>Background</span></p>
 +
              </div>
 +
            </div>
 +
 
 +
            <!-- 2 (矩形) -->
 +
            <div id="u51" class="ax_default box_1 ax_default_hidden" data-label="2" style="display: none; visibility: hidden">
 +
              <div id="u51_div" class=""></div>
 +
              <!-- Unnamed () -->
 +
              <div id="u52" class="text" style="visibility: visible;">
 +
                <p><span>Overview</span></p>
 +
              </div>
 +
            </div>
 +
 
 +
            <!-- 1 (矩形) -->
 +
            <div id="u53" class="ax_default box_1" data-label="1">
 +
              <div id="u53_div" class=""></div>
 +
              <!-- Unnamed () -->
 +
              <div id="u54" class="text" style="visibility: visible;">
 +
                <p><span>Project</span></p>
 +
              </div>
 +
            </div>
 +
          </div>
 
         </div>
 
         </div>
 
       </div>
 
       </div>
     
+
 
       <!-- Unnamed (矩形) -->
+
       <!-- Home (动态面板) -->
       <div id="u14" class="ax_default flow_shape">
+
       <div id="u55" class="ax_default" data-label="Home">
        <div id="u14_div" class=""></div>
+
         <div id="u55_state0" class="panel_state" data-label="State1">
        <!-- Unnamed () -->
+
           <div id="u55_state0_content" class="panel_state_content">
        <div id="u15" class="text" style="display: none; visibility: hidden">
+
 
          <p><span></span></p>
+
            <!-- 1 (矩形) -->
         </div>
+
            <div id="u56" class="ax_default box_1" data-label="1">
      </div>
+
              <div id="u56_div" class=""></div>
     
+
              <!-- Unnamed () -->
      <!-- Unnamed (图片) -->
+
              <div id="u57" class="text" style="visibility: visible;">
      <div id="u16" class="ax_default image"> <img id="u16_img" class="img " src="https://static.igem.org/mediawiki/2016/b/b3/T--SCUT-China_A--u16.png"/>
+
                <p><span>Home</span></p>
        <!-- Unnamed () -->
+
              </div>
        <div id="u17" class="text" style="display: none; visibility: hidden">
+
            </div>
           <p><span></span></p>
+
           </div>
        </div>
+
      </div>
+
     
+
      <!-- Unnamed (图片) -->
+
      <div id="u18" class="ax_default image"> <img id="u18_img" class="img " src="https://static.igem.org/mediawiki/2016/6/66/T--SCUT-China_A--u18.png"/>  
+
        <!-- Unnamed () -->
+
        <div id="u19" class="text" style="display: none; visibility: hidden">
+
          <p><span></span></p>
+
        </div>
+
      </div>
+
     
+
      <!-- Unnamed (矩形) -->
+
      <div id="u20" class="ax_default flow_shape">
+
        <div id="u20_div" class=""></div>
+
        <!-- Unnamed () -->
+
        <div id="u21" class="text" style="display: none; visibility: hidden">
+
          <p><span></span></p>
+
        </div>
+
      </div>
+
     
+
      <!-- Unnamed (图片) -->
+
      <div id="u22" class="ax_default image"> <img id="u22_img" class="img " src="https://static.igem.org/mediawiki/2016/4/4e/T--SCUT-China_A--u22.png"/>
+
        <!-- Unnamed () -->
+
        <div id="u23" class="text" style="display: none; visibility: hidden">
+
          <p><span></span></p>
+
        </div>
+
      </div>
+
     
+
      <!-- Unnamed (图片) -->
+
      <div id="u24" class="ax_default image"> <img id="u24_img" class="img " src="https://static.igem.org/mediawiki/2016/c/c4/T--SCUT-China_A--u24.png"/>
+
        <!-- Unnamed () -->
+
        <div id="u25" class="text" style="display: none; visibility: hidden">
+
          <p><span></span></p>
+
        </div>
+
      </div>
+
     
+
      <!-- Unnamed (矩形) -->
+
      <div id="u26" class="ax_default flow_shape">
+
        <div id="u26_div" class=""></div>
+
        <!-- Unnamed () -->
+
       
+
        <div id="u27" class="text" style="display: none; visibility: hidden">
+
          <p><span></span></p>
+
        </div>
+
      </div>
+
     
+
      <!-- Unnamed (图片) -->
+
      <div id="u28" class="ax_default image"> <img id="u28_img" class="img " src="https://static.igem.org/mediawiki/2016/2/21/T--SCUT-China_A--u28.png"/>
+
        <!-- Unnamed () -->
+
        <div id="u29" class="text" style="display: none; visibility: hidden">
+
           <p><span></span></p>
+
        </div>
+
      </div>
+
     
+
      <!-- Unnamed (图片) -->
+
      <div id="u30" class="ax_default image"> <img id="u30_img" class="img " src="https://static.igem.org/mediawiki/2016/c/c8/T--SCUT-China_A--u30.png"/>
+
        <!-- Unnamed () -->
+
        <div id="u31" class="text" style="display: none; visibility: hidden">
+
          <p><span></span></p>
+
        </div>
+
      </div>
+
     
+
      <!-- Unnamed (矩形) -->
+
      <div id="u32" class="ax_default flow_shape">
+
        <div id="u32_div" class=""></div>
+
        <!-- Unnamed () -->
+
        <div id="u33" class="text" style="display: none; visibility: hidden">
+
          <p><span></span></p>
+
        </div>
+
      </div>
+
     
+
      <!-- Unnamed (矩形) -->
+
      <div id="u34" class="ax_default flow_shape">
+
        <div id="u34_div" class=""></div>
+
        <!-- Unnamed () -->
+
        <div id="u35" class="text" style="display: none; visibility: hidden">
+
          <p><span></span></p>
+
        </div>
+
      </div>
+
     
+
      <!-- Unnamed (图片) -->
+
      <div id="u36" class="ax_default image"> <img id="u36_img" class="img " src="https://static.igem.org/mediawiki/2016/2/21/T--SCUT-China_A--u36.png"/>
+
        <!-- Unnamed () -->
+
        <div id="u37" class="text" style="display: none; visibility: hidden">
+
          <p><span></span></p>
+
        </div>
+
      </div>
+
     
+
      <!-- Unnamed (图片) -->
+
      <div id="u38" class="ax_default image"> <img id="u38_img" class="img " src="https://static.igem.org/mediawiki/2016/5/55/T--SCUT-China_A--u38.png"/>
+
        <!-- Unnamed () -->
+
        <div id="u39" class="text" style="display: none; visibility: hidden">
+
          <p><span></span></p>
+
        </div>
+
      </div>
+
     
+
      <!-- Unnamed (图片) -->
+
      <div id="u40" class="ax_default image"> <img id="u40_img" class="img " src="https://static.igem.org/mediawiki/2016/3/33/T--SCUT-China_A--u40.png"/>
+
        <!-- Unnamed () -->
+
        <div id="u41" class="text" style="display: none; visibility: hidden">
+
          <p><span></span></p>
+
        </div>
+
      </div>
+
     
+
      <!-- Unnamed (图片) -->
+
      <div id="u42" class="ax_default image"> <img id="u42_img" class="img " src="https://static.igem.org/mediawiki/2016/c/c8/T--SCUT-China_A--u42.png"/>
+
        <!-- Unnamed () -->
+
        <div id="u43" class="text" style="display: none; visibility: hidden">
+
          <p><span></span></p>
+
 
         </div>
 
         </div>
 
       </div>
 
       </div>
 
     </div>
 
     </div>
  </div>
 
  <!-- end .content -->
 
 
 
  <div id="footer"  class="footer">
 
    <table style="text-align:center; font-size:12px;width:1080px;">
 
      <tr>
 
        <th width="25%"><a href="#">Contact Us</a></th>
 
        <th width="25%"><a href="#">wow</a></th>
 
        <th width="25%"><a href="#">Help Desk</a></th>
 
        <th width="25%"><a href="#">Contributors</a></th>
 
      </tr>
 
    </table>
 
  </div>
 
  <!-- end .footer -->
 
</div>
 
<!-- end .container -->
 
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 13:11, 4 October 2016

Lab

Achievement

Human Practice

Modeling

Project

Home