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

Line 120: Line 120:
 
LINE-HEIGHT:30pt;
 
LINE-HEIGHT:30pt;
 
padding-bottom:15vh;
 
padding-bottom:15vh;
 +
}
 +
ul, li {
 +
margin: 0;
 +
padding: 0;
 +
list-style: none;
 +
}
 +
.abgne_tab {
 +
clear: left;
 +
width: 100%;
 +
margin: 10px 0;
 +
}
 +
ul.tabs {
 +
width: 100%;
 +
height: 32px;
 +
border-bottom: 1px solid #999;
 +
border-left: 1px solid #999;
 +
}
 +
ul.tabs li {
 +
float: left;
 +
height: 31px;
 +
line-height: 31px;
 +
overflow: hidden;
 +
position: relative;
 +
margin-bottom: -1px; /* 讓 li 往下移來遮住 ul 的部份 border-bottom */
 +
border: 1px solid #999;
 +
border-left: none;
 +
background: #e1e1e1;
 +
}
 +
ul.tabs li a {
 +
display: block;
 +
padding: 0 20px;
 +
color: #000;
 +
border: 1px solid #fff;
 +
text-decoration: none;
 +
}
 +
ul.tabs li a:hover {
 +
background: #ccc;
 +
}
 +
ul.tabs li.active  {
 +
background: #fff;
 +
border-bottom: 1px solid#fff;
 +
}
 +
ul.tabs li.active a:hover {
 +
background: #fff;
 +
}
 +
div.tab_container {
 +
clear: left;
 +
width: 100%;
 +
border: 1px solid #999;
 +
border-top: none;
 +
background: #fff;
 +
}
 +
div.tab_container .tab_content {
 +
padding: 20px;
 +
}
 +
div.tab_container .tab_content h2 {
 +
margin: 0 0 20px;
 +
}
 +
.CSSTableGenerator {
 +
margin:0px;padding:0px;
 +
width:100%;
 +
box-shadow: 10px 10px 5px #888888;
 +
border:1px solid #e5e5e5;
 +
 +
-moz-border-radius-bottomleft:12px;
 +
-webkit-border-bottom-left-radius:12px;
 +
border-bottom-left-radius:12px;
 +
 +
-moz-border-radius-bottomright:12px;
 +
-webkit-border-bottom-right-radius:12px;
 +
border-bottom-right-radius:12px;
 +
 +
-moz-border-radius-topright:12px;
 +
-webkit-border-top-right-radius:12px;
 +
border-top-right-radius:12px;
 +
 +
-moz-border-radius-topleft:12px;
 +
-webkit-border-top-left-radius:12px;
 +
border-top-left-radius:12px;
 +
}.CSSTableGenerator table{
 +
    border-collapse: collapse;
 +
        border-spacing: 0;
 +
width:100%;
 +
height:100%;
 +
margin:0px;padding:0px;
 +
}.CSSTableGenerator tr:last-child td:last-child {
 +
-moz-border-radius-bottomright:12px;
 +
-webkit-border-bottom-right-radius:12px;
 +
border-bottom-right-radius:12px;
 +
}
 +
.CSSTableGenerator table tr:first-child td:first-child {
 +
-moz-border-radius-topleft:12px;
 +
-webkit-border-top-left-radius:12px;
 +
border-top-left-radius:12px;
 +
}
 +
.CSSTableGenerator table tr:first-child td:last-child {
 +
-moz-border-radius-topright:12px;
 +
-webkit-border-top-right-radius:12px;
 +
border-top-right-radius:12px;
 +
}.CSSTableGenerator tr:last-child td:first-child{
 +
-moz-border-radius-bottomleft:12px;
 +
-webkit-border-bottom-left-radius:12px;
 +
border-bottom-left-radius:12px;
 +
}.CSSTableGenerator tr:hover td{
 +
 +
}
 +
