Difference between revisions of "Team:SDSZ-China/Human Practices"

Line 1: Line 1:
−
{{SDSZ-China}}
 
 
<html>
 
<html>
 +
<style type="text/css">
 +
.container{
 +
  padding:0px !important;
 +
}
  
−
<head>
+
@import url(http://fonts.googleapis.com/css?family=Lato:400,700);
−
    <title>Human Practices</title>
+
@import url("/wiki/skins/igem/top_menu_14.css");
  
−
    <style type='text/css'>
+
#content {
−
        #top_title, #sideMenu {
+
  margin: 0;
−
            display: none;
+
  margin-top:-10px;
−
        }
+
  padding: 0;
 +
  width: auto;
 +
  border: 0;
 +
  outline: 0;
 +
  font-size: 100%;
 +
  vertical-align: baseline;
 +
  background: transparent;
 +
  position: static;
 +
}
 +
p{
  
−
        #content {
+
}
−
            width: 100%;
+
−
            margin: 0;
+
−
            padding: 0;
+
−
            background: #f3f4f4;
+
−
        }
+
  
−
        p {
+
h1,
−
            font-family: Lato !important;
+
h2,
−
            font-size: 17px !important
+
h3,
−
        }
+
h4,
 +
h5,
 +
h6 {
 +
  margin: 0;
 +
  padding: 0;
 +
  border: 0;
 +
  outline: 0;
 +
  background: transparent;
 +
}
 +
.printfooter,
 +
#menubar,
 +
#siteSub,
 +
#contentSub,
 +
#search-controls,
 +
.firstHeading,
 +
#footer-box,
 +
#catlinks,
 +
#p-logo {
 +
  display: none;
 +
}
 +
body,#bodyContent {
 +
  margin: 0px 0 0 0;
 +
  padding: 0;
 +
  top:0px;
 +
}
 +
#top-section {
 +
  width: 965px;
 +
  height: 0;
 +
  margin: 0 auto;
 +
  padding: 0;
 +
  border: none;
 +
}
 +
#menubar {
 +
  font-size: 65%;
 +
  top: -14px;
 +
}
 +
.left-menu:hover {
 +
  background-color: transparent;
 +
}
 +
#menubar li a {
 +
  background-color: transparent;
 +
}
 +
#menubar:hover {
 +
  color: white;
 +
}
 +
#menubar li a {
 +
  color: transparent;
 +
}
 +
#menubar:hover li a {
 +
  color: white;
 +
}
 +
body,#bodyContent
 +
html {
 +
  height: 100%;
 +
}
 +
body,#bodyContent {
 +
  background-attachment: fixed;
 +
  background-repeat: repeat;
 +
}
 +
html {
 +
  overflow-y: scroll;
 +
}
 +
header > .container {
 +
  padding-top: 25px;
 +
  padding-bottom: 15px;
 +
}
 +
.container {
 +
  max-width: 1250px;
 +
}
 +
.absolute_center {
 +
  margin: auto;
 +
  position: absolute;
 +
  top: 0;
 +
  left: 0;
 +
  bottom: 0;
 +
  right: 0;
 +
}
 +
.sketch {
 +
  display: none;
 +
  opacity: 1;
 +
  position: fixed;
 +
  top: 0;
 +
}
 +
#masthead #big-video-wrap {
 +
  position: static;
 +
}
 +
#masthead #head_text {
 +
  margin: auto;
 +
  position: absolute;
 +
  top: 0;
 +
  left: 0;
 +
  bottom: 0;
 +
  right: 0;
 +
  height: 100px;
 +
}
 +
#masthead h1,
 +
#masthead h2 {
 +
  font-family: Lato;
 +
  color: white;
 +
  opacity: 0.99;
 +
  text-align: center;
 +
  margin: 0;
 +
}
 +
#masthead h1 {
 +
  letter-spacing: 6px;
 +
  margin-bottom: 5px;
 +
  font-size: 60px;
 +
}
 +
#masthead h2 {
 +
  font-size: 15px;
 +
}
 +
.nav #nav_left {
 +
  display: inline-block;
 +
  vertical-align: bottom;
 +
}
 +
.nav #nav_left img {
 +
  width: 170px;
 +
}
 +
.nav #nav_right {
 +
  margin-left: 15px;
 +
  display: inline-block;
 +
  vertical-align: bottom;
 +
}
 +
.nav #nav_right h2 {
 +
  color: white;
 +
  font-size: 70px;
 +
  margin-top: 0;
 +
  margin-bottom: 0;
 +
}
 +
.nav ul {
 +
  padding: 0;
 +
  margin-top: 0;
 +
}
 +
.nav ul li {
 +
  list-style-type: none;
 +
  display: inline-block;
 +
  color: white;
 +
  border-right: 1px solid white;
 +
  padding: 0 10px;
 +
  margin-left: 0px;
 +
}
 +
.nav ul li:last-child {
 +
  border: 0;
 +
}
 +
.quotespacer {
 +
  border-top: 1px solid white;
 +
  width: 150px;
 +
  height: 1px;
 +
  display: block;
 +
  margin: 0 auto;
 +
}
 +
#missionquote {
 +
  -webkit-animation: 20s huerotate linear infinite;
 +
  margin: 15px auto;
 +
}
 +
#telomere {
 +
  width: 100%;
 +
  height: 360px;
 +
  background-size: 100%;
 +
  background-repeat: no-repeat;
 +
  transition: 1s ease;
 +
}
 +
#telomere:hover {
 +
  -webkit-transform: scale(1.1);
 +
}
 +
#portrait_container {
 +
  border-right: 1px solid white;
 +
}
 +
#portrait_container img {
 +
  width: 15%;
 +
  padding: 5px;
 +
  transition: 0.2s ease;
 +
}
 +
#portrait_container img:hover {
 +
  cursor: pointer;
 +
  -webkit-transform: scale(1.3);
 +
}
 +
#portrait_container > .row {
 +
  padding-top: 5px;
 +
}
 +
#portrait_container > .row:last-child {
 +
  padding-bottom: 5px;
 +
}
 +
@-webkit-keyframes huerotate {
 +
  0% {
 +
    -webkit-filter: hue-rotate(0deg);
 +
  }
 +
  100% {
 +
    -webkit-filter: hue-rotate(360deg);
 +
  }
 +
}
 +
.SVG_igem_logo .PATH_tiger_logo {
 +
  fill: none;
 +
  stroke: #fdd700;
 +
  stroke-width: 2.5;
 +
  stroke-linecap: round;
 +
  stroke-linejoin: miter;
 +
  stroke-miterlimit: 4;
 +
  stroke-opacity: 1;
 +
  stroke-dashoffset: 0;
 +
}
 +
.SVG_igem_logo .PATH_igem_logo_text {
 +
  fill: none;
 +
  stroke: #252f62;
 +
  stroke-width: 2.5;
 +
  stroke-linecap: round;
 +
  stroke-linejoin: miter;
 +
  stroke-miterlimit: 4;
 +
  stroke-opacity: 1;
 +
  stroke-dashoffset: 0;
 +
}
 +
