Difference between revisions of "Team:NTHU Taiwan/Basic Part"

 
(24 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 +
{{:Team:NTHU_Taiwan/MenuBar}}
 
<html>
 
<html>
  
Line 6: Line 7:
 
#home_logo, #sideMenu { display:none; }
 
#home_logo, #sideMenu { display:none; }
 
#sideMenu, #top_title, .patrollink  {display:none;}
 
#sideMenu, #top_title, .patrollink  {display:none;}
#content { width:100%; padding:0px;  margin-top:-7px; margin-left:0px;}
+
#content { width:100%; padding:0px;  margin-top:-7px; margin-left:0px;overflow-x: hidden;}
 
body {background-color:#f6f6e3;}
 
body {background-color:#f6f6e3;}
 
#bodyContent {background-color:#f6f6e3;}
 
#bodyContent {background-color:#f6f6e3;}
 
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 
/**************************************************************** MENU ***************************************************************/
 
/* Wrapper for the menu */
 
 
.igem_2017_menu_wrapper {
 
border-bottom: 3px solid #c2dac0;
 
background-color:#f6f6e3;
 
font-family:'Open Sans', sans-serif;
 
overflow: hidden;
 
}
 
 
.igem_2017_menu_wrapper a { 
 
float: left;
 
font-size: 1.2em;
 
color: #6c5070;
 
text-align: center;
 
padding: 25px 20px;
 
text-decoration: none;
 
}
 
 
.munu_img img{
 
position: fixed;
 
height: 9%;
 
}
 
 
/* this hides the scrollbar to keep view consistency */
 
.igem_2017_menu_wrappe::-webkit-scrollbar {
 
display: none;
 
}
 
 
.submenu_wrapper {
 
float: left;
 
  overflow: hidden;
 
}
 
 
.submenu_wrapper .menu_button {
 
letter-spacing: 1px;
 
text-transform: uppercase;
 
font-size: 1.2em;
 
border: none;
 
outline: none;
 
color: #6c5070;
 
padding: 25px 20px;
 
background-color: inherit;
 
}
 
 
.igem_2017_menu_wrapper a:hover, .submenu_wrapper:hover .menu_button {
 
color: #DF6A6A;
 
}
 
 
.submenu_button {
 
display: none;
 
position: absolute;
 
background-color: rgba(246, 246, 227, 0.7);
 
min-width: 160px;
 
z-index: 1;
 
}
 
 
.submenu_button a {
 
float: none;
 
color: #6c5070;
 
padding: 8px 16px;
 
text-decoration: none;
 
display: block;
 
text-align: left;
 
}
 
 
.submenu_button a:hover {
 
font-size: 1.3em;
 
 
}
 
 
.submenu_wrapper:hover .submenu_button {
 
display: block;
 
}
 
 
/*menu_wrapper left space*/
 
.igem_2017_menu_wrapper .menu_right_margin {
 
margin-left: 300px;
 
}
 
 
/*menu_wrapper right space*/
 
.igem_2017_menu_wrapper .menu_bottom_padding {
 
width: 100%;
 
height: 30px;
 
float:left;
 
}
 
 
/* styling for the menu button when it is the current page */
 
.current_page {
 
color:#df6a6a !important;
 
}
 
 
/* when the page size is bigger than 800px, this show/hide control is hidden by default */
 
.igem_2017_menu_wrapper #display_menu_control {
 
display:none;
 
text-align:center;
 
}
 
 
 
  
Line 117: Line 20:
 
display:block;
 
display:block;
 
float:left;
 
float:left;
font-family:'Open Sans', sans-serif;
+
font-family:'Helvetica', sans-serif;
 
background-color: #F6F6E3;
 
background-color: #F6F6E3;
 
}
 
}
Line 128: Line 31:
 
}
 
}
  
