Difference between revisions of "Team:NCTU Formosa/Overview"

Line 3: Line 3:
 
<html>
 
<html>
 
<head>
 
<head>
<link href='https://2015.igem.org/Team:NCTU_Formosa/Ubntu.css?action=raw&ctype=text/css' rel='stylesheet' type='text/css'>
+
<style tpe=text/css>
<link rel="stylesheet" href="https://2015.igem.org/Team:NCTU_Formosa/reset.css?action=raw&ctype=text/css"> <!-- CSS reset -->
+
/* v1.0 | 20080212 */
 
+
<script src="https://2015.igem.org/Team:NCTU_Formosa/mordernizr.js?action=raw&ctype=text/javascript"></script> <!-- Modernizr -->
+
 
+
<style type=text/css>
+
 
+
<style type=text/css>
+
  
 +
html, body, div, span, applet, object, iframe,
 +
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
 +
a, abbr, acronym, address, big, cite, code,
 +
del, dfn, em, font, img, ins, kbd, q, s, samp,
 +
small, strike, strong, sub, sup, tt, var,
 +
b, u, i, center,
 +
dl, dt, dd, ol, ul, li,
 +
fieldset, form, label, legend,
 +
table, caption, tbody, tfoot, thead, tr, th, td {
 +
    margin: 0;
 +
    padding: 0;
 +
    border: 0;
 +
    outline: 0;
 +
    font-size: 100%;
 +
    vertical-align: baseline;
 +
    background: transparent;
 +
}
 
body {
 
body {
  font-size: 100%;
+
    line-height: 1;
  font-family: "Ubuntu", sans-serif;
+
  color: #f35535;
+
  background-color: #2e313d;
+
 
}
 
}
 
+
ol, ul {
 
+
    list-style: none;
a {
+
  text-decoration: none;
+
 
}
 
}
 
+
blockquote, q {
 
+
    quotes: none;
/* --------------------------------
+
 
+
Modules - reusable parts of our design
+
 
+
-------------------------------- */
+
 
+
.cd-container {
+
  /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
+
 
+
  width: 90%;
+
  max-width: 768px;
+
  margin: 0 auto;
+
 
}
 
}
.cd-container::after {
+
blockquote:before, blockquote:after,
  /* clearfix */
+
q:before, q:after {
  content: '';
+
    content: '';
  display: table;
+
    content: none;
  clear: both;
+
 
}
 
}
  
/* --------------------------------
+
/* remember to define focus styles! */
 
+
:focus {
Main components
+
     outline: 0;
 
+
-------------------------------- */
+
.cd-header {
+
  position: fixed;
+
  top: 0;
+
  left: 0;
+
  width: 100%;
+
  height: 50px;
+
  background: #f35535;
+
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
+
  z-index: 3;
+
}
+
.cd-header:after {
+
  content: "";
+
  display: table;
+
  clear: both;
+
}
+
.cd-header #cd-logo {
+
  float: left;
+
  margin: 13px 0 0 5%;
+
}
+
.cd-header #cd-logo img {
+
  display: block;
+
}
+
@media only screen and (min-width: 768px) {
+
  .cd-header {
+
     height: 70px;
+
  }
+
  .cd-header #cd-logo {
+
    margin: 23px 0 0 5%;
+
  }
+
 
}
 
}
  