.SVG_igem_logo .PATH_igem_logo_darkgreen {
 +
  fill: none;
 +
  stroke: #096836;
 +
  stroke-width: 2.5;
 +
  stroke-linecap: round;
 +
  stroke-linejoin: miter;
 +
  stroke-miterlimit: 4;
 +
  stroke-opacity: 1;
 +
  stroke-dashoffset: 0;
 +
}
 +
.SVG_igem_logo .PATH_igem_logo_lightgreen {
 +
  fill: none;
 +
  stroke: #99cc99;
 +
  stroke-width: 2.5;
 +
  stroke-linecap: round;
 +
  stroke-linejoin: miter;
 +
  stroke-miterlimit: 4;
 +
  stroke-opacity: 1;
 +
  stroke-dashoffset: 0;
 +
}
 +
/******************* SLDIESJS ******************/
 +
#slides {
 +
  display: none;
 +
}
 +
#slides .slidesjs-navigation {
 +
  margin-top: 3px;
 +
}
 +
#slides .slidesjs-previous {
 +
  margin-right: 5px;
 +
  float: left;
 +
}
 +
#slides .slidesjs-next {
 +
  margin-right: 5px;
 +
  float: left;
 +
}
 +
.slidesjs-pagination {
 +
  margin: 6px 0 0;
 +
  float: right;
 +
  list-style: none;
 +
}
 +
.slidesjs-pagination li {
 +
  float: left;
 +
  margin: 0 1px;
 +
}
 +
.slidesjs-pagination li a {
 +
  display: block;
 +
  width: 13px;
 +
  height: 0;
 +
  padding-top: 13px;
 +
  background-position: 0 0;
 +
  float: left;
 +
  overflow: hidden;
 +
}
 +
.slidesjs-pagination li a.active,
 +
.slidesjs-pagination li a:hover.active {
 +
  background-position: 0 -13px;
 +
}
 +
.slidesjs-pagination li a:hover {
 +
  background-position: 0 -26px;
 +
}
 +
#slides a:link,
 +
#slides a:visited {
 +
  color: #333;
 +
}
 +
#slides a:hover,
 +
#slides a:active {
 +
  color: #9e2020;
 +
}
 +
.navbar {
 +
  overflow: hidden;
 +
}
 +
.slideContainer {
 +
  margin: 0 auto;
 +
}
 +
#projIntroContainer {
 +
  padding: 0px 0px 0px 0px;
 +
  text-align: center;
 +
}
 +
#projIntro {
 +
  margin-top: -8px;
 +
  padding-top: 0px;
 +
  text-align: justify;
 +
  padding-right: 40px;
 +
  font-size: 19px;
 +
  font-family: 'Poiret One', cursive;
 +
}
 +
/*************** BIGVIDEO.JS **************/
 +
#big-video-wrap {
 +
  overflow: hidden;
 +
  height: 100%;
 +
  width: 100%;
 +
  top: 0;
 +
  left: 0;
 +
}
 +
#big-video-vid,
 +
#big-video-image {
 +
  position: absolute;
 +
}
 +
#big-video-control-container {
 +
  position: fixed;
 +
  bottom: 0;
 +
  padding: 10px;
 +
  width: 100%;
 +
  background: rgba(0, 0, 0, 0.25);
 +
  -webkit-transition-duration: 0.6s;
 +
  -moz-transition-duration: 0.6s;
 +
  -ms-transition-duration: 0.6s;
 +
  -o-transition-duration: 0.6s;
 +
  transition-duration: 0.6s;
 +
}
 +
#big-video-control {
 +
  width: 100%;
 +
  height: 16px;
 +
  position: relative;
 +
}
 +
#big-video-control-middle {
 +
  margin: 0 56px 0 24px;
 +
}
 +
#big-video-control-bar {
 +
  width: 100%;
 +
  height: 16px;
 +
  position: relative;
 +
  cursor: pointer;
 +
}
 +
#big-video-control-progress {
 +
  position: absolute;
 +
  top: 7px;
 +
  height: 3px;
 +
  width: 0%;
 +
  background: #fff;
 +
}
 +
#big-video-control-track {
 +
  position: absolute;
 +
  top: 8px;
 +
  height: 1px;
 +
  width: 100%;
 +
  background: #fff;
 +
}
 +
#big-video-control-bound-left {
 +
  left: 0;
 +
}
 +
#big-video-control-bound-right {
 +
  right: -1px;
 +
}
 +
#big-video-control-track .ui-slider-handle {
 +
  opacity: 0;
 +
}
 +
#big-video-control-playhead {
 +
  left: 30%;
 +
}
 +
#big-video-control-play {
 +
  position: absolute;
 +
  top: 0;
 +
  left: 0;
 +
  height: 16px;
 +
  width: 16px;
 +
}
 +
#big-video-control-timer {
 +
  position: absolute;
 +
  top: 1px;
 +
  right: 0;
 +
  color: #fff;
 +
  font-size: 11px;
 +
}
 +
#big-video-control-playhead,
 +
#big-video-control-bound-left,
 +
#big-video-control-bound-right {
 +
  position: absolute;
 +
  top: 0;
 +
  height: 16px;
 +
  width: 1px;
 +
  background: #fff;
 +
}
 +
#big-video-control .ui-slider-handle {
 +
  border-left: solid 1px #fff;
 +
  width: 16px;
 +
  height: 16px;
 +
  position: absolute;
 +
  top: -8px;
 +
}
 +
.transparent {
 +
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
 +
  filter: alpha(opacity=0);
 +
  -moz-opacity: 0;
 +
  -khtml-opacity: 0;
 +
  opacity: 0;
 +
}
 +
.vjs-big-play-button {
 +
  display: none !important;
 +
}
 +
canvas {
 +
  position: fixed;
 +
  top: 0px;
 +
  left: 0px;
 +
}
 +
.card {
 +
  margin-left: auto;
 +
  margin-right: auto;
 +
  background-color: white;
 +
  box-shadow: 0px 0px 5px black;
 +
  padding: 50px;
 +
}
 +
.card_pic {
 +
  margin-left: auto;
 +
  margin-right: auto;
 +
  background-color: white;
 +
  box-shadow: 0px 0px 5px black;
 +
  padding: 0px;
 +
}
 +
.container {
 +
  padding: 0px;
 +
  min-width: 1250px;
 +
}
 +
.container div nav {
 +
  min-width: 1250px;
 +
}
 +
button:focus {
 +
  outline: 0 !important;
 +
}
 +
a:focus {
 +
  outline: 0 !important;
 +
}
 +
img {
 +
  max-width: 100%;
 +
}
 +
a {
 +
  text-decoration: none;
 +
  color: inherit !important;
 +
}
 +
a:hover {
 +
  color: inherit;
 +
}
 +
.full {
 +
  padding: 0;
 +
}
 +
.slidesjs-pagination {
 +
  margin-top: -25px;
 +
  margin-right: 10px;
 +
  z-index: 10;
 +
  position: relative;
 +
}
 +
#slides .heroImageContainer {
 +
  background-size: cover;
 +
  padding-top: 54%;
 +
  background-position: 50% 50%;
 +
  background-repeat: no-repeat;
 +
}
 +