.igem_2017_content_wrapper .title img{
+
.igem_2017_content_wrapper img{
 
margin: auto;
 
margin: auto;
 
display: block;
 
display: block;
Line 136: Line 39:
  
 
.igem_2017_content_wrapper h1, .igem_2017_content_wrapper h2 .igem_2017_content_wrapper h3, .igem_2017_content_wrapper h4, .igem_2017_content_wrapper h5, .igem_2017_content_wrapper h6 {
 
.igem_2017_content_wrapper h1, .igem_2017_content_wrapper h2 .igem_2017_content_wrapper h3, .igem_2017_content_wrapper h4, .igem_2017_content_wrapper h5, .igem_2017_content_wrapper h6 {
padding: 40px 0px 15px 0px;  
+
font-family: Helvetica;
 +
padding: 50px 0px 15px 0px;  
 
border-bottom: 0px;  
 
border-bottom: 0px;  
 
color: #2C2C2C;
 
color: #2C2C2C;
 
letter-spacing: 1px;
 
letter-spacing: 1px;
 +
 
}
 
}
 +
  
 
.igem_2017_content_wrapper .content {
 
.igem_2017_content_wrapper .content {
 
width: 950px;
 
width: 950px;
 
margin: 2em auto;
 
margin: 2em auto;
padding-top: 25px;
 
 
}
 
}
  
 
.igem_2017_content_wrapper .content p{
 
.igem_2017_content_wrapper .content p{
 +
font-family: Helvetica;
 
color: #2C2C2C;
 
color: #2C2C2C;
 
font-size: 1.4em;
 
font-size: 1.4em;
line-height: 1.4em;
+
line-height: 1.3em;
padding: 10px 20px;
+
padding: 0px 0px;
 +
text-align: justify;
 +
text-justify:inter-ideograph;
 
}
 
}
 +
  
 
.igem_2017_content_wrapper .content img{
 
.igem_2017_content_wrapper .content img{
Line 160: Line 69:
 
float: center;
 
float: center;
 
padding: 20px 0px 30px 0px;
 
padding: 20px 0px 30px 0px;
border: 2px solid;
 
    border-radius: 10px;
 
    border-color: #DF6A6A;
 
 
}
 
}
  
Line 176: Line 82:
 
}
 
}
  
/***************************************************** RESPONSIVE STYLING ****************************************************/
+
#pdf {
 
+
width: 950px;
/* IF THE SCREEN IS LESS THAN 1200PX */
+
height: 1200px;
@media only screen and (max-width: 1200px) {
+
margin: 2em auto;
 
+
padding-top: 20px;
#content {width:100%; }
+
.igem_2017_menu_wrapper {width:100%; right:0;}
+
.highlight {padding:10px 0px;}
+
.igem_2017_menu_wrapper #display_menu_control { display:none; }
+
#menu_content { display:block;}
+
.menu_button.direct_to_page {padding-left: 17px;}
+
+
 
}
 
}
  
/* IF THE SCREEN IS LESS THAN 800PX */
+
#pdf object {
@media only screen and (max-width: 800px) {
+
display: block;
 
+
border: solid 2px #2c2c2c;
.igem_2017_menu_wrapper { width:100%; height: 15%; position:relative; left:0%;}
+
.igem_2017_content_wrapper {width:100%; margin-left:0px;}
+
.column.half_size  {width:100%; }
+
.column.full_size img, .column.half_size img {  width: 100%; padding: 10px 0px;}
+
.highlight {padding:15px 5px;}
+
.igem_2017_menu_wrapper #display_menu_control { display:block; }
+
#menu_content { display:none;}
+
.igem_2017_menu_wrapper .menu_button .expand_collapse_icon { width: 5%; }
+
.menu_bottom_padding {display:none;}
+
.menu_button.direct_to_page { padding-left: 36px; }
+
 
}
 
}
 
 
</style>
 
</style>
  
Line 215: Line 103:
 
</head>
 
</head>
  
<!-- <div class="munu_img">
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan">
 