.cd-main-nav {
+
/* remember to highlight inserts somehow! */
  float: right;
+
ins {
  margin-right: 5%;
+
    text-decoration: none;
  width: 44px;
+
  height: 100%;
+
  background: url("../img/cd-icon-menu.svg") no-repeat center center;
+
  background-size: 44px 44px;
+
  cursor: pointer;
+
 
}
 
}
.cd-main-nav ul {
+
del {
  position: absolute;
+
     text-decoration: line-through;
  top: 0;
+
  left: 0;
+
  width: 100%;
+
  -webkit-transform: translateY(-100%);
+
  -moz-transform: translateY(-100%);
+
  -ms-transform: translateY(-100%);
+
  -o-transform: translateY(-100%);
+
  transform: translateY(-100%);
+
}
+
.cd-main-nav ul.is-visible {
+
  -webkit-transform: translateY(50px);
+
  -moz-transform: translateY(50px);
+
  -ms-transform: translateY(50px);
+
  -o-transform: translateY(50px);
+
  transform: translateY(50px);
+
}
+
.cd-main-nav a {
+
  display: block;
+
  height: 50px;
+
  line-height: 50px;
+
  padding-left: 5%;
+
  background: #2e313d;
+
  border-top: 1px solid #353846;
+
  color: #FFF;
+
}
+
@media only screen and (min-width: 768px) {
+
  .cd-main-nav {
+
     width: auto;
+
    height: auto;
+
    background: none;
+
    cursor: auto;
+
  }
+
  .cd-main-nav ul {
+
    position: static;
+
    width: auto;
+
    -webkit-transform: translateY(0);
+
    -moz-transform: translateY(0);
+
    -ms-transform: translateY(0);
+
    -o-transform: translateY(0);
+
    transform: translateY(0);
+
    line-height: 70px;
+
  }
+
  .cd-main-nav ul.is-visible {
+
    -webkit-transform: translateY(0);
+
    -moz-transform: translateY(0);
+
    -ms-transform: translateY(0);
+
    -o-transform: translateY(0);
+
    transform: translateY(0);
+
  }
+
  .cd-main-nav li {
+
    display: inline-block;
+
    margin-left: 1em;
+
  }
+
  .cd-main-nav a {
+
    display: inline-block;
+
    height: auto;
+
    line-height: normal;
+
    background: transparent;
+
    padding: .6em 1em;
+
    border-top: none;
+
    font-size: 13px;
+
    font-size: 0.8125rem;
+
    font-weight: bold;
+
    text-transform: uppercase;
+
  }
+
 
}
 
}
  
#cd-intro {
+
/* tables still need 'cellspacing="0"' in the markup */
  position: absolute;
+
table {
  height: 300px;
+
    border-collapse: collapse;
  margin-top: 50px;
+
    border-spacing: 0;
  z-index: 1;
+
 
}
 
}
#cd-intro #cd-intro-background {
+
.p01{
  height: 100%;
+
background-color:#550A15;
  width: 100%;
+
position:relative;
  background: url("https://static.igem.org/mediawiki/2015/7/7a/2015_NCTU_Formosa_%E5%A4%A7%E6%A8%992.png") no-repeat center center;
+
height:74vh;
  background-size: cover;
+
width:98.5vw;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
+
padding-top:0vh;
}
+
left:0vw;
#cd-intro #cd-intro-tagline {
+
}
  position: absolute;
+
.p02{
  width: 90%;
+
background-color:#FCFCDE;
  max-width: 1170px;
+
position:relative;
  left: 50%;
+
width:98.5vw;
  top: 50%;
+
height:500vh;
  bottom: auto;
+
}
  right: auto;
+
.background1{
  -webkit-transform: translateX(-50%) translateY(-50%);
+
background-image:url("https://static.igem.org/mediawiki/2015/b/b0/2015_NCTU_Formosa_11822926_10153265782258751_3698678550792286402_o.jpg");
  -moz-transform: translateX(-50%) translateY(-50%);
+
background-repeat:no-repeat;
  -ms-transform: translateX(-50%) translateY(-50%);
+
position:reltive;
  -o-transform: translateX(-50%) translateY(-50%);
+
height:75.8vh;
  transform: translateX(-50%) translateY(-50%);
+
width:70vw;
}
+
background-size:101%;
#cd-intro h1 {
+
top:-1vh;
  text-transform: uppercase;
+
left:0vw;
  font-size: 24px;
+
opacity:0.9;
  font-size: 1.5rem;
+
float:left;
  text-align: center;
+
}
  color: #FFF;
+
.title{
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
+
font-family:Yu Gothic UI;
}
+
font-size:33pt;
@media only screen and (min-width: 768px) {
+
position:relative;
  #cd-intro {
+
height:20vh;
    height: 400px;
+
width:20vw;
    margin-top: 70px;
+
left:-5vw;
  }
+
top:20vh;
  #cd-intro h1 {
+
color:#fff;
    font-size: 30px;
+
z-index:100;
    font-size: 1.875rem;
+
float:right;
  }
+
text-align:center;
}
+
}
@media only screen and (min-width: 1170px) {
+
.contentitle{
  #cd-intro {
+
font-family:Yu Gothic UI;
    position: fixed;
+
font-size:22pt;
    /* do not overlap the header */
+
position:relative;
    top: 70px;
+
height:20vh;
    left: 0;
+
width:50vw;
    width: 100%;
+
left:20vw;
    height: 500px;
+
right:25vw;
    margin-top: 0;
+
top:20vh;
  }
+
color:#000;
  #cd-intro h1 {
+
text-align:left;
    font-size: 32px;
+
z-index:100;
    font-size: 2rem;
+
}
  }