#slides .heroImageContainer h3 {
 +
  opacity: 0.85;
 +
  max-width: 400px;
 +
  position: absolute;
 +
  padding: 10px 20px;
 +
  font-weight: normal;
 +
  color: black;
 +
  font-size: 35px;
 +
  font-family: Lato;
 +
}
 +
#slides .heroImageContainer h3 span {
 +
  font-size: 21px;
 +
  display: block;
 +
}
 +
#slides .heroImageContainer h3.topleft {
 +
  top: 0;
 +
  left: 0;
 +
  margin-left: 20px;
 +
}
 +
#slides .heroImageContainer h3.topright {
 +
  top: 0;
 +
  right: 5px;
 +
  margin-right: 20px;
 +
}
 +
#slides .heroImageContainer h3.bottomleft {
 +
  bottom: 0;
 +
  left: 0;
 +
  margin-bottom: 35px;
 +
  margin-left: 20px;
 +
}
 +
#slides .heroImageContainer h3.bottomright {
 +
  bottom: 0;
 +
  right: 5px;
 +
  margin-bottom: 35px;
 +
  margin-right: 20px;
 +
}
 +
#slides .heroImageContainer h3.red {
 +
  background-color: #d10000;
 +
}
 +
#slides .heroImageContainer h3.purple {
 +
  background-color: #8e44ad;
 +
}
 +
#slides .heroImageContainer h3.blue {
 +
  background-color: #2c3e50;
 +
}
 +
#slides .heroImageContainer h3.belize {
 +
  background-color: #2980b9;
 +
}
 +
#slides .heroImageContainer h3.green {
 +
  background-color: #27ae60;
 +
}
 +
#slides .heroImageContainer h3.orange {
 +
  background-color: #f39c12;
 +
}
 +
#slides .heroImageContainer h3.hide {
 +
  display: none;
 +
}
 +
#slides .heroImageContainer .slidesjs-control,
 +
#slides .heroImageContainer .slidesjs-container {
 +
  width: 100% !important;
 +
}
 +
nav ul {/*
 +
  margin: 0;
 +
  padding: 0;
 +
}
 +
nav .dropdown-menu {
 +
  border: 0px;
 +
  margin-top: 0px;
 +
  padding: 10px;
 +
  box-shadow: 0px 0px 5px black;
 +
  z-index: -1;
 +
}
 +
nav .dropdown-menu img {
 +
  width: 90px;
 +
  opacity: 0.85;
 +
  float: left;
 +
  margin-right: 5px;
 +
}
 +
nav .dropdown-menu h4 {
 +
  color: white;
 +
  padding: 5px;
 +
  margin: 0;
 +
  font-family: Lato;
 +
  font-size: 20px;
 +
}
 +
nav .dropdown-menu .subcategories_container {
 +
  display: inline-block;
 +
  width: 100%;
 +
  cursor: pointer;
  
−
        h1 {
+
}
−
            font-size: 40 -px !important;
+
nav .dropdown-menu .subcategories_container > div {
−
        }
+
  min-width: 250px;
 +
  display: inline-block;
 +
  text-align: center;
 +
  border: 1px solid white;
 +
  padding-left:15px;
 +
  padding-right:15px;
 +
}
 +
nav .dropdown-menu .subcategories_container h5 {
 +
  font-family: Lato;
 +
  text-transform: uppercase;
 +
  font-size: 16px;
 +
  color: white;
 +
}
 +
nav li.dropdown {
 +
  width: 205px;
 +
  display: inline-block;
 +
  margin-right: 0px;
 +
  height: 40px;
 +
  margin-bottom: 0px;
 +
}
 +
nav li.dropdown > a {
 +
  height:35px;
 +
  text-decoration: none;
 +
  display: block;
 +
  text-align: center;
 +
  margin: 10px;
 +
}
 +
nav li.dropdown a > h4 {
 +
  color: white;
 +
  font-weight: normal;
 +
  font-size: 16px;
 +
  padding: 0;
 +
  margin: 0;
 +
  text-align: center;
 +
}
 +
nav li.dropdown {
 +
  color: white;
 +
}
 +
nav li.dropdown:nth-child(1) {
 +
  background-color: #1C77C3;
 +
}
 +
nav li.dropdown:nth-child(1) > .dropdown-menu {
 +
  background-color: #1C77C3;
 +
  background-size: 400px;
 +
  width: 1250px;
 +
}
 +
nav li.dropdown:nth-child(1) > .dropdown-menu .subcategories_container > div {
 +
  background-color: rgba(33, 150, 243, 0.6);
 +
}
 +
nav li.dropdown:nth-child(2) {
 +
  background-color: #1C77C3;
 +
}
 +
nav li.dropdown:nth-child(2) > .dropdown-menu {
 +
  background-color: #1C77C3;
 +
  background-size: 400px;
 +
  width: 1250px;
 +
  margin-left: -209px;
 +
}
 +
nav li.dropdown:nth-child(2) > .dropdown-menu .subcategories_container > div {
 +
  background-color: rgba(33, 150, 243, 0.6);
 +
}
 +
nav li.dropdown:nth-child(3) {
 +
  background-color: #1C77C3;
 +
}
 +
nav li.dropdown:nth-child(3) > .dropdown-menu {
 +
  background-color: #1C77C3;
 +
  background-size: 400px;
 +
  width: 1250px;
 +
  margin-left: -418px;
 +
}
 +
nav li.dropdown:nth-child(3) > .dropdown-menu .subcategories_container > div {
 +
  background-color: rgba(33, 150, 243, 0.6);
 +
}
 +
nav li.dropdown:nth-child(4) {
 +
  background-color: #1C77C3;
 +
}
 +
nav li.dropdown:nth-child(4) > .dropdown-menu {
 +
  background-color: #1C77C3;
 +
  background-size: 400px;
 +
  margin-left: -627px;
 +
  width: 1250px;
 +
}
 +
nav li.dropdown:nth-child(4) > .dropdown-menu .subcategories_container > div {
 +
  background-color: rgba(33, 150, 243, 0.6);
 +
}
 +
nav li.dropdown:nth-child(5) {
 +
  background-color: #1C77C3;
 +
}
 +
nav li.dropdown:nth-child(5) > .dropdown-menu {
 +
  background-color: #1C77C3;
 +
  background-size: 300px;
 +
  margin-left: -836px;
 +
  width: 1250px;
 +
}
 +
nav li.dropdown:nth-child(5) > .dropdown-menu .subcategories_container > div {
 +
  background-color: rgba(33, 150, 243, 0.6);
 +
}
 +
nav li.dropdown:nth-child(6) {
 +
  background-color: #1C77C3;
 +
}
 +
nav li.dropdown:nth-child(6) > .dropdown-menu {
 +
  background-color: #1C77C3;
 +
  background-size: 300px;
 +
  width: 1250px;
 +
  margin-left: -1045px;
 +
}
 +
nav li.dropdown:nth-child(6) > .dropdown-menu .subcategories_container > div {
 +
  background-color: rgba(33, 150, 243, 0.6);
 +
}*/
 +
footer {
 +
  height: 20px;
 +
  background-color: #2c3e50;
 +
}
 +
footer .cornered {
 +
  float: left;
 +
  width: 300px;
 +
  height: 0px;
 +
  border-top: 20px solid #bdc3c7;
 +
  border-right: 45px solid transparent;
 +
}
 +
footer .footer_right {
 +
  color: white;
 +
  padding: 25px;
 +
  float: right;
 +
  height: 100%;
 +
}
 +
footer .footer_right span {
 +
  opacity: 0.5;
 +
}
 +
#bodycontainer {
 +
  min-width: 1200px;
 +
  margin: auto;
 +
  padding: 10px 0;
 +
  text-align:left;
 +
}
 +