<img src="https://static.igem.org/mediawiki/2017/1/1f/T--NTHU_Taiwan--HOME--logo.png">
 
</a>
 
</div> -->
 
 
<div class="igem_2017_menu_wrapper" >
 
<!-- this div is hidden by default and will only be displayed if the screen size is too small -->
 
<div class="menu_button" id="display_menu_control">
 
MENU 
 
</div>
 
 
 
<div id="menu_content">
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan">
 
<div class="menu_button menu_right_margin">
 
HOME
 
</div>
 
</a>
 
 
<div class="submenu_wrapper">
 
<button class="menu_button">TEAM</button>
 
<div class="submenu_button">
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Team">
 
<div id="Team_page">
 
Team
 
</div>
 
</a>
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Collaborations">
 
<div  id="Collaborations_page">
 
Collaborations
 
</div>
 
</a>
 
</div>
 
</div>
 
 
<div class="submenu_wrapper">
 
<button class="menu_button">PROJECT</button>
 
<div class="submenu_button">
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Description">
 
<div id="Description_page">
 
Description
 
</div>
 
</a>
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Design">
 
<div  id="Design_page">
 
Design
 
</div>
 
</a>
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Experiments">
 
<div  id="Experiments_page">
 
Experiments
 
</div>
 
</a>
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Notebook">
 
<div  id="Notebook_page">
 
Notebook
 
</div>
 
</a>
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan/InterLab">
 
<div  id="InterLab_page">
 
InterLab
 
</div>
 
</a>
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Contribution">
 
<div  id="Contribution_page">
 
Contribution
 
</div>
 
</a>
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Model">
 
<div  id="Model_page">
 
Model
 
</div>
 
</a>
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Results">
 
<div  id="Results_page">
 
Results
 
</div>
 
</a>
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Demonstrate">
 
<div  id="Demonstrate_page">
 
Demonstrate
 
</div>
 
</a>
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Improve">
 
<div  id="Improve_page">
 
Improve
 
</div>
 
</a>
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Attributions">
 
<div  id="Attributions_page">
 
Attributions
 
</div>
 
</a>
 
<a href="#">
 
<div  id="Protocol_page">
 
Protocol
 
</div>
 
</a>
 
</div>
 
</div>
 
 
<div class="submenu_wrapper">
 
<button class="menu_button">PARTS</button>
 
<div class="submenu_button">
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Parts">
 
<div id="Parts_page">
 
Parts
 
</div>
 
</a>
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Basic_Part">
 
<div  id="Basic_Part_page">
 
Basic Parts
 
</div>
 
</a>
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Composite_Part">
 
<div  id="Composite_Part_page">
 
Composite Parts
 
</div>
 
</a>
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Part_Collection">
 
<div  id="Part_Collection_page">
 
Part Collection
 
</div>
 
</a>
 
</div>
 
</div>
 
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Safety">
 
<div class="menu_button">
 
SAFETY
 
</div>
 
</a>
 
 
<div class="submenu_wrapper">
 
<button class="menu_button">HUMAN PRACTICES</button>
 
<div class="submenu_button">
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan/HP/Silver">
 
<div id="Silver_page">
 
Silver HP
 
</div>
 
</a>
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan/HP/Gold_Integrated">
 
<div  id="Gold_Integrated_page">
 
Integrated and Gold
 
</div>
 
</a>
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Engagement">
 
<div  id="Engagement_page">
 
Public Engagement
 
</div>
 
</a>
 
</div>
 
</div>
 
 
<div class="submenu_wrapper">
 
<button class="menu_button">AWARDS</button>
 
<div class="submenu_button">
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Applied_Design">
 
<div id="Applied_Design_page">
 
Applied Design
 
</div>
 
</a>
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Entrepreneurship">
 
<div  id="Entrepreneurship_page">
 
Entrepreneurship
 
</div>
 
</a>
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Hardware">
 
<div  id="Hardware_page">
 
