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 11: Line 983:
 
     }
 
     }
  
−
     #firstHeading {
+
     #top_title {
−
        display:none;    
+
        display:none;
 
     }
 
     }
 
     #sideMenu {
 
     #sideMenu {
−
        display:none;    
+
        display: none;
 
     }
 
     }
−
     #top_menu_under {
+
     /* reset end */
−
        display:none;  
+
 
 +
    /* ~~ 元素/标签选择器 ~~ */
 +
    ul, ol, dl { /* 由于浏览器之间的差异，最佳做法是在列表中将填充和边距都设置为零。为了保持一致，您可以在此处指定需要的数值，也可以在列表所包含的列表项（LI、DT 和 DD）中指定需要的数值。请注意，除非编写一个更为具体的选择器，否则您在此处进行的设置将会层叠到 .nav 列表。 */
 +
        padding: 0;
 +
        margin: 0;
 
     }
 
     }
−
     #globalWrapper {
+
     h1, h2, h3, h4, h5, h6, p {
−
        padding-bottom:0px;    
+
        margin-top: 0; /* 删除上边距可以解决边距会超出其包含的 div 的问题。剩余的下边距可以使 div 与后面的任何元素保持一定距离。 */
 +
        padding-right: 15px;
 +
        padding-left: 15px; /* 向 div 内的元素侧边（而不是 div 自身）添加填充可避免使用任何方框模型数学。此外，也可将具有侧边填充的嵌套 div 用作替代方法。 */
 +
        height: 100%;
 +
        font-family: "微软雅黑";
 
     }
 
     }
−
     #top_menu_14 {
+
     /*******************************************test**************/
−
        border-bottom:0px;
+
    .filterinput{
 +
        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%;
 +
       
 
     }
 
     }
−
     .logo_2016 {
+
     #demo-list a{
−
        display:none;    
+
        overflow:hidden;
 +
        text-overflow:ellipsis;
 +
        -o-text-overflow:ellipsis;
 +
        white-space:nowrap;
 +
        width:100%;
 
     }
 
     }
−
     .pop_why_box {
+
    /*******************************************test**************/
−
        padding:0px;
+
    /* ~~ 此固定宽度容器包含其它 div ~~ */
−
        border:0px;
+
     .container {
 +
        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>
 
  
 +
    /* ~~ 以下是此布局的列。 ~~
 +
 +
    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">
−
$(document).ready(function(e) {
+
jQuery(document).ready(function () {
−
$("html").height($("body").height());
+
jQuery("#jquery-accordion-menu").jqueryAccordionMenu();
 
});
 
});
  
 +
$(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 style="height:1800px;">
+
 
 +
<!-- <div id="bodybg"> 
 +
<img src="../kkkk/images/565605c511367_1024.jpg" alt="" class="stretch"/></div>-->
 +
 
 +
<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>
 +
        <!-- Unnamed () -->
 +
        <div id="u1" class="text" style="display: none; visibility: hidden">
 +
          <p><span></span></p>
 +
        </div>
 +
      </div>
 +
     
 +
      <!-- Unnamed (矩形) -->
 +
      <div id="u2" class="ax_default flow_shape">
 +
        <div id="u2_div" class=""></div>
 +
        <!-- Unnamed () -->
 +
        <div id="u3" class="text" style="display: none; visibility: hidden">
 +
          <p><span></span></p>
 +
        </div>
 +
      </div>
 +
     
 +
      <!-- Unnamed (矩形) -->
 +
      <div id="u4" class="ax_default flow_shape">
 +
        <div id="u4_div" class=""></div>
 +
        <!-- Unnamed () -->
 +
        <div id="u5" class="text" style="display: none; visibility: hidden">
 +
          <p><span></span></p>
 +
        </div>
 +
      </div>
 +
     
 +
      <!-- Unnamed (图片) -->
 +
      <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"/>
 +
        <!-- Unnamed () -->
 +
        <div id="u7" class="text" style="visibility: visible;">
 +
          <p><span>&#149; </span></p>
 +
        </div>
 +
      </div>
 +
     
 +
      <!-- Unnamed (矩形) -->
 +
      <div id="u8" class="ax_default flow_shape">
 +
        <div id="u8_div" class=""></div>
 +
        <!-- Unnamed () -->
 +
        <div id="u9" class="text" style="display: none; visibility: hidden">
 +
          <p><span></span></p>
 +
        </div>
 +
      </div>
 +
     
 +
      <!-- Unnamed (图片) -->
 +
      <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"/>
 +
        <!-- Unnamed () -->
 +
        <div id="u11" class="text" style="display: none; visibility: hidden">
 +
          <p><span></span></p>
 +
        </div>
 +
      </div>
 +
     
 +
      <!-- Unnamed (图片) -->
 +
      <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"/>
 +
        <!-- Unnamed () -->
 +
        <div id="u13" class="text" style="display: none; visibility: hidden">
 +
          <p><span></span></p>
 +
        </div>
 +
      </div>
 +
     
 +
      <!-- Unnamed (矩形) -->
 +
      <div id="u14" class="ax_default flow_shape">
 +
        <div id="u14_div" class=""></div>
 +
        <!-- Unnamed () -->
 +
        <div id="u15" class="text" style="display: none; visibility: hidden">
 +
          <p><span></span></p>
 +
        </div>
 +
      </div>
 +
     
 +
      <!-- Unnamed (图片) -->
 +
      <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"/>
 +
        <!-- Unnamed () -->
 +
        <div id="u17" class="text" style="display: none; visibility: hidden">
 +
          <p><span></span></p>
 +
        </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>
 +
  <!-- 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>
 
</div>
 +
<!-- end .container -->
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 12:00, 1 October 2016

•