#bodycontainer .overview_header {
 +
  text-align: center;
 +
}
 +
#bodycontainer h3,
 +
#bodycontainer h4,
 +
#bodycontainer h5 {
 +
  font-family: Lato;
 +
  text-transform: uppercase;
 +
  margin: 0px 0px 0px 0px;
 +
  padding-top: 30px;
 +
}
 +
#bodycontainer h1,
 +
#bodycontainer h2{
 +
  font-family: Lato;
 +
  text-transform: uppercase;
 +
  margin: 0px 0px 0px 0px;
 +
  padding-top: 80px; 
 +
}
 +
#bodycontainer .buttonrow {
 +
  margin-bottom: 20px;
 +
}
 +
#bodycontainer .igem_button {
 +
  position: relative;
 +
  overflow: hidden;
 +
}
 +
#bodycontainer .igem_button img {
 +
  transition: 0.4s ease;
 +
  -webkit-filter: grayscale(0%);
 +
}
 +
#bodycontainer .igem_button .button_description {
 +
  transition: 0.5s ease;
 +
  background: rgba(44, 62, 80, 0.75);
 +
  position: absolute;
 +
  top: 100%;
 +
  left: 0;
 +
  width: 100%;
 +
  height: 100%;
 +
}
 +
#bodycontainer .igem_button h2 {
 +
  margin: 0 auto;
 +
  margin-top: -27px;
 +
  color: #dddddd;
 +
  font-size: 16px;
 +
  text-align: center;
 +
  width: 100%;
 +
  padding: 5px 0px;
 +
  background: rgba(0, 0, 0, 0.41);
 +
  font-family: Lato;
 +
  text-transform: uppercase;
 +
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
 +
}
 +
#bodycontainer .igem_button p {
 +
  color: #dddddd;
 +
  padding: 5px;
 +
}
 +
#bodycontainer .igem_button:hover > .button_description {
 +
  top: 27px;
 +
}
 +
#bodycontainer .igem_button:hover > img {
 +
  -webkit-filter: grayscale(100%);
 +
}
 +
#bodycontainer .red h2 {
 +
  background: #d10000;
 +
}
 +
#bodycontainer .purple h2 {
 +
  background: #8e44ad;
 +
}
 +
#bodycontainer .blue h2 {
 +
  background: #2c3e50;
 +
}
 +
#bodycontainer .belize h2 {
 +
  background: #2980b9;
 +
}
 +
#bodycontainer .green h2 {
 +
  background: #27ae60;
 +
}
 +
#bodycontainer .orange h2 {
 +
  background: #f39c12;
 +
}
 +
#category_navbar {
 +
  color: black;
 +
  padding-left: 0;
 +
  padding: 5px;
 +
}
 +
#category_navbar .active {
 +
  background: rgba(255, 156, 0, 0.17);
 +
  border: 1px solid rgba(0, 0, 0, 0.17);
 +
}
 +
#category_navbar .nav > li > a {
 +
  text-transform: uppercase;
 +
  font-size: 16px;
 +
  font-family: Lato;
 +
}
 +
#category_navbar .nav > ul > li,
 +
#category_navbar .nav > ul > ul > li {
 +
  list-style-type: none;
 +
  display: block;
 +
  color: inherit;
 +
  border: 0;
 +
  margin-left: 10px;
 +
  padding-top: 4px;
 +
  padding-bottom: 4px;
 +
}
 +
#category_navbar .nav > ul > li a,
 +
#category_navbar .nav > ul > ul > li a {
 +
  font-size: 14px;
 +
  font-family: Lato;       
 +
}
 +
#category_navbar .nav > ul > ul > li {
 +
  margin-left: 35px;
 +
}
 +
#category_navbar .nav > ul > li:hover,
 +
#category_navbar .nav > ul > ul > li:hover {
 +
  background: rgba(255, 255, 255, 0.5);
 +
}
 +
#member_spotlight h5 {
 +
  padding: 5px 7px;
 +
  color: white;
 +
}
 +
#member_spotlight .intro_large h5 {
 +
  font-size: 20px;
 +
  padding: 15px 15px;
 +
  margin-bottom: 10px;
 +
}
 +
#member_spotlight #spotlight_question_1 h5 {
 +
  background: #c0392b;
 +
  width:auto;
 +
}
 +
#member_spotlight #spotlight_question_2 h5 {
 +
  background: #8e44ad;
 +
  width:auto;
 +
}
 +
#member_spotlight #spotlight_question_3 h5 {
 +
  background: #2980b9;
 +
  width:auto;
 +
}
 +
#member_spotlight #spotlight_question_intro h5 {
 +
  background: #e67e22;
 +
  width:auto;
 +
}
 +
#lab_notes {
 +
  text-align: center;
 +
}
 +
#lab_notes img {
 +
  margin: 0 auto;
 +
  display: block;
 +
}
 +
#lab_notes :hover img {
 +
  -webkit-transform: scale(1.1);
 +
}
 +
.block_header {
 +
  display: inline-block;
 +
  color: white;
 +
  padding: 7px 11px;
 +
  padding-bottom: 5px;
 +
}
 +
.affix {
 +
  top: 80px;
 +
}
 +
.container {
 +
  min-width: 1200px;
 +
}
 +
.container div nav {
 +
  min-width: 1200px;
 +
}
 +
p,
 +
ol > li,
 +
td,
 +
th,
 +
caption,
 +
.ulstyled > li,
 +
.calendar > li {
 +
  font-family: Lato;
 +
  font-size: 15px;
 +
}
 +
p a,
 +
ol > li a,
 +
td a,
 +
th a,
 +
caption a,
 +
.ulstyled > li a,
 +
.calendar > li a {
 +
  text-decoration: underline;
 +
  color: #3b5998;
 +
}
 +
.calendar {
 +
  padding-left: 10px;
 +
}
 +
.calendar > li {
 +
  font-size: 13px;
 +
}
 +
figcaption {
 +
  color: white;
 +
  padding: 4px 5px;
 +
  display: inline-block;
 +
  font-size:14px;
 +
}
 +
figure {
 +
  margin-bottom: 10px;
 +
}
 +
.red {
 +
  background: #c0392b;
 +
}
 +
.purple {
 +
  background: #8e44ad;
 +
}
 +
.blue {
 +
  background: #2c3e50;
 +
}
 +
.belize {
 +
  background: #2980b9;
 +
}
 +
.green {
 +
  background: #27ae60;
 +
}
 +
.orange {
 +
  background: #f39c12;
 +
}
 +
.darkblue {
 +
  background: #34495e;
 +
}
 +