.CSSTableGenerator tr:nth-child(odd){ background-color:#ffffff; }
 +
.CSSTableGenerator tr:nth-child(even)    { background-color:#ffffff; }.CSSTableGenerator td{
 +
vertical-align:middle;
 +
 +
 +
border:1px solid #e5e5e5;
 +
border-width:0px 1px 1px 0px;
 +
text-align:left;
 +
padding:7px;
 +
font-size:14px;
 +
font-family:Arial;
 +
font-weight:normal;
 +
color:#666666;
 +
}.CSSTableGenerator tr:last-child td{
 +
border-width:0px 1px 0px 0px;
 +
}.CSSTableGenerator tr td:last-child{
 +
border-width:0px 0px 1px 0px;
 +
}.CSSTableGenerator tr:last-child td:last-child{
 +
border-width:0px 0px 0px 0px;
 +
}
 +
.CSSTableGenerator tr:first-child td{
 +
background:-o-linear-gradient(bottom, #ffffff 5%, #ffffff 100%); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #ffffff) );
 +
background:-moz-linear-gradient( center top, #ffffff 5%, #ffffff 100% );
 +
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff"); background: -o-linear-gradient(top,#ffffff,ffffff);
 +
 +
background-color:#ffffff;
 +
border:0px solid #e5e5e5;
 +
text-align:center;
 +
border-width:0px 0px 1px 1px;
 +
font-size:22px;
 +
font-family:Arial;
 +
font-weight:bold;
 +
color:#4c4c4c;
 +
}
 +
.CSSTableGenerator tr:first-child:hover td{
 +
background:-o-linear-gradient(bottom, #ffffff 5%, #ffffff 100%); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #ffffff) );
 +
background:-moz-linear-gradient( center top, #ffffff 5%, #ffffff 100% );
 +
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff"); background: -o-linear-gradient(top,#ffffff,ffffff);
 +
 +
background-color:#ffffff;
 +
}
 +
.CSSTableGenerator tr:first-child td:first-child{
 +
border-width:0px 0px 1px 0px;
 +
}
 +
.CSSTableGenerator tr:first-child td:last-child{
 +
border-width:0px 0px 1px 1px;
 
}
 
}
  
Line 129: Line 281:
  
 
</style>
 
</style>
 +
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>
 +
 +
<script>
 +
$(function(){
 +
// 預設顯示第一個 Tab
 +
var _showTab = 0;
 +
var $defaultLi = $('ul.tabs li').eq(_showTab).addClass('active');
 +
$($defaultLi.find('a').attr('href')).siblings().hide();
 +
 +
// 當 li 頁籤被點擊時...
 +
// 若要改成滑鼠移到 li 頁籤就切換時, 把 click 改成 mouseover
 +
$('ul.tabs li').click(function() {
 +
// 找出 li 中的超連結 href(#id)
 +
var $this = $(this),
 +
_clickTab = $this.find('a').attr('href');
 +
// 把目前點擊到的 li 頁籤加上 .active
 +
// 並把兄弟元素中有 .active 的都移除 class
 +
$this.addClass('active').siblings('.active').removeClass('active');
 +
// 淡入相對應的內容並隱藏兄弟元素
 +
$(_clickTab).stop(false, true).fadeIn().siblings().hide();
 +
 +
return false;
 +
}).find('a').focus(function(){
 +
this.blur();
 +
});
 +
});
 +
</script>
 
</head>
 
</head>
 
<body>
 
<body>
Line 136: Line 315:
 
</div>
 
</div>
 
<div class="p02">
 
<div class="p02">
−
<div class="contentitle">
+
<div class="abgne_tab">
−
Single chain variable fragment as probe
+
<ul class="tabs">
−
</div>
+
<li><a href="#tab1">2015 March</a></li>
−
 
+
<li><a href="#tab2">2015 April</a></li>
−
<div class="content">
+
<li><a href="#tab3">2015 May</a></li>
−
    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]
+
<li><a href="#tab4">2015 June</a></li>
−
 
+
<li><a href="#tab5">2015 July</a></li>
−
</div>
+
<li><a href="#tab6">2015 August</a></li>
−
<div class="contentitle">Properties and development of targeted drugs</div>
+
<li><a href="#tab7">2015 September</a></li>
−
<div class="content">
+
</ul>
−
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><br>
+
<div class="tab_container">
−
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.
+
<div id="tab1" class="tab_content">
−
</div>
+
<h2></h2>
−
<br><br>
+
<p></p>
−
<div class="contentitle">Pre-diagnosis of targeted drugs treatment</div>
+
<div class="CSSTableGenerator" >
−
<div class="content">
+
                <table >
−
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]
+
                    <tr>
−
</div>
+
                        <td>
−
<div class="contentitle">The concept of combination therapy</div>
+
                          Sun.
−
<div class="content">
+
                        </td>
−
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>
+
                        <td >
−
<div class="contentitle">APPOllO E.Cotector</div>
+
                            Mon.
−
<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>
+
                        </td>
−
  </div>
+
                        <td>
 +
                            Tue.
 +
                        </td>
 +
<td>
 +
                          Wed.
 +
                        </td>
 +
                        <td >
 +
                            Thu.
 +
                        </td>
 +
                        <td>
 +
                            Fri.
 +
                        </td>
 +
<td>
 +
                            Set.
 +
                        </td>
 +
                    </tr>
 +
                    <tr>
 +
                        <td >
 +
                            <B>1</B><br><br>
 +
PCR<br>
 +
transform
 +
                        </td>
 +
                        <td>
 +
                            <B>2</B><br><br>
 +
                        </td>
 +
                        <td>
 +
                          <B>3</B><br><br>
 +
                        </td>
 +
<td >
 +
                          <B>4</B><br><br>
 +
                        </td>
 +
                        <td>
 +
                          <B>5</B><br><br>
 +
                        </td>
 +
                        <td>
 +
                            <B>6</B><br><br>
 +
                        </td>
 +
<td>
 +
                            <B>7</B><br><br>
 +
                        </td>
 +
                    </tr>
 +
                    <tr>
 +
                        <td >
 +
                          <B>8</B><br><br>
 +
                        </td>
 +
                        <td>
 +
                          <B>8</B><br><br>
 +
                        </td>
 +
                        <td>
 +
                          <B>10</B><br><br>
 +
                        </td>
 +
<td >
 +
                          <B>11</B><br><br>
 +
                        </td>
 +
                        <td>
 +
                            <B>12</B><br><br>
 +
                        </td>
 +
                        <td>
 +
                            <B>13</B><br><br>
 +
                        </td>
 +
<td >
 +
                            <B>14</B><br><br>
 +
                        </td>
 +
                    </tr>
 +
                    <tr>
 +
                        <td >
 +
                            <B>15</B><br><br>
 +
                        </td>
 +
                        <td>
 +
                            <B>16</B><br><br>
 +
                        </td>
 +
                        <td>
 +
                            <B>17</B><br><br>
 +
                        </td>
 +
<td >
 +
                            <B>18</B><br><br>
 +
                        </td>
 +
                        <td>
 +
                            <B>19</B><br><br>
 +
                        </td>
 +
                        <td>
 +
                            <B>20</B><br><br>
 +
                        </td>
 +
<td >
 +
                          <B>21</B><br><br>
 +
                        </td>
 +
                    </tr>
 +
                    <tr>
 +
                        <td >
 +
                            <B>22</B><br><br>
 +
                        </td>
 +
                        <td>
 +
                          <B>23</B><br><br>
 +
                        </td>
 +
                        <td>
 +
                            <B>24</B><br><br>
 +
                        </td>
 +
<td >
 +
                            <B>25</B><br><br>
 +
                        </td>
 +
                        <td>
 +
                            <B>26</B><br><br>
 +
                        </td>
 +
                        <td>
 +
                            <B>27</B><br><br>
 +
                        </td>
 +
<td >
 +
                            <B>28</B><br><br>
 +
                        </td>
 +
                    </tr>
 +
<tr>
 +
                        <td >
 +
                            <B>29</B><br><br>
 +
                        </td>
 +
                        <td>
 +
                          <B>30</B><br><br>
 +
                        </td>
 +
                        <td>
 +
                            <B>31</B><br><br>
 +
                        </td>
 +
<td >
 +
                           
 +
                        </td>
 +
                        <td>
 +
                           
 +
                        </td>
 +
                        <td>
 +
                           
 +
                        </td>
 +
<td >
 +
                           
 +
                        </td>
 +
                    </tr>
 +
                </table>
 +
            </div>
 +
           
 +
</div>
 +
<div id="tab2" class="tab_content">
 +
<h2></h2>
 +
<p></p>
 +
</div>
 +
<div id="tab3" class="tab_content">
 +
<h2></h2>
 +
<p></p>
 +
</div>
 +
<div id="tab4" class="tab_content">
 +
<h2></h2>
 +
<p></p>
 +
</div>
 +
<div id="tab5" class="tab_content">
 +
<h2></h2>
 +
<p></p>
 +
</div>
 +
<div id="tab6" class="tab_content">
 +
<h2></h2>
 +
<p></p>
 +
</div>
 +
<div id="tab7" class="tab_content">
 +
<h2></h2>
 +
<p></p>
 +
</div>
 +
</div>
 +
</div>
 +
  </body>          
 
</body>
 
</body>
 
</html>
 
</html>
 
{{Team:NCTU_Formosa/footer}}
 
{{Team:NCTU_Formosa/footer}}

Revision as of 04:00, 11 September 2015

Lab note

Sun. Mon. Tue. Wed. Thu. Fri. Set.
1

PCR
transform 		2

 3

 4

 5

 6

 7
8

 8

 10

 11

 12

 13

 14
15

 16

 17

 18

 19

 20

 21
22

 23

 24

 25

 26

 27

 28
29

 30

 31