Team:SCUT-China B

       <style>

{

margin:0; padding: 0; } a { text-decoration:none; appearance:none; -webkit-appearance:none; cursor: pointer; } input { margin:0; padding:0; outline:none; border:0; background:none; appearance:none; -webkit-appearance:none; } button{ margin:0; padding:0; outline:none; border:0; backgrond:none; } hr{ border:0; border-top:1px solid; margin:0; padding:0; } select{ border:0; margin:0; padding:0; background:none; outline:none; appearance:none; -webkit-appearance:none; } ul{ margin: 0; padding: 0; list-style: none; box-sizing: initial; -webkit-box-sizing: initial; } li{ margin: 0; padding: 0; list-style: none; box-sizing: initial; -webkit-box-sizing: initial; } p{ margin: 0; }

{

word-break: normal; font-family: verdana; } a { margin: 0; padding: 0; } img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }

{

list-style: none; text-decoration: none; } .nav {

   position:relative;
   width: 100%;
   text-align: center;

}

.nav ul {

   height:0;
   left:0;
   overflow:hidden;
   position:absolute;
   width: 100%;
   box-shadow: 1px 1px 1px #c94856;

} .nav li{

   float:left;
   position:relative;
   width: 11.1%;
   line-height: 15px;
   font-size: 15px;
   background-color: #d6515c;
   height: 70px;
   opacity: 0.93;

} .nav>li>ul:last-child {

   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;

}

.logo1 {

   margin-top: -10px;
   width: 60%;
   margin-right: -80px;

} .logo2 {

   margin-top: 17px;
   width: 70%;
   margin-left: -70px;

}

.nav li:hover ul {

   height:auto;
   width:100%;

}

.nav ul li {

   -moz-transition:0.2s;
   -o-transition:0.2s;
   -webkit-transition:0.2s;
   opacity:0;
   transition:0.2s;
   width:100%;
   background-color: #d6515c;

}

.nav li:hover ul li {

   opacity:1;
   -moz-transition-delay:0s;
   -o-transition-delay:0s;
   -webkit-transition-delay:0s;
   transition-delay:0s;

} .nav li:hover ul li,.nav li:nth-child(n+3):hover {

   background-color: #ffe1e4;
   -moz-transition:0.2s;
   -o-transition:0.2s;
   -webkit-transition:0.2s;

}