.table-bordered,
 +
.table-bordered > thead > tr > th,
 +
.table-bordered > tbody > tr > th,
 +
.table-bordered > tfoot > tr > th,
 +
.table-bordered > thead > tr > td,
 +
.table-bordered > tbody > tr > td,
 +
.table-bordered > tfoot > tr > td {
 +
  border: 1px solid black;
 +
}
 +
.col-lg-offset-1half {
 +
  margin-left: 11.111111111111%;
 +
}
 +
.clearfix:after {
 +
  content: " ";
 +
  display: block;
 +
  height: 0;
 +
  clear: both;
 +
}
  
−
        body {
 
−
            font-family: Lato !important;
 
−
        }
 
  
−
        h3 {
 
−
            font-size: 25 -px;
 
−
        }
 
  
−
        #bg {
 
−
            position: fixed;
 
−
            z-index: -1;
 
−
            top: 0;
 
−
            left: 0;
 
−
        }
 
  
−
        .bgwidth {
+
button.accordion {
−
            width: 100%;
+
    background-color: 9CFFFA;
−
        }
+
    color: #444;
 +
    cursor: pointer;
 +
    padding: 18px;
 +
    width: 100%;
 +
    border: none;
 +
    text-align: left;
 +
    outline: none;
 +
    font-size: 15px;
 +
    transition: 0.4s;
 +
}
  
−
        .bgheight {
+
button.accordion.active, button.accordion:hover {
−
            height: 100%;
+
     background-color: #AAFAC8;
−
        }
+
}
−
    </style>
+
−
    <link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
+
−
     <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
+
−
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css"
+
−
          integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
+
  
 +
button.accordion:after {
 +
    content: '\02795';
 +
    font-size: 13px;
 +
    color: #777;
 +
    float: right;
 +
    margin-left: 5px;
 +
}
  
−
    <script>localStorage.clear();</script>
+
button.accordion.active:after {
−
     <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
+
     content: "\2796";
−
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"
+
}
−
            integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
+
−
            crossorigin="anonymous"></script>
+
  
−
     <script type="text/javascript" async
+
div.panel {
−
            src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-MML-AM_CHTML"></script>
+
     padding: 0 18px;
−
     <script type="text/x-mathjax-config">
+
    background-color: #FFE8C8;
−
        MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}});
+
    max-height: 0;
 +
     overflow: hidden;
 +
    transition: 0.6s ease-in-out;
 +
    opacity: 0;
 +
}
  
 +
div.panel.show {
 +
    opacity: 1;
 +
    min-height: 300px;
 +
    max-height: 2000px;
 +
}
  
 +
div.container{
 +
    width:100%
 +
}
  
 +
</style>
 +
</html>
  
−
    </script>
+
<!-- CUT -->
−
 
+
−
    <script type="text/javascript">
+
−
        $(document).ready(function () {
+
−
            $("#category_navbar a").on('click', function (event) {
+
−
                // Make sure this.hash has a value before overriding default behavior
+
−
                if (this.hash !== "") {
+
−
                    // Prevent default anchor click behavior
+
−
                    event.preventDefault();
+
−
 
+
−
                    // Store hash0
+
−
                    var hash = this.hash;
+
−
 
+
−
                    // Using jQuery's animate() method to add smooth page scroll
+
−
                    // The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area
+
−
                    $('html, body').animate({
+
−
                        scrollTop: $(hash).offset().top
+
−
                    }, 800, function () {
+
−
 
+
−
                        // Add hash (#) to URL when done scrolling (default click behavior)
+
−
                        window.location.hash = hash;
+
−
                    });
+
−
                }  // End if
+
−
            });
+
−
        });
+
−
    </script>
+
−
 
+
−
</head>
+
−
</head>
+
−
 
+
−
<body data-spy="scroll" data-target="#category_navbar">
+
−
 
+
−
<div class="container" style='z-index:10;position:relative;'>
+
−
    <div class="row card" id='bodycontainer' class='row'>
+
−
        <div class="col-sm-2" style='padding-left:5% padding-right:10%'>
+
−
            <div id="category_navbar">
+
−
                <ul class="nav nav-list" data-spy="affix" data-offset-top="160"
+
−
                    style='-webkit-transform: translateZ(0);width:160px;margin-left:0'>
+
−
 
+
−
                    <li><a href="#Professional">Professional Help</a></li>
+
−
                    <ul>
+
−
                        <li><a href="#Companies">Contact with Local Pharmaceutical Companies</a></li>
+
−
                        <li><a href="#Scientists">Contact with scientists regarding specific technological issues/ suggestions</a></li>
+
−
                    </ul>
+
−
                    <li><a href="#Outreach">Outreach</a></li>
+
−
                    <ul>
+
−
                        <li><a href="#Patients">Contact with Local Hospital and Patients</a></li>
+
−
                        <li><a href="#Centre">Contact with Chengdu Bear Rescue Centre</a></li>
+
−
                    </ul>
+
−
                    <li><a href="#Survey">Survey</a></li>
+
−
                </ul>
+
−
            </div>
+
−
 
+
−
        </div>
+
−
 
+
−
        <div class="col-sm-10" style="padding-right:5%">
+
−
 
+
−
            <div class="row">
+
−
                <div class="col-sm-12">
+
−
                    <h1 id="Professional">Professional Help</h1>
+
−
                    <h2 id="Companies">Contact with Local Pharmaceutical Companies</h2>
+
−
                    <p>In order to get a clearer picture of UDCA-contained drug’s manufacturing circumstance in China,
+
−
                        our team visited Tianjin Pacific Chemical & Pharmaceutical Company to interview the experts
+
−
                        about current chemical producing methods. According to Mr. Xing Ruwen and Mr. Li Jinlong, the
+
−
                        most popular method of producing UDCA-contained medicine in the market mainly focuses on
+
−
                        chemical pharmaceutical procedures. Yet this approach has disadvantages including relatively
+
−
                        weak efficacy and potential harm to health of the workers. He praises our aim to produce UDCA
+
−
                        medic in biopharmaceutical procedure and consider it very promising. Furthermore, he encouraged
+
−
                        us to cut off cost so that our method can be accepted by the market and the patients. This
+
−
                        suggestion helped us to clarify our future goal.</p>
+
−
                </div>
+
−
 
+
−
                <br>
+
−
                <br>
+
−
            </div>
+
−
 
+
−
            <br>
+
−
            <br>
+
−
 
+
−
            <div class="row">
+
−
                <div class="col-sm-6">
+
−
                    <h3>Mr. Xing Ruwen</h3>
+
−
                    <p>Mr. Xing Ruwen is the chief engineer in Tianjin Pacific Chemical & Pharmaceutical Company. He is
+
−
                        an experienced manager who has been working on Chemical method of producing UDCA-contained drugs
+
−
                        for years.</p>
+
−
                </div>
+
−
                <figure class="col-sm-6">
+
−
                    <br>
+
−
                    <img src="https://static.igem.org/mediawiki/2016/0/04/T--TAS_Taipei--Trip1.png">
+
−
                </figure>
+
−
                <div class="col-sm-12">