Hardware
 
</div>
 
</a>
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Model">
 
<div  id="Model_page">
 
Model
 
</div>
 
</a>
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Software">
 
<div  id="Software_page">
 
Software
 
</div>
 
</a>
 
</div>
 
</div>
 
 
<a href="https://igem.org/2017_Judging_Form?team=NTHU_Taiwan">
 
<div class="menu_button">
 
JUDGING FORM
 
</div>
 
</a>
 
 
</div>
 
 
</div>
 
  
  
Line 415: Line 108:
 
<!-- start of content -->
 
<!-- start of content -->
 
<div class="igem_2017_content_wrapper">
 
<div class="igem_2017_content_wrapper">
<!-- <div class="title">
 
<img width="50%" src="https://static.igem.org/mediawiki/2017/d/db/T--NTHU_Taiwan--Description--logo.png">
 
</div> -->
 
 
<div style="text-align: center">
 
<div style="text-align: center">
<h1 style="color:#DF6A6A">Basic Parts
+
<h1 style="color:#DF6A6A">Basic Part
 
 
 
</h1>
 
</h1>
Line 425: Line 115:
 
</div>
 
</div>
 
<div class="content">
 
<div class="content">
<p>We designed and constructed many basic parts for establishment of our functional composite parts.</p>
 
<p></p>
 
<p></p>
 
<div class="column full_size">
 
 
<img width="100%" src="https://static.igem.org/mediawiki/2017/0/0f/T--NTHU_Taiwan--Parts--BasicPart.png">
 
</div>
 
</div>
 
 
</div>
 
  
<script type="Text/JavaScript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
 
  
<script>
+
<center>
 +
<p>
 +
We designed and constructed many basic parts for establishment of our functional composite parts.
 +
</p>
  
// This is the jquery part of your template. 
 