.nav li a {

   -moz-transition:0.2s;
   -o-transition:0.2s;
   -webkit-transition:0.2s;
   display:block;
   transition:0.2s;
   color: white;

} .nav ul li a {

   line-height:1px;
   -moz-transition:0.2s;
   -o-transition:0.2s;
   -webkit-transition:0.2s;
   transition:0.2s;

} .nav li:hover ul li a ,.nav li:hover a{

   color: #c94856;

} .nav li ul li:hover,.nav>li>a:hover {

   background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(206,15,53, 0.5)), to(rgba(206,15,53, 0)));
   background-image: -moz-linear-gradient(-90deg, rgba(206,15,53, 0.5), rgba(206,15,53, 0));
   background-image: -o-linear-gradient(-90deg,rgba(206,15,53,0.5),rgba(206,15,53,0));

} .nav>li>a:hover,.nav>li:hover a{

   height: 70px;
   line-height: 64px;

} .nav {

   position: fixed;
   z-index: 10000;

} .space {

   width: 100%;
   display: block;
   height: 70px;
   z-index: -10000;
   background-color: #d6515c;

} .nav>li>a {

   height: 70px;
   line-height: 64px;

} .top {

   height: 600px;
   background-image: url();
   background-repeat: no-repeat;
   background-size: 100% 600px;

} .title { display: block; margin-left: auto; margin-top: 40px; margin-right: auto; font-size: 30px; line-height: 30px; width: 40%; color: white; font-family: verdana; text-shadow: 5px 5px 2px #c94856; } .abstract { display: block; margin-left: auto; margin-right: auto; font-size: 20px; line-height: 20px; width: 71%; font-family: verdana; text-shadow: 5px 5px 2px #c94856; color: white; margin-top: 20px; } .topLogo { display: block; margin-left: auto; margin-right: auto; padding-top: 20px; width: 50%; } .img { display: block; margin-top: 40px; margin-left: auto; margin-right: auto; } .imgDiv { width: 100%; height: 110px; } .mid { width: 100%; background-image: url(); background-size: 100% auto; background-repeat: no-repeat; height: 525px; font-family: verdana; color: #c94856; } .bottom { width: 100%; background-image: url(); background-size: 100% auto; background-repeat: no-repeat; height: 424px; } .topButton { opacity: 0.5; width: 10%; height: 60%; float: right; margin-right: 40%; margin-top: 45%; z-index: 100; cursor: pointer; } span { color: white; font-size: 28px; display: block; margin-left: auto; margin-right: auto; text-align: center; }

bt {

font-size: 64px; } .info { width: 50%; float: left; margin-left: 5%; margin-top: 10%; color: white; }

.photo { display: inline-block; width: 80%; } .leftBtn,.rightBtn { font-size: 64px; display: inline; margin-top: 16%; cursor: pointer; color: white; user-select: none; } .leftBtn { float: left; width: 5%; margin-left: 5%; } .rightBtn { float: right; width: 5%; margin-right: 5%; } .pho { width: 60%; display: block; margin-top: 6%; margin-left: auto; margin-right: auto; box-shadow: 15px 15px 10px #a3002c; height: auto; } .left { width: 60%; float: left; display: inline-block; } .right { width: 40%; float: right; display: inline-block; } .info { display: block; width: 100%; margin-top: 20%; margin-left: 15%; font-size: 22px; color: white; } .gold { display: block; width: 100%; } .top2 { width: 49%; display: inline-block; float: left; border-right: solid 1px white; } .down { width: 50%; display: inline-block; float: right; }

scut {

width: 18%; display: inline-block; margin-left: 30%; margin-top: 5%; float: left; }

butLogo {

width: 24%; margin-top: 2.5%; display: inline-block; float: left; margin-left: 5%; }

medal {

width: 60%; margin-left: 20%; margin-top: 5%; }

       </style>

</head> <body>

<img src="

" alt="logo" class="logo1">

<img src="

" alt="logo" class="logo2">

<a href="overview.html">Project</a>

<a href="overview.html">Overview</a>
<a href="propoptosis.html">Apoptosis Induction</a>
<a href="protumor.html">Tumor specific promoter</a>

<a href="">Achievements</a>

<a href="">Results</a>
<a href="parts.html">Parts</a>
<a href="">Judging</a>

<a href="modeling.html">Modeling</a>

<a href="apoptosis.html">Apoptosis</a>
<a href="crispri.html">CRISPRi/a</a>

<a href="">Notebook</a>

<a href="Protocol.html">Protocol</a>
<a href="Safety.html">Safety</a>

<a href="hp.html">Human Practice</a>

<a href="hp.html">Overview</a>
<a href="hp1.html">Project Design</a>
<a href="hp2.html">Public Outreach</a>
<a href="hp3.html">Hospice Care</a>

<a href="team.html">Team</a>
<a href="Collaborations.html">Collaborations</a>
<a href="Attributions.html">Attributions</a>

<

               <img src="" class="topLogo">

Lung Cancer Targeted Killer

inducing appotosis of lung cancer cells via tumor specific CRISPRi/a system

                   <img src="" class="img">

>

E-mail: xxxxxx@xxx.com

Address:

South China University of Technology,No.382,East Waihuan Road,Higher Education Mega Center,Panyu district,Guangzhou,Guangdong Province,China.

                   <img src="" id="scut">
                   <img src="" id="butLogo">

                   <img src="" id="medal">

               TOP
               ^