+
−
                    <p>Mr. Xing introduces us the traditional chemical procedure to manufacture the UDCA-contained drug.
+
−
                        Also, he leads us to visit the processing workshop and teaches us many valuable knowledge about
+
−
                        drug production. </p>
+
−
                    <p>According to his opinion, chemical method of producing UDCA-contained drug basically has two
+
−
                        disadvantages: the first one is its high risk; the second one is related to profit, a factor
+
−
                        that influences manufacturing the most. For its potential high risk, Mr. Xing conveys that it
+
−
                        comes from the utilization of metal sodium. Sodium is well-known for its highly-reactiveness; it
+
−
                        is able react violently with water, which at the same time release large amount of heat and
+
−
                        might cause potential safety issue to the workers. He praises our thought of avoiding the
+
−
                        dangerousness and very much acknowledges our method. </p>
+
−
                </div>
+
−
            </div>
+
−
 
+
−
            <br>
+
−
            <br>
+
−
 
+
−
            <div class="row">
+
−
 
+
−
                <figure class="col-sm-6">
+
−
                    <br>
+
−
                    <img src="https://static.igem.org/mediawiki/2016/0/04/T--TAS_Taipei--Trip1.png">
+
−
                </figure>
+
−
                <div class="col-sm-6">
+
−
                    <h3>Mr. Li Jinlong</h3>
+
−
                    <p>Mr. Li Jinlong works as the production manager and he also participating in marketing
+
−
                        department’s work in Tianjin Pacific Chemical & Pharmaceutical Company.</p>
+
−
                </div>
+
−
                <div class="col-sm-12">
+
−
                    <p>Mr. Li patiently answers our questions related to marketing. Analyzing its cost, demand and also
+
−
                        profit, Mr. Li helps us to determined our minds on trying to solve the problem step by step. He
+
−
                        informs that currently the successful UDCA synthesis rate is not hight enough and requires
+
−
                        repeating measures to increase its purification ratio. It is very important for us to consider
+
−
                        more about the balance between cost and profits if we want to further develop our method. Now,
+
−
                        the exported UDCA drugs are highly demanded and we need to find ways to help simplify the
+
−
                        production process and to increase the supply of UDCA-contained drugs.</p>
+
−
                </div>
+
−
 
+
−
            </div>
+
−
 
+
−
            <br>
+
−
            <br>
+
−
 
+
−
            <div class="row">
+
−
                <div class="col-sm-12">
+
−
                    <h3>Interview</h3>
+
−
                    <p>Q：We still have some questions regarding to the market. It would be such a pleasure if you can
+
−
                        share some of your ideas or understandings about them.</p>
+
−
                    <p>A : Please ask, I’m very glad to help you.</p>
+
−
                    <p>Q1: Could you please inform us UDCA medicine’s value in market and its efficacy?</p>
+
−
                    <p>A: UDCA is an cholic acid medicine that has choleretic effect to human bodies. It can cure
+
−
                        various dan diseases like gallstone as well as hepatopathy including hepatic adipose
+
−
                        infiltration. UDCA medicine has stronger healing effect than CDCA medicine while having less
+
−
                        side effects in treatment. However, subtracted from bears, UDCA has a relatively high costs. And
+
−
                        using UDCA directly converted by CDCA mainly has two benefits: first of all, it requires a lower
+
−
                        cost because CDCA is subtracted from poultry like chickens, ducks, and geese; also, use CDCA
+
−
                        instead of UDCA can help protect wild animals (bears.) Also, I consulted experts in our
+
−
                        marketing department about it and they revealed to me that this approach has very high
+
−
                        vendibility that medicines manufactured oversea are in short supply.</p>
+
−
                    <p>Q2: What is the basic principle of this drug design/production?</p>
+
−
                    <p>: First we extract CDCA from the bile of chicken, duck and geese. Then we convert CDCA into UDCA
+
−
                        through two steps of redox reaction. These two substance are isomers than differ in their
+
−
                        three-dimensional structure only.</p>
+
−
                    <p>Q3: We found out that there are only few factories manufactures UDCA medicine. Is it because the
+
−
                        producing process’s complexity? Where is the complexity embodied in specific?</p>
+
−
                    <p>A: In fact, the actual process or technology used is not very complex but the key dangerous
+
−
                        factor is the need of sodium, a dangerous, active metal that burns when it meets with water.
+
−
                        Moreover, to consider this issue from other perspectives, UDCA medicine’s production copes wth
+
−
                        the pressure from people’s safety and environment protection concerns. Therefore there are not
+
−
                        too many factories that manufactures UDCA medicine. </p>
+
−
                    <p>Maybe there are only two factories in China that manufactures this active pharmaceutical
+
−
                        ingredient (API) officially; one is in Shenzhen and the other is in Suzhou.</p>
+
−
                    <p>……After biliary drainage, it is very likely that bears will suffer from diseases all over their
+
−
                        body, which is a torture to them. To resolve this problem, researchers and scientists in our
+
−
                        country wish to convert CDCA in order to receive UDCA. Currently, their methods are deeply
+
−
                        restrained by the use of sodium due to its danger and difficulty. If you can convert CDCA to
+
−
                        UDCA successfully using enzymes, you are making a huge contribution. </p>
+
−
                    <p>Also, there are a lot of problems in the production of UDCA in medical industry. For instance, we
+
−
                        need to consider the safety and profits of this drug. Thus, there are still a lot of aspects
+
−
                        need to be considered and experiments need to be done when involved in industrial
+
−
                        production.</p>
+
−
                    <p>Q: Thank you for your suggestions.</p>
+
−
                    <p>Q4: Could you briefly introduce the issue concerning costs and profits?</p>
+
−
                    <p>A: It is complicated because hydrogen needs to be removed. The chemical composition of UDCA needs
+
−
                        to refine repeatedly, which is tricky. For example, a concentration of 70% of UDCA? require
+
−
                        three times of refinement at least in order to reach the standard. Also, the raw materials or
+
−
                        substances need to be recollected and there will be turnovers and other complex factors during
+
−
                        the process. So the profits is limited. And now the biggest issue is that the danger of
+
−
                        production overweights its potential profits.</p>
+
−
 
+
−
                </div>
+
−
            </div>
+
−
 
+
−
            <br>
+
−
            <br>
+
−
 
+
−
            <div class="row">
+
−
                <div class="col-sm-12">
+
−
                    <h2 id="Scientists">Contact with scientists regarding specific technological issues/ suggestions</h2>
+
−
                </div>
+
−
                <div class="col-sm-6">
+
−
                    <h3>Prof. Xu Jianhe</h3>
+
−
                    <p>Prof. Xu Jianhe is a well-respected professor in Biocatalyis and Bioprocessing State Key Laboratory of Bioreactor Engineering in East China University of Science and Technology.</p>
+
−
                </div>
+
−
                <figure class="col-sm-6">
+
−
                    <br>
+
−
                    <img src="https://static.igem.org/mediawiki/2016/0/04/T--TAS_Taipei--Trip1.png">
+
−
                </figure>
+
−
                <div class="col-sm-12">