// Try not modify any of this code too much since it makes your menu work.
 
  
$(document).ready(function() {
+
<table style="border:3px #cccccc solid;" cellpadding="10" border='1';"font-size:18px";"font-family:Comic Sans MS">
 
+
 <tr>
$("#HQ_page").attr('id','');
+
 <td style="background-color:#99c2ff">Biobrick</td>
 
+
 <td style="background-color:#99c2ff">Type</td>
// call the functions that control the menu
+
  <td style="background-color:#99c2ff">Name</td>
menu_functionality();
+
  <td style="background-color:#99c2ff">Description</td>
hide_show_menu();
+
  <td style="background-color:#99c2ff">Designer</td>
 
+
  <td style="background-color:#99c2ff">Length</td>
 
+
 </tr>
 
+
 <tr>
//this function controls the expand and collapse buttons of the menu and changes the +/- symbols
+
  <td style="background-color:#ffe680"><a href="http://parts.igem.org/Part:BBa_K2354000">K2354000</a></td>
function menu_functionality() {
+
 <td style="background-color:#ffe680">Basic</td>
 
+
  <td style="background-color:#ffe680">HRP</td>
//when clicking on a "menu_button", it will change the "+/-" accordingly and it will show/hide the corresponding submenu
+
  <td style="background-color:#ffe680">Degrade Estrogen Disrupt Chemicals</td>
$(".menu_button").click(function(){
+
  <td style="background-color:#ffe680">Chan, Wei-Jen</td>
 
+
  <td style="background-color:#ffe680">927</td>
// add or remove the class "open" , this class holds the "-"  
+
 </tr>
$(this).children().toggleClass("open");
+
 <tr>
// show or hide the submenu
+
 <td style="background-color:#ffe680"><a href="http://parts.igem.org/Part:BBa_K2354001">K2354001</a></td>
$(this).next('.submenu_wrapper').fadeToggle(400);
+
 <td style="background-color:#ffe680">Basic</td>
});
+
  <td style="background-color:#ffe680">Laccase BP</td>
 
+
  <td style="background-color:#ffe680">Degrade Estrogen Disrupt Chemicals</td>
// when the screen size is smaller than 800px, the display_menu_control button appears and will show/hide the whole menu
+
  <td style="background-color:#ffe680">Chan, Wei-Jen</td>
$("#display_menu_control").click(function(){
+
  <td style="background-color:#ffe680">1572</td>
$('#menu_content').fadeToggle(400);
+
 </tr>
});
+
 <tr>
 
+
 <td style="background-color:#ffe680"><a href="http://parts.igem.org/Part:BBa_K2354002">K2354002</a></td>
// call the current page highlight function
+
 <td style="background-color:#ffe680">Basic</td>
highlight_current_page();
+
  <td style="background-color:#ffe680">Laccase SC</td>
}
+
  <td style="background-color:#ffe680">Degrade Estrogen Disrupt Chemicals</td>
 
+
  <td style="background-color:#ffe680">Chan, Wei-Jen</td>
 
+
  <td style="background-color:#ffe680">1539</td>
// call the highlight current page function to show it on the menu with a different background color
+
 </tr>
function highlight_current_page() {
+
 <tr>
 
+
 <td style="background-color:#ffe680"><a href="http://parts.igem.org/Part:BBa_K2354003">K2354003</a></td>
// select a page from the menu based on the id assigned to it and the current page name and add the class "current page" to make it change background color
+
 <td style="background-color:#ffe680">Basic</td>
$("#"+  wgPageName.substring(wgPageName.lastIndexOf("/")+1, wgPageName.length ) + "_page").addClass("current_page");
+
  <td style="background-color:#ffe680">Laccase TC</td>
 
+
  <td style="background-color:#ffe680">Degrade Estrogen Disrupt Chemicals</td>
// now that the current_page class has been added to a menu item, make the submenu fade in
+
  <td style="background-color:#ffe680">Chan, Wei-Jen</td>
$(".current_page").parents(".submenu_wrapper").fadeIn(400);
+
  <td style="background-color:#ffe680">1593</td>
// change the +/- symbol of the corresponding menu button
+
 </tr>
$(".current_page").parents(".submenu_wrapper").prev().children().toggleClass("open");
+
 <tr>
+
 <td style="background-color:#ffe680"><a href="http://parts.igem.org/Part:BBa_K2354004">K2354004</a></td>
}
+
 <td style="background-color:#ffe680">Basic</td>
 
+
  <td style="background-color:#ffe680">Laccase TV</td>
 
+
  <td style="background-color:#ffe680">Degrade Estrogen Disrupt Chemicals</td>
 
+
  <td style="background-color:#ffe680">Chan, Wei-Jen</td>
// allow button on the black menu bar to show/hide the side menu
+
  <td style="background-color:#ffe680">1557</td>
function hide_show_menu() {
+
 </tr>
 +
 <tr>
 +
 <td style="background-color:#ffe680"><a href="http://parts.igem.org/Part:BBa_K2354005">K2354005</a></td></td>
 +
 <td style="background-color:#ffe680">Basic</td>
 +
  <td style="background-color:#ffe680">monobody TV</td>
 +
  <td style="background-color:#ffe680">Bind to ER alpha when ER alpha is bind with EDCs</td>
 +
  <td style="background-color:#ffe680">Chan, Wei-Jen</td>
 +
  <td style="background-color:#ffe680">435</td>
 +
 </tr>
 +
 <tr>
 +
 <td style="background-color:#ffe680"><a href="http://parts.igem.org/Part:BBa_K2354006">K2354006</a></td></td>
 +
 <td style="background-color:#ffe680">Basic</td>
 +
  <td style="background-color:#ffe680">MNP TV</td>
 +
  <td style="background-color:#ffe680">Degrade Estrogen Disrupt Chemicals</td>
 +
  <td style="background-color:#ffe680">Chan, Wei-Jen</td>
 +
  <td style="background-color:#ffe680">1095</td>
 +
 </tr>
 +
 <tr>
 +
 <td style="background-color:#ffe680"><a href="http://parts.igem.org/Part:BBa_K2354007">K2354007</a></td>
 +
 <td style="background-color:#ffe680">Basic</td>
 +
  <td style="background-color:#ffe680">ER-alpha TV</td>
 +
  <td style="background-color:#ffe680">Bind to EDCs</td>
 +
  <td style="background-color:#ffe680">Chan, Wei-Jen</td>
 +
  <td style="background-color:#ffe680">759</td>
 +
 </tr>
 +
 <tr>
 +
 <td style="background-color:#ffe680"><a href="http://parts.igem.org/Part:BBa_K2354008">K2354008</a></td>
 +
 <td style="background-color:#ffe680">Basic</td>
 +
  <td style="background-color:#ffe680">monobody</td>
 +
  <td style="background-color:#ffe680">Bind to ER alpha when ER alpha is bind with EDCs</td>
 +
  <td style="background-color:#ffe680">Chan, Wei-Jen</td>
 +
  <td style="background-color:#ffe680">288</td>
 +
 </tr>
 +
 <tr>
 +
 <td style="background-color:#ffe680"><a href="http://parts.igem.org/Part:BBa_K2354009">K2354009</a></td>
 +
 <td style="background-color:#ffe680">Basic</td>
 +
  <td style="background-color:#ffe680">ER-alpha HS</td>
 +
  <td style="background-color:#ffe680">Bind to EDCs</td>
 +
  <td style="background-color:#ffe680">Chan, Wei-Jen</td>
 +
  <td style="background-color:#ffe680">897</td>
 +
 </tr>
 +
</table>
 
 
// in case you preview mode is selected, the menu is hidden for better visibility
+
</center>
if (window.location.href.indexOf("submit") >= 0) {
+
$(".igem_2017_menu_wrapper").hide();
+
}
+
  
// if the black menu bar has been loaded
 
  if (document.getElementById('bars_item')) {
 
  
// when the "bars_item" has been clicked
 
$("#bars_item").click(function() {
 
$("#sideMenu").hide();
 
  
// show/hide the menu wrapper
 
$(".igem_2017_menu_wrapper").fadeToggle("100");
 
});
 
  }
 
  
// because the black menu bars loads at a different time than the rest of the page, this function is set on a time out so it can run again in case it has not been loaded yet
 
else {
 
    setTimeout(hide_show_menu, 15);
 
}
 
}
 
  
  
});
+
</div>
 