+
.content{
 +
font-family:Yu Gothic UI;
 +
font-size:14pt;
 +
position:relative;
 +
height:50vh;
 +
width:60vw;
 +
left:20vw;
 +
right:25vw;
 +
top:2vh;
 +
color:#000;
 +
text-align: justify;
 +
text-indent: 40px;
 +
LINE-HEIGHT:20pt;
 
}
 
}
  
.cd-content {
+
 
  position: relative;
+
 
  padding: 2em 0;
+
 
  line-height: 1.6;
+
 
  color: #65676f;
+
 
  background-color: #f0f1e7;
+
 
  z-index: 2;
+
}
+
.cd-content::before {
+
  /* subtle gradient right above the main content */
+
  content: '';
+
  position: absolute;
+
  bottom: 100%;
+
  left: 0;
+
  width: 100%;
+
  height: 50px;
+
  background: -webkit-linear-gradient( bottom , rgba(46, 49, 61, 0.5), rgba(46, 49, 61, 0));
+
  background: linear-gradient(to top, rgba(46, 49, 61, 0.5), rgba(46, 49, 61, 0));
+
}
+
.no-cssgradients .cd-content::before {
+
  /* use Modernizr to detect whether the browser supports or not css gradients */
+
  display: none;
+
}
+
.cd-content h2 {
+
  font-size: 20px;
+
  font-size: 1.25rem;
+
}
+
.cd-content p {
+
  margin: 1em 0;
+
}
+
@media only screen and (min-width: 768px) {
+
  .cd-content {
+
    line-height: 1.8;
+
  }
+
  .cd-content h2 {
+
    font-size: 30px;
+
    font-size: 1.875rem;
+
  }
+
}
+
@media only screen and (min-width: 1170px) {
+
  .cd-content {
+
    padding: 4em 0;
+
    margin-top: 570px;
+
  }
+
  .cd-content p {
+
    font-size: 20px;
+
    font-size: 1.25rem;
+
  }
+
+
 
</style>
 
</style>
 
</head>
 
</head>
 
<body>
 
<body>
+
<div class="p01">
 
+
<div class="background1"></div>
<section id="cd-intro">
+
<div class="title">Background<br> and Introduction</div>
<div id="cd-intro-background"></div>
+
</div>
<div id="cd-intro-tagline">
+
<div class="p02">
</div> <!-- cd-intro-tagline -->
+
<div class="contentitle">
</section> <!-- #cd-intro -->
+
Single chain variable fragment as probe
 +
</div>
 +
<img src="https://static.igem.org/mediawiki/2015/0/07/2015_NCTU_Formosa_titlemarker.png";align=center; >
 +
<div class="content">
 +
    Single chain variable fragment (scFv) Abs are one of the <font color=#b51c48> recombinant antibody(rAb)</font> fragments, which are popular therapeutic alternatives to full length of monoclonal Abs. Compared to generating whole Abs from animal cell culture, scFv are smaller and can be expressed rapidly, economically and in large quantities in a bacterial host, such as<font color=#b51c48> E. coli</font>. A scFv <font color=#b51c48>possesses the complete antigen binding site</font>, which contains the variable heavy (VH) and variable light domain of an antibody. The VH domain is linked to a VL domain by an introduced flexible polypeptide linker. A scFv is capable of binding its target antigens with an affinity similar to that of the parent mAb. Due to containing the specific antigen binding unit, scFv fragments show tremendous versatility and importance in<font color=#b51c48> human therapeutics and diagnostics</font>. [1] In addition, scFv fragments can be envisaged to be applied in the non-pharmaceutical sector, such as in the food, cosmetic or environmental industries. The unique and highly specific antigen-binding ability might, for example, be exploited to block specific enzymes (e.g. enzymes that cause food spoilage), bacteria (e.g. in toothpaste or mouthwashes) or to detect environmental factors present in very low concentrations (as biosensors).[2]
  
<main class="cd-content">
+
</div>
<div class="cd-container">
+
<div class="contentitle">Properties and development of targeted drugs</div>
<h2>APOllO E.Cotector</h2>
+
<img src="https://static.igem.org/mediawiki/2015/0/07/2015_NCTU_Formosa_titlemarker.png";align=center; >
<P>With our hit product, we provide the convenient and efficient diagnosis for prescribing personalized targeted drug therapy via tissue biopsies. To achieve this promising goal, the APOllO E.Cotector not only displays single chain variable fragment (scFv) which are directly from monoclonal antibody targeted drugs as probes to detect specific biomarkers, but also simultaneously expresses the florescent protein as signal for instant observation. Furthermore, by changing various kinds of scFv on the surfaces of E.Cotectors, it can identify multimarker and suggest
+
<div class="content">
</div>
+
This year, we decided to utilize the scFv as probes to detect cancer markers and aid in the prescription of targeted drugs in cancer treatments.
+
Targeted drugs therapy utilize compounds that are capable of inhibiting target molecules, the cancer markers which send messages along signaling pathways in cell growth, cell division or cell death. Via specific binding to target molecules, targeted drugs show more accurate attack to cancer cells and less harmful damage to normal tissues. [1] The precision of targeting the cancer cells has enhanced the efficiency of treatment by a large margin. The targeted therapy is a major step forward for many cancers, especially advanced cancers, and physicians and researchers are now focusing on the development of targeted drugs, creating a new era of personalized cancer treatment.[3]Targeted therapy are so-called "personalized medicine" because health care professionals can use clinical test results from a patient to select a specific drug that has a higher likelihood of being effective for that particular person.<br>
</main> <!-- cd-content -->
+
<br><br>
<script src="https://2015.igem.org/Team:NCTU_Formosa/jquery1.110.min.js?action=raw&ctype=text/javascript"></script>
+
According to the statistics, the usage rate of targeted drug therapy has increased within ten years. In Figure 1, in 2003, targeted drug therapy is not commonly used compared with other therapies, accounting for only 11% usage. Over one decade, it is estimated that the usage of targeted drug therapy dramatically increases to<font color=#b51c48> 46%</font>. It indicates targeted drugs therapy is a potential growing field and will become the commonly used therapy in cancer treatments in the near future.
<script src="https://2015.igem.org/Team:NCTU_Formosa/main.js?action=raw&ctype=text/javascript"></script>
+
</div>
<!-- Resource jQuery -->
+
<br><br><br><br><br><br>
 +
<div class="contentitle">Pre-diagnosis of targeted drugs treatment</div>
 +
<img src="https://static.igem.org/mediawiki/2015/0/07/2015_NCTU_Formosa_titlemarker.png";align=center; >
 +
<div class="content">
 +
To create the new era of tailored targeted drugs, doctors must aim at<font color=#b51c48> appropriate target molecules </font>for patients with particular diseases. In 2014,<font color=#b51c48> the U.S. Food and Drug Administration (FDA) </font>issued a guidance to facilitate the development and review of <font color=#b51c48>diagnostics tests</font>. The diagnostics tests are the steps to identify the abnormal cancer biomarkers. Moreover, the purpose of diagnostics tests are to help medical practitioners <font color=#b51c48>determine which patients could benefit from the certain drugs</font>, conversely, those who should not receive the medication. If the treatment decisions is not optimal, it would not only cause the fatal body damage, but also lead to the waste of time, money and medical resources. FDA encourages the joint of targeted drugs therapies and precise diagnostics tests which are essential for the safe and effective use of targeted drugs.[4]
 +
</div>
 +
<div class="contentitle">The concept of combination therapy</div>
 +
<img src="https://static.igem.org/mediawiki/2015/0/07/2015_NCTU_Formosa_titlemarker.png";align=center; >
 +
<div class="content">
 +
Although targeted drugs treatments can lead to the dramatic regressions of solid tumors, the responses are often short-lived because resistant cancer cells arise after a period of treatment. The major strategy proposed for overcoming the resistance is <font color=#b51c48>combination therapy</font>. The clinical and preclinical researches further indicated that targeted drug therapy combined with another targeted drug therapy or other types of therapies to treat cancers simultaneously may attain greater effects than using only one therapy. With the concept of combination therapy, we can not only improve the treating effect but also reduce the occurrence of cancer cells resistance toward the targeted drugs as there are less probability that a single mutation will cause cross-resistance to both drugs.[2] </div>
 +
<div class="contentitle">APPOllO E.Cotector</div>
 +
<img src="https://static.igem.org/mediawiki/2015/0/07/2015_NCTU_Formosa_titlemarker.png";align=center; >
 +
<div class="content">To enhance the <font color=#b51c48>efficiency of diagnosis </font>and provide reference for<font color=#b51c48> proper usage of targeted drugs</font> and <font color=#b51c48>combination therapy</font>, we come up with the idea of detecting multimarker at the same time and this was how our marvelous E.Cotector is borned. This year, NCTU_Formosa commits to creating a multimarker diagnosis platform via scFv as probes for helping physicians to determine and prescribe the usage of targeted drugs in cancer patients, especially the monoclonal-antibody-targeted drugs.</div>
 +
</div>
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 16:00, 8 September 2015

Background
and Introduction
Single chain variable fragment as probe
Single chain variable fragment (scFv) Abs are one of the recombinant antibody(rAb) fragments, which are popular therapeutic alternatives to full length of monoclonal Abs. Compared to generating whole Abs from animal cell culture, scFv are smaller and can be expressed rapidly, economically and in large quantities in a bacterial host, such as E. coli. A scFv possesses the complete antigen binding site, which contains the variable heavy (VH) and variable light domain of an antibody. The VH domain is linked to a VL domain by an introduced flexible polypeptide linker. A scFv is capable of binding its target antigens with an affinity similar to that of the parent mAb. Due to containing the specific antigen binding unit, scFv fragments show tremendous versatility and importance in human therapeutics and diagnostics. [1] In addition, scFv fragments can be envisaged to be applied in the non-pharmaceutical sector, such as in the food, cosmetic or environmental industries. The unique and highly specific antigen-binding ability might, for example, be exploited to block specific enzymes (e.g. enzymes that cause food spoilage), bacteria (e.g. in toothpaste or mouthwashes) or to detect environmental factors present in very low concentrations (as biosensors).[2]
Properties and development of targeted drugs
This year, we decided to utilize the scFv as probes to detect cancer markers and aid in the prescription of targeted drugs in cancer treatments. Targeted drugs therapy utilize compounds that are capable of inhibiting target molecules, the cancer markers which send messages along signaling pathways in cell growth, cell division or cell death. Via specific binding to target molecules, targeted drugs show more accurate attack to cancer cells and less harmful damage to normal tissues. [1] The precision of targeting the cancer cells has enhanced the efficiency of treatment by a large margin. The targeted therapy is a major step forward for many cancers, especially advanced cancers, and physicians and researchers are now focusing on the development of targeted drugs, creating a new era of personalized cancer treatment.[3]Targeted therapy are so-called "personalized medicine" because health care professionals can use clinical test results from a patient to select a specific drug that has a higher likelihood of being effective for that particular person.


According to the statistics, the usage rate of targeted drug therapy has increased within ten years. In Figure 1, in 2003, targeted drug therapy is not commonly used compared with other therapies, accounting for only 11% usage. Over one decade, it is estimated that the usage of targeted drug therapy dramatically increases to 46%. It indicates targeted drugs therapy is a potential growing field and will become the commonly used therapy in cancer treatments in the near future.






Pre-diagnosis of targeted drugs treatment
To create the new era of tailored targeted drugs, doctors must aim at appropriate target molecules for patients with particular diseases. In 2014, the U.S. Food and Drug Administration (FDA) issued a guidance to facilitate the development and review of diagnostics tests. The diagnostics tests are the steps to identify the abnormal cancer biomarkers. Moreover, the purpose of diagnostics tests are to help medical practitioners determine which patients could benefit from the certain drugs, conversely, those who should not receive the medication. If the treatment decisions is not optimal, it would not only cause the fatal body damage, but also lead to the waste of time, money and medical resources. FDA encourages the joint of targeted drugs therapies and precise diagnostics tests which are essential for the safe and effective use of targeted drugs.[4]
The concept of combination therapy
Although targeted drugs treatments can lead to the dramatic regressions of solid tumors, the responses are often short-lived because resistant cancer cells arise after a period of treatment. The major strategy proposed for overcoming the resistance is combination therapy. The clinical and preclinical researches further indicated that targeted drug therapy combined with another targeted drug therapy or other types of therapies to treat cancers simultaneously may attain greater effects than using only one therapy. With the concept of combination therapy, we can not only improve the treating effect but also reduce the occurrence of cancer cells resistance toward the targeted drugs as there are less probability that a single mutation will cause cross-resistance to both drugs.[2]
APPOllO E.Cotector
To enhance the efficiency of diagnosis and provide reference for proper usage of targeted drugs and combination therapy, we come up with the idea of detecting multimarker at the same time and this was how our marvelous E.Cotector is borned. This year, NCTU_Formosa commits to creating a multimarker diagnosis platform via scFv as probes for helping physicians to determine and prescribe the usage of targeted drugs in cancer patients, especially the monoclonal-antibody-targeted drugs.