+
−
                    <p>With many questions regarding to complex bioprocessing and enzyme catalysis, we write to Prof. Xu, a very famous professor in China and also expert to get further instructions and professional help. At the beginning of our experiment, we decided to employ a two enzyme in one pot catalyzed reaction(see figure.1). However, after our initial attempt, we found out that the reverse reaction was more prevalent than the forward reaction. Thus because of this, the product was actually CDCA, the initial reactant, instead of UDCA, our expected product. This conundrum stopped us from reaching any further into the experiment. At this time, Prof. Xu suggested us to separate the two enzymes into two steps. (see figure 2) After listening to his suggestion, our team worked together and produced our new experiment plan with a two step reaction instead of one. In this way, the end product will not be transformed back into CDCA, and the mass production of USCA proves to be successful. As well as enhancing the biopharmaceutical effect of UDCA, we also aims to reduce the production cost. When we were designing the experiment, we included the usage of cofactors: NADH and NADP+. However, the cost of cofactors can be immense if they are not regenerated. After hearing about our problem, Prof. Xu suggested us finding enzymes to help with the regeneration of cofactors. With his suggestion in mind, we eventually employed GDH(Glutamate Dehydrogenase) to regenerate the cofactor NADP+, and LDH(Lactate Dehydrogenase) to regenerate the cofactor NADH. Carefully answering our questions and giving us other valuable information and cases about our topic, Prof. Xu used his actions to encourage us in refining our experiment and to give it a try.</p>
+
−
                </div>
+
−
            </div>
+
−
 
+
−
            <br>
+
−
            <br>
+
−
 
+
−
            <div class="row">
+
−
                <div class="col-sm-12">
+
−
                    <h1 id="Outreach">Outreach</h1>
+
−
                    <h2 id="Patients">Contact with Local Hospital and Patients</h2>
+
−
                    <p>In addition, we contact local patients from Xuanwu hospital who suffered from liver cirrhosis to
+
−
                        discuss the curing effects and prices of various UDCA-contained medicines in the market to
+
−
                        determine our direction. Through our interviews, we understood that current UDCA medicines in
+
−
                        the market are unaffordable for patients with average or below average income in long term
+
−
                        treatment. Also, medicine which price can be accepted by the patients has relatively weak curing
+
−
                        effect. In order to solve this problem, we consulted experts from doctors from Xuanwu Hospital.
+
−
                        She reported that UDCA has a large pharmaceutical application. As well as UDCA’s usage in
+
−
                        dissolving gallstone, its efficacy in primary biliary cirrhosis and primary sclerosing
+
−
                        cholangitis (PSC) as an adjunct to medical therapy has been well established. Newer indications
+
−
                        include its use in the management of chronic hepatitis, cirrhosis, post liver transplant
+
−
                        rejection, graft-versus-host disease and acute viral hepatitis, where it not only relieves
+
−
                        symptoms of cholestasis but also arrests ongoing hepatocyte necrosis.</p>
+
−
                    <h3>Patients interview</h3>
+
−
                    <p>Q：Hi, how are you Mrs. Zhou?</p>
+
−
                    <p>A: Good, good. I’m feeling much better now.</p>
+
−
                    <p>Q: If it’s possible, can you briefly explain to us what exactly are you suffering from?</p>
+
−
                    <p>A: Ahh. It’s not a problem. Well, I’ve been diagnosed with liver cirrhosis for several years now.
+
−
                        And I’ve been constantly taking medicine to treat it. It costs a lot of money. Too
+
−
                        expensive!</p>
+
−
                    <p>Q: What is this medicine that you are taking now that is this expensive?</p>
+
−
                    <p>A: I don’t really know the exact name, but you can have a look at it. It’s a medicine produced in
+
−
                        America.</p>
+
−
                    <p>Q: Oh? America? Why aren’t you taking any of the medicine produced locally.</p>
+
−
                    <p>A: That’s a long story to tell. This medicine I’m taking is supposed to be composed of UDCA. From
+
−
                        what the doctors told me, this medicine is designed to treat diseases like what I have here. But
+
−
                        it seems like only the America version works on my. The locally produced version of this
+
−
                        medicine is chemically synthesized so I guess it’s not really a good thing. And I can feel it
+
−
                        too. Because my stomach often hurts from taking the medicine.</p>
+
−
                    <p>Q: Wait… Are you sure of it? Are you sure that your pain comes from taking the chemically
+
−
                        synthesized medicine?</p>
+
−
                    <p>A: Well yes. The pain usually starts an hour or half after taking the medicine. And the doctors
+
−
                        confirmed my theory as well. They say this chemically synthesized version of the medicine would
+
−
                        usually have gastrointestinal discomfort as a side effect.</p>
+
−
                    <p>Q: Well that’s not good! So have you considered any other choices? Or have the doctors
+
−
                        recommended anything else?</p>
+
−
                    <p>A: Yes. And that’s actually why I’m telling you how expansive the medicine is. The chemically
+
−
                        synthesized version of this medicine is not that expensive. Although it cannot be covered by
+
−
                        medical insurance. It’s definitely affordable. The medicine I’m taking now is indeed very good.
+
−
                        It doesn’t have any side effects. I guess the only side effects is that it is too expensive. I
+
−
                        can’t really afford it now. I really want an alternative. But it sees like the only alternative
+
−
                        is bear bile powder.</p>
+
−
                    <p>Q: What do you know about bear bile powder?</p>
+
−
                    <p>A: I know it’s not extremely expensive so I can probably afford it. But I also know how people
+
−
                        acquire bear bile powder. Ugh, I don’t want to cause that much pain to the poor bears. They say
+
−
                        no trading, no killing right? So that’s not really an option for me.</p>
+
−
                    <p>Q: Yeah. It is indeed very brutal. Well, thanks for your time Mrs. Zhou. We really appreciate
+
−
                        your help.</p>
+
−
                    <p>A: No problem! Have a good day.</p>
+
−
                    <p>Q: You too.</p>
+
−
 
+
−
                </div>
+
−
 
+
−
                <br>
+
−
                <br>
+
−
            </div>
+
−
 
+
−
 
+
−
            <br>
+
−
            <br>
+
−
 
+
−
            <div class="row">
+
−
                <div class="col-sm-12">
+
−
                    <h2 id="Centre">Contact with Chengdu Bear Rescue Centre</h2>
+
−
                </div>
+
−
                <figure class="col-sm-6">
+
−
                    <br>
+
−
                    <img src="https://static.igem.org/mediawiki/2016/0/04/T--TAS_Taipei--Trip1.png">
+
−
                </figure>
+
−
                <div class="col-sm-6">
+
−
                    <p>To find out more about the bear bile industry and the protective measures against illegal
+
−
                        hunting, our team, SDSZ-China, went all the way down south to Sichuan province, where the
+
−
                        biggest Asiatic Black Bear rescue centre is located. There, after exchanging conversations with
+
−
                        the staff, we found out that Asiatic Black Bear is listed as endangered on the IUCN red list,
+
−
                        and the most efficient way to rescue bears now is buying bile bears from bear farms. (Since bear
+
−
                        farming is a legal activity in China, there’s no way to officially put a halt on this). After
+
−
                        this trip, we went a bit west and visited a real bear farm where bile is siphoned. There, we