+
</div>
 
+
</script>
+
  
 
</html>
 
</html>

Latest revision as of 16:09, 1 November 2017

Basic Part


We designed and constructed many basic parts for establishment of our functional composite parts.

                                                                                     
BiobrickType Name Description Designer Length
K2354000Basic HRP Degrade Estrogen Disrupt Chemicals Chan, Wei-Jen 927
K2354001Basic Laccase BP Degrade Estrogen Disrupt Chemicals Chan, Wei-Jen 1572
K2354002Basic Laccase SC Degrade Estrogen Disrupt Chemicals Chan, Wei-Jen 1539
K2354003Basic Laccase TC Degrade Estrogen Disrupt Chemicals Chan, Wei-Jen 1593
K2354004Basic Laccase TV Degrade Estrogen Disrupt Chemicals Chan, Wei-Jen 1557
K2354005Basic monobody TV Bind to ER alpha when ER alpha is bind with EDCs Chan, Wei-Jen 435
K2354006Basic MNP TV Degrade Estrogen Disrupt Chemicals Chan, Wei-Jen 1095
K2354007Basic ER-alpha TV Bind to EDCs Chan, Wei-Jen 759
K2354008Basic monobody Bind to ER alpha when ER alpha is bind with EDCs Chan, Wei-Jen 288
K2354009Basic ER-alpha HS Bind to EDCs Chan, Wei-Jen 897