+
−
                        learned the heartbreaking fact that people harvest bear bile only to make traditional Chinese
+
−
                        medicine. Yet as most of the modern world would possibly agree, traditional Chinese medicine
+
−
                        hasn’t prove to have a distinct efficacy in treating diseases, rather it serves as a method to
+
−
                        nourish and build up people’s health conditions. Because of the all the above, the need for an
+
−
                        alternative way to produce UDCA struck us as extremely urgent. </p>
+
−
                </div>
+
−
            </div>
+
−
 
+
−
            <div class="row">
+
−
                <div class="col-sm-12">
+
−
                    <h1 id="Survey">Survey
+
−
                        <small>SDSZ-iGEM-2016 Survey</small>
+
−
                    </h1>
+
−
                    <br>
+
−
                    <p>1. Age</p>
+
−
                    <p>请问您的年龄是？</p>
+
−
                    <p></p>
+
−
                    <p>0-10</p>
+
−
                    <p>11-20</p>
+
−
                    <p>21-30</p>
+
−
                    <p>31-40</p>
+
−
                    <p>41-50</p>
+
−
                    <p>51-60</p>
+
−
                    <p>61-70</p>
+
−
                    <br>
+
−
                    <p>2. How much do you know about Bear Bile Extracting Technology? </p>
+
−
                    <p>您有多了解活熊取胆？</p>
+
−
                    <br>
+
−
                    <p>Nothing 没有听说过</p>
+
−
                    <p>A little bit 只是听说过，没有深入了解</p>
+
−
                    <p>I know this but not quite 有一定的了解</p>
+
−
                    <p>I know this quite well 我对此比较了解</p>
+
−
                    <br>
+
−
                    <p>3. Have you ever known anyone who has or had hepatic or biliary disorders? e.g. hepatitis,
+
−
                        fibrosis, and cirrhosis 您是否认识患有或曾患肝胆相关疾病的人？例如：肝炎，肝硬化等</p>
+
−
                    <br>
+
−
                    <p>Yes 有</p>
+
−
                    <p>No 没有</p>
+
−
                    <br>
+
−
                    <p>4. If the previous answer is “yes”, what’s the patient’s general drug treatment?</p>
+
−
                    <p>如果有，您认识的患者一般使用的是哪类药物？</p>
+
−
                    <br>
+
−
                    <p>Bear bile related drugs (UDCA contained)熊胆相关药物 (含UDCA)</p>
+
−
                    <p>Non-bear bile related drugs 非熊胆相关药物</p>
+
−
                    <br>
+
−
                    <p>5. If the previous answer is “Bear bile related drugs”, what’s the patient’s preference on the
+
−
                        type of drugs listed?</p>
+
−
                    <p>如果使用的是熊胆相关药物，请问您认识的患者倾向于购买以下哪种？</p>
+
−
                    <br>
+
−
                    <p>Imported Drug 进口药 </p>
+
−
                    <p>Domestic Drug 国产药</p>
+
−
                    <br>
+
−
                    <p>6. If you don’t know anyone who has or had hepatic or biliary disorders or the person you know
+
−
                        does not use UDCA drugs, then what’s your personal preference on the type of drugs listed?</p>
+
−
                    <p>如果您不认识患有肝胆相关疾病的人或您认识的患者不使用熊胆相关药物，请问您个人倾向于在购买药物时选择以下哪种？</p>
+
−
                    <br>
+
−
                    <p>Imported Drug 进口药</p>
+
−
                    <p>Domestic Drug 国产药</p>
+
−
                    <br>
+
−
                    <p>7. Please fill in the answers according to your personal experience/thoughts</p>
+
−
                    <p>请您按照情况填写</p>
+
−
                    <br>
+
−
                    <p>I chose the imported drug, because </p>
+
−
                    <p>我选择进口药，因为</p>
+
−
                    <p>
+
−
                        <strong>__</strong><strong>__</strong><strong>__</strong><strong>__</strong><strong>__</strong><strong>__</strong><strong>__</strong><strong>__</strong>___
+
−
                    </p>
+
−
                    <p>
+
−
                        <strong>__</strong><strong>__</strong><strong>__</strong><strong>__</strong><strong>__</strong><strong>__</strong><strong>__</strong><strong>__</strong>___
+
−
                    </p>
+
−
                    <br>
+
−
                    <p>I chose the domestic drug, because</p>
+
−
                    <p>我选择国产药，因为</p>
+
−
                    <br>
+
−
                    <p>
+
−
                        <strong>__</strong><strong>__</strong><strong>__</strong><strong>__</strong><strong>__</strong><strong>__</strong><strong>__</strong><strong>__</strong><strong></strong>
+
−
                    </p>
+
−
                    <p>
+
−
                        <strong>__</strong><strong>__</strong><strong>__</strong><strong>__</strong><strong>__</strong><strong>__</strong><strong>__</strong><strong>__</strong><strong></strong>
+
−
                    </p>
+
−
                    <br>
+
−
                    <p>8. Are you comfortable using/consuming products produced from genetically modified organisms?
+
−
                        Check all categories that apply.</p>
+
−
                    <p>您愿意使用基因改造的产品吗？</p>
+
−
                    <br>
+
−
                    <p>Food 食物</p>
+
−
                    <p>Medication 藥物</p>
+
−
                    <p>Other 其他</p>
+
−
                    <p>Not comfortable with using any GMO products 都不愿意</p>
+
−
                    <br>
+
−
                    <p>9. How does the price of treatment affect your choice? To what extent will your choice be
+
−
                        influenced by it?</p>
+
−
                    <p>治疗的价格会在什么程度上影响您的选择？</p>
+
−
                    <br>
+
−
                    <p>Very likely(to affect) 很大程度</p>
+
−
                    <p>Moderate level 中等程度</p>
+
−
                    <p>Not likely 很小程度</p>
+
−
                    <p>Depends (please write down your explanation to the choice)</p>
+
−
                    <p>
+
−
                        <strong>__</strong><strong>__</strong><strong>__</strong><strong>__</strong><strong>__</strong><strong>__</strong><strong>__</strong><strong>__</strong><strong></strong>
+
−
                    </p>
+
−
                    <br>
+
−
                    <p>10. Are you willing to purchase UDCA contained drug that substitutes the conventional Bear bile
+
−
                        extracting technology? </p>
+
−
                    <p>如果有能够替代活熊取胆的药物，您是否愿意购买？</p>
+
−
                    <br>
+
−
                    <p>Yes 愿意</p>
+
−
                    <p>No 不愿意</p>
+
−
 
+
−
                </div>
+
−
            </div>
+
−
 
+
−
            <br>
+
−
            <br>
+
−
            <br>
+
−
        </div>
+
−
    </div>
+
−
 
+
−
    <div class="backgroundpic">
+
−
        <img src="https://static.igem.org/mediawiki/2016/e/e5/T--TAS_Taipei--Taipei_Background_1.0.jpg" width="100%"
+
−
            height="100%" id="bg" alt="">
+
−
    </div>
+
−
</div>
+
−
 
+
−
</body>
+
−
 
+
−
</html>
+

Revision as of 11:56, 1 November 2017