Difference between revisions of "Team:DUT China B/Team"

 
(135 intermediate revisions by 3 users not shown)
Line 1: Line 1:
<html><title>GBC-Team</title>
+
{{DUT_China_B/test_style.css}}
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+
{{DUT_China_B/nav}}
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+
<html lang="en">
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
+
 
<head>
 
<head>
  <!-- Basic Page Needs
+
<meta charset="UTF-8">
  ================================================== -->
+
<title>Document</title>
<meta charset="utf-8">
+
 
+
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
+
<!-- css bootstrap -->
+
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:GreatBay_China/css/bootstrap.css&amp;action=raw&amp;ctype=text/css" />
+
<!-- js jquery -->
+
<script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:GreatBay_China/js/jquery.min.js&action=raw&ctype=text/javascript"></script>
+
<script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:GreatBay_China/bootstrap/3.3.7/js/bootstrap.min.js&action=raw&ctype=text/javascript"></script>
+
  
<!-- js menu -->
+
<style>
<script type="text/javascript">
+
$(function () { $("[data-toggle='popover']").popover(); });
+
*{
</script>
+
margin: 0;
<script type="text/javascript">
+
padding: 0;
 $(function(){
+
}
  $('.top-nav ul li span').hover(function(){
+
body{
   $(this).addClass('hover');
+
background-color: #eee;
},function(){
+
}
$(this).removeClass('hover');
+
.firstimg{
});
+
width: 100%;
  $('.top-nav ul li').mouseover(function(){
+
}
   $(this).children('div').stop().slideDown().parent().siblings().children('div').stop().slideUp();
+
.firstimg img{
});
+
width: 100%
  $('.top-nav ul li span').mouseleave(function(){
+
                height:90%;
   $(this).siblings('div').stop().slideUp()});
+
}
  $('.top-nav ul li div').bind('mouseleave',function(){$(this).stop().slideUp();});
+
#maintest{
 })
+
position: relative;
</script>
+
float: right;
<script>
+
margin: 0px;
function changeface()
+
width: 76%;
{
+
padding: 3%;
    element=document.getElementById('menuhead')
+
                font-family: 'Roboto' !important;
    if (element.style.display='none')
+
/*border-left: 2px solid #ccc;*/
    {
+
/*clear: both;*/
        element.style.display='block';
+
}
    }
+
      #maintest p{
    else
+
      font-size: 16px;
    {
+
      line-height:25.6px;
        element.style.display='none';
+
      }
    }
+
/*侧边栏样式*/
}
+
#sides{
</script>
+
width: 22%;
<!-- font -->
+
padding: 20% 0 10%;
<style>
+
height:1580px;
/* latin */
+
                background-color:#1C2B42;
@font-face {
+
float: left;
  font-family: 'Delius';
+
           
  font-style: normal;
+
  font-weight: 400;
+
               
  src: local('Delius-Regular'), url(https://static.igem.org/mediawiki/2018/a/af/T--GreatBay_China--font.woff) format('woff');
+
}
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+
#sides a{
}
+
text-decoration: none;
</style>
+
        color:#FFFFFF !important;
<!-- css main -->
+
font-size: 60px !important;
<style>
+
                positon:fixed;  
html {
+
                top:20px;
  font-family: sans-serif;
+
}
  -webkit-text-size-adjust: 100%;
+
      -ms-text-size-adjust: 100%;
+
.block-grid {
}
+
   margin-top: 3em;
body {
+
   -webkit-column-count: 2;
  margin: 0;
+
          column-count: 2;
}
+
   -webkit-column-gap: 1em;
article,
+
          column-gap: 1em;
aside,
+
details,
+
figcaption,
+
figure,
+
footer,
+
header,
+
hgroup,
+
main,
+
menu,
+
nav,
+
section,
+
summary {
+
  display: block;
+
}
+
audio,
+
canvas,
+
progress,
+
video {
+
  display: inline-block;
+
  vertical-align: baseline;
+
}
+
audio:not([controls]) {
+
  display: none;
+
  height: 0;
+
}
+
[hidden],
+
template {
+
  display: none;
+
}
+
a {
+
  background-color: transparent;
+
}
+
a:active,
+
a:hover {
+
  outline: 0;
+
}
+
abbr[title] {
+
  border-bottom: 1px dotted;
+
}
+
b,
+
strong {
+
   font-weight: bold;
+
}
+
dfn {
+
   font-style: italic;
+
}
+
h1 {
+
  margin: .67em 0;
+
   font-size: 2em;
+
}
+
mark {
+
  color: #000;
+
  background: #ff0;
+
}
+
small {
+
  font-size: 80%;
+
}
+
sub,
+
sup {
+
 
   position: relative;
 
   position: relative;
  font-size: 75%;
 
  line-height: 0;
 
  vertical-align: baseline;
 
 
}
 
}
sup {
 
  top: -.5em;
 
}
 
sub {
 
  bottom: -.25em;
 
}
 
img {
 
  border: 0;
 
}
 
svg:not(:root) {
 
  overflow: hidden;
 
}
 
figure {
 
  margin: 1em 40px;
 
}
 
hr {
 
  height: 0;
 
  -webkit-box-sizing: content-box;
 
    -moz-box-sizing: content-box;
 
          box-sizing: content-box;
 
}
 
pre {
 
  overflow: auto;
 
}
 
code,
 
kbd,
 
pre,
 
samp {
 
  font-family: monospace, monospace;
 
  font-size: 1em;
 
}
 
button,
 
input,
 
optgroup,
 
select,
 
textarea {
 
  margin: 0;
 
  font: inherit;
 
  color: inherit;
 
}
 
button {
 
  overflow: visible;
 
}
 
button,
 
select {
 
  text-transform: none;
 
}
 
button,
 
html input[type="button"],
 
input[type="reset"],
 
input[type="submit"] {
 
  -webkit-appearance: button;
 
  cursor: pointer;
 
}
 
button[disabled],
 
html input[disabled] {
 
  cursor: default;
 
}
 
button::-moz-focus-inner,
 
input::-moz-focus-inner {
 
  padding: 0;
 
  border: 0;
 
}
 
input {
 
  line-height: normal;
 
}
 
input[type="checkbox"],
 
input[type="radio"] {
 
  -webkit-box-sizing: border-box;
 
    -moz-box-sizing: border-box;
 
          box-sizing: border-box;
 
  padding: 0;
 
}
 
input[type="number"]::-webkit-inner-spin-button,
 
input[type="number"]::-webkit-outer-spin-button {
 
  height: auto;
 
}
 
input[type="search"] {
 
  -webkit-box-sizing: content-box;
 
    -moz-box-sizing: content-box;
 
          box-sizing: content-box;
 
  -webkit-appearance: textfield;
 
}
 
input[type="search"]::-webkit-search-cancel-button,
 
input[type="search"]::-webkit-search-decoration {
 
  -webkit-appearance: none;
 
}
 
fieldset {
 
  padding: .35em .625em .75em;
 
  margin: 0 2px;
 
  border: 1px solid #c0c0c0;
 
}
 
legend {
 
  padding: 0;
 
  border: 0;
 
}
 
textarea {
 
  overflow: auto;
 
}
 
optgroup {
 
  font-weight: bold;
 
}
 
table {
 
  border-spacing: 0;
 
  border-collapse: collapse;
 
}
 
td,
 
th {
 
  padding: 0;
 
}
 
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
 
@media print {
 
  *,
 
  *:before,
 
  *:after {
 
    color: #000 !important;
 
    text-shadow: none !important;
 
    background: transparent !important;
 
    -webkit-box-shadow: none !important;
 
            box-shadow: none !important;
 
  }
 
  a,
 
  a:visited {
 
    text-decoration: underline;
 
  }
 
  a[href]:after {
 
    content: " (" attr(href) ")";
 
  }
 
  abbr[title]:after {
 
    content: " (" attr(title) ")";
 
  }
 
  a[href^="#"]:after,
 
  a[href^="javascript:"]:after {
 
    content: "";
 
  }
 
  pre,
 
  blockquote {
 
    border: 1px solid #999;
 
  
    page-break-inside: avoid;
+
.block-panel {
   }
+
   -webkit-column-break-inside: avoid;
  thead {
+
          break-inside: avoid;
    display: table-header-group;
+
   border-radius: 2px;
  }
+
   margin: 0 0 1em;
  tr,
+
  img {
+
    page-break-inside: avoid;
+
  }
+
  img {
+
    max-width: 100% !important;
+
  }
+
  p,
+
  h2,
+
  h3 {
+
    orphans: 3;
+
    widows: 3;
+
  }
+
  h2,
+
  h3 {
+
    page-break-after: avoid;
+
   }
+
  select {
+
    background: #fff !important;
+
  }
+
  .navbar {
+
    display: none;
+
  }
+
  .btn > .caret,
+
  .dropup > .btn > .caret {
+
    border-top-color: #000 !important;
+
   }
+
  .label {
+
    border: 1px solid #000;
+
  }
+
  .table {
+
    border-collapse: collapse !important;
+
  }
+
  .table td,
+
  .table th {
+
    background-color: #fff !important;
+
  }
+
  .table-bordered th,
+
  .table-bordered td {
+
    border: 1px solid #ddd !important;
+
  }
+
}
+
@font-face {
+
  font-family: 'Glyphicons Halflings';
+
  
  src: url('../fonts/glyphicons-halflings-regular.eot');
+
background: #94ceca;  /* fallback for old browsers */
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
+
background: -webkit-linear-gradient(to right, #94ceca, #94ceca);  /* Chrome 10-25, Safari 5.1-6 */
}
+
background: linear-gradient(to right,#94ceca, #94ceca); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
.glyphicon {
+
  position: relative;
+
  top: 1px;
+
  display: inline-block;
+
  font-family: 'Glyphicons Halflings';
+
  font-style: normal;
+
  font-weight: normal;
+
  line-height: 1;
+
  
  -webkit-font-smoothing: antialiased;
 
  -moz-osx-font-smoothing: grayscale;
 
}
 
.glyphicon-asterisk:before {
 
  content: "\2a";
 
}
 
.glyphicon-plus:before {
 
  content: "\2b";
 
}
 
.glyphicon-euro:before,
 
.glyphicon-eur:before {
 
  content: "\20ac";
 
}
 
.glyphicon-minus:before {
 
  content: "\2212";
 
}
 
.glyphicon-cloud:before {
 
  content: "\2601";
 
}
 
.glyphicon-envelope:before {
 
  content: "\2709";
 
}
 
.glyphicon-pencil:before {
 
  content: "\270f";
 
}
 
.glyphicon-glass:before {
 
  content: "\e001";
 
}
 
.glyphicon-music:before {
 
  content: "\e002";
 
}
 
.glyphicon-search:before {
 
  content: "\e003";
 
}
 
.glyphicon-heart:before {
 
  content: "\e005";
 
}
 
.glyphicon-star:before {
 
  content: "\e006";
 
}
 
.glyphicon-star-empty:before {
 
  content: "\e007";
 
}
 
.glyphicon-user:before {
 
  content: "\e008";
 
}
 
.glyphicon-film:before {
 
  content: "\e009";
 
}
 
.glyphicon-th-large:before {
 
  content: "\e010";
 
}
 
.glyphicon-th:before {
 
  content: "\e011";
 
}
 
.glyphicon-th-list:before {
 
  content: "\e012";
 
}
 
.glyphicon-ok:before {
 
  content: "\e013";
 
}
 
.glyphicon-remove:before {
 
  content: "\e014";
 
}
 
.glyphicon-zoom-in:before {
 
  content: "\e015";
 
}
 
.glyphicon-zoom-out:before {
 
  content: "\e016";
 
}
 
.glyphicon-off:before {
 
  content: "\e017";
 
}
 
.glyphicon-signal:before {
 
  content: "\e018";
 
}
 
.glyphicon-cog:before {
 
  content: "\e019";
 
}
 
.glyphicon-trash:before {
 
  content: "\e020";
 
}
 
.glyphicon-home:before {
 
  content: "\e021";
 
}
 
.glyphicon-file:before {
 
  content: "\e022";
 
}
 
.glyphicon-time:before {
 
  content: "\e023";
 
}
 
.glyphicon-road:before {
 
  content: "\e024";
 
}
 
.glyphicon-download-alt:before {
 
  content: "\e025";
 
}
 
.glyphicon-download:before {
 
  content: "\e026";
 
}
 
.glyphicon-upload:before {
 
  content: "\e027";
 
}
 
.glyphicon-inbox:before {
 
  content: "\e028";
 
}
 
.glyphicon-play-circle:before {
 
  content: "\e029";
 
}
 
.glyphicon-repeat:before {
 
  content: "\e030";
 
}
 
.glyphicon-refresh:before {
 
  content: "\e031";
 
}
 
.glyphicon-list-alt:before {
 
  content: "\e032";
 
}
 
.glyphicon-lock:before {
 
  content: "\e033";
 
}
 
.glyphicon-flag:before {
 
  content: "\e034";
 
}
 
.glyphicon-headphones:before {
 
  content: "\e035";
 
}
 
.glyphicon-volume-off:before {
 
  content: "\e036";
 
}
 
.glyphicon-volume-down:before {
 
  content: "\e037";
 
}
 
.glyphicon-volume-up:before {
 
  content: "\e038";
 
}
 
.glyphicon-qrcode:before {
 
  content: "\e039";
 
}
 
.glyphicon-barcode:before {
 
  content: "\e040";
 
}
 
.glyphicon-tag:before {
 
  content: "\e041";
 
}
 
.glyphicon-tags:before {
 
  content: "\e042";
 
}
 
.glyphicon-book:before {
 
  content: "\e043";
 
}
 
.glyphicon-bookmark:before {
 
  content: "\e044";
 
}
 
.glyphicon-print:before {
 
  content: "\e045";
 
}
 
.glyphicon-camera:before {
 
  content: "\e046";
 
}
 
.glyphicon-font:before {
 
  content: "\e047";
 
}
 
.glyphicon-bold:before {
 
  content: "\e048";
 
}
 
.glyphicon-italic:before {
 
  content: "\e049";
 
}
 
.glyphicon-text-height:before {
 
  content: "\e050";
 
}
 
.glyphicon-text-width:before {
 
  content: "\e051";
 
}
 
.glyphicon-align-left:before {
 
  content: "\e052";
 
}
 
.glyphicon-align-center:before {
 
  content: "\e053";
 
}
 
.glyphicon-align-right:before {
 
  content: "\e054";
 
}
 
.glyphicon-align-justify:before {
 
  content: "\e055";
 
}
 
.glyphicon-list:before {
 
  content: "\e056";
 
}
 
.glyphicon-indent-left:before {
 
  content: "\e057";
 
}
 
.glyphicon-indent-right:before {
 
  content: "\e058";
 
}
 
.glyphicon-facetime-video:before {
 
  content: "\e059";
 
}
 
.glyphicon.responsiveture:before {
 
  content: "\e060";
 
}
 
.glyphicon-map-marker:before {
 
  content: "\e062";
 
}
 
.glyphicon-adjust:before {
 
  content: "\e063";
 
}
 
.glyphicon-tint:before {
 
  content: "\e064";
 
}
 
.glyphicon-edit:before {
 
  content: "\e065";
 
}
 
.glyphicon-share:before {
 
  content: "\e066";
 
}
 
.glyphicon-check:before {
 
  content: "\e067";
 
}
 
.glyphicon-move:before {
 
  content: "\e068";
 
}
 
.glyphicon-step-backward:before {
 
  content: "\e069";
 
}
 
.glyphicon-fast-backward:before {
 
  content: "\e070";
 
}
 
.glyphicon-backward:before {
 
  content: "\e071";
 
}
 
.glyphicon-play:before {
 
  content: "\e072";
 
}
 
.glyphicon-pause:before {
 
  content: "\e073";
 
}
 
.glyphicon-stop:before {
 
  content: "\e074";
 
}
 
.glyphicon-forward:before {
 
  content: "\e075";
 
}
 
.glyphicon-fast-forward:before {
 
  content: "\e076";
 
}
 
.glyphicon-step-forward:before {
 
  content: "\e077";
 
}
 
.glyphicon-eject:before {
 
  content: "\e078";
 
}
 
.glyphicon-chevron-left:before {
 
  content: "\e079";
 
}
 
.glyphicon-chevron-right:before {
 
  content: "\e080";
 
}
 
.glyphicon-plus-sign:before {
 
  content: "\e081";
 
}
 
.glyphicon-minus-sign:before {
 
  content: "\e082";
 
}
 
.glyphicon-remove-sign:before {
 
  content: "\e083";
 
}
 
.glyphicon-ok-sign:before {
 
  content: "\e084";
 
}
 
.glyphicon-question-sign:before {
 
  content: "\e085";
 
}
 
.glyphicon-info-sign:before {
 
  content: "\e086";
 
}
 
.glyphicon-screenshot:before {
 
  content: "\e087";
 
}
 
.glyphicon-remove-circle:before {
 
  content: "\e088";
 
}
 
.glyphicon-ok-circle:before {
 
  content: "\e089";
 
}
 
.glyphicon-ban-circle:before {
 
  content: "\e090";
 
}
 
.glyphicon-arrow-left:before {
 
  content: "\e091";
 
}
 
.glyphicon-arrow-right:before {
 
  content: "\e092";
 
}
 
.glyphicon-arrow-up:before {
 
  content: "\e093";
 
}
 
.glyphicon-arrow-down:before {
 
  content: "\e094";
 
}
 
.glyphicon-share-alt:before {
 
  content: "\e095";
 
}
 
.glyphicon-resize-full:before {
 
  content: "\e096";
 
}
 
.glyphicon-resize-small:before {
 
  content: "\e097";
 
}
 
.glyphicon-exclamation-sign:before {
 
  content: "\e101";
 
}
 
.glyphicon-gift:before {
 
  content: "\e102";
 
}
 
.glyphicon-leaf:before {
 
  content: "\e103";
 
}
 
.glyphicon-fire:before {
 
  content: "\e104";
 
}
 
.glyphicon-eye-open:before {
 
  content: "\e105";
 
}
 
.glyphicon-eye-close:before {
 
  content: "\e106";
 
}
 
.glyphicon-warning-sign:before {
 
  content: "\e107";
 
}
 
.glyphicon-plane:before {
 
  content: "\e108";
 
}
 
.glyphicon-calendar:before {
 
  content: "\e109";
 
}
 
.glyphicon-random:before {
 
  content: "\e110";
 
}
 
.glyphicon-comment:before {
 
  content: "\e111";
 
}
 
.glyphicon-magnet:before {
 
  content: "\e112";
 
}
 
.glyphicon-chevron-up:before {
 
  content: "\e113";
 
}
 
.glyphicon-chevron-down:before {
 
  content: "\e114";
 
}
 
.glyphicon-retweet:before {
 
  content: "\e115";
 
}
 
.glyphicon-shopping-cart:before {
 
  content: "\e116";
 
}
 
.glyphicon-folder-close:before {
 
  content: "\e117";
 
}
 
.glyphicon-folder-open:before {
 
  content: "\e118";
 
}
 
.glyphicon-resize-vertical:before {
 
  content: "\e119";
 
}
 
.glyphicon-resize-horizontal:before {
 
  content: "\e120";
 
}
 
.glyphicon-hdd:before {
 
  content: "\e121";
 
}
 
.glyphicon-bullhorn:before {
 
  content: "\e122";
 
}
 
.glyphicon-bell:before {
 
  content: "\e123";
 
}
 
.glyphicon-certificate:before {
 
  content: "\e124";
 
}
 
.glyphicon-thumbs-up:before {
 
  content: "\e125";
 
}
 
.glyphicon-thumbs-down:before {
 
  content: "\e126";
 
}
 
.glyphicon-hand-right:before {
 
  content: "\e127";
 
}
 
.glyphicon-hand-left:before {
 
  content: "\e128";
 
}
 
.glyphicon-hand-up:before {
 
  content: "\e129";
 
}
 
.glyphicon-hand-down:before {
 
  content: "\e130";
 
}
 
.glyphicon-circle-arrow-right:before {
 
  content: "\e131";
 
}
 
.glyphicon-circle-arrow-left:before {
 
  content: "\e132";
 
}
 
.glyphicon-circle-arrow-up:before {
 
  content: "\e133";
 
}
 
.glyphicon-circle-arrow-down:before {
 
  content: "\e134";
 
}
 
.glyphicon-globe:before {
 
  content: "\e135";
 
}
 
.glyphicon-wrench:before {
 
  content: "\e136";
 
}
 
.glyphicon-tasks:before {
 
  content: "\e137";
 
}
 
.glyphicon-filter:before {
 
  content: "\e138";
 
}
 
.glyphicon-briefcase:before {
 
  content: "\e139";
 
}
 
.glyphicon-fullscreen:before {
 
  content: "\e140";
 
}
 
.glyphicon-dashboard:before {
 
  content: "\e141";
 
}
 
.glyphicon-paperclip:before {
 
  content: "\e142";
 
}
 
.glyphicon-heart-empty:before {
 
  content: "\e143";
 
}
 
.glyphicon-link:before {
 
  content: "\e144";
 
}
 
.glyphicon-phone:before {
 
  content: "\e145";
 
}
 
.glyphicon-pushpin:before {
 
  content: "\e146";
 
}
 
.glyphicon-usd:before {
 
  content: "\e148";
 
}
 
.glyphicon-gbp:before {
 
  content: "\e149";
 
}
 
.glyphicon-sort:before {
 
  content: "\e150";
 
}
 
.glyphicon-sort-by-alphabet:before {
 
  content: "\e151";
 
}
 
.glyphicon-sort-by-alphabet-alt:before {
 
  content: "\e152";
 
}
 
.glyphicon-sort-by-order:before {
 
  content: "\e153";
 
}
 
.glyphicon-sort-by-order-alt:before {
 
  content: "\e154";
 
}
 
.glyphicon-sort-by-attributes:before {
 
  content: "\e155";
 
}
 
.glyphicon-sort-by-attributes-alt:before {
 
  content: "\e156";
 
}
 
.glyphicon-unchecked:before {
 
  content: "\e157";
 
}
 
.glyphicon-expand:before {
 
  content: "\e158";
 
}
 
.glyphicon-collapse-down:before {
 
  content: "\e159";
 
}
 
.glyphicon-collapse-up:before {
 
  content: "\e160";
 
}
 
.glyphicon-log-in:before {
 
  content: "\e161";
 
}
 
.glyphicon-flash:before {
 
  content: "\e162";
 
}
 
.glyphicon-log-out:before {
 
  content: "\e163";
 
}
 
.glyphicon-new-window:before {
 
  content: "\e164";
 
}
 
.glyphicon-record:before {
 
  content: "\e165";
 
}
 
.glyphicon-save:before {
 
  content: "\e166";
 
}
 
.glyphicon-open:before {
 
  content: "\e167";
 
}
 
.glyphicon-saved:before {
 
  content: "\e168";
 
}
 
.glyphicon-import:before {
 
  content: "\e169";
 
}
 
.glyphicon-export:before {
 
  content: "\e170";
 
}
 
.glyphicon-send:before {
 
  content: "\e171";
 
}
 
.glyphicon-floppy-disk:before {
 
  content: "\e172";
 
}
 
.glyphicon-floppy-saved:before {
 
  content: "\e173";
 
}
 
.glyphicon-floppy-remove:before {
 
  content: "\e174";
 
}
 
.glyphicon-floppy-save:before {
 
  content: "\e175";
 
}
 
.glyphicon-floppy-open:before {
 
  content: "\e176";
 
}
 
.glyphicon-credit-card:before {
 
  content: "\e177";
 
}
 
.glyphicon-transfer:before {
 
  content: "\e178";
 
}
 
.glyphicon-cutlery:before {
 
  content: "\e179";
 
}
 
.glyphicon-header:before {
 
  content: "\e180";
 
}
 
.glyphicon-compressed:before {
 
  content: "\e181";
 
}
 
.glyphicon-earphone:before {
 
  content: "\e182";
 
}
 
.glyphicon-phone-alt:before {
 
  content: "\e183";
 
}
 
.glyphicon-tower:before {
 
  content: "\e184";
 
}
 
.glyphicon-stats:before {
 
  content: "\e185";
 
}
 
.glyphicon-sd-video:before {
 
  content: "\e186";
 
}
 
.glyphicon-hd-video:before {
 
  content: "\e187";
 
}
 
.glyphicon-subtitles:before {
 
  content: "\e188";
 
}
 
.glyphicon-sound-stereo:before {
 
  content: "\e189";
 
}
 
.glyphicon-sound-dolby:before {
 
  content: "\e190";
 
}
 
.glyphicon-sound-5-1:before {
 
  content: "\e191";
 
}
 
.glyphicon-sound-6-1:before {
 
  content: "\e192";
 
}
 
.glyphicon-sound-7-1:before {
 
  content: "\e193";
 
}
 
.glyphicon-copyright-mark:before {
 
  content: "\e194";
 
}
 
.glyphicon-registration-mark:before {
 
  content: "\e195";
 
}
 
.glyphicon-cloud-download:before {
 
  content: "\e197";
 
}
 
.glyphicon-cloud-upload:before {
 
  content: "\e198";
 
}
 
.glyphicon-tree-conifer:before {
 
  content: "\e199";
 
}
 
.glyphicon-tree-deciduous:before {
 
  content: "\e200";
 
}
 
.glyphicon-cd:before {
 
  content: "\e201";
 
}
 
.glyphicon-save-file:before {
 
  content: "\e202";
 
}
 
.glyphicon-open-file:before {
 
  content: "\e203";
 
}
 
.glyphicon-level-up:before {
 
  content: "\e204";
 
}
 
.glyphicon-copy:before {
 
  content: "\e205";
 
}
 
.glyphicon-paste:before {
 
  content: "\e206";
 
}
 
.glyphicon-alert:before {
 
  content: "\e209";
 
}
 
.glyphicon-equalizer:before {
 
  content: "\e210";
 
}
 
.glyphicon-king:before {
 
  content: "\e211";
 
}
 
.glyphicon-queen:before {
 
  content: "\e212";
 
}
 
.glyphicon-pawn:before {
 
  content: "\e213";
 
}
 
.glyphicon-bishop:before {
 
  content: "\e214";
 
}
 
.glyphicon-knight:before {
 
  content: "\e215";
 
}
 
.glyphicon-baby-formula:before {
 
  content: "\e216";
 
}
 
.glyphicon-tent:before {
 
  content: "\26fa";
 
}
 
.glyphicon-blackboard:before {
 
  content: "\e218";
 
}
 
.glyphicon-bed:before {
 
  content: "\e219";
 
}
 
.glyphicon-apple:before {
 
  content: "\f8ff";
 
}
 
.glyphicon-erase:before {
 
  content: "\e221";
 
}
 
.glyphicon-hourglass:before {
 
  content: "\231b";
 
}
 
.glyphicon-lamp:before {
 
  content: "\e223";
 
}
 
.glyphicon-duplicate:before {
 
  content: "\e224";
 
}
 
.glyphicon-piggy-bank:before {
 
  content: "\e225";
 
}
 
.glyphicon-scissors:before {
 
  content: "\e226";
 
}
 
.glyphicon-bitcoin:before {
 
  content: "\e227";
 
}
 
.glyphicon-btc:before {
 
  content: "\e227";
 
}
 
.glyphicon-xbt:before {
 
  content: "\e227";
 
}
 
.glyphicon-yen:before {
 
  content: "\00a5";
 
}
 
.glyphicon-jpy:before {
 
  content: "\00a5";
 
}
 
.glyphicon-ruble:before {
 
  content: "\20bd";
 
}
 
.glyphicon-rub:before {
 
  content: "\20bd";
 
}
 
.glyphicon-scale:before {
 
  content: "\e230";
 
}
 
.glyphicon-ice-lolly:before {
 
  content: "\e231";
 
}
 
.glyphicon-ice-lolly-tasted:before {
 
  content: "\e232";
 
}
 
.glyphicon-education:before {
 
  content: "\e233";
 
}
 
.glyphicon-option-horizontal:before {
 
  content: "\e234";
 
}
 
.glyphicon-option-vertical:before {
 
  content: "\e235";
 
}
 
.glyphicon-menu-hamburger:before {
 
  content: "\e236";
 
}
 
.glyphicon-modal-window:before {
 
  content: "\e237";
 
}
 
.glyphicon-oil:before {
 
  content: "\e238";
 
}
 
.glyphicon-grain:before {
 
  content: "\e239";
 
}
 
.glyphicon-sunglasses:before {
 
  content: "\e240";
 
}
 
.glyphicon-text-size:before {
 
  content: "\e241";
 
}
 
.glyphicon-text-color:before {
 
  content: "\e242";
 
}
 
.glyphicon-text-background:before {
 
  content: "\e243";
 
}
 
.glyphicon-object-align-top:before {
 
  content: "\e244";
 
}
 
.glyphicon-object-align-bottom:before {
 
  content: "\e245";
 
}
 
.glyphicon-object-align-horizontal:before {
 
  content: "\e246";
 
}
 
.glyphicon-object-align-left:before {
 
  content: "\e247";
 
}
 
.glyphicon-object-align-vertical:before {
 
  content: "\e248";
 
}
 
.glyphicon-object-align-right:before {
 
  content: "\e249";
 
}
 
.glyphicon-triangle-right:before {
 
  content: "\e250";
 
}
 
.glyphicon-triangle-left:before {
 
  content: "\e251";
 
}
 
.glyphicon-triangle-bottom:before {
 
  content: "\e252";
 
}
 
.glyphicon-triangle-top:before {
 
  content: "\e253";
 
}
 
.glyphicon-console:before {
 
  content: "\e254";
 
}
 
.glyphicon-superscript:before {
 
  content: "\e255";
 
}
 
.glyphicon-subscript:before {
 
  content: "\e256";
 
}
 
.glyphicon-menu-left:before {
 
  content: "\e257";
 
}
 
.glyphicon-menu-right:before {
 
  content: "\e258";
 
}
 
.glyphicon-menu-down:before {
 
  content: "\e259";
 
}
 
.glyphicon-menu-up:before {
 
  content: "\e260";
 
}
 
* {
 
  -webkit-box-sizing: border-box;
 
    -moz-box-sizing: border-box;
 
          box-sizing: border-box;
 
}
 
*:before,
 
*:after {
 
  -webkit-box-sizing: border-box;
 
    -moz-box-sizing: border-box;
 
          box-sizing: border-box;
 
}
 
html {
 
  font-size: 10px;
 
  
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 
}
 
body {
 
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 
  line-height: 1.42857143;
 
  color: #333;
 
  background-color: #fff;
 
}
 
input,
 
button,
 
select,
 
textarea {
 
  font-family: inherit;
 
  font-size: inherit;
 
  line-height: inherit;
 
}
 
a {
 
  color: #337ab7;
 
  text-decoration: none;
 
}
 
a:hover,
 
a:focus {
 
  color: #23527c;
 
  text-decoration: underline;
 
}
 
a:focus {
 
  outline: thin dotted;
 
  outline: 5px auto -webkit-focus-ring-color;
 
  outline-offset: -2px;
 
}
 
figure {
 
  margin: 0;
 
}
 
img {
 
  vertical-align: middle;
 
}
 
.img-responsive,
 
.thumbnail > img,
 
.thumbnail a > img,
 
.carousel-inner > .item > img,
 
.carousel-inner > .item > a > img {
 
  display: block;
 
  max-width: 100%;
 
  height: auto;
 
}
 
.img-rounded {
 
  border-radius: 6px;
 
}
 
.img-thumbnail {
 
  display: inline-block;
 
  max-width: 100%;
 
  height: auto;
 
  padding: 4px;
 
  line-height: 1.42857143;
 
  background-color: #fff;
 
  border: 1px solid #ddd;
 
  border-radius: 4px;
 
  -webkit-transition: all .2s ease-in-out;
 
      -o-transition: all .2s ease-in-out;
 
          transition: all .2s ease-in-out;
 
}
 
.img-circle {
 
  border-radius: 50%;
 
}
 
hr {
 
  margin-top: 20px;
 
  margin-bottom: 20px;
 
  border: 0;
 
  border-top: 1px solid #eee;
 
}
 
.sr-only {
 
  position: absolute;
 
  width: 1px;
 
  height: 1px;
 
  padding: 0;
 
  margin: -1px;
 
 
   overflow: hidden;
 
   overflow: hidden;
  clip: rect(0, 0, 0, 0);
+
   position: relative;
  border: 0;
+
}
+
.sr-only-focusable:active,
+
.sr-only-focusable:focus {
+
   position: static;
+
  width: auto;
+
  height: auto;
+
  margin: 0;
+
  overflow: visible;
+
  clip: auto;
+
}
+
[role="button"] {
+
 
   cursor: pointer;
 
   cursor: pointer;
}
+
   -webkit-transform: translateX(0);
h1,
+
          transform: translateX(0);
h2,
+
h3,
+
h4,
+
h5,
+
h6,
+
.h1,
+
.h2,
+
.h3,
+
.h4,
+
.h5,
+
.h6 {
+
   font-family: inherit;
+
  font-weight: 800;
+
  line-height: 1.1;
+
  color: inherit;
+
}
+
h1 small,
+
h2 small,
+
h3 small,
+
h4 small,
+
h5 small,
+
h6 small,
+
.h1 small,
+
.h2 small,
+
.h3 small,
+
.h4 small,
+
.h5 small,
+
.h6 small,
+
h1 .small,
+
h2 .small,
+
h3 .small,
+
h4 .small,
+
h5 .small,
+
h6 .small,
+
.h1 .small,
+
.h2 .small,
+
.h3 .small,
+
.h4 .small,
+
.h5 .small,
+
.h6 .small {
+
  font-weight: normal;
+
  line-height: 1;
+
  color: #777;
+
}
+
h1,
+
.h1,
+
h2,
+
.h2,
+
h3,
+
.h3 {
+
  margin-top: 20px;
+
  margin-bottom: 10px;
+
}
+
h1 small,
+
.h1 small,
+
h2 small,
+
.h2 small,
+
h3 small,
+
.h3 small,
+
h1 .small,
+
.h1 .small,
+
h2 .small,
+
.h2 .small,
+
h3 .small,
+
.h3 .small {
+
  font-size: 65%;
+
}
+
h4,
+
.h4,
+
h5,
+
.h5,
+
h6,
+
.h6 {
+
  margin-top: 10px;
+
  margin-bottom: 10px;
+
}
+
h4 small,
+
.h4 small,
+
h5 small,
+
.h5 small,
+
h6 small,
+
.h6 small,
+
h4 .small,
+
.h4 .small,
+
h5 .small,
+
.h5 .small,
+
h6 .small,
+
.h6 .small {
+
  font-size: 75%;
+
}
+
h1,
+
.h1 {
+
  font-size: 36px;
+
}
+
h2,
+
.h2 {
+
  font-size: 30px;
+
}
+
h3,
+
.h3 {
+
  font-size: 24px;
+
}
+
h4,
+
.h4 {
+
  font-size: 18px;
+
}
+
h5,
+
.h5 {
+
  font-size: 14px;
+
}
+
h6,
+
.h6 {
+
  font-size: 12px;
+
}
+
p {
+
  margin: 0 0 10px;
+
}
+
.lead {
+
  margin-bottom: 20px;
+
  font-size: 16px;
+
  font-weight: 300;
+
  line-height: 1.4;
+
}
+
@media (min-width: 768px) {
+
  .lead {
+
    font-size: 21px;
+
  }
+
}
+
small,
+
.small {
+
  font-size: 85%;
+
}
+
mark,
+
.mark {
+
  padding: .2em;
+
  background-color: #fcf8e3;
+
}
+
.text-left {
+
  text-align: left;
+
}
+
.text-right {
+
  text-align: right;
+
}
+
.text-center {
+
  text-align: center;
+
}
+
.text-justify {
+
  text-align: justify;
+
}
+
.text-nowrap {
+
  white-space: nowrap;
+
}
+
.text-lowercase {
+
  text-transform: lowercase;
+
}
+
.text-uppercase {
+
  text-transform: uppercase;
+
}
+
.text-capitalize {
+
  text-transform: capitalize;
+
}
+
.text-muted {
+
  color: #777;
+
}
+
.text-primary {
+
  /*important for mint color change when you hover BY CHARLES WEI*/
+
  color: #76BF8D;
+
}
+
a.text-primary:hover {
+
  color:#76bf8d;
+
}
+
.text-success {
+
  color: #3c763d;
+
}
+
a.text-success:hover {
+
  color: #2b542c;
+
}
+
.text-info {
+
  color: #31708f;
+
}
+
a.text-info:hover {
+
  color: #245269;
+
}
+
.text-warning {
+
  color: #8a6d3b;
+
}
+
a.text-warning:hover {
+
  color: #66512c;
+
}
+
.text-danger {
+
  color: #a94442;
+
}
+
a.text-danger:hover {
+
  color: #843534;
+
}
+
.bg-primary {
+
  color: #fff;
+
  background-color: #337ab7;
+
}
+
a.bg-primary:hover {
+
  background-color:#76bf8d;
+
 
+
}
+
.bg-success {
+
  background-color: #dff0d8;
+
}
+
a.bg-success:hover {
+
  background-color: #c1e2b3;
+
}
+
.bg-info {
+
  background-color: #d9edf7;
+
}
+
a.bg-info:hover {
+
  background-color: #afd9ee;
+
}
+
.bg-warning {
+
  background-color: #fcf8e3;
+
}
+
a.bg-warning:hover {
+
  background-color: #f7ecb5;
+
}
+
.bg-danger {
+
  background-color: #f2dede;
+
}
+
a.bg-danger:hover {
+
  background-color: #e4b9b9;
+
}
+
.page-header {
+
  padding-bottom: 9px;
+
  margin: 40px 0 20px;
+
  border-bottom: 1px solid #eee;
+
}
+
ul,
+
ol {
+
  margin-top: 0;
+
  margin-bottom: 10px;
+
}
+
ul ul,
+
ol ul,
+
ul ol,
+
ol ol {
+
  margin-bottom: 0;
+
}
+
.list-unstyled {
+
  padding-left: 0;
+
  list-style: none;
+
}
+
.list-inline {
+
  padding-left: 0;
+
  margin-left: -5px;
+
  list-style: none;
+
}
+
.list-inline > li {
+
 
   display: inline-block;
 
   display: inline-block;
  padding-right: 5px;
 
  padding-left: 5px;
 
 
}
 
}
dl {
+
.block-panel:hover p {
   margin-top: 0;
+
   -webkit-transform: translateY(0);
   margin-bottom: 20px;
+
          transform: translateY(0);
 +
   opacity: 1;
 
}
 
}
dt,
+
.block-panel:hover h1 {
dd {
+
   bottom: calc(100% - 4em);
  line-height: 1.42857143;
+
}
+
dt {
+
  font-weight: bold;
+
}
+
dd {
+
  margin-left: 0;
+
}
+
@media (min-width: 768px) {
+
  .dl-horizontal dt {
+
    float: left;
+
    width: 160px;
+
    overflow: hidden;
+
    clear: left;
+
    text-align: right;
+
    text-overflow: ellipsis;
+
    white-space: nowrap;
+
  }
+
  .dl-horizontal dd {
+
    margin-left: 180px;
+
  }
+
}
+
abbr[title],
+
abbr[data-original-title] {
+
  cursor: help;
+
  border-bottom: 1px dotted #777;
+
}
+
.initialism {
+
  font-size: 90%;
+
  text-transform: uppercase;
+
}
+
blockquote {
+
  padding: 10px 20px;
+
  margin: 0 0 20px;
+
  font-size: 17.5px;
+
  border-left: 5px solid #eee;
+
}
+
blockquote p:last-child,
+
blockquote ul:last-child,
+
blockquote ol:last-child {
+
  margin-bottom: 0;
+
}
+
blockquote footer,
+
blockquote small,
+
blockquote .small {
+
  display: block;
+
  font-size: 80%;
+
  line-height: 1.42857143;
+
  color: #777;
+
}
+
blockquote footer:before,
+
blockquote small:before,
+
blockquote .small:before {
+
   content: '\2014 \00A0';
+
}
+
.blockquote-reverse,
+
blockquote.pull-right {
+
  padding-right: 15px;
+
  padding-left: 0;
+
  text-align: right;
+
  border-right: 5px solid #eee;
+
  border-left: 0;
+
}
+
.blockquote-reverse footer:before,
+
blockquote.pull-right footer:before,
+
.blockquote-reverse small:before,
+
blockquote.pull-right small:before,
+
.blockquote-reverse .small:before,
+
blockquote.pull-right .small:before {
+
  content: '';
+
}
+
.blockquote-reverse footer:after,
+
blockquote.pull-right footer:after,
+
.blockquote-reverse small:after,
+
blockquote.pull-right small:after,
+
.blockquote-reverse .small:after,
+
blockquote.pull-right .small:after {
+
  content: '\00A0 \2014';
+
}
+
address {
+
  margin-bottom: 20px;
+
  font-style: normal;
+
  line-height: 1.42857143;
+
}
+
code,
+
kbd,
+
pre,
+
samp {
+
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
+
}
+
code {
+
  padding: 2px 4px;
+
  font-size: 90%;
+
  color: #c7254e;
+
  background-color: #f9f2f4;
+
  border-radius: 4px;
+
}
+
kbd {
+
  padding: 2px 4px;
+
  font-size: 90%;
+
  color: #fff;
+
  background-color: #333;
+
  border-radius: 3px;
+
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
+
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
+
}
+
kbd kbd {
+
  padding: 0;
+
  font-size: 100%;
+
  font-weight: bold;
+
  -webkit-box-shadow: none;
+
          box-shadow: none;
+
}
+
pre {
+
  display: block;
+
  padding: 9.5px;
+
  margin: 0 0 10px;
+
  font-size: 13px;
+
  line-height: 1.42857143;
+
  color: #333;
+
  word-break: break-all;
+
  word-wrap: break-word;
+
  background-color: #f5f5f5;
+
  border: 1px solid #ccc;
+
  border-radius: 4px;
+
}
+
pre code {
+
  padding: 0;
+
  font-size: inherit;
+
  color: inherit;
+
  white-space: pre-wrap;
+
  background-color: transparent;
+
  border-radius: 0;
+
}
+
.pre-scrollable {
+
  max-height: 340px;
+
  overflow-y: scroll;
+
 
}
 
}
  
@media (min-width: 768px) {
+
h1 {
   .rolldown {
+
   padding-left: 2rem;
    width: 600px;
+
   font-size: 2em;
  }
+
   font-weight: 800;
}
+
   padding-bottom: 2em;
@media (min-width: 992px) {
+
   color: white;
  .rolldown {
+
    width: 740px;
+
  }
+
}
+
@media (min-width: 1200px) {
+
  .rolldown {
+
    width: 950px;
+
  }
+
}
+
<!-- .container-fluid { -->
+
  <!-- padding-right: 15px; -->
+
  <!-- padding-left: 15px; -->
+
   <!-- margin-right: auto; -->
+
   <!-- margin-left: auto; -->
+
<!-- } -->
+
.row {
+
  margin-right: -15px;
+
  margin-left: -15px;
+
}
+
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
+
  position: relative;
+
  min-height: 1px;
+
   padding-right: 15px;
+
   padding-left: 15px;
+
}
+
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
+
  float: left;
+
}
+
.col-xs-12 {
+
  width: 100%;
+
}
+
.col-xs-11 {
+
  width: 91.66666667%;
+
}
+
.col-xs-10 {
+
  width: 83.33333333%;
+
}
+
.col-xs-9 {
+
  width: 75%;
+
}
+
.col-xs-8 {
+
  width: 66.66666667%;
+
}
+
.col-xs-7 {
+
  width: 58.33333333%;
+
}
+
.col-xs-6 {
+
 
   width: 50%;
 
   width: 50%;
}
 
.col-xs-5 {
 
  width: 41.66666667%;
 
}
 
.col-xs-4 {
 
  width: 33.33333333%;
 
}
 
.col-xs-3 {
 
  width: 25%;
 
}
 
.col-xs-2 {
 
  width: 16.66666667%;
 
}
 
.col-xs-1 {
 
  width: 8.33333333%;
 
}
 
.col-xs-pull-12 {
 
  right: 100%;
 
}
 
.col-xs-pull-11 {
 
  right: 91.66666667%;
 
}
 
.col-xs-pull-10 {
 
  right: 83.33333333%;
 
}
 
.col-xs-pull-9 {
 
  right: 75%;
 
}
 
.col-xs-pull-8 {
 
  right: 66.66666667%;
 
}
 
.col-xs-pull-7 {
 
  right: 58.33333333%;
 
}
 
.col-xs-pull-6 {
 
  right: 50%;
 
}
 
.col-xs-pull-5 {
 
  right: 41.66666667%;
 
}
 
.col-xs-pull-4 {
 
  right: 33.33333333%;
 
}
 
.col-xs-pull-3 {
 
  right: 25%;
 
}
 
.col-xs-pull-2 {
 
  right: 16.66666667%;
 
}
 
.col-xs-pull-1 {
 
  right: 8.33333333%;
 
}
 
.col-xs-pull-0 {
 
  right: auto;
 
}
 
.col-xs-push-12 {
 
  left: 100%;
 
}
 
.col-xs-push-11 {
 
  left: 91.66666667%;
 
}
 
.col-xs-push-10 {
 
  left: 83.33333333%;
 
}
 
.col-xs-push-9 {
 
  left: 75%;
 
}
 
.col-xs-push-8 {
 
  left: 66.66666667%;
 
}
 
.col-xs-push-7 {
 
  left: 58.33333333%;
 
}
 
.col-xs-push-6 {
 
  left: 50%;
 
}
 
.col-xs-push-5 {
 
  left: 41.66666667%;
 
}
 
.col-xs-push-4 {
 
  left: 33.33333333%;
 
}
 
.col-xs-push-3 {
 
  left: 25%;
 
}
 
.col-xs-push-2 {
 
  left: 16.66666667%;
 
}
 
.col-xs-push-1 {
 
  left: 8.33333333%;
 
}
 
.col-xs-push-0 {
 
  left: auto;
 
}
 
.col-xs-offset-12 {
 
  margin-left: 100%;
 
}
 
.col-xs-offset-11 {
 
  margin-left: 91.66666667%;
 
}
 
.col-xs-offset-10 {
 
  margin-left: 83.33333333%;
 
}
 
.col-xs-offset-9 {
 
  margin-left: 75%;
 
}
 
.col-xs-offset-8 {
 
  margin-left: 66.66666667%;
 
}
 
.col-xs-offset-7 {
 
  margin-left: 58.33333333%;
 
}
 
.col-xs-offset-6 {
 
  margin-left: 50%;
 
}
 
.col-xs-offset-5 {
 
  margin-left: 41.66666667%;
 
}
 
.col-xs-offset-4 {
 
  margin-left: 33.33333333%;
 
}
 
.col-xs-offset-3 {
 
  margin-left: 25%;
 
}
 
.col-xs-offset-2 {
 
  margin-left: 16.66666667%;
 
}
 
.col-xs-offset-1 {
 
  margin-left: 8.33333333%;
 
}
 
.col-xs-offset-0 {
 
  margin-left: 0;
 
}
 
@media (min-width: 768px) {
 
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
 
    float: left;
 
  }
 
  .col-sm-12 {
 
    width: 100%;
 
  }
 
  .col-sm-11 {
 
    width: 91.66666667%;
 
  }
 
  .col-sm-10 {
 
    width: 83.33333333%;
 
  }
 
  .col-sm-9 {
 
    width: 75%;
 
  }
 
  .col-sm-8 {
 
    width: 66.66666667%;
 
  }
 
  .col-sm-7 {
 
    width: 58.33333333%;
 
  }
 
  .col-sm-6 {
 
    width: 50%;
 
  }
 
  .col-sm-5 {
 
    width: 41.66666667%;
 
  }
 
  .col-sm-4 {
 
    width: 33.33333333%;
 
  }
 
  .col-sm-3 {
 
    width: 25%;
 
  }
 
  .col-sm-2 {
 
    width: 16.66666667%;
 
  }
 
  .col-sm-1 {
 
    width: 8.33333333%;
 
  }
 
  .col-sm-pull-12 {
 
    right: 100%;
 
  }
 
  .col-sm-pull-11 {
 
    right: 91.66666667%;
 
  }
 
  .col-sm-pull-10 {
 
    right: 83.33333333%;
 
  }
 
  .col-sm-pull-9 {
 
    right: 75%;
 
  }
 
  .col-sm-pull-8 {
 
    right: 66.66666667%;
 
  }
 
  .col-sm-pull-7 {
 
    right: 58.33333333%;
 
  }
 
  .col-sm-pull-6 {
 
    right: 50%;
 
  }
 
  .col-sm-pull-5 {
 
    right: 41.66666667%;
 
  }
 
  .col-sm-pull-4 {
 
    right: 33.33333333%;
 
  }
 
  .col-sm-pull-3 {
 
    right: 25%;
 
  }
 
  .col-sm-pull-2 {
 
    right: 16.66666667%;
 
  }
 
  .col-sm-pull-1 {
 
    right: 8.33333333%;
 
  }
 
  .col-sm-pull-0 {
 
    right: auto;
 
  }
 
  .col-sm-push-12 {
 
    left: 100%;
 
  }
 
  .col-sm-push-11 {
 
    left: 91.66666667%;
 
  }
 
  .col-sm-push-10 {
 
    left: 83.33333333%;
 
  }
 
  .col-sm-push-9 {
 
    left: 75%;
 
  }
 
  .col-sm-push-8 {
 
    left: 66.66666667%;
 
  }
 
  .col-sm-push-7 {
 
    left: 58.33333333%;
 
  }
 
  .col-sm-push-6 {
 
    left: 50%;
 
  }
 
  .col-sm-push-5 {
 
    left: 41.66666667%;
 
  }
 
  .col-sm-push-4 {
 
    left: 33.33333333%;
 
  }
 
  .col-sm-push-3 {
 
    left: 25%;
 
  }
 
  .col-sm-push-2 {
 
    left: 16.66666667%;
 
  }
 
  .col-sm-push-1 {
 
    left: 8.33333333%;
 
  }
 
  .col-sm-push-0 {
 
    left: auto;
 
  }
 
  .col-sm-offset-12 {
 
    margin-left: 100%;
 
  }
 
  .col-sm-offset-11 {
 
    margin-left: 91.66666667%;
 
  }
 
  .col-sm-offset-10 {
 
    margin-left: 83.33333333%;
 
  }
 
  .col-sm-offset-9 {
 
    margin-left: 75%;
 
  }
 
  .col-sm-offset-8 {
 
    margin-left: 66.66666667%;
 
  }
 
  .col-sm-offset-7 {
 
    margin-left: 58.33333333%;
 
  }
 
  .col-sm-offset-6 {
 
    margin-left: 50%;
 
  }
 
  .col-sm-offset-5 {
 
    margin-left: 41.66666667%;
 
  }
 
  .col-sm-offset-4 {
 
    margin-left: 33.33333333%;
 
  }
 
  .col-sm-offset-3 {
 
    margin-left: 25%;
 
  }
 
  .col-sm-offset-2 {
 
    margin-left: 16.66666667%;
 
  }
 
  .col-sm-offset-1 {
 
    margin-left: 8.33333333%;
 
  }
 
  .col-sm-offset-0 {
 
    margin-left: 0;
 
  }
 
}
 
@media (min-width: 992px) {
 
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
 
    float: left;
 
  }
 
  .col-md-12 {
 
    width: 100%;
 
  }
 
  .col-md-11 {
 
    width: 91.66666667%;
 
  }
 
  .col-md-10 {
 
    width: 83.33333333%;
 
  }
 
  .col-md-9 {
 
    width: 75%;
 
  }
 
  .col-md-8 {
 
    width: 66.66666667%;
 
  }
 
  .col-md-7 {
 
    width: 58.33333333%;
 
  }
 
  .col-md-6 {
 
    width: 50%;
 
  }
 
  .col-md-5 {
 
    width: 41.66666667%;
 
  }
 
  .col-md-4 {
 
    width: 33.33333333%;
 
  }
 
  .col-md-3 {
 
    width: 25%;
 
  }
 
  .col-md-2 {
 
    width: 16.66666667%;
 
  }
 
  .col-md-1 {
 
    width: 8.33333333%;
 
  }
 
  .col-md-pull-12 {
 
    right: 100%;
 
  }
 
  .col-md-pull-11 {
 
    right: 91.66666667%;
 
  }
 
  .col-md-pull-10 {
 
    right: 83.33333333%;
 
  }
 
  .col-md-pull-9 {
 
    right: 75%;
 
  }
 
  .col-md-pull-8 {
 
    right: 66.66666667%;
 
  }
 
  .col-md-pull-7 {
 
    right: 58.33333333%;
 
  }
 
  .col-md-pull-6 {
 
    right: 50%;
 
  }
 
  .col-md-pull-5 {
 
    right: 41.66666667%;
 
  }
 
  .col-md-pull-4 {
 
    right: 33.33333333%;
 
  }
 
  .col-md-pull-3 {
 
    right: 25%;
 
  }
 
  .col-md-pull-2 {
 
    right: 16.66666667%;
 
  }
 
  .col-md-pull-1 {
 
    right: 8.33333333%;
 
  }
 
  .col-md-pull-0 {
 
    right: auto;
 
  }
 
  .col-md-push-12 {
 
    left: 100%;
 
  }
 
  .col-md-push-11 {
 
    left: 91.66666667%;
 
  }
 
  .col-md-push-10 {
 
    left: 83.33333333%;
 
  }
 
  .col-md-push-9 {
 
    left: 75%;
 
  }
 
  .col-md-push-8 {
 
    left: 66.66666667%;
 
  }
 
  .col-md-push-7 {
 
    left: 58.33333333%;
 
  }
 
  .col-md-push-6 {
 
    left: 50%;
 
  }
 
  .col-md-push-5 {
 
    left: 41.66666667%;
 
  }
 
  .col-md-push-4 {
 
    left: 33.33333333%;
 
  }
 
  .col-md-push-3 {
 
    left: 25%;
 
  }
 
  .col-md-push-2 {
 
    left: 16.66666667%;
 
  }
 
  .col-md-push-1 {
 
    left: 8.33333333%;
 
  }
 
  .col-md-push-0 {
 
    left: auto;
 
  }
 
  .col-md-offset-12 {
 
    margin-left: 100%;
 
  }
 
  .col-md-offset-11 {
 
    margin-left: 91.66666667%;
 
  }
 
  .col-md-offset-10 {
 
    margin-left: 83.33333333%;
 
  }
 
  .col-md-offset-9 {
 
    margin-left: 75%;
 
  }
 
  .col-md-offset-8 {
 
    margin-left: 66.66666667%;
 
  }
 
  .col-md-offset-7 {
 
    margin-left: 58.33333333%;
 
  }
 
  .col-md-offset-6 {
 
    margin-left: 50%;
 
  }
 
  .col-md-offset-5 {
 
    margin-left: 41.66666667%;
 
  }
 
  .col-md-offset-4 {
 
    margin-left: 33.33333333%;
 
  }
 
  .col-md-offset-3 {
 
    margin-left: 25%;
 
  }
 
  .col-md-offset-2 {
 
    margin-left: 16.66666667%;
 
  }
 
  .col-md-offset-1 {
 
    margin-left: 8.33333333%;
 
  }
 
  .col-md-offset-0 {
 
    margin-left: 0;
 
  }
 
}
 
@media (min-width: 1200px) {
 
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
 
    float: left;
 
  }
 
  .col-lg-12 {
 
    width: 100%;
 
  }
 
  .col-lg-11 {
 
    width: 91.66666667%;
 
  }
 
  .col-lg-10 {
 
    width: 83.33333333%;
 
  }
 
  .col-lg-9 {
 
    width: 75%;
 
  }
 
  .col-lg-8 {
 
    width: 66.66666667%;
 
  }
 
  .col-lg-7 {
 
    width: 58.33333333%;
 
  }
 
  .col-lg-6 {
 
    width: 50%;
 
  }
 
  .col-lg-5 {
 
    width: 41.66666667%;
 
  }
 
  .col-lg-4 {
 
    width: 33.33333333%;
 
  }
 
  .col-lg-3 {
 
    width: 25%;
 
  }
 
  .col-lg-2 {
 
    width: 16.66666667%;
 
  }
 
  .col-lg-1 {
 
    width: 8.33333333%;
 
  }
 
  .col-lg-pull-12 {
 
    right: 100%;
 
  }
 
  .col-lg-pull-11 {
 
    right: 91.66666667%;
 
  }
 
  .col-lg-pull-10 {
 
    right: 83.33333333%;
 
  }
 
  .col-lg-pull-9 {
 
    right: 75%;
 
  }
 
  .col-lg-pull-8 {
 
    right: 66.66666667%;
 
  }
 
  .col-lg-pull-7 {
 
    right: 58.33333333%;
 
  }
 
  .col-lg-pull-6 {
 
    right: 50%;
 
  }
 
  .col-lg-pull-5 {
 
    right: 41.66666667%;
 
  }
 
  .col-lg-pull-4 {
 
    right: 33.33333333%;
 
  }
 
  .col-lg-pull-3 {
 
    right: 25%;
 
  }
 
  .col-lg-pull-2 {
 
    right: 16.66666667%;
 
  }
 
  .col-lg-pull-1 {
 
    right: 8.33333333%;
 
  }
 
  .col-lg-pull-0 {
 
    right: auto;
 
  }
 
  .col-lg-push-12 {
 
    left: 100%;
 
  }
 
  .col-lg-push-11 {
 
    left: 91.66666667%;
 
  }
 
  .col-lg-push-10 {
 
    left: 83.33333333%;
 
  }
 
  .col-lg-push-9 {
 
    left: 75%;
 
  }
 
  .col-lg-push-8 {
 
    left: 66.66666667%;
 
  }
 
  .col-lg-push-7 {
 
    left: 58.33333333%;
 
  }
 
  .col-lg-push-6 {
 
    left: 50%;
 
  }
 
  .col-lg-push-5 {
 
    left: 41.66666667%;
 
  }
 
  .col-lg-push-4 {
 
    left: 33.33333333%;
 
  }
 
  .col-lg-push-3 {
 
    left: 25%;
 
  }
 
  .col-lg-push-2 {
 
    left: 16.66666667%;
 
  }
 
  .col-lg-push-1 {
 
    left: 8.33333333%;
 
  }
 
  .col-lg-push-0 {
 
    left: auto;
 
  }
 
  .col-lg-offset-12 {
 
    margin-left: 100%;
 
  }
 
  .col-lg-offset-11 {
 
    margin-left: 91.66666667%;
 
  }
 
  .col-lg-offset-10 {
 
    margin-left: 83.33333333%;
 
  }
 
  .col-lg-offset-9 {
 
    margin-left: 75%;
 
  }
 
  .col-lg-offset-8 {
 
    margin-left: 66.66666667%;
 
  }
 
  .col-lg-offset-7 {
 
    margin-left: 58.33333333%;
 
  }
 
  .col-lg-offset-6 {
 
    margin-left: 50%;
 
  }
 
  .col-lg-offset-5 {
 
    margin-left: 41.66666667%;
 
  }
 
  .col-lg-offset-4 {
 
    margin-left: 33.33333333%;
 
  }
 
  .col-lg-offset-3 {
 
    margin-left: 25%;
 
  }
 
  .col-lg-offset-2 {
 
    margin-left: 16.66666667%;
 
  }
 
  .col-lg-offset-1 {
 
    margin-left: 8.33333333%;
 
  }
 
  .col-lg-offset-0 {
 
    margin-left: 0;
 
  }
 
}
 
table {
 
  background-color: transparent;
 
}
 
caption {
 
  padding-top: 8px;
 
  padding-bottom: 8px;
 
  color: #777;
 
  text-align: left;
 
}
 
th {
 
  text-align: left;
 
}
 
.table {
 
  width: 100%;
 
  max-width: 100%;
 
  margin-bottom: 20px;
 
}
 
.table > thead > tr > th,
 
.table > tbody > tr > th,
 
.table > tfoot > tr > th,
 
.table > thead > tr > td,
 
.table > tbody > tr > td,
 
.table > tfoot > tr > td {
 
  padding: 8px;
 
  line-height: 1.42857143;
 
  vertical-align: top;
 
  border-top: 1px solid #ddd;
 
}
 
.table > thead > tr > th {
 
  vertical-align: bottom;
 
  border-bottom: 2px solid #ddd;
 
}
 
.table > caption + thead > tr:first-child > th,
 
.table > colgroup + thead > tr:first-child > th,
 
.table > thead:first-child > tr:first-child > th,
 
.table > caption + thead > tr:first-child > td,
 
.table > colgroup + thead > tr:first-child > td,
 
.table > thead:first-child > tr:first-child > td {
 
  border-top: 0;
 
}
 
.table > tbody + tbody {
 
  border-top: 2px solid #ddd;
 
}
 
.table .table {
 
  background-color: #fff;
 
}
 
.table-condensed > thead > tr > th,
 
.table-condensed > tbody > tr > th,
 
.table-condensed > tfoot > tr > th,
 
.table-condensed > thead > tr > td,
 
.table-condensed > tbody > tr > td,
 
.table-condensed > tfoot > tr > td {
 
  padding: 5px;
 
}
 
.table-bordered {
 
  border: 1px solid #ddd;
 
}
 
.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 #ddd;
 
}
 
.table-bordered > thead > tr > th,
 
.table-bordered > thead > tr > td {
 
  border-bottom-width: 2px;
 
}
 
.table-striped > tbody > tr:nth-of-type(odd) {
 
  background-color: #f9f9f9;
 
}
 
.table-hover > tbody > tr:hover {
 
  background-color: #f5f5f5;
 
}
 
table col[class*="col-"] {
 
  position: static;
 
  display: table-column;
 
  float: none;
 
}
 
table td[class*="col-"],
 
table th[class*="col-"] {
 
  position: static;
 
  display: table-cell;
 
  float: none;
 
}
 
.table > thead > tr > td.active,
 
.table > tbody > tr > td.active,
 
.table > tfoot > tr > td.active,
 
.table > thead > tr > th.active,
 
.table > tbody > tr > th.active,
 
.table > tfoot > tr > th.active,
 
.table > thead > tr.active > td,
 
.table > tbody > tr.active > td,
 
.table > tfoot > tr.active > td,
 
.table > thead > tr.active > th,
 
.table > tbody > tr.active > th,
 
.table > tfoot > tr.active > th {
 
  background-color: #f5f5f5;
 
}
 
.table-hover > tbody > tr > td.active:hover,
 
.table-hover > tbody > tr > th.active:hover,
 
.table-hover > tbody > tr.active:hover > td,
 
.table-hover > tbody > tr:hover > .active,
 
.table-hover > tbody > tr.active:hover > th {
 
  background-color: #e8e8e8;
 
}
 
.table > thead > tr > td.success,
 
.table > tbody > tr > td.success,
 
.table > tfoot > tr > td.success,
 
.table > thead > tr > th.success,
 
.table > tbody > tr > th.success,
 
.table > tfoot > tr > th.success,
 
.table > thead > tr.success > td,
 
.table > tbody > tr.success > td,
 
.table > tfoot > tr.success > td,
 
.table > thead > tr.success > th,
 
.table > tbody > tr.success > th,
 
.table > tfoot > tr.success > th {
 
  background-color: #dff0d8;
 
}
 
.table-hover > tbody > tr > td.success:hover,
 
.table-hover > tbody > tr > th.success:hover,
 
.table-hover > tbody > tr.success:hover > td,
 
.table-hover > tbody > tr:hover > .success,
 
.table-hover > tbody > tr.success:hover > th {
 
  background-color: #d0e9c6;
 
}
 
.table > thead > tr > td.info,
 
.table > tbody > tr > td.info,
 
.table > tfoot > tr > td.info,
 
.table > thead > tr > th.info,
 
.table > tbody > tr > th.info,
 
.table > tfoot > tr > th.info,
 
.table > thead > tr.info > td,
 
.table > tbody > tr.info > td,
 
.table > tfoot > tr.info > td,
 
.table > thead > tr.info > th,
 
.table > tbody > tr.info > th,
 
.table > tfoot > tr.info > th {
 
  background-color: #d9edf7;
 
}
 
.table-hover > tbody > tr > td.info:hover,
 
.table-hover > tbody > tr > th.info:hover,
 
.table-hover > tbody > tr.info:hover > td,
 
.table-hover > tbody > tr:hover > .info,
 
.table-hover > tbody > tr.info:hover > th {
 
  background-color: #c4e3f3;
 
}
 
.table > thead > tr > td.warning,
 
.table > tbody > tr > td.warning,
 
.table > tfoot > tr > td.warning,
 
.table > thead > tr > th.warning,
 
.table > tbody > tr > th.warning,
 
.table > tfoot > tr > th.warning,
 
.table > thead > tr.warning > td,
 
.table > tbody > tr.warning > td,
 
.table > tfoot > tr.warning > td,
 
.table > thead > tr.warning > th,
 
.table > tbody > tr.warning > th,
 
.table > tfoot > tr.warning > th {
 
  background-color: #fcf8e3;
 
}
 
.table-hover > tbody > tr > td.warning:hover,
 
.table-hover > tbody > tr > th.warning:hover,
 
.table-hover > tbody > tr.warning:hover > td,
 
.table-hover > tbody > tr:hover > .warning,
 
.table-hover > tbody > tr.warning:hover > th {
 
  background-color: #faf2cc;
 
}
 
.table > thead > tr > td.danger,
 
.table > tbody > tr > td.danger,
 
.table > tfoot > tr > td.danger,
 
.table > thead > tr > th.danger,
 
.table > tbody > tr > th.danger,
 
.table > tfoot > tr > th.danger,
 
.table > thead > tr.danger > td,
 
.table > tbody > tr.danger > td,
 
.table > tfoot > tr.danger > td,
 
.table > thead > tr.danger > th,
 
.table > tbody > tr.danger > th,
 
.table > tfoot > tr.danger > th {
 
  background-color: #f2dede;
 
}
 
.table-hover > tbody > tr > td.danger:hover,
 
.table-hover > tbody > tr > th.danger:hover,
 
.table-hover > tbody > tr.danger:hover > td,
 
.table-hover > tbody > tr:hover > .danger,
 
.table-hover > tbody > tr.danger:hover > th {
 
  background-color: #ebcccc;
 
}
 
.table-responsive {
 
  min-height: .01%;
 
  overflow-x: auto;
 
}
 
@media screen and (max-width: 767px) {
 
  .table-responsive {
 
    width: 100%;
 
    margin-bottom: 15px;
 
    overflow-y: hidden;
 
    -ms-overflow-style: -ms-autohiding-scrollbar;
 
    border: 1px solid #ddd;
 
  }
 
  .table-responsive > .table {
 
    margin-bottom: 0;
 
  }
 
  .table-responsive > .table > thead > tr > th,
 
  .table-responsive > .table > tbody > tr > th,
 
  .table-responsive > .table > tfoot > tr > th,
 
  .table-responsive > .table > thead > tr > td,
 
  .table-responsive > .table > tbody > tr > td,
 
  .table-responsive > .table > tfoot > tr > td {
 
    white-space: nowrap;
 
  }
 
  .table-responsive > .table-bordered {
 
    border: 0;
 
  }
 
  .table-responsive > .table-bordered > thead > tr > th:first-child,
 
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
 
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
 
  .table-responsive > .table-bordered > thead > tr > td:first-child,
 
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
 
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
 
    border-left: 0;
 
  }
 
  .table-responsive > .table-bordered > thead > tr > th:last-child,
 
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
 
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
 
  .table-responsive > .table-bordered > thead > tr > td:last-child,
 
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
 
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
 
    border-right: 0;
 
  }
 
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
 
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
 
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
 
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
 
    border-bottom: 0;
 
  }
 
}
 
fieldset {
 
  min-width: 0;
 
  padding: 0;
 
  margin: 0;
 
  border: 0;
 
}
 
legend {
 
  display: block;
 
  width: 100%;
 
  padding: 0;
 
  margin-bottom: 20px;
 
  font-size: 21px;
 
  line-height: inherit;
 
  color: #333;
 
  border: 0;
 
  border-bottom: 1px solid #e5e5e5;
 
}
 
label {
 
  display: inline-block;
 
  max-width: 100%;
 
  margin-bottom: 5px;
 
  font-weight: bold;
 
}
 
input[type="search"] {
 
  -webkit-box-sizing: border-box;
 
    -moz-box-sizing: border-box;
 
          box-sizing: border-box;
 
}
 
input[type="radio"],
 
input[type="checkbox"] {
 
  margin: 4px 0 0;
 
  margin-top: 1px \9;
 
  line-height: normal;
 
}
 
input[type="file"] {
 
  display: block;
 
}
 
input[type="range"] {
 
  display: block;
 
  width: 100%;
 
}
 
select[multiple],
 
select[size] {
 
  height: auto;
 
}
 
input[type="file"]:focus,
 
input[type="radio"]:focus,
 
input[type="checkbox"]:focus {
 
  outline: thin dotted;
 
  outline: 5px auto -webkit-focus-ring-color;
 
  outline-offset: -2px;
 
}
 
output {
 
  display: block;
 
  padding-top: 7px;
 
  font-size: 14px;
 
  line-height: 1.42857143;
 
  color: #555;
 
}
 
.form-control {
 
  display: block;
 
  width: 100%;
 
  height: 34px;
 
  padding: 6px 12px;
 
  font-size: 14px;
 
  line-height: 1.42857143;
 
  color: #555;
 
  background-color: #fff;
 
  background-image: none;
 
  border: 1px solid #ccc;
 
  border-radius: 4px;
 
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
 
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
 
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
 
      -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
 
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
 
}
 
.form-control:focus {
 
  border-color: #66afe9;
 
  outline: 0;
 
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
 
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
 
}
 
.form-control::-moz-placeholder {
 
  color: #999;
 
  opacity: 1;
 
}
 
.form-control:-ms-input-placeholder {
 
  color: #999;
 
}
 
.form-control::-webkit-input-placeholder {
 
  color: #999;
 
}
 
.form-control[disabled],
 
.form-control[readonly],
 
fieldset[disabled] .form-control {
 
  background-color: #eee;
 
  opacity: 1;
 
}
 
.form-control[disabled],
 
fieldset[disabled] .form-control {
 
  cursor: not-allowed;
 
}
 
textarea.form-control {
 
  height: auto;
 
}
 
input[type="search"] {
 
  -webkit-appearance: none;
 
}
 
@media screen and (-webkit-min-device-pixel-ratio: 0) {
 
  input[type="date"],
 
  input[type="time"],
 
  input[type="datetime-local"],
 
  input[type="month"] {
 
    line-height: 34px;
 
  }
 
  input[type="date"].input-sm,
 
  input[type="time"].input-sm,
 
  input[type="datetime-local"].input-sm,
 
  input[type="month"].input-sm,
 
  .input-group-sm input[type="date"],
 
  .input-group-sm input[type="time"],
 
  .input-group-sm input[type="datetime-local"],
 
  .input-group-sm input[type="month"] {
 
    line-height: 30px;
 
  }
 
  input[type="date"].input-lg,
 
  input[type="time"].input-lg,
 
  input[type="datetime-local"].input-lg,
 
  input[type="month"].input-lg,
 
  .input-group-lg input[type="date"],
 
  .input-group-lg input[type="time"],
 
  .input-group-lg input[type="datetime-local"],
 
  .input-group-lg input[type="month"] {
 
    line-height: 46px;
 
  }
 
}
 
.form-group {
 
  margin-bottom: 15px;
 
}
 
.radio,
 
.checkbox {
 
  position: relative;
 
  display: block;
 
  margin-top: 10px;
 
  margin-bottom: 10px;
 
}
 
.radio label,
 
.checkbox label {
 
  min-height: 20px;
 
  padding-left: 20px;
 
  margin-bottom: 0;
 
  font-weight: normal;
 
  cursor: pointer;
 
}
 
.radio input[type="radio"],
 
.radio-inline input[type="radio"],
 
.checkbox input[type="checkbox"],
 
.checkbox-inline input[type="checkbox"] {
 
 
   position: absolute;
 
   position: absolute;
   margin-top: 4px \9;
+
   text-transform: uppercase;
   margin-left: -20px;
+
   bottom: -2em;
 +
  transition: all .3s ease;
 +
  z-index: 3;
 +
  font-family:Times New Roman;
 
}
 
}
.radio + .radio,
+
 
.checkbox + .checkbox {
+
p {
   margin-top: -5px;
+
   padding: 8em 2em 2em 2em;
}
+
.radio-inline,
+
.checkbox-inline {
+
 
   position: relative;
 
   position: relative;
   display: inline-block;
+
   color: white;
  padding-left: 20px;
+
   z-index: 1;
  margin-bottom: 0;
+
   -webkit-transform: translateY(100%);
  font-weight: normal;
+
           transform: translateY(100%);
  vertical-align: middle;
+
  cursor: pointer;
+
}
+
.radio-inline + .radio-inline,
+
.checkbox-inline + .checkbox-inline {
+
  margin-top: 0;
+
  margin-left: 10px;
+
}
+
input[type="radio"][disabled],
+
input[type="checkbox"][disabled],
+
input[type="radio"].disabled,
+
input[type="checkbox"].disabled,
+
fieldset[disabled] input[type="radio"],
+
fieldset[disabled] input[type="checkbox"] {
+
  cursor: not-allowed;
+
}
+
.radio-inline.disabled,
+
.checkbox-inline.disabled,
+
fieldset[disabled] .radio-inline,
+
fieldset[disabled] .checkbox-inline {
+
  cursor: not-allowed;
+
}
+
.radio.disabled label,
+
.checkbox.disabled label,
+
fieldset[disabled] .radio label,
+
fieldset[disabled] .checkbox label {
+
  cursor: not-allowed;
+
}
+
.form-control-static {
+
  min-height: 34px;
+
  padding-top: 7px;
+
  padding-bottom: 7px;
+
  margin-bottom: 0;
+
}
+
.form-control-static.input-lg,
+
.form-control-static.input-sm {
+
  padding-right: 0;
+
  padding-left: 0;
+
}
+
.input-sm {
+
  height: 30px;
+
  padding: 5px 10px;
+
  font-size: 12px;
+
  line-height: 1.5;
+
  border-radius: 3px;
+
}
+
select.input-sm {
+
  height: 30px;
+
  line-height: 30px;
+
}
+
textarea.input-sm,
+
select[multiple].input-sm {
+
  height: auto;
+
}
+
.form-group-sm .form-control {
+
  height: 30px;
+
  padding: 5px 10px;
+
  font-size: 12px;
+
  line-height: 1.5;
+
  border-radius: 3px;
+
}
+
select.form-group-sm .form-control {
+
  height: 30px;
+
  line-height: 30px;
+
}
+
textarea.form-group-sm .form-control,
+
select[multiple].form-group-sm .form-control {
+
  height: auto;
+
}
+
.form-group-sm .form-control-static {
+
  height: 30px;
+
  min-height: 32px;
+
  padding: 5px 10px;
+
  font-size: 12px;
+
  line-height: 1.5;
+
}
+
.input-lg {
+
  height: 46px;
+
  padding: 10px 16px;
+
  font-size: 18px;
+
  line-height: 1.3333333;
+
  border-radius: 6px;
+
}
+
select.input-lg {
+
  height: 46px;
+
  line-height: 46px;
+
}
+
textarea.input-lg,
+
select[multiple].input-lg {
+
  height: auto;
+
}
+
.form-group-lg .form-control {
+
  height: 46px;
+
  padding: 10px 16px;
+
  font-size: 18px;
+
  line-height: 1.3333333;
+
  border-radius: 6px;
+
}
+
select.form-group-lg .form-control {
+
  height: 46px;
+
  line-height: 46px;
+
}
+
textarea.form-group-lg .form-control,
+
select[multiple].form-group-lg .form-control {
+
  height: auto;
+
}
+
.form-group-lg .form-control-static {
+
  height: 46px;
+
  min-height: 38px;
+
  padding: 10px 16px;
+
  font-size: 18px;
+
  line-height: 1.3333333;
+
}
+
.has-feedback {
+
  position: relative;
+
}
+
.has-feedback .form-control {
+
  padding-right: 42.5px;
+
}
+
.form-control-feedback {
+
  position: absolute;
+
  top: 0;
+
  right: 0;
+
   z-index: 2;
+
  display: block;
+
  width: 34px;
+
  height: 34px;
+
  line-height: 34px;
+
  text-align: center;
+
  pointer-events: none;
+
}
+
.input-lg + .form-control-feedback {
+
  width: 46px;
+
  height: 46px;
+
  line-height: 46px;
+
}
+
.input-sm + .form-control-feedback {
+
  width: 30px;
+
  height: 30px;
+
  line-height: 30px;
+
}
+
.has-success .help-block,
+
.has-success .control-label,
+
.has-success .radio,
+
.has-success .checkbox,
+
.has-success .radio-inline,
+
.has-success .checkbox-inline,
+
.has-success.radio label,
+
.has-success.checkbox label,
+
.has-success.radio-inline label,
+
.has-success.checkbox-inline label {
+
  color: #3c763d;
+
}
+
.has-success .form-control {
+
  border-color: #3c763d;
+
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
+
           box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
+
}
+
.has-success .form-control:focus {
+
  border-color: #2b542c;
+
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
+
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
+
}
+
.has-success .input-group-addon {
+
  color: #3c763d;
+
  background-color: #dff0d8;
+
  border-color: #3c763d;
+
}
+
.has-success .form-control-feedback {
+
  color: #3c763d;
+
}
+
.has-warning .help-block,
+
.has-warning .control-label,
+
.has-warning .radio,
+
.has-warning .checkbox,
+
.has-warning .radio-inline,
+
.has-warning .checkbox-inline,
+
.has-warning.radio label,
+
.has-warning.checkbox label,
+
.has-warning.radio-inline label,
+
.has-warning.checkbox-inline label {
+
  color: #8a6d3b;
+
}
+
.has-warning .form-control {
+
  border-color: #8a6d3b;
+
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
+
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
+
}
+
.has-warning .form-control:focus {
+
  border-color: #66512c;
+
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
+
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
+
}
+
.has-warning .input-group-addon {
+
  color: #8a6d3b;
+
  background-color: #fcf8e3;
+
  border-color: #8a6d3b;
+
}
+
.has-warning .form-control-feedback {
+
  color: #8a6d3b;
+
}
+
.has-error .help-block,
+
.has-error .control-label,
+
.has-error .radio,
+
.has-error .checkbox,
+
.has-error .radio-inline,
+
.has-error .checkbox-inline,
+
.has-error.radio label,
+
.has-error.checkbox label,
+
.has-error.radio-inline label,
+
.has-error.checkbox-inline label {
+
  color: #a94442;
+
}
+
.has-error .form-control {
+
  border-color: #a94442;
+
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
+
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
+
}
+
.has-error .form-control:focus {
+
  border-color: #843534;
+
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
+
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
+
}
+
.has-error .input-group-addon {
+
  color: #a94442;
+
  background-color: #f2dede;
+
  border-color: #a94442;
+
}
+
.has-error .form-control-feedback {
+
  color: #a94442;
+
}
+
.has-feedback label ~ .form-control-feedback {
+
  top: 25px;
+
}
+
.has-feedback label.sr-only ~ .form-control-feedback {
+
  top: 0;
+
}
+
.help-block {
+
  display: block;
+
  margin-top: 5px;
+
  margin-bottom: 10px;
+
  color: #737373;
+
}
+
@media (min-width: 768px) {
+
  .form-inline .form-group {
+
    display: inline-block;
+
    margin-bottom: 0;
+
    vertical-align: middle;
+
  }
+
  .form-inline .form-control {
+
    display: inline-block;
+
    width: auto;
+
    vertical-align: middle;
+
  }
+
  .form-inline .form-control-static {
+
    display: inline-block;
+
  }
+
  .form-inline .input-group {
+
    display: inline-table;
+
    vertical-align: middle;
+
  }
+
  .form-inline .input-group .input-group-addon,
+
  .form-inline .input-group .input-group-btn,
+
  .form-inline .input-group .form-control {
+
    width: auto;
+
  }
+
  .form-inline .input-group > .form-control {
+
    width: 100%;
+
  }
+
  .form-inline .control-label {
+
    margin-bottom: 0;
+
    vertical-align: middle;
+
  }
+
  .form-inline .radio,
+
  .form-inline .checkbox {
+
    display: inline-block;
+
    margin-top: 0;
+
    margin-bottom: 0;
+
    vertical-align: middle;
+
  }
+
  .form-inline .radio label,
+
  .form-inline .checkbox label {
+
    padding-left: 0;
+
  }
+
  .form-inline .radio input[type="radio"],
+
  .form-inline .checkbox input[type="checkbox"] {
+
    position: relative;
+
    margin-left: 0;
+
  }
+
  .form-inline .has-feedback .form-control-feedback {
+
    top: 0;
+
  }
+
}
+
.form-horizontal .radio,
+
.form-horizontal .checkbox,
+
.form-horizontal .radio-inline,
+
.form-horizontal .checkbox-inline {
+
  padding-top: 7px;
+
  margin-top: 0;
+
  margin-bottom: 0;
+
}
+
.form-horizontal .radio,
+
.form-horizontal .checkbox {
+
  min-height: 27px;
+
}
+
.form-horizontal .form-group {
+
  margin-right: -15px;
+
  margin-left: -15px;
+
}
+
@media (min-width: 768px) {
+
  .form-horizontal .control-label {
+
    padding-top: 7px;
+
    margin-bottom: 0;
+
    text-align: right;
+
  }
+
}
+
.form-horizontal .has-feedback .form-control-feedback {
+
  right: 15px;
+
}
+
@media (min-width: 768px) {
+
  .form-horizontal .form-group-lg .control-label {
+
    padding-top: 14.333333px;
+
  }
+
}
+
@media (min-width: 768px) {
+
  .form-horizontal .form-group-sm .control-label {
+
    padding-top: 6px;
+
  }
+
}
+
.btn {
+
  display: inline;
+
 
   margin: 0;
 
   margin: 0;
   font-size: inherit;
+
   opacity: .5;
   text-align: center;
+
   transition: all .35s ease;
  white-space: none;
+
  -ms-touch-action: manipulation;
+
      touch-action: manipulation;
+
  cursor: pointer;
+
  -webkit-user-select: none;
+
    -moz-user-select: none;
+
      -ms-user-select: none;
+
          user-select: none;
+
  background-image: none;
+
    border-color:none;
+
 
}
 
}
.btn:focus,
+
p::after {
.btn:active:focus,
+
   background: #94ceca;
.btn.active:focus,
+
.btn.focus,
+
.btn:active.focus,
+
.btn.active.focus {
+
  outline: none;
+
}
+
.btn:hover,
+
.btn:focus,
+
.btn.focus {
+
  color: #333;
+
  text-decoration: none;
+
    border-color:none;
+
}
+
.btn:active,
+
.btn.active {
+
   background-image: none;
+
  outline: 0;
+
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
+
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
+
 
+
}
+
.btn.disabled,
+
.btn[disabled],
+
fieldset[disabled] .btn {
+
  pointer-events: none;
+
  cursor: not-allowed;
+
  filter: alpha(opacity=65);
+
  -webkit-box-shadow: none;
+
          box-shadow: none;
+
  opacity: .65;
+
}
+
.btn-default {
+
  color: black;
+
  background-color: none;
+
  border-color: none;
+
 
+
}
+
.btn-default:hover,
+
.btn-default:focus,
+
.btn-default.focus,
+
.btn-default:active,
+
.btn-default.active,
+
.open > .dropdown-toggle.btn-default {
+
  color: #333;
+
  <!-- background-color: #e6e6e6; -->
+
  <!-- border-color: #adadad; -->
+
}
+
.btn-default:active,
+
.btn-default.active,
+
.open > .dropdown-toggle.btn-default {
+
  background-image: none;
+
}
+
.btn-default.disabled,
+
.btn-default[disabled],
+
fieldset[disabled] .btn-default,
+
.btn-default.disabled:hover,
+
.btn-default[disabled]:hover,
+
fieldset[disabled] .btn-default:hover,
+
.btn-default.disabled:focus,
+
.btn-default[disabled]:focus,
+
fieldset[disabled] .btn-default:focus,
+
.btn-default.disabled.focus,
+
.btn-default[disabled].focus,
+
fieldset[disabled] .btn-default.focus,
+
.btn-default.disabled:active,
+
.btn-default[disabled]:active,
+
fieldset[disabled] .btn-default:active,
+
.btn-default.disabled.active,
+
.btn-default[disabled].active,
+
fieldset[disabled] .btn-default.active {
+
  background-color: #fff;
+
  border-color: #ccc;
+
}
+
.btn-default .badge {
+
  color: #fff;
+
  background-color: #333;
+
}
+
.btn-primary {
+
  text-decoration:underline;
+
  color:black;
+
  font-size:inherit;
+
  font-weight:inherit;
+
  background-color:inherit;
+
  border-color:none;
+
  border:none;
+
}
+
.btn-primary:hover,
+
.btn-primary:focus,
+
.btn-primary.focus,
+
.btn-primary:active,
+
.btn-primary.active,
+
.open > .dropdown-toggle.btn-primary {
+
  /* important for color change when you hover BY CHARLES WEI*/
+
  color: #fff;
+
  background-color: #76BF8D;
+
  border-color:none;
+
}
+
.btn-primary:active,
+
.btn-primary.active,
+
.open > .dropdown-toggle.btn-primary {
+
  background-image: none;
+
  border-color:none;
+
}
+
.btn-primary.disabled,
+
.btn-primary[disabled],
+
fieldset[disabled] .btn-primary,
+
.btn-primary.disabled:hover,
+
.btn-primary[disabled]:hover,
+
fieldset[disabled] .btn-primary:hover,
+
.btn-primary.disabled:focus,
+
.btn-primary[disabled]:focus,
+
fieldset[disabled] .btn-primary:focus,
+
.btn-primary.disabled.focus,
+
.btn-primary[disabled].focus,
+
fieldset[disabled] .btn-primary.focus,
+
.btn-primary.disabled:active,
+
.btn-primary[disabled]:active,
+
fieldset[disabled] .btn-primary:active,
+
.btn-primary.disabled.active,
+
.btn-primary[disabled].active,
+
fieldset[disabled] .btn-primary.active {
+
  background-color:none;
+
  border:none;
+
}
+
.btn-primary .badge {
+
  color: #337ab7;
+
  background-color: #fff;
+
}
+
.btn-success {
+
  color: #fff;
+
  background-color: #5cb85c;
+
  border-color: #4cae4c;
+
}
+
.btn-success:hover,
+
.btn-success:focus,
+
.btn-success.focus,
+
.btn-success:active,
+
.btn-success.active,
+
.open > .dropdown-toggle.btn-success {
+
  color: #fff;
+
  background-color: #449d44;
+
  border-color: #398439;
+
}
+
.btn-success:active,
+
.btn-success.active,
+
.open > .dropdown-toggle.btn-success {
+
  background-image: none;
+
}
+
.btn-success.disabled,
+
.btn-success[disabled],
+
fieldset[disabled] .btn-success,
+
.btn-success.disabled:hover,
+
.btn-success[disabled]:hover,
+
fieldset[disabled] .btn-success:hover,
+
.btn-success.disabled:focus,
+
.btn-success[disabled]:focus,
+
fieldset[disabled] .btn-success:focus,
+
.btn-success.disabled.focus,
+
.btn-success[disabled].focus,
+
fieldset[disabled] .btn-success.focus,
+
.btn-success.disabled:active,
+
.btn-success[disabled]:active,
+
fieldset[disabled] .btn-success:active,
+
.btn-success.disabled.active,
+
.btn-success[disabled].active,
+
fieldset[disabled] .btn-success.active {
+
  background-color: #5cb85c;
+
  border-color: #4cae4c;
+
}
+
.btn-success .badge {
+
  color: #5cb85c;
+
  background-color: #fff;
+
}
+
.btn-info {
+
  color: #fff;
+
  background-color: #5bc0de;
+
  border-color: #46b8da;
+
}
+
.btn-info:hover,
+
.btn-info:focus,
+
.btn-info.focus,
+
.btn-info:active,
+
.btn-info.active,
+
.open > .dropdown-toggle.btn-info {
+
  color: #fff;
+
  background-color: #31b0d5;
+
  border-color: #269abc;
+
}
+
.btn-info:active,
+
.btn-info.active,
+
.open > .dropdown-toggle.btn-info {
+
  background-image: none;
+
}
+
.btn-info.disabled,
+
.btn-info[disabled],
+
fieldset[disabled] .btn-info,
+
.btn-info.disabled:hover,
+
.btn-info[disabled]:hover,
+
fieldset[disabled] .btn-info:hover,
+
.btn-info.disabled:focus,
+
.btn-info[disabled]:focus,
+
fieldset[disabled] .btn-info:focus,
+
.btn-info.disabled.focus,
+
.btn-info[disabled].focus,
+
fieldset[disabled] .btn-info.focus,
+
.btn-info.disabled:active,
+
.btn-info[disabled]:active,
+
fieldset[disabled] .btn-info:active,
+
.btn-info.disabled.active,
+
.btn-info[disabled].active,
+
fieldset[disabled] .btn-info.active {
+
  background-color: #5bc0de;
+
  border-color: #46b8da;
+
}
+
.btn-info .badge {
+
  color: #5bc0de;
+
  background-color: #fff;
+
}
+
.btn-warning {
+
  color: #fff;
+
  background-color: #f0ad4e;
+
  border-color: #eea236;
+
}
+
.btn-warning:hover,
+
.btn-warning:focus,
+
.btn-warning.focus,
+
.btn-warning:active,
+
.btn-warning.active,
+
.open > .dropdown-toggle.btn-warning {
+
  color: #fff;
+
  background-color: #ec971f;
+
  border-color: #d58512;
+
}
+
.btn-warning:active,
+
.btn-warning.active,
+
.open > .dropdown-toggle.btn-warning {
+
  background-image: none;
+
}
+
.btn-warning.disabled,
+
.btn-warning[disabled],
+
fieldset[disabled] .btn-warning,
+
.btn-warning.disabled:hover,
+
.btn-warning[disabled]:hover,
+
fieldset[disabled] .btn-warning:hover,
+
.btn-warning.disabled:focus,
+
.btn-warning[disabled]:focus,
+
fieldset[disabled] .btn-warning:focus,
+
.btn-warning.disabled.focus,
+
.btn-warning[disabled].focus,
+
fieldset[disabled] .btn-warning.focus,
+
.btn-warning.disabled:active,
+
.btn-warning[disabled]:active,
+
fieldset[disabled] .btn-warning:active,
+
.btn-warning.disabled.active,
+
.btn-warning[disabled].active,
+
fieldset[disabled] .btn-warning.active {
+
  background-color: #f0ad4e;
+
  border-color: #eea236;
+
}
+
.btn-warning .badge {
+
  color: #f0ad4e;
+
  background-color: #fff;
+
}
+
.btn-danger {
+
  color: #fff;
+
  background-color: #d9534f;
+
  border-color: #d43f3a;
+
}
+
.btn-danger:hover,
+
.btn-danger:focus,
+
.btn-danger.focus,
+
.btn-danger:active,
+
.btn-danger.active,
+
.open > .dropdown-toggle.btn-danger {
+
  color: #fff;
+
  background-color: #c9302c;
+
  border-color: #ac2925;
+
}
+
.btn-danger:active,
+
.btn-danger.active,
+
.open > .dropdown-toggle.btn-danger {
+
  background-image: none;
+
}
+
.btn-danger.disabled,
+
.btn-danger[disabled],
+
fieldset[disabled] .btn-danger,
+
.btn-danger.disabled:hover,
+
.btn-danger[disabled]:hover,
+
fieldset[disabled] .btn-danger:hover,
+
.btn-danger.disabled:focus,
+
.btn-danger[disabled]:focus,
+
fieldset[disabled] .btn-danger:focus,
+
.btn-danger.disabled.focus,
+
.btn-danger[disabled].focus,
+
fieldset[disabled] .btn-danger.focus,
+
.btn-danger.disabled:active,
+
.btn-danger[disabled]:active,
+
fieldset[disabled] .btn-danger:active,
+
.btn-danger.disabled.active,
+
.btn-danger[disabled].active,
+
fieldset[disabled] .btn-danger.active {
+
  background-color: #d9534f;
+
  border-color: #d43f3a;
+
}
+
.btn-danger .badge {
+
  color: #d9534f;
+
  background-color: #fff;
+
}
+
.btn-link {
+
  font-weight: normal;
+
  color: #337ab7;
+
  border-radius: 0;
+
}
+
.btn-link,
+
.btn-link:active,
+
.btn-link.active,
+
.btn-link[disabled],
+
fieldset[disabled] .btn-link {
+
  background-color: transparent;
+
  -webkit-box-shadow: none;
+
          box-shadow: none;
+
}
+
.btn-link,
+
.btn-link:hover,
+
.btn-link:focus,
+
.btn-link:active {
+
  border-color: transparent;
+
}
+
.btn-link:hover,
+
.btn-link:focus {
+
  color: #23527c;
+
  text-decoration: underline;
+
  background-color: transparent;
+
}
+
.btn-link[disabled]:hover,
+
fieldset[disabled] .btn-link:hover,
+
.btn-link[disabled]:focus,
+
fieldset[disabled] .btn-link:focus {
+
  color: #777;
+
  text-decoration: none;
+
}
+
.btn-lg,
+
.btn-group-lg > .btn {
+
  padding: 10px 16px;
+
  font-size: 18px;
+
  line-height: 1.3333333;
+
  border-radius: 6px;
+
}
+
.btn-sm,
+
.btn-group-sm > .btn {
+
  padding: 5px 10px;
+
  font-size: 12px;
+
  line-height: 1.5;
+
  border-radius: 3px;
+
}
+
.btn-xs,
+
.btn-group-xs > .btn {
+
  padding: 1px 5px;
+
  font-size: 12px;
+
  line-height: 1.5;
+
  border-radius: 3px;
+
}
+
.btn-block {
+
  display: block;
+
  width: 100%;
+
}
+
.btn-block + .btn-block {
+
  margin-top: 5px;
+
}
+
input[type="submit"].btn-block,
+
input[type="reset"].btn-block,
+
input[type="button"].btn-block {
+
  width: 100%;
+
}
+
.fade {
+
  opacity: 0;
+
  -webkit-transition: opacity .15s linear;
+
      -o-transition: opacity .15s linear;
+
          transition: opacity .15s linear;
+
}
+
.fade.in {
+
  opacity: 1;
+
}
+
.collapse {
+
  display: none;
+
}
+
.collapse.in {
+
  display: block;
+
}
+
tr.collapse.in {
+
  display: table-row;
+
}
+
tbody.collapse.in {
+
  display: table-row-group;
+
}
+
.collapsing {
+
  position: relative;
+
  height: 0;
+
  overflow: hidden;
+
  -webkit-transition-timing-function: ease;
+
      -o-transition-timing-function: ease;
+
          transition-timing-function: ease;
+
  -webkit-transition-duration: .35s;
+
      -o-transition-duration: .35s;
+
          transition-duration: .35s;
+
  -webkit-transition-property: height, visibility;
+
      -o-transition-property: height, visibility;
+
          transition-property: height, visibility;
+
}
+
.caret {
+
  display: inline-block;
+
  width: 0;
+
  height: 0;
+
  margin-left: 2px;
+
  vertical-align: middle;
+
  border-top: 4px dashed;
+
  border-right: 4px solid transparent;
+
  border-left: 4px solid transparent;
+
}
+
.dropup,
+
.dropdown {
+
  position: relative;
+
}
+
.dropdown-toggle:focus {
+
  outline: 0;
+
}
+
.dropdown-menu {
+
  position: absolute;
+
  top: 100%;
+
  left: 0;
+
  z-index: 1000;
+
  display: none;
+
  float: left;
+
  min-width: 160px;
+
  padding: 5px 0;
+
  margin: 2px 0 0;
+
  font-size: 14px;
+
  text-align: left;
+
  list-style: none;
+
  background-color: #fff;
+
  -webkit-background-clip: padding-box;
+
          background-clip: padding-box;
+
  border: 1px solid #ccc;
+
  border: 1px solid rgba(0, 0, 0, .15);
+
  border-radius: 4px;
+
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
+
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
+
}
+
.dropdown-menu.pull-right {
+
  right: 0;
+
  left: auto;
+
}
+
.dropdown-menu .divider {
+
  height: 1px;
+
  margin: 9px 0;
+
  overflow: hidden;
+
  background-color: #e5e5e5;
+
}
+
.dropdown-menu > li > a {
+
  display: block;
+
  padding: 3px 20px;
+
  clear: both;
+
  font-weight: normal;
+
  line-height: 1.42857143;
+
  color: #333;
+
  white-space: nowrap;
+
}
+
.dropdown-menu > li > a:hover,
+
.dropdown-menu > li > a:focus {
+
  color: #262626;
+
  text-decoration: none;
+
  background-color: #f5f5f5;
+
}
+
.dropdown-menu > .active > a,
+
.dropdown-menu > .active > a:hover,
+
.dropdown-menu > .active > a:focus {
+
  color: #fff;
+
  text-decoration: none;
+
  background-color: #337ab7;
+
  outline: 0;
+
}
+
.dropdown-menu > .disabled > a,
+
.dropdown-menu > .disabled > a:hover,
+
.dropdown-menu > .disabled > a:focus {
+
  color: #777;
+
}
+
.dropdown-menu > .disabled > a:hover,
+
.dropdown-menu > .disabled > a:focus {
+
  text-decoration: none;
+
  cursor: not-allowed;
+
  background-color: transparent;
+
  background-image: none;
+
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+
}
+
.open > .dropdown-menu {
+
  display: block;
+
}
+
.open > a {
+
  outline: 0;
+
}
+
.dropdown-menu-right {
+
  right: 0;
+
  left: auto;
+
}
+
.dropdown-menu-left {
+
  right: auto;
+
  left: 0;
+
}
+
.dropdown-header {
+
  display: block;
+
  padding: 3px 20px;
+
  font-size: 12px;
+
  line-height: 1.42857143;
+
  color: #777;
+
  white-space: nowrap;
+
}
+
.dropdown-backdrop {
+
  position: fixed;
+
  top: 0;
+
  right: 0;
+
 
   bottom: 0;
 
   bottom: 0;
  left: 0;
+
   content: '';
  z-index: 990;
+
}
+
.pull-right > .dropdown-menu {
+
  right: 0;
+
  left: auto;
+
}
+
.dropup .caret,
+
.navbar-fixed-bottom .dropdown .caret {
+
   content: "";
+
  border-top: 0;
+
  border-bottom: 4px solid;
+
}
+
.dropup .dropdown-menu,
+
.navbar-fixed-bottom .dropdown .dropdown-menu {
+
  top: auto;
+
  bottom: 100%;
+
  margin-bottom: 2px;
+
}
+
@media (min-width: 768px) {
+
  .navbar-right .dropdown-menu {
+
    right: 0;
+
    left: auto;
+
  }
+
  .navbar-right .dropdown-menu-left {
+
    right: auto;
+
    left: 0;
+
  }
+
}
+
.btn-group,
+
.btn-group-vertical {
+
  position: relative;
+
  display: inline-block;
+
  vertical-align: middle;
+
}
+
.btn-group > .btn,
+
.btn-group-vertical > .btn {
+
  position: relative;
+
  float: left;
+
}
+
.btn-group > .btn:hover,
+
.btn-group-vertical > .btn:hover,
+
.btn-group > .btn:focus,
+
.btn-group-vertical > .btn:focus,
+
.btn-group > .btn:active,
+
.btn-group-vertical > .btn:active,
+
.btn-group > .btn.active,
+
.btn-group-vertical > .btn.active {
+
  z-index: 2;
+
}
+
.btn-group .btn + .btn,
+
.btn-group .btn + .btn-group,
+
.btn-group .btn-group + .btn,
+
.btn-group .btn-group + .btn-group {
+
  margin-left: -1px;
+
}
+
.btn-toolbar {
+
  margin-left: -5px;
+
}
+
.btn-toolbar .btn-group,
+
.btn-toolbar .input-group {
+
  float: left;
+
}
+
.btn-toolbar > .btn,
+
.btn-toolbar > .btn-group,
+
.btn-toolbar > .input-group {
+
  margin-left: 5px;
+
}
+
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
+
  border-radius: 0;
+
}
+
.btn-group > .btn:first-child {
+
  margin-left: 0;
+
}
+
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
+
  border-top-right-radius: 0;
+
  border-bottom-right-radius: 0;
+
}
+
.btn-group > .btn:last-child:not(:first-child),
+
.btn-group > .dropdown-toggle:not(:first-child) {
+
  border-top-left-radius: 0;
+
  border-bottom-left-radius: 0;
+
}
+
.btn-group > .btn-group {
+
  float: left;
+
}
+
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
+
  border-radius: 0;
+
}
+
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
+
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
+
  border-top-right-radius: 0;
+
  border-bottom-right-radius: 0;
+
}
+
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
+
  border-top-left-radius: 0;
+
  border-bottom-left-radius: 0;
+
}
+
.btn-group .dropdown-toggle:active,
+
.btn-group.open .dropdown-toggle {
+
  outline: 0;
+
}
+
.btn-group > .btn + .dropdown-toggle {
+
  padding-right: 8px;
+
  padding-left: 8px;
+
}
+
.btn-group > .btn-lg + .dropdown-toggle {
+
  padding-right: 12px;
+
  padding-left: 12px;
+
}
+
.btn-group.open .dropdown-toggle {
+
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
+
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
+
}
+
.btn-group.open .dropdown-toggle.btn-link {
+
  -webkit-box-shadow: none;
+
          box-shadow: none;
+
}
+
.btn .caret {
+
  margin-left: 0;
+
}
+
.btn-lg .caret {
+
  border-width: 5px 5px 0;
+
  border-bottom-width: 0;
+
}
+
.dropup .btn-lg .caret {
+
  border-width: 0 5px 5px;
+
}
+
.btn-group-vertical > .btn,
+
.btn-group-vertical > .btn-group,
+
.btn-group-vertical > .btn-group > .btn {
+
 
   display: block;
 
   display: block;
  float: none;
 
  width: 100%;
 
  max-width: 100%;
 
}
 
.btn-group-vertical > .btn-group > .btn {
 
  float: none;
 
}
 
.btn-group-vertical > .btn + .btn,
 
.btn-group-vertical > .btn + .btn-group,
 
.btn-group-vertical > .btn-group + .btn,
 
.btn-group-vertical > .btn-group + .btn-group {
 
  margin-top: -1px;
 
  margin-left: 0;
 
}
 
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
 
  border-radius: 0;
 
}
 
.btn-group-vertical > .btn:first-child:not(:last-child) {
 
  border-top-right-radius: 4px;
 
  border-bottom-right-radius: 0;
 
  border-bottom-left-radius: 0;
 
}
 
.btn-group-vertical > .btn:last-child:not(:first-child) {
 
  border-top-left-radius: 0;
 
  border-top-right-radius: 0;
 
  border-bottom-left-radius: 4px;
 
}
 
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
 
  border-radius: 0;
 
}
 
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
 
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
 
  border-bottom-right-radius: 0;
 
  border-bottom-left-radius: 0;
 
}
 
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
 
  border-top-left-radius: 0;
 
  border-top-right-radius: 0;
 
}
 
.btn-group-justified {
 
  display: table;
 
  width: 100%;
 
  table-layout: fixed;
 
  border-collapse: separate;
 
}
 
.btn-group-justified > .btn,
 
.btn-group-justified > .btn-group {
 
  display: table-cell;
 
  float: none;
 
  width: 1%;
 
}
 
.btn-group-justified > .btn-group .btn {
 
  width: 100%;
 
}
 
.btn-group-justified > .btn-group .dropdown-menu {
 
  left: auto;
 
}
 
[data-toggle="buttons"] > .btn input[type="radio"],
 
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
 
[data-toggle="buttons"] > .btn input[type="checkbox"],
 
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
 
  position: absolute;
 
  clip: rect(0, 0, 0, 0);
 
  pointer-events: none;
 
}
 
.input-group {
 
  position: relative;
 
  display: table;
 
  border-collapse: separate;
 
}
 
.input-group[class*="col-"] {
 
  float: none;
 
  padding-right: 0;
 
  padding-left: 0;
 
}
 
.input-group .form-control {
 
  position: relative;
 
  z-index: 2;
 
  float: left;
 
  width: 100%;
 
  margin-bottom: 0;
 
}
 
.input-group-lg > .form-control,
 
.input-group-lg > .input-group-addon,
 
.input-group-lg > .input-group-btn > .btn {
 
  height: 46px;
 
  padding: 10px 16px;
 
  font-size: 18px;
 
  line-height: 1.3333333;
 
  border-radius: 6px;
 
}
 
select.input-group-lg > .form-control,
 
select.input-group-lg > .input-group-addon,
 
select.input-group-lg > .input-group-btn > .btn {
 
  height: 46px;
 
  line-height: 46px;
 
}
 
textarea.input-group-lg > .form-control,
 
textarea.input-group-lg > .input-group-addon,
 
textarea.input-group-lg > .input-group-btn > .btn,
 
select[multiple].input-group-lg > .form-control,
 
select[multiple].input-group-lg > .input-group-addon,
 
select[multiple].input-group-lg > .input-group-btn > .btn {
 
  height: auto;
 
}
 
.input-group-sm > .form-control,
 
.input-group-sm > .input-group-addon,
 
.input-group-sm > .input-group-btn > .btn {
 
  height: 30px;
 
  padding: 5px 10px;
 
  font-size: 12px;
 
  line-height: 1.5;
 
  border-radius: 3px;
 
}
 
select.input-group-sm > .form-control,
 
select.input-group-sm > .input-group-addon,
 
select.input-group-sm > .input-group-btn > .btn {
 
  height: 30px;
 
  line-height: 30px;
 
}
 
textarea.input-group-sm > .form-control,
 
textarea.input-group-sm > .input-group-addon,
 
textarea.input-group-sm > .input-group-btn > .btn,
 
select[multiple].input-group-sm > .form-control,
 
select[multiple].input-group-sm > .input-group-addon,
 
select[multiple].input-group-sm > .input-group-btn > .btn {
 
  height: auto;
 
}
 
.input-group-addon,
 
.input-group-btn,
 
.input-group .form-control {
 
  display: table-cell;
 
}
 
.input-group-addon:not(:first-child):not(:last-child),
 
.input-group-btn:not(:first-child):not(:last-child),
 
.input-group .form-control:not(:first-child):not(:last-child) {
 
  border-radius: 0;
 
}
 
.input-group-addon,
 
.input-group-btn {
 
  width: 1%;
 
  white-space: nowrap;
 
  vertical-align: middle;
 
}
 
.input-group-addon {
 
  padding: 6px 12px;
 
  font-size: 14px;
 
  font-weight: normal;
 
  line-height: 1;
 
  color: #555;
 
  text-align: center;
 
  background-color: #eee;
 
  border: 1px solid #ccc;
 
  border-radius: 4px;
 
}
 
.input-group-addon.input-sm {
 
  padding: 5px 10px;
 
  font-size: 12px;
 
  border-radius: 3px;
 
}
 
.input-group-addon.input-lg {
 
  padding: 10px 16px;
 
  font-size: 18px;
 
  border-radius: 6px;
 
}
 
.input-group-addon input[type="radio"],
 
.input-group-addon input[type="checkbox"] {
 
  margin-top: 0;
 
}
 
.input-group .form-control:first-child,
 
.input-group-addon:first-child,
 
.input-group-btn:first-child > .btn,
 
.input-group-btn:first-child > .btn-group > .btn,
 
.input-group-btn:first-child > .dropdown-toggle,
 
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
 
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
 
  border-top-right-radius: 0;
 
  border-bottom-right-radius: 0;
 
}
 
.input-group-addon:first-child {
 
  border-right: 0;
 
}
 
.input-group .form-control:last-child,
 
.input-group-addon:last-child,
 
.input-group-btn:last-child > .btn,
 
.input-group-btn:last-child > .btn-group > .btn,
 
.input-group-btn:last-child > .dropdown-toggle,
 
.input-group-btn:first-child > .btn:not(:first-child),
 
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
 
  border-top-left-radius: 0;
 
  border-bottom-left-radius: 0;
 
}
 
.input-group-addon:last-child {
 
  border-left: 0;
 
}
 
.input-group-btn {
 
  position: relative;
 
  font-size: 0;
 
  white-space: nowrap;
 
}
 
.input-group-btn > .btn {
 
  position: relative;
 
}
 
.input-group-btn > .btn + .btn {
 
  margin-left: -1px;
 
}
 
.input-group-btn > .btn:hover,
 
.input-group-btn > .btn:focus,
 
.input-group-btn > .btn:active {
 
  z-index: 2;
 
}
 
.input-group-btn:first-child > .btn,
 
.input-group-btn:first-child > .btn-group {
 
  margin-right: -1px;
 
}
 
.input-group-btn:last-child > .btn,
 
.input-group-btn:last-child > .btn-group {
 
  margin-left: -1px;
 
}
 
.nav {
 
  padding-left: 0;
 
  margin-bottom: 0;
 
  list-style: none;
 
}
 
.nav > li {
 
  position: relative;
 
  display: block;
 
}
 
.nav > li > a {
 
  position: relative;
 
  display: block;
 
  padding: 10px 15px;
 
}
 
.nav > li > a:hover,
 
.nav > li > a:focus {
 
  text-decoration: none;
 
  background-color: #eee;
 
}
 
.nav > li.disabled > a {
 
  color: #777;
 
}
 
.nav > li.disabled > a:hover,
 
.nav > li.disabled > a:focus {
 
  color: #777;
 
  text-decoration: none;
 
  cursor: not-allowed;
 
  background-color: transparent;
 
}
 
.nav .open > a,
 
.nav .open > a:hover,
 
.nav .open > a:focus {
 
  background-color: #eee;
 
  border-color: #337ab7;
 
}
 
.nav .nav-divider {
 
  height: 1px;
 
  margin: 9px 0;
 
  overflow: hidden;
 
  background-color: #e5e5e5;
 
}
 
.nav > li > a > img {
 
  max-width: none;
 
}
 
.nav-tabs {
 
  border-bottom: 1px solid #ddd;
 
}
 
.nav-tabs > li {
 
  float: left;
 
  margin-bottom: -1px;
 
}
 
.nav-tabs > li > a {
 
  margin-right: 2px;
 
  line-height: 1.42857143;
 
  border: 1px solid transparent;
 
  border-radius: 4px 4px 0 0;
 
}
 
.nav-tabs > li > a:hover {
 
  border-color: #eee #eee #ddd;
 
}
 
.nav-tabs > li.active > a,
 
.nav-tabs > li.active > a:hover,
 
.nav-tabs > li.active > a:focus {
 
  color: #555;
 
  cursor: default;
 
  background-color: #fff;
 
  border: 1px solid #ddd;
 
  border-bottom-color: transparent;
 
}
 
.nav-tabs.nav-justified {
 
  width: 100%;
 
  border-bottom: 0;
 
}
 
.nav-tabs.nav-justified > li {
 
  float: none;
 
}
 
.nav-tabs.nav-justified > li > a {
 
  margin-bottom: 5px;
 
  text-align: center;
 
}
 
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
 
  top: auto;
 
  left: auto;
 
}
 
@media (min-width: 768px) {
 
  .nav-tabs.nav-justified > li {
 
    display: table-cell;
 
    width: 1%;
 
  }
 
  .nav-tabs.nav-justified > li > a {
 
    margin-bottom: 0;
 
  }
 
}
 
.nav-tabs.nav-justified > li > a {
 
  margin-right: 0;
 
  border-radius: 4px;
 
}
 
.nav-tabs.nav-justified > .active > a,
 
.nav-tabs.nav-justified > .active > a:hover,
 
.nav-tabs.nav-justified > .active > a:focus {
 
  border: 1px solid #ddd;
 
}
 
@media (min-width: 768px) {
 
  .nav-tabs.nav-justified > li > a {
 
    border-bottom: 1px solid #ddd;
 
    border-radius: 4px 4px 0 0;
 
  }
 
  .nav-tabs.nav-justified > .active > a,
 
  .nav-tabs.nav-justified > .active > a:hover,
 
  .nav-tabs.nav-justified > .active > a:focus {
 
    border-bottom-color: #fff;
 
  }
 
}
 
.nav-pills > li {
 
  float: left;
 
}
 
.nav-pills > li > a {
 
  border-radius: 4px;
 
}
 
.nav-pills > li + li {
 
  margin-left: 2px;
 
}
 
.nav-pills > li.active > a,
 
.nav-pills > li.active > a:hover,
 
.nav-pills > li.active > a:focus {
 
  color: #fff;
 
  background-color: #337ab7;
 
}
 
.nav-stacked > li {
 
  float: none;
 
}
 
.nav-stacked > li + li {
 
  margin-top: 2px;
 
  margin-left: 0;
 
}
 
.nav-justified {
 
  width: 100%;
 
}
 
.nav-justified > li {
 
  float: none;
 
}
 
.nav-justified > li > a {
 
  margin-bottom: 5px;
 
  text-align: center;
 
}
 
.nav-justified > .dropdown .dropdown-menu {
 
  top: auto;
 
  left: auto;
 
}
 
@media (min-width: 768px) {
 
  .nav-justified > li {
 
    display: table-cell;
 
    width: 1%;
 
  }
 
  .nav-justified > li > a {
 
    margin-bottom: 0;
 
  }
 
}
 
.nav-tabs-justified {
 
  border-bottom: 0;
 
}
 
.nav-tabs-justified > li > a {
 
  margin-right: 0;
 
  border-radius: 4px;
 
}
 
.nav-tabs-justified > .active > a,
 
.nav-tabs-justified > .active > a:hover,
 
.nav-tabs-justified > .active > a:focus {
 
  border: 1px solid #ddd;
 
}
 
@media (min-width: 768px) {
 
  .nav-tabs-justified > li > a {
 
    border-bottom: 1px solid #ddd;
 
    border-radius: 4px 4px 0 0;
 
  }
 
  .nav-tabs-justified > .active > a,
 
  .nav-tabs-justified > .active > a:hover,
 
  .nav-tabs-justified > .active > a:focus {
 
    border-bottom-color: #fff;
 
  }
 
}
 
.tab-content > .tab-pane {
 
  display: none;
 
}
 
.tab-content > .active {
 
  display: block;
 
}
 
.nav-tabs .dropdown-menu {
 
  margin-top: -1px;
 
  border-top-left-radius: 0;
 
  border-top-right-radius: 0;
 
}
 
.navbar {
 
  position: relative;
 
  min-height: 50px;
 
  margin-bottom: 20px;
 
  border: 1px solid transparent;
 
}
 
@media (min-width: 768px) {
 
  .navbar {
 
    border-radius: 4px;
 
  }
 
}
 
@media (min-width: 768px) {
 
  .navbar-header {
 
    float: left;
 
  }
 
}
 
.navbar-collapse {
 
  padding-right: 15px;
 
  padding-left: 15px;
 
  overflow-x: visible;
 
  -webkit-overflow-scrolling: touch;
 
  border-top: 1px solid transparent;
 
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
 
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
 
}
 
.navbar-collapse.in {
 
  overflow-y: auto;
 
}
 
@media (min-width: 768px) {
 
  .navbar-collapse {
 
    width: auto;
 
    border-top: 0;
 
    -webkit-box-shadow: none;
 
            box-shadow: none;
 
  }
 
  .navbar-collapse.collapse {
 
    display: block !important;
 
    height: auto !important;
 
    padding-bottom: 0;
 
    overflow: visible !important;
 
  }
 
  .navbar-collapse.in {
 
    overflow-y: visible;
 
  }
 
  .navbar-fixed-top .navbar-collapse,
 
  .navbar-static-top .navbar-collapse,
 
  .navbar-fixed-bottom .navbar-collapse {
 
    padding-right: 0;
 
    padding-left: 0;
 
  }
 
}
 
.navbar-fixed-top .navbar-collapse,
 
.navbar-fixed-bottom .navbar-collapse {
 
  max-height: 340px;
 
}
 
@media (max-device-width: 480px) and (orientation: landscape) {
 
  .navbar-fixed-top .navbar-collapse,
 
  .navbar-fixed-bottom .navbar-collapse {
 
    max-height: 200px;
 
  }
 
}
 
.container > .navbar-header,
 
.container-fluid > .navbar-header,
 
.container > .navbar-collapse,
 
.container-fluid > .navbar-collapse {
 
 
}
 
@media (min-width: 768px) {
 
  .container > .navbar-header,
 
  .container-fluid > .navbar-header,
 
  .container > .navbar-collapse,
 
  .container-fluid > .navbar-collapse {
 
    margin-right: 0;
 
    margin-left: 0;
 
  }
 
}
 
.navbar-static-top {
 
  z-index: 1000;
 
  border-width: 0 0 1px;
 
}
 
@media (min-width: 768px) {
 
  .navbar-static-top {
 
    border-radius: 0;
 
  }
 
}
 
.navbar-fixed-top,
 
.navbar-fixed-bottom {
 
  position: fixed;
 
  right: 0;
 
  left: 0;
 
  z-index: 1030;
 
}
 
@media (min-width: 768px) {
 
  .navbar-fixed-top,
 
  .navbar-fixed-bottom {
 
    border-radius: 0;
 
  }
 
}
 
.navbar-fixed-top {
 
  top: 0;
 
  border-width: 0 0 1px;
 
}
 
.navbar-fixed-bottom {
 
  bottom: 0;
 
  margin-bottom: 0;
 
  border-width: 1px 0 0;
 
}
 
.navbar-brand {
 
  float: left;
 
  height: 50px;
 
  padding: 15px 15px;
 
  font-size: 18px;
 
  line-height: 20px;
 
}
 
.navbar-brand:hover,
 
.navbar-brand:focus {
 
  text-decoration: none;
 
}
 
.navbar-brand > img {
 
  display: block;
 
}
 
@media (min-width: 768px) {
 
  .navbar > .container .navbar-brand,
 
  .navbar > .container-fluid .navbar-brand {
 
 
  }
 
}
 
.navbar-toggle {
 
  position: relative;
 
  float: right;
 
  padding: 9px 10px;
 
  margin-top: 8px;
 
  margin-right: 15px;
 
  margin-bottom: 8px;
 
  background-color: transparent;
 
  background-image: none;
 
  border: 1px solid transparent;
 
  border-radius: 4px;
 
}
 
.navbar-toggle:focus {
 
  outline: 0;
 
}
 
.navbar-toggle .icon-bar {
 
  display: block;
 
  width: 22px;
 
  height: 2px;
 
  border-radius: 1px;
 
}
 
.navbar-toggle .icon-bar + .icon-bar {
 
  margin-top: 4px;
 
}
 
@media (min-width: 768px) {
 
  .navbar-toggle {
 
    display: none;
 
  }
 
}
 
.navbar-nav {
 
  margin: 7.5px -15px;
 
}
 
.navbar-nav > li > a {
 
  padding-top: 10px;
 
  padding-bottom: 10px;
 
  line-height: 20px;
 
}
 
@media (max-width: 767px) {
 
  .navbar-nav .open .dropdown-menu {
 
    position: static;
 
    float: none;
 
    width: auto;
 
    margin-top: 0;
 
    background-color: transparent;
 
    border: 0;
 
    -webkit-box-shadow: none;
 
            box-shadow: none;
 
  }
 
  .navbar-nav .open .dropdown-menu > li > a,
 
  .navbar-nav .open .dropdown-menu .dropdown-header {
 
    padding: 5px 15px 5px 25px;
 
  }
 
  .navbar-nav .open .dropdown-menu > li > a {
 
    line-height: 20px;
 
  }
 
  .navbar-nav .open .dropdown-menu > li > a:hover,
 
  .navbar-nav .open .dropdown-menu > li > a:focus {
 
    background-image: none;
 
  }
 
}
 
@media (min-width: 768px) {
 
  .navbar-nav {
 
    float: left;
 
    margin: 0;
 
  }
 
  .navbar-nav > li {
 
    float: left;
 
  }
 
  .navbar-nav > li > a {
 
    padding-top: 15px;
 
    padding-bottom: 15px;
 
  }
 
}
 
.navbar-form {
 
  padding: 10px 15px;
 
  margin-top: 8px;
 
  margin-right: -15px;
 
  margin-bottom: 8px;
 
  margin-left: -15px;
 
  border-top: 1px solid transparent;
 
  border-bottom: 1px solid transparent;
 
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
 
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
 
}
 
@media (min-width: 768px) {
 
  .navbar-form .form-group {
 
    display: inline-block;
 
    margin-bottom: 0;
 
    vertical-align: middle;
 
  }
 
  .navbar-form .form-control {
 
    display: inline-block;
 
    width: auto;
 
    vertical-align: middle;
 
  }
 
  .navbar-form .form-control-static {
 
    display: inline-block;
 
  }
 
  .navbar-form .input-group {
 
    display: inline-table;
 
    vertical-align: middle;
 
  }
 
  .navbar-form .input-group .input-group-addon,
 
  .navbar-form .input-group .input-group-btn,
 
  .navbar-form .input-group .form-control {
 
    width: auto;
 
  }
 
  .navbar-form .input-group > .form-control {
 
    width: 100%;
 
  }
 
  .navbar-form .control-label {
 
    margin-bottom: 0;
 
    vertical-align: middle;
 
  }
 
  .navbar-form .radio,
 
  .navbar-form .checkbox {
 
    display: inline-block;
 
    margin-top: 0;
 
    margin-bottom: 0;
 
    vertical-align: middle;
 
  }
 
  .navbar-form .radio label,
 
  .navbar-form .checkbox label {
 
    padding-left: 0;
 
  }
 
  .navbar-form .radio input[type="radio"],
 
  .navbar-form .checkbox input[type="checkbox"] {
 
    position: relative;
 
    margin-left: 0;
 
  }
 
  .navbar-form .has-feedback .form-control-feedback {
 
    top: 0;
 
  }
 
}
 
@media (max-width: 767px) {
 
  .navbar-form .form-group {
 
    margin-bottom: 5px;
 
  }
 
  .navbar-form .form-group:last-child {
 
    margin-bottom: 0;
 
  }
 
}
 
@media (min-width: 768px) {
 
  .navbar-form {
 
    width: auto;
 
    padding-top: 0;
 
    padding-bottom: 0;
 
    margin-right: 0;
 
    margin-left: 0;
 
    border: 0;
 
    -webkit-box-shadow: none;
 
            box-shadow: none;
 
  }
 
}
 
.navbar-nav > li > .dropdown-menu {
 
  margin-top: 0;
 
  border-top-left-radius: 0;
 
  border-top-right-radius: 0;
 
}
 
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
 
  margin-bottom: 0;
 
  border-top-left-radius: 4px;
 
  border-top-right-radius: 4px;
 
  border-bottom-right-radius: 0;
 
  border-bottom-left-radius: 0;
 
}
 
.navbar-btn {
 
  margin-top: 8px;
 
  margin-bottom: 8px;
 
}
 
.navbar-btn.btn-sm {
 
  margin-top: 10px;
 
  margin-bottom: 10px;
 
}
 
.navbar-btn.btn-xs {
 
  margin-top: 14px;
 
  margin-bottom: 14px;
 
}
 
.navbar-text {
 
  margin-top: 15px;
 
  margin-bottom: 15px;
 
}
 
@media (min-width: 768px) {
 
  .navbar-text {
 
    float: left;
 
    margin-right: 15px;
 
    margin-left: 15px;
 
  }
 
}
 
@media (min-width: 768px) {
 
  .navbar-left {
 
    float: left !important;
 
  }
 
  .navbar-right {
 
    float: right !important;
 
    margin-right: -15px;
 
  }
 
  .navbar-right ~ .navbar-right {
 
    margin-right: 0;
 
  }
 
}
 
.navbar-default {
 
  background-color: #f8f8f8;
 
  border-color: #e7e7e7;
 
}
 
.navbar-default .navbar-brand {
 
  color: #777;
 
}
 
.navbar-default .navbar-brand:hover,
 
.navbar-default .navbar-brand:focus {
 
  color: #5e5e5e;
 
  background-color: transparent;
 
}
 
.navbar-default .navbar-text {
 
  color: #777;
 
}
 
.navbar-default .navbar-nav > li > a {
 
  color: #777;
 
}
 
.navbar-default .navbar-nav > li > a:hover,
 
.navbar-default .navbar-nav > li > a:focus {
 
  color: #333;
 
  background-color: transparent;
 
}
 
.navbar-default .navbar-nav > .active > a,
 
.navbar-default .navbar-nav > .active > a:hover,
 
.navbar-default .navbar-nav > .active > a:focus {
 
  color: #555;
 
  background-color: #e7e7e7;
 
}
 
.navbar-default .navbar-nav > .disabled > a,
 
.navbar-default .navbar-nav > .disabled > a:hover,
 
.navbar-default .navbar-nav > .disabled > a:focus {
 
  color: #ccc;
 
  background-color: transparent;
 
}
 
.navbar-default .navbar-toggle {
 
  border-color: #ddd;
 
}
 
.navbar-default .navbar-toggle:hover,
 
.navbar-default .navbar-toggle:focus {
 
  background-color: #ddd;
 
}
 
.navbar-default .navbar-toggle .icon-bar {
 
  background-color: #888;
 
}
 
.navbar-default .navbar-collapse,
 
.navbar-default .navbar-form {
 
  border-color: #e7e7e7;
 
}
 
.navbar-default .navbar-nav > .open > a,
 
.navbar-default .navbar-nav > .open > a:hover,
 
.navbar-default .navbar-nav > .open > a:focus {
 
  color: #555;
 
  background-color: #e7e7e7;
 
}
 
@media (max-width: 767px) {
 
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
 
    color: #777;
 
  }
 
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
 
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
 
    color: #333;
 
    background-color: transparent;
 
  }
 
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
 
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
 
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
 
    color: #555;
 
    background-color: #e7e7e7;
 
  }
 
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
 
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
 
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
 
    color: #ccc;
 
    background-color: transparent;
 
  }
 
}
 
.navbar-default .navbar-link {
 
  color: #777;
 
}
 
.navbar-default .navbar-link:hover {
 
  color: #333;
 
}
 
.navbar-default .btn-link {
 
  color: #777;
 
}
 
.navbar-default .btn-link:hover,
 
.navbar-default .btn-link:focus {
 
  color: #333;
 
}
 
.navbar-default .btn-link[disabled]:hover,
 
fieldset[disabled] .navbar-default .btn-link:hover,
 
.navbar-default .btn-link[disabled]:focus,
 
fieldset[disabled] .navbar-default .btn-link:focus {
 
  color: #ccc;
 
}
 
.navbar-inverse {
 
  background-color: #222;
 
  border-color: #080808;
 
}
 
.navbar-inverse .navbar-brand {
 
  color: #9d9d9d;
 
}
 
.navbar-inverse .navbar-brand:hover,
 
.navbar-inverse .navbar-brand:focus {
 
  color: #fff;
 
  background-color: transparent;
 
}
 
.navbar-inverse .navbar-text {
 
  color: #9d9d9d;
 
}
 
.navbar-inverse .navbar-nav > li > a {
 
  color: #9d9d9d;
 
}
 
.navbar-inverse .navbar-nav > li > a:hover,
 
.navbar-inverse .navbar-nav > li > a:focus {
 
  color: #fff;
 
  background-color: transparent;
 
}
 
.navbar-inverse .navbar-nav > .active > a,
 
.navbar-inverse .navbar-nav > .active > a:hover,
 
.navbar-inverse .navbar-nav > .active > a:focus {
 
  color: #fff;
 
  background-color: #080808;
 
}
 
.navbar-inverse .navbar-nav > .disabled > a,
 
.navbar-inverse .navbar-nav > .disabled > a:hover,
 
.navbar-inverse .navbar-nav > .disabled > a:focus {
 
  color: #444;
 
  background-color: transparent;
 
}
 
.navbar-inverse .navbar-toggle {
 
  border-color: #333;
 
}
 
.navbar-inverse .navbar-toggle:hover,
 
.navbar-inverse .navbar-toggle:focus {
 
  background-color: #333;
 
}
 
.navbar-inverse .navbar-toggle .icon-bar {
 
  background-color: #fff;
 
}
 
.navbar-inverse .navbar-collapse,
 
.navbar-inverse .navbar-form {
 
  border-color: #101010;
 
}
 
.navbar-inverse .navbar-nav > .open > a,
 
.navbar-inverse .navbar-nav > .open > a:hover,
 
.navbar-inverse .navbar-nav > .open > a:focus {
 
  color: #fff;
 
  background-color: #080808;
 
}
 
@media (max-width: 767px) {
 
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
 
    border-color: #080808;
 
  }
 
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
 
    background-color: #080808;
 
  }
 
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
 
    color: #9d9d9d;
 
  }
 
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
 
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
 
    color: #fff;
 
    background-color: transparent;
 
  }
 
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
 
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
 
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
 
    color: #fff;
 
    background-color: #080808;
 
  }
 
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
 
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
 
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
 
    color: #444;
 
    background-color: transparent;
 
  }
 
}
 
.navbar-inverse .navbar-link {
 
  color: #9d9d9d;
 
}
 
.navbar-inverse .navbar-link:hover {
 
  color: #fff;
 
}
 
.navbar-inverse .btn-link {
 
  color: #9d9d9d;
 
}
 
.navbar-inverse .btn-link:hover,
 
.navbar-inverse .btn-link:focus {
 
  color: #fff;
 
}
 
.navbar-inverse .btn-link[disabled]:hover,
 
fieldset[disabled] .navbar-inverse .btn-link:hover,
 
.navbar-inverse .btn-link[disabled]:focus,
 
fieldset[disabled] .navbar-inverse .btn-link:focus {
 
  color: #444;
 
}
 
.breadcrumb {
 
  padding: 8px 15px;
 
  margin-bottom: 20px;
 
  list-style: none;
 
  background-color: #f5f5f5;
 
  border-radius: 4px;
 
}
 
.breadcrumb > li {
 
  display: inline-block;
 
}
 
.breadcrumb > li + li:before {
 
  padding: 0 5px;
 
  color: #ccc;
 
  content: "/\00a0";
 
}
 
.breadcrumb > .active {
 
  color: #777;
 
}
 
.pagination {
 
  display: inline-block;
 
  padding-left: 0;
 
  margin: 20px 0;
 
  border-radius: 4px;
 
}
 
.pagination > li {
 
  display: inline;
 
}
 
.pagination > li > a,
 
.pagination > li > span {
 
  position: relative;
 
  float: left;
 
  padding: 6px 12px;
 
  margin-left: -1px;
 
  line-height: 1.42857143;
 
  color: #337ab7;
 
  text-decoration: none;
 
  background-color: #fff;
 
  border: 1px solid #ddd;
 
}
 
.pagination > li:first-child > a,
 
.pagination > li:first-child > span {
 
  margin-left: 0;
 
  border-top-left-radius: 4px;
 
  border-bottom-left-radius: 4px;
 
}
 
.pagination > li:last-child > a,
 
.pagination > li:last-child > span {
 
  border-top-right-radius: 4px;
 
  border-bottom-right-radius: 4px;
 
}
 
.pagination > li > a:hover,
 
.pagination > li > span:hover,
 
.pagination > li > a:focus,
 
.pagination > li > span:focus {
 
  color: #23527c;
 
  background-color: #eee;
 
  border-color: #ddd;
 
}
 
.pagination > .active > a,
 
.pagination > .active > span,
 
.pagination > .active > a:hover,
 
.pagination > .active > span:hover,
 
.pagination > .active > a:focus,
 
.pagination > .active > span:focus {
 
  z-index: 2;
 
  color: #fff;
 
  cursor: default;
 
  background-color: #337ab7;
 
  border-color: #337ab7;
 
}
 
.pagination > .disabled > span,
 
.pagination > .disabled > span:hover,
 
.pagination > .disabled > span:focus,
 
.pagination > .disabled > a,
 
.pagination > .disabled > a:hover,
 
.pagination > .disabled > a:focus {
 
  color: #777;
 
  cursor: not-allowed;
 
  background-color: #fff;
 
  border-color: #ddd;
 
}
 
.pagination-lg > li > a,
 
.pagination-lg > li > span {
 
  padding: 10px 16px;
 
  font-size: 18px;
 
}
 
.pagination-lg > li:first-child > a,
 
.pagination-lg > li:first-child > span {
 
  border-top-left-radius: 6px;
 
  border-bottom-left-radius: 6px;
 
}
 
.pagination-lg > li:last-child > a,
 
.pagination-lg > li:last-child > span {
 
  border-top-right-radius: 6px;
 
  border-bottom-right-radius: 6px;
 
}
 
.pagination-sm > li > a,
 
.pagination-sm > li > span {
 
  padding: 5px 10px;
 
  font-size: 12px;
 
}
 
.pagination-sm > li:first-child > a,
 
.pagination-sm > li:first-child > span {
 
  border-top-left-radius: 3px;
 
  border-bottom-left-radius: 3px;
 
}
 
.pagination-sm > li:last-child > a,
 
.pagination-sm > li:last-child > span {
 
  border-top-right-radius: 3px;
 
  border-bottom-right-radius: 3px;
 
}
 
.pager {
 
  padding-left: 0;
 
  margin: 20px 0;
 
  text-align: center;
 
  list-style: none;
 
}
 
.pager li {
 
  display: inline;
 
}
 
.pager li > a,
 
.pager li > span {
 
  display: inline-block;
 
  padding: 5px 14px;
 
  background-color: #fff;
 
  border: 1px solid #ddd;
 
  border-radius: 15px;
 
}
 
.pager li > a:hover,
 
.pager li > a:focus {
 
  text-decoration: none;
 
  background-color: #eee;
 
}
 
.pager .next > a,
 
.pager .next > span {
 
  float: right;
 
}
 
.pager .previous > a,
 
.pager .previous > span {
 
  float: left;
 
}
 
.pager .disabled > a,
 
.pager .disabled > a:hover,
 
.pager .disabled > a:focus,
 
.pager .disabled > span {
 
  color: #777;
 
  cursor: not-allowed;
 
  background-color: #fff;
 
}
 
.label {
 
  display: inline;
 
  padding: .2em .6em .3em;
 
  font-size: 75%;
 
  font-weight: bold;
 
  line-height: 1;
 
  color: #fff;
 
  text-align: center;
 
  white-space: nowrap;
 
  vertical-align: baseline;
 
  border-radius: .25em;
 
}
 
a.label:hover,
 
a.label:focus {
 
  color: #fff;
 
  text-decoration: none;
 
  cursor: pointer;
 
}
 
.label:empty {
 
  display: none;
 
}
 
.btn .label {
 
  position: relative;
 
  top: -1px;
 
}
 
.label-default {
 
  background-color: #777;
 
}
 
.label-default[href]:hover,
 
.label-default[href]:focus {
 
  background-color: #5e5e5e;
 
}
 
.label-primary {
 
  background-color: #337ab7;
 
}
 
.label-primary[href]:hover,
 
.label-primary[href]:focus {
 
  background-color: #76bf8d;
 
}
 
.label-success {
 
  background-color: #5cb85c;
 
}
 
.label-success[href]:hover,
 
.label-success[href]:focus {
 
  background-color: #449d44;
 
}
 
.label-info {
 
  background-color: #5bc0de;
 
}
 
.label-info[href]:hover,
 
.label-info[href]:focus {
 
  background-color: #31b0d5;
 
}
 
.label-warning {
 
  background-color: #f0ad4e;
 
}
 
.label-warning[href]:hover,
 
.label-warning[href]:focus {
 
  background-color: #ec971f;
 
}
 
.label-danger {
 
  background-color: #d9534f;
 
}
 
.label-danger[href]:hover,
 
.label-danger[href]:focus {
 
  background-color: #c9302c;
 
}
 
.badge {
 
  display: inline-block;
 
  min-width: 10px;
 
  padding: 3px 7px;
 
  font-size: 12px;
 
  font-weight: bold;
 
  line-height: 1;
 
  color: #fff;
 
  text-align: center;
 
  white-space: nowrap;
 
  vertical-align: baseline;
 
  background-color: #777;
 
  border-radius: 10px;
 
}
 
.badge:empty {
 
  display: none;
 
}
 
.btn .badge {
 
  position: relative;
 
  top: -1px;
 
}
 
.btn-xs .badge,
 
.btn-group-xs > .btn .badge {
 
  top: 0;
 
  padding: 1px 5px;
 
}
 
a.badge:hover,
 
a.badge:focus {
 
  color: #fff;
 
  text-decoration: none;
 
  cursor: pointer;
 
}
 
.list-group-item.active > .badge,
 
.nav-pills > .active > a > .badge {
 
  color: #337ab7;
 
  background-color: #fff;
 
}
 
.list-group-item > .badge {
 
  float: right;
 
}
 
.list-group-item > .badge + .badge {
 
  margin-right: 5px;
 
}
 
.nav-pills > li > a > .badge {
 
  margin-left: 3px;
 
}
 
.jumbotron {
 
  padding:50px;
 
  margin:50px;
 
  color: inherit;
 
  background-color:rgba(125, 63, 152, 0.9);
 
}
 
.jumbotron h1,
 
.jumbotron .h1 {
 
  color: inherit;
 
}
 
.jumbotron p {
 
  margin-bottom: 15px;
 
  font-size: 21px;
 
  font-weight: 200;
 
  line-height:80%;
 
}
 
.jumbotron > hr {
 
  border-top-color: #d5d5d5;
 
}
 
.rolldown .jumbotron,
 
.rolldown-fluid .jumbotron {
 
  border-radius: 6px;
 
}
 
.jumbotron .rolldown {
 
  max-width: 100%;
 
}
 
@media screen and (min-width: 768px) {
 
  .jumbotron {
 
    padding: 48px 0;
 
  }
 
  .rolldown .jumbotron,
 
  .rolldown-fluid .jumbotron {
 
    padding-right: 60px;
 
    padding-left: 60px;
 
  }
 
  .jumbotron h1,
 
  .jumbotron .h1 {
 
    font-size: 63px;
 
  }
 
}
 
.thumbnail {
 
  display: block;
 
  padding: 4px;
 
  margin-bottom: 20px;
 
  line-height: 1.42857143;
 
  background-color: #fff;
 
  border: 1px solid #ddd;
 
  border-radius: 4px;
 
  -webkit-transition: border .2s ease-in-out;
 
      -o-transition: border .2s ease-in-out;
 
          transition: border .2s ease-in-out;
 
}
 
.thumbnail > img,
 
.thumbnail a > img {
 
  margin-right: auto;
 
  margin-left: auto;
 
}
 
a.thumbnail:hover,
 
a.thumbnail:focus,
 
a.thumbnail.active {
 
  border-color: #337ab7;
 
}
 
.thumbnail .caption {
 
  padding: 9px;
 
  color: #333;
 
}
 
.alert {
 
  padding: 15px;
 
  margin-bottom: 20px;
 
  border: 1px solid transparent;
 
  border-radius: 4px;
 
}
 
.alert h4 {
 
  margin-top: 0;
 
  color: inherit;
 
}
 
.alert .alert-link {
 
  font-weight: bold;
 
}
 
.alert > p,
 
.alert > ul {
 
  margin-bottom: 0;
 
}
 
.alert > p + p {
 
  margin-top: 5px;
 
}
 
.alert-dismissable,
 
.alert-dismissible {
 
  padding-right: 35px;
 
}
 
.alert-dismissable .close,
 
.alert-dismissible .close {
 
  position: relative;
 
  top: -2px;
 
  right: -21px;
 
  color: inherit;
 
}
 
.alert-success {
 
  color: #3c763d;
 
  background-color: #dff0d8;
 
  border-color: #d6e9c6;
 
}
 
.alert-success hr {
 
  border-top-color: #c9e2b3;
 
}
 
.alert-success .alert-link {
 
  color: #2b542c;
 
}
 
.alert-info {
 
  color: #31708f;
 
  background-color: #d9edf7;
 
  border-color: #bce8f1;
 
}
 
.alert-info hr {
 
  border-top-color: #a6e1ec;
 
}
 
.alert-info .alert-link {
 
  color: #245269;
 
}
 
.alert-warning {
 
  color: #8a6d3b;
 
  background-color: #fcf8e3;
 
  border-color: #faebcc;
 
}
 
.alert-warning hr {
 
  border-top-color: #f7e1b5;
 
}
 
.alert-warning .alert-link {
 
  color: #66512c;
 
}
 
.alert-danger {
 
  color: #a94442;
 
  background-color: #f2dede;
 
  border-color: #ebccd1;
 
}
 
.alert-danger hr {
 
  border-top-color: #e4b9c0;
 
}
 
.alert-danger .alert-link {
 
  color: #843534;
 
}
 
@-webkit-keyframes progress-bar-stripes {
 
  from {
 
    background-position: 40px 0;
 
  }
 
  to {
 
    background-position: 0 0;
 
  }
 
}
 
@-o-keyframes progress-bar-stripes {
 
  from {
 
    background-position: 40px 0;
 
  }
 
  to {
 
    background-position: 0 0;
 
  }
 
}
 
@keyframes progress-bar-stripes {
 
  from {
 
    background-position: 40px 0;
 
  }
 
  to {
 
    background-position: 0 0;
 
  }
 
}
 
.progress {
 
  height: 20px;
 
  margin-bottom: 20px;
 
  overflow: hidden;
 
  background-color: #f5f5f5;
 
  border-radius: 4px;
 
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
 
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
 
}
 
.progress-bar {
 
  float: left;
 
  width: 0;
 
 
   height: 100%;
 
   height: 100%;
  font-size: 12px;
 
  line-height: 20px;
 
  color: #fff;
 
  text-align: center;
 
  background-color: #337ab7;
 
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
 
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
 
  -webkit-transition: width .6s ease;
 
      -o-transition: width .6s ease;
 
          transition: width .6s ease;
 
}
 
.progress-striped .progress-bar,
 
.progress-bar-striped {
 
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
 
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
 
  background-image:        linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
 
  -webkit-background-size: 40px 40px;
 
          background-size: 40px 40px;
 
}
 
.progress.active .progress-bar,
 
.progress-bar.active {
 
  -webkit-animation: progress-bar-stripes 2s linear infinite;
 
      -o-animation: progress-bar-stripes 2s linear infinite;
 
          animation: progress-bar-stripes 2s linear infinite;
 
}
 
.progress-bar-success {
 
  background-color: #5cb85c;
 
}
 
.progress-striped .progress-bar-success {
 
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
 
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
 
  background-image:        linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
 
}
 
.progress-bar-info {
 
  background-color: #5bc0de;
 
}
 
.progress-striped .progress-bar-info {
 
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
 
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
 
  background-image:        linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
 
}
 
.progress-bar-warning {
 
  background-color: #f0ad4e;
 
}
 
.progress-striped .progress-bar-warning {
 
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
 
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
 
  background-image:        linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
 
}
 
.progress-bar-danger {
 
  background-color: #d9534f;
 
}
 
.progress-striped .progress-bar-danger {
 
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
 
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
 
  background-image:        linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
 
}
 
.media {
 
  margin-top: 15px;
 
}
 
.media:first-child {
 
  margin-top: 0;
 
}
 
.media,
 
.media-body {
 
  overflow: hidden;
 
  zoom: 1;
 
}
 
.media-body {
 
  width: 10000px;
 
}
 
.media-object {
 
  display: block;
 
}
 
.media-right,
 
.media > .pull-right {
 
  padding-left: 10px;
 
}
 
.media-left,
 
.media > .pull-left {
 
  padding-right: 10px;
 
}
 
.media-left,
 
.media-right,
 
.media-body {
 
  display: table-cell;
 
  vertical-align: top;
 
}
 
.media-middle {
 
  vertical-align: middle;
 
}
 
.media-bottom {
 
  vertical-align: bottom;
 
}
 
.media-heading {
 
  margin-top: 0;
 
  margin-bottom: 5px;
 
}
 
.media-list {
 
  padding-left: 0;
 
  list-style: none;
 
}
 
.list-group {
 
  padding-left: 0;
 
  margin-bottom: 20px;
 
}
 
.list-group-item {
 
  position: relative;
 
  display: block;
 
  padding: 10px 15px;
 
  margin-bottom: -1px;
 
  background-color: #fff;
 
  border: 1px solid #ddd;
 
}
 
.list-group-item:first-child {
 
  border-top-left-radius: 4px;
 
  border-top-right-radius: 4px;
 
}
 
.list-group-item:last-child {
 
  margin-bottom: 0;
 
  border-bottom-right-radius: 4px;
 
  border-bottom-left-radius: 4px;
 
}
 
a.list-group-item {
 
  color: #555;
 
}
 
a.list-group-item .list-group-item-heading {
 
  color: #333;
 
}
 
a.list-group-item:hover,
 
a.list-group-item:focus {
 
  color: #555;
 
  text-decoration: none;
 
  background-color: #f5f5f5;
 
}
 
.list-group-item.disabled,
 
.list-group-item.disabled:hover,
 
.list-group-item.disabled:focus {
 
  color: #777;
 
  cursor: not-allowed;
 
  background-color: #eee;
 
}
 
.list-group-item.disabled .list-group-item-heading,
 
.list-group-item.disabled:hover .list-group-item-heading,
 
.list-group-item.disabled:focus .list-group-item-heading {
 
  color: inherit;
 
}
 
.list-group-item.disabled .list-group-item-text,
 
.list-group-item.disabled:hover .list-group-item-text,
 
.list-group-item.disabled:focus .list-group-item-text {
 
  color: #777;
 
}
 
.list-group-item.active,
 
.list-group-item.active:hover,
 
.list-group-item.active:focus {
 
  z-index: 2;
 
  color: #fff;
 
  background-color: #337ab7;
 
  border-color: #337ab7;
 
}
 
.list-group-item.active .list-group-item-heading,
 
.list-group-item.active:hover .list-group-item-heading,
 
.list-group-item.active:focus .list-group-item-heading,
 
.list-group-item.active .list-group-item-heading > small,
 
.list-group-item.active:hover .list-group-item-heading > small,
 
.list-group-item.active:focus .list-group-item-heading > small,
 
.list-group-item.active .list-group-item-heading > .small,
 
.list-group-item.active:hover .list-group-item-heading > .small,
 
.list-group-item.active:focus .list-group-item-heading > .small {
 
  color: inherit;
 
}
 
.list-group-item.active .list-group-item-text,
 
.list-group-item.active:hover .list-group-item-text,
 
.list-group-item.active:focus .list-group-item-text {
 
  color: #c7ddef;
 
}
 
.list-group-item-success {
 
  color: #3c763d;
 
  background-color: #dff0d8;
 
}
 
a.list-group-item-success {
 
  color: #3c763d;
 
}
 
a.list-group-item-success .list-group-item-heading {
 
  color: inherit;
 
}
 
a.list-group-item-success:hover,
 
a.list-group-item-success:focus {
 
  color: #3c763d;
 
  background-color: #d0e9c6;
 
}
 
a.list-group-item-success.active,
 
a.list-group-item-success.active:hover,
 
a.list-group-item-success.active:focus {
 
  color: #fff;
 
  background-color: #3c763d;
 
  border-color: #3c763d;
 
}
 
.list-group-item-info {
 
  color: #31708f;
 
  background-color: #d9edf7;
 
}
 
a.list-group-item-info {
 
  color: #31708f;
 
}
 
a.list-group-item-info .list-group-item-heading {
 
  color: inherit;
 
}
 
a.list-group-item-info:hover,
 
a.list-group-item-info:focus {
 
  color: #31708f;
 
  background-color: #c4e3f3;
 
}
 
a.list-group-item-info.active,
 
a.list-group-item-info.active:hover,
 
a.list-group-item-info.active:focus {
 
  color: #fff;
 
  background-color: #31708f;
 
  border-color: #31708f;
 
}
 
.list-group-item-warning {
 
  color: #8a6d3b;
 
  background-color: #fcf8e3;
 
}
 
a.list-group-item-warning {
 
  color: #8a6d3b;
 
}
 
a.list-group-item-warning .list-group-item-heading {
 
  color: inherit;
 
}
 
a.list-group-item-warning:hover,
 
a.list-group-item-warning:focus {
 
  color: #8a6d3b;
 
  background-color: #faf2cc;
 
}
 
a.list-group-item-warning.active,
 
a.list-group-item-warning.active:hover,
 
a.list-group-item-warning.active:focus {
 
  color: #fff;
 
  background-color: #8a6d3b;
 
  border-color: #8a6d3b;
 
}
 
.list-group-item-danger {
 
  color: #a94442;
 
  background-color: #f2dede;
 
}
 
a.list-group-item-danger {
 
  color: #a94442;
 
}
 
a.list-group-item-danger .list-group-item-heading {
 
  color: inherit;
 
}
 
a.list-group-item-danger:hover,
 
a.list-group-item-danger:focus {
 
  color: #a94442;
 
  background-color: #ebcccc;
 
}
 
a.list-group-item-danger.active,
 
a.list-group-item-danger.active:hover,
 
a.list-group-item-danger.active:focus {
 
  color: #fff;
 
  background-color: #a94442;
 
  border-color: #a94442;
 
}
 
.list-group-item-heading {
 
  margin-top: 0;
 
  margin-bottom: 5px;
 
}
 
.list-group-item-text {
 
  margin-bottom: 0;
 
  line-height: 1.3;
 
}
 
.panel {
 
  margin-bottom: 20px;
 
  background-color: #fff;
 
  border: 1px solid transparent;
 
  border-radius: 4px;
 
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
 
          box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
 
}
 
.panel-body {
 
  padding: 15px;
 
}
 
.panel-heading {
 
  padding: 10px 15px;
 
  border-bottom: 1px solid transparent;
 
  border-top-left-radius: 3px;
 
  border-top-right-radius: 3px;
 
}
 
.panel-heading > .dropdown .dropdown-toggle {
 
  color: inherit;
 
}
 
.panel-title {
 
  margin-top: 0;
 
  margin-bottom: 0;
 
  font-size: 16px;
 
  color: inherit;
 
}
 
.panel-title > a,
 
.panel-title > small,
 
.panel-title > .small,
 
.panel-title > small > a,
 
.panel-title > .small > a {
 
  color: inherit;
 
}
 
.panel-footer {
 
  padding: 10px 15px;
 
  background-color: #f5f5f5;
 
  border-top: 1px solid #ddd;
 
  border-bottom-right-radius: 3px;
 
  border-bottom-left-radius: 3px;
 
}
 
.panel > .list-group,
 
.panel > .panel-collapse > .list-group {
 
  margin-bottom: 0;
 
}
 
.panel > .list-group .list-group-item,
 
.panel > .panel-collapse > .list-group .list-group-item {
 
  border-width: 1px 0;
 
  border-radius: 0;
 
}
 
.panel > .list-group:first-child .list-group-item:first-child,
 
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
 
  border-top: 0;
 
  border-top-left-radius: 3px;
 
  border-top-right-radius: 3px;
 
}
 
.panel > .list-group:last-child .list-group-item:last-child,
 
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
 
  border-bottom: 0;
 
  border-bottom-right-radius: 3px;
 
  border-bottom-left-radius: 3px;
 
}
 
.panel-heading + .list-group .list-group-item:first-child {
 
  border-top-width: 0;
 
}
 
.list-group + .panel-footer {
 
  border-top-width: 0;
 
}
 
.panel > .table,
 
.panel > .table-responsive > .table,
 
.panel > .panel-collapse > .table {
 
  margin-bottom: 0;
 
}
 
.panel > .table caption,
 
.panel > .table-responsive > .table caption,
 
.panel > .panel-collapse > .table caption {
 
  padding-right: 15px;
 
  padding-left: 15px;
 
}
 
.panel > .table:first-child,
 
.panel > .table-responsive:first-child > .table:first-child {
 
  border-top-left-radius: 3px;
 
  border-top-right-radius: 3px;
 
}
 
.panel > .table:first-child > thead:first-child > tr:first-child,
 
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
 
.panel > .table:first-child > tbody:first-child > tr:first-child,
 
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
 
  border-top-left-radius: 3px;
 
  border-top-right-radius: 3px;
 
}
 
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
 
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
 
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
 
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
 
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
 
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
 
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
 
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
 
  border-top-left-radius: 3px;
 
}
 
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
 
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
 
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
 
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
 
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
 
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
 
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
 
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
 
  border-top-right-radius: 3px;
 
}
 
.panel > .table:last-child,
 
.panel > .table-responsive:last-child > .table:last-child {
 
  border-bottom-right-radius: 3px;
 
  border-bottom-left-radius: 3px;
 
}
 
.panel > .table:last-child > tbody:last-child > tr:last-child,
 
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
 
.panel > .table:last-child > tfoot:last-child > tr:last-child,
 
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
 
  border-bottom-right-radius: 3px;
 
  border-bottom-left-radius: 3px;
 
}
 
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
 
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
 
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
 
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
 
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
 
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
 
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
 
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
 
  border-bottom-left-radius: 3px;
 
}
 
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
 
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
 
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
 
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
 
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
 
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
 
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
 
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
 
  border-bottom-right-radius: 3px;
 
}
 
.panel > .panel-body + .table,
 
.panel > .panel-body + .table-responsive,
 
.panel > .table + .panel-body,
 
.panel > .table-responsive + .panel-body {
 
  border-top: 1px solid #ddd;
 
}
 
.panel > .table > tbody:first-child > tr:first-child th,
 
.panel > .table > tbody:first-child > tr:first-child td {
 
  border-top: 0;
 
}
 
.panel > .table-bordered,
 
.panel > .table-responsive > .table-bordered {
 
  border: 0;
 
}
 
.panel > .table-bordered > thead > tr > th:first-child,
 
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
 
.panel > .table-bordered > tbody > tr > th:first-child,
 
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
 
.panel > .table-bordered > tfoot > tr > th:first-child,
 
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
 
.panel > .table-bordered > thead > tr > td:first-child,
 
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
 
.panel > .table-bordered > tbody > tr > td:first-child,
 
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
 
.panel > .table-bordered > tfoot > tr > td:first-child,
 
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
 
  border-left: 0;
 
}
 
.panel > .table-bordered > thead > tr > th:last-child,
 
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
 
.panel > .table-bordered > tbody > tr > th:last-child,
 
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
 
.panel > .table-bordered > tfoot > tr > th:last-child,
 
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
 
.panel > .table-bordered > thead > tr > td:last-child,
 
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
 
.panel > .table-bordered > tbody > tr > td:last-child,
 
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
 
.panel > .table-bordered > tfoot > tr > td:last-child,
 
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
 
  border-right: 0;
 
}
 
.panel > .table-bordered > thead > tr:first-child > td,
 
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
 
.panel > .table-bordered > tbody > tr:first-child > td,
 
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
 
.panel > .table-bordered > thead > tr:first-child > th,
 
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
 
.panel > .table-bordered > tbody > tr:first-child > th,
 
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
 
  border-bottom: 0;
 
}
 
.panel > .table-bordered > tbody > tr:last-child > td,
 
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
 
.panel > .table-bordered > tfoot > tr:last-child > td,
 
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
 
.panel > .table-bordered > tbody > tr:last-child > th,
 
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
 
.panel > .table-bordered > tfoot > tr:last-child > th,
 
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
 
  border-bottom: 0;
 
}
 
.panel > .table-responsive {
 
  margin-bottom: 0;
 
  border: 0;
 
}
 
.panel-group {
 
  margin-bottom: 20px;
 
}
 
.panel-group .panel {
 
  margin-bottom: 0;
 
  border-radius: 4px;
 
}
 
.panel-group .panel + .panel {
 
  margin-top: 5px;
 
}
 
.panel-group .panel-heading {
 
  border-bottom: 0;
 
}
 
.panel-group .panel-heading + .panel-collapse > .panel-body,
 
.panel-group .panel-heading + .panel-collapse > .list-group {
 
  border-top: 1px solid #ddd;
 
}
 
.panel-group .panel-footer {
 
  border-top: 0;
 
}
 
.panel-group .panel-footer + .panel-collapse .panel-body {
 
  border-bottom: 1px solid #ddd;
 
}
 
.panel-default {
 
  border-color: #ddd;
 
}
 
.panel-default > .panel-heading {
 
  color: #333;
 
  background-color: #f5f5f5;
 
  border-color: #ddd;
 
}
 
.panel-default > .panel-heading + .panel-collapse > .panel-body {
 
  border-top-color: #ddd;
 
}
 
.panel-default > .panel-heading .badge {
 
  color: #f5f5f5;
 
  background-color: #333;
 
}
 
.panel-default > .panel-footer + .panel-collapse > .panel-body {
 
  border-bottom-color: #ddd;
 
}
 
.panel-primary {
 
  border-color: #337ab7;
 
}
 
.panel-primary > .panel-heading {
 
  color: #fff;
 
  background-color: #337ab7;
 
  border-color: #337ab7;
 
}
 
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
 
  border-top-color: #337ab7;
 
}
 
.panel-primary > .panel-heading .badge {
 
  color: #337ab7;
 
  background-color: #fff;
 
}
 
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
 
  border-bottom-color: #337ab7;
 
}
 
.panel-success {
 
  border-color: #d6e9c6;
 
}
 
.panel-success > .panel-heading {
 
  color: #3c763d;
 
  background-color: #dff0d8;
 
  border-color: #d6e9c6;
 
}
 
.panel-success > .panel-heading + .panel-collapse > .panel-body {
 
  border-top-color: #d6e9c6;
 
}
 
.panel-success > .panel-heading .badge {
 
  color: #dff0d8;
 
  background-color: #3c763d;
 
}
 
.panel-success > .panel-footer + .panel-collapse > .panel-body {
 
  border-bottom-color: #d6e9c6;
 
}
 
.panel-info {
 
  border-color: #bce8f1;
 
}
 
.panel-info > .panel-heading {
 
  color: #31708f;
 
  background-color: #d9edf7;
 
  border-color: #bce8f1;
 
}
 
.panel-info > .panel-heading + .panel-collapse > .panel-body {
 
  border-top-color: #bce8f1;
 
}
 
.panel-info > .panel-heading .badge {
 
  color: #d9edf7;
 
  background-color: #31708f;
 
}
 
.panel-info > .panel-footer + .panel-collapse > .panel-body {
 
  border-bottom-color: #bce8f1;
 
}
 
.panel-warning {
 
  border-color: #faebcc;
 
}
 
.panel-warning > .panel-heading {
 
  color: #8a6d3b;
 
  background-color: #fcf8e3;
 
  border-color: #faebcc;
 
}
 
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
 
  border-top-color: #faebcc;
 
}
 
.panel-warning > .panel-heading .badge {
 
  color: #fcf8e3;
 
  background-color: #8a6d3b;
 
}
 
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
 
  border-bottom-color: #faebcc;
 
}
 
.panel-danger {
 
  border-color: #ebccd1;
 
}
 
.panel-danger > .panel-heading {
 
  color: #a94442;
 
  background-color: #f2dede;
 
  border-color: #ebccd1;
 
}
 
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
 
  border-top-color: #ebccd1;
 
}
 
.panel-danger > .panel-heading .badge {
 
  color: #f2dede;
 
  background-color: #a94442;
 
}
 
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
 
  border-bottom-color: #ebccd1;
 
}
 
.embed-responsive {
 
  position: relative;
 
  display: block;
 
  height: 0;
 
  padding: 0;
 
  overflow: hidden;
 
}
 
.embed-responsive .embed-responsive-item,
 
.embed-responsive iframe,
 
.embed-responsive embed,
 
.embed-responsive object,
 
.embed-responsive video {
 
  position: absolute;
 
  top: 0;
 
  bottom: 0;
 
 
   left: 0;
 
   left: 0;
  width: 100%;
 
  height: 100%;
 
  border: 0;
 
}
 
.embed-responsive-16by9 {
 
  padding-bottom: 56.25%;
 
}
 
.embed-responsive-4by3 {
 
  padding-bottom: 75%;
 
}
 
.well {
 
  min-height: 20px;
 
  padding: 19px;
 
  margin-bottom: 20px;
 
  background-color: #f5f5f5;
 
  border: 1px solid #e3e3e3;
 
  border-radius: 4px;
 
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
 
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
 
}
 
.well blockquote {
 
  border-color: #ddd;
 
  border-color: rgba(0, 0, 0, .15);
 
}
 
.well-lg {
 
  padding: 24px;
 
  border-radius: 6px;
 
}
 
.well-sm {
 
  padding: 9px;
 
  border-radius: 3px;
 
}
 
.close {
 
  float: right;
 
  font-size: 21px;
 
  font-weight: bold;
 
  line-height: 1;
 
  color: #000;
 
  text-shadow: 0 1px 0 #fff;
 
  filter: alpha(opacity=20);
 
  opacity: .2;
 
}
 
.close:hover,
 
.close:focus {
 
  color: #000;
 
  text-decoration: none;
 
  cursor: pointer;
 
  filter: alpha(opacity=50);
 
  opacity: .5;
 
}
 
button.close {
 
  -webkit-appearance: none;
 
  padding: 0;
 
  cursor: pointer;
 
  background: transparent;
 
  border: 0;
 
}
 
.modal-open {
 
  overflow: hidden;
 
}
 
.modal {
 
  position: fixed;
 
  top: 0;
 
  right: 0;
 
  bottom: 0;
 
  left: 0;
 
  z-index: 1050;
 
  display: none;
 
  overflow: hidden;
 
  -webkit-overflow-scrolling: touch;
 
  outline: 0;
 
}
 
.modal.fade .modal-dialog {
 
  -webkit-transition: -webkit-transform .3s ease-out;
 
      -o-transition:      -o-transform .3s ease-out;
 
          transition:        transform .3s ease-out;
 
  -webkit-transform: translate(0, -25%);
 
      -ms-transform: translate(0, -25%);
 
      -o-transform: translate(0, -25%);
 
          transform: translate(0, -25%);
 
}
 
.modal.in .modal-dialog {
 
  -webkit-transform: translate(0, 0);
 
      -ms-transform: translate(0, 0);
 
      -o-transform: translate(0, 0);
 
          transform: translate(0, 0);
 
}
 
.modal-open .modal {
 
  overflow-x: hidden;
 
  overflow-y: auto;
 
}
 
.modal-dialog {
 
  position: relative;
 
  width: auto;
 
  margin: 10px;
 
}
 
.modal-content {
 
  position: relative;
 
  background-color: #fff;
 
  -webkit-background-clip: padding-box;
 
          background-clip: padding-box;
 
  border: 1px solid #999;
 
  border: 1px solid rgba(0, 0, 0, .2);
 
  border-radius: 6px;
 
  outline: 0;
 
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
 
          box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
 
}
 
.modal-backdrop {
 
  position: fixed;
 
  top: 0;
 
  right: 0;
 
  bottom: 0;
 
  left: 0;
 
  z-index: 1040;
 
  background-color: #000;
 
}
 
.modal-backdrop.fade {
 
  filter: alpha(opacity=0);
 
  opacity: 0;
 
}
 
.modal-backdrop.in {
 
  filter: alpha(opacity=50);
 
  opacity: .5;
 
}
 
.modal-header {
 
  min-height: 16.42857143px;
 
  padding: 15px;
 
  border-bottom: 1px solid #e5e5e5;
 
}
 
.modal-header .close {
 
  margin-top: -2px;
 
}
 
.modal-title {
 
  margin: 0;
 
  line-height: 1.42857143;
 
}
 
.modal-body {
 
  position: relative;
 
  padding: 15px;
 
}
 
.modal-footer {
 
  padding: 15px;
 
  text-align: right;
 
  border-top: 1px solid #e5e5e5;
 
}
 
.modal-footer .btn + .btn {
 
  margin-bottom: 0;
 
  margin-left: 5px;
 
}
 
.modal-footer .btn-group .btn + .btn {
 
  margin-left: -1px;
 
}
 
.modal-footer .btn-block + .btn-block {
 
  margin-left: 0;
 
}
 
.modal-scrollbar-measure {
 
 
   position: absolute;
 
   position: absolute;
  top: -9999px;
 
  width: 50px;
 
  height: 50px;
 
  overflow: scroll;
 
}
 
@media (min-width: 768px) {
 
  .modal-dialog {
 
    width: 600px;
 
    margin: 30px auto;
 
  }
 
  .modal-content {
 
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
 
            box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
 
  }
 
  .modal-sm {
 
    width: 300px;
 
  }
 
}
 
@media (min-width: 992px) {
 
  .modal-lg {
 
    width: 900px;
 
  }
 
}
 
.tooltip {
 
  position: absolute;
 
  z-index: 1070;
 
  display: block;
 
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 
  font-size: 12px;
 
  font-weight: normal;
 
  line-height: 1.4;
 
  filter: alpha(opacity=0);
 
  opacity: 0;
 
}
 
.tooltip.in {
 
  filter: alpha(opacity=90);
 
  opacity: .9;
 
}
 
.tooltip.top {
 
  padding: 5px 0;
 
  margin-top: -3px;
 
}
 
.tooltip.right {
 
  padding: 0 5px;
 
  margin-left: 3px;
 
}
 
.tooltip.bottom {
 
  padding: 5px 0;
 
  margin-top: 3px;
 
}
 
.tooltip.left {
 
  padding: 0 5px;
 
  margin-left: -3px;
 
}
 
.tooltip-inner {
 
  max-width: 200px;
 
  padding: 3px 8px;
 
  color: #fff;
 
  text-align: center;
 
  text-decoration: none;
 
  background-color: #000;
 
  border-radius: 4px;
 
}
 
.tooltip-arrow {
 
  position: absolute;
 
  width: 0;
 
  height: 0;
 
  border-color: transparent;
 
  border-style: solid;
 
}
 
.tooltip.top .tooltip-arrow {
 
  bottom: 0;
 
  left: 50%;
 
  margin-left: -5px;
 
  border-width: 5px 5px 0;
 
  border-top-color: #000;
 
}
 
.tooltip.top-left .tooltip-arrow {
 
  right: 5px;
 
  bottom: 0;
 
  margin-bottom: -5px;
 
  border-width: 5px 5px 0;
 
  border-top-color: #000;
 
}
 
.tooltip.top-right .tooltip-arrow {
 
  bottom: 0;
 
  left: 5px;
 
  margin-bottom: -5px;
 
  border-width: 5px 5px 0;
 
  border-top-color: #000;
 
}
 
.tooltip.right .tooltip-arrow {
 
  top: 50%;
 
  left: 0;
 
  margin-top: -5px;
 
  border-width: 5px 5px 5px 0;
 
  border-right-color: #000;
 
}
 
.tooltip.left .tooltip-arrow {
 
  top: 50%;
 
 
   right: 0;
 
   right: 0;
  margin-top: -5px;
+
   -webkit-transform: skewY(-7deg);
  border-width: 5px 0 5px 5px;
+
           transform: skewY(-7deg);
  border-left-color: #000;
+
   -webkit-transform-origin: 100%;
}
+
          transform-origin: 100%;
.tooltip.bottom .tooltip-arrow {
+
   z-index: -1;
  top: 0;
+
   top: 10em;
  left: 50%;
+
  margin-left: -5px;
+
  border-width: 0 5px 5px;
+
  border-bottom-color: #000;
+
}
+
.tooltip.bottom-left .tooltip-arrow {
+
  top: 0;
+
  right: 5px;
+
  margin-top: -5px;
+
  border-width: 0 5px 5px;
+
  border-bottom-color: #000;
+
}
+
.tooltip.bottom-right .tooltip-arrow {
+
  top: 0;
+
  left: 5px;
+
  margin-top: -5px;
+
  border-width: 0 5px 5px;
+
  border-bottom-color: #000;
+
}
+
.popover {
+
  position: absolute;
+
  top: 0;
+
  left: 0;
+
  z-index: 1060;
+
  display: none;
+
  max-width: 276px;
+
  padding: 1px;
+
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+
  font-size: 14px;
+
  font-weight: normal;
+
  line-height: 1.42857143;
+
  text-align: left;
+
  white-space: normal;
+
  background-color: #fff;
+
   -webkit-background-clip: padding-box;
+
          background-clip: padding-box;
+
  border: 1px solid #ccc;
+
  border: 1px solid rgba(0, 0, 0, .2);
+
  border-radius: 6px;
+
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
+
           box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
+
}
+
.popover.top {
+
  margin-top: -10px;
+
}
+
.popover.right {
+
  margin-left: 10px;
+
}
+
.popover.bottom {
+
  margin-top: 10px;
+
}
+
.popover.left {
+
  margin-left: -10px;
+
}
+
.popover-title {
+
  padding: 8px 14px;
+
  margin: 0;
+
  font-size: 14px;
+
  background-color: #f7f7f7;
+
  border-bottom: 1px solid #ebebeb;
+
  border-radius: 5px 5px 0 0;
+
}
+
.popover-content {
+
  padding: 9px 14px;
+
}
+
.popover > .arrow,
+
.popover > .arrow:after {
+
  position: absolute;
+
  display: block;
+
  width: 0;
+
  height: 0;
+
  border-color: transparent;
+
  border-style: solid;
+
}
+
.popover > .arrow {
+
  border-width: 11px;
+
}
+
.popover > .arrow:after {
+
  content: "";
+
  border-width: 10px;
+
}
+
.popover.top > .arrow {
+
  bottom: -11px;
+
  left: 50%;
+
  margin-left: -11px;
+
  border-top-color: #999;
+
  border-top-color: rgba(0, 0, 0, .25);
+
  border-bottom-width: 0;
+
}
+
.popover.top > .arrow:after {
+
  bottom: 1px;
+
  margin-left: -10px;
+
  content: " ";
+
  border-top-color: #fff;
+
  border-bottom-width: 0;
+
}
+
.popover.right > .arrow {
+
  top: 50%;
+
  left: -11px;
+
  margin-top: -11px;
+
  border-right-color: #999;
+
  border-right-color: rgba(0, 0, 0, .25);
+
  border-left-width: 0;
+
}
+
.popover.right > .arrow:after {
+
  bottom: -10px;
+
  left: 1px;
+
  content: " ";
+
  border-right-color: #fff;
+
  border-left-width: 0;
+
}
+
.popover.bottom > .arrow {
+
  top: -11px;
+
  left: 50%;
+
  margin-left: -11px;
+
  border-top-width: 0;
+
  border-bottom-color: #999;
+
  border-bottom-color: rgba(0, 0, 0, .25);
+
}
+
.popover.bottom > .arrow:after {
+
  top: 1px;
+
  margin-left: -10px;
+
  content: " ";
+
  border-top-width: 0;
+
  border-bottom-color: #fff;
+
}
+
.popover.left > .arrow {
+
  top: 50%;
+
  right: -11px;
+
  margin-top: -11px;
+
  border-right-width: 0;
+
  border-left-color: #999;
+
  border-left-color: rgba(0, 0, 0, .25);
+
}
+
.popover.left > .arrow:after {
+
  right: 1px;
+
  bottom: -10px;
+
  content: " ";
+
  border-right-width: 0;
+
  border-left-color: #fff;
+
}
+
.carousel {
+
  position: relative;
+
}
+
.carousel-inner {
+
  position: relative;
+
  width: 100%;
+
  overflow: hidden;
+
}
+
.carousel-inner > .item {
+
  position: relative;
+
  display: none;
+
   -webkit-transition: .6s ease-in-out left;
+
      -o-transition: .6s ease-in-out left;
+
          transition: .6s ease-in-out left;
+
}
+
.carousel-inner > .item > img,
+
.carousel-inner > .item > a > img {
+
  line-height: 1;
+
}
+
@media all and (transform-3d), (-webkit-transform-3d) {
+
  .carousel-inner > .item {
+
    -webkit-transition: -webkit-transform .6s ease-in-out;
+
        -o-transition:      -o-transform .6s ease-in-out;
+
            transition:        transform .6s ease-in-out;
+
 
+
    -webkit-backface-visibility: hidden;
+
            backface-visibility: hidden;
+
    -webkit-perspective: 1000;
+
            perspective: 1000;
+
  }
+
  .carousel-inner > .item.next,
+
  .carousel-inner > .item.active.right {
+
    left: 0;
+
    -webkit-transform: translate3d(100%, 0, 0);
+
            transform: translate3d(100%, 0, 0);
+
  }
+
  .carousel-inner > .item.prev,
+
  .carousel-inner > .item.active.left {
+
    left: 0;
+
    -webkit-transform: translate3d(-100%, 0, 0);
+
            transform: translate3d(-100%, 0, 0);
+
  }
+
  .carousel-inner > .item.next.left,
+
  .carousel-inner > .item.prev.right,
+
  .carousel-inner > .item.active {
+
    left: 0;
+
    -webkit-transform: translate3d(0, 0, 0);
+
            transform: translate3d(0, 0, 0);
+
  }
+
}
+
.carousel-inner > .active,
+
.carousel-inner > .next,
+
.carousel-inner > .prev {
+
  display: block;
+
}
+
.carousel-inner > .active {
+
  left: 0;
+
}
+
.carousel-inner > .next,
+
.carousel-inner > .prev {
+
  position: absolute;
+
  top: 0;
+
  width: 100%;
+
}
+
.carousel-inner > .next {
+
  left: 100%;
+
}
+
.carousel-inner > .prev {
+
  left: -100%;
+
}
+
.carousel-inner > .next.left,
+
.carousel-inner > .prev.right {
+
  left: 0;
+
}
+
.carousel-inner > .active.left {
+
  left: -100%;
+
}
+
.carousel-inner > .active.right {
+
  left: 100%;
+
}
+
.carousel-control {
+
  position: absolute;
+
  top: 0;
+
  bottom: 0;
+
  left: 0;
+
  width: 15%;
+
  font-size: 20px;
+
  color: #fff;
+
  text-align: center;
+
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
+
  filter: alpha(opacity=50);
+
  opacity: .5;
+
}
+
.carousel-control.left {
+
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
+
  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
+
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
+
  background-image:        linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
+
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
+
  background-repeat: repeat-x;
+
}
+
.carousel-control.right {
+
  right: 0;
+
  left: auto;
+
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
+
  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
+
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
+
  background-image:        linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
+
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
+
  background-repeat: repeat-x;
+
}
+
.carousel-control:hover,
+
.carousel-control:focus {
+
  color: #fff;
+
  text-decoration: none;
+
  filter: alpha(opacity=90);
+
  outline: 0;
+
  opacity: .9;
+
}
+
.carousel-control .icon-prev,
+
.carousel-control .icon-next,
+
.carousel-control .glyphicon-chevron-left,
+
.carousel-control .glyphicon-chevron-right {
+
  position: absolute;
+
  top: 50%;
+
   z-index: 5;
+
  display: inline-block;
+
}
+
.carousel-control .icon-prev,
+
.carousel-control .glyphicon-chevron-left {
+
  left: 50%;
+
  margin-left: -10px;
+
}
+
.carousel-control .icon-next,
+
.carousel-control .glyphicon-chevron-right {
+
  right: 50%;
+
  margin-right: -10px;
+
}
+
.carousel-control .icon-prev,
+
.carousel-control .icon-next {
+
  width: 20px;
+
  height: 20px;
+
  margin-top: -10px;
+
  font-family: serif;
+
  line-height: 1;
+
}
+
.carousel-control .icon-prev:before {
+
   content: '\2039';
+
}
+
.carousel-control .icon-next:before {
+
  content: '\203a';
+
}
+
.carousel-indicators {
+
  position: absolute;
+
  bottom: 10px;
+
  left: 50%;
+
  z-index: 15;
+
  width: 60%;
+
  padding-left: 0;
+
  margin-left: -30%;
+
  text-align: center;
+
  list-style: none;
+
}
+
.carousel-indicators li {
+
  display: inline-block;
+
  width: 10px;
+
  height: 10px;
+
  margin: 1px;
+
  text-indent: -999px;
+
  cursor: pointer;
+
  background-color: #000 \9;
+
  background-color: rgba(0, 0, 0, 0);
+
  border: 1px solid #fff;
+
  border-radius: 10px;
+
}
+
.carousel-indicators .active {
+
  width: 12px;
+
  height: 12px;
+
  margin: 0;
+
  background-color: #fff;
+
}
+
.carousel-caption {
+
  position: absolute;
+
  right: 15%;
+
  bottom: 20px;
+
  left: 15%;
+
  z-index: 10;
+
  padding-top: 20px;
+
  padding-bottom: 20px;
+
  color: #fff;
+
  text-align: center;
+
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
+
}
+
.carousel-caption .btn {
+
  text-shadow: none;
+
}
+
@media screen and (min-width: 768px) {
+
  .carousel-control .glyphicon-chevron-left,
+
  .carousel-control .glyphicon-chevron-right,
+
  .carousel-control .icon-prev,
+
  .carousel-control .icon-next {
+
    width: 30px;
+
    height: 30px;
+
    margin-top: -15px;
+
    font-size: 30px;
+
  }
+
  .carousel-control .glyphicon-chevron-left,
+
  .carousel-control .icon-prev {
+
    margin-left: -15px;
+
  }
+
  .carousel-control .glyphicon-chevron-right,
+
  .carousel-control .icon-next {
+
    margin-right: -15px;
+
  }
+
  .carousel-caption {
+
    right: 20%;
+
    left: 20%;
+
    padding-bottom: 30px;
+
  }
+
  .carousel-indicators {
+
    bottom: 20px;
+
  }
+
}
+
.clearfix:before,
+
.clearfix:after,
+
.dl-horizontal dd:before,
+
.dl-horizontal dd:after,
+
.rolldown:before,
+
.rolldown:after,
+
.rolldown-fluid:before,
+
.rolldown-fluid:after,
+
.row:before,
+
.row:after,
+
.form-horizontal .form-group:before,
+
.form-horizontal .form-group:after,
+
.btn-toolbar:before,
+
.btn-toolbar:after,
+
.btn-group-vertical > .btn-group:before,
+
.btn-group-vertical > .btn-group:after,
+
.nav:before,
+
.nav:after,
+
.navbar:before,
+
.navbar:after,
+
.navbar-header:before,
+
.navbar-header:after,
+
.navbar-collapse:before,
+
.navbar-collapse:after,
+
.pager:before,
+
.pager:after,
+
.panel-body:before,
+
.panel-body:after,
+
.modal-footer:before,
+
.modal-footer:after {
+
  display: table;
+
  content: " ";
+
}
+
.clearfix:after,
+
.dl-horizontal dd:after,
+
.rolldown:after,
+
.rolldown-fluid:after,
+
.row:after,
+
.form-horizontal .form-group:after,
+
.btn-toolbar:after,
+
.btn-group-vertical > .btn-group:after,
+
.nav:after,
+
.navbar:after,
+
.navbar-header:after,
+
.navbar-collapse:after,
+
.pager:after,
+
.panel-body:after,
+
.modal-footer:after {
+
  clear: both;
+
}
+
.center-block {
+
  display: block;
+
  margin-right: auto;
+
  margin-left: auto;
+
}
+
.pull-right {
+
  float: right !important;
+
}
+
.pull-left {
+
  float: left !important;
+
}
+
.hide {
+
  display: none !important;
+
}
+
.show {
+
  display: block !important;
+
}
+
.invisible {
+
  visibility: hidden;
+
}
+
.text-hide {
+
  font: 0/0 a;
+
  color: transparent;
+
  text-shadow: none;
+
  background-color: transparent;
+
  border: 0;
+
}
+
.hidden {
+
  display: none !important;
+
}
+
.affix {
+
  position: fixed;
+
}
+
@-ms-viewport {
+
  width: device-width;
+
}
+
.visible-xs,
+
.visible-sm,
+
.visible-md,
+
.visible-lg {
+
  display: none !important;
+
}
+
.visible-xs-block,
+
.visible-xs-inline,
+
.visible-xs-inline-block,
+
.visible-sm-block,
+
.visible-sm-inline,
+
.visible-sm-inline-block,
+
.visible-md-block,
+
.visible-md-inline,
+
.visible-md-inline-block,
+
.visible-lg-block,
+
.visible-lg-inline,
+
.visible-lg-inline-block {
+
  display: none !important;
+
}
+
.row{
+
  width:950px;
+
  padding-left:15px;
+
}
+
@media (max-width: 767px) {
+
  .visible-xs {
+
    display: block !important;
+
  }
+
  table.visible-xs {
+
    display: table;
+
  }
+
  tr.visible-xs {
+
    display: table-row !important;
+
  }
+
  th.visible-xs,
+
  td.visible-xs {
+
    display: table-cell !important;
+
  }
+
}
+
@media (max-width: 767px) {
+
  .visible-xs-block {
+
    display: block !important;
+
  }
+
}
+
@media (max-width: 767px) {
+
  .visible-xs-inline {
+
    display: inline !important;
+
  }
+
}
+
@media (max-width: 767px) {
+
  .visible-xs-inline-block {
+
    display: inline-block !important;
+
  }
+
}
+
@media (min-width: 768px) and (max-width: 991px) {
+
  .visible-sm {
+
    display: block !important;
+
  }
+
  table.visible-sm {
+
    display: table;
+
  }
+
  tr.visible-sm {
+
    display: table-row !important;
+
  }
+
  th.visible-sm,
+
  td.visible-sm {
+
    display: table-cell !important;
+
  }
+
}
+
@media (min-width: 768px) and (max-width: 991px) {
+
  .visible-sm-block {
+
    display: block !important;
+
  }
+
}
+
@media (min-width: 768px) and (max-width: 991px) {
+
  .visible-sm-inline {
+
    display: inline !important;
+
  }
+
}
+
@media (min-width: 768px) and (max-width: 991px) {
+
  .visible-sm-inline-block {
+
    display: inline-block !important;
+
  }
+
}
+
@media (min-width: 992px) and (max-width: 1199px) {
+
  .visible-md {
+
    display: block !important;
+
  }
+
  table.visible-md {
+
    display: table;
+
  }
+
  tr.visible-md {
+
    display: table-row !important;
+
  }
+
  th.visible-md,
+
  td.visible-md {
+
    display: table-cell !important;
+
  }
+
}
+
@media (min-width: 992px) and (max-width: 1199px) {
+
  .visible-md-block {
+
    display: block !important;
+
  }
+
}
+
@media (min-width: 992px) and (max-width: 1199px) {
+
  .visible-md-inline {
+
    display: inline !important;
+
  }
+
}
+
@media (min-width: 992px) and (max-width: 1199px) {
+
  .visible-md-inline-block {
+
    display: inline-block !important;
+
  }
+
}
+
@media (min-width: 1200px) {
+
  .visible-lg {
+
    display: block !important;
+
  }
+
  table.visible-lg {
+
    display: table;
+
  }
+
  tr.visible-lg {
+
    display: table-row !important;
+
  }
+
  th.visible-lg,
+
  td.visible-lg {
+
    display: table-cell !important;
+
  }
+
}
+
@media (min-width: 1200px) {
+
  .visible-lg-block {
+
    display: block !important;
+
  }
+
}
+
@media (min-width: 1200px) {
+
  .visible-lg-inline {
+
    display: inline !important;
+
  }
+
}
+
@media (min-width: 1200px) {
+
  .visible-lg-inline-block {
+
    display: inline-block !important;
+
  }
+
}
+
@media (max-width: 767px) {
+
  .hidden-xs {
+
    display: none !important;
+
  }
+
}
+
@media (min-width: 768px) and (max-width: 991px) {
+
  .hidden-sm {
+
    display: none !important;
+
  }
+
}
+
@media (min-width: 992px) and (max-width: 1199px) {
+
  .hidden-md {
+
    display: none !important;
+
  }
+
}
+
@media (min-width: 1200px) {
+
  .hidden-lg {
+
    display: none !important;
+
  }
+
}
+
.visible-print {
+
  display: none !important;
+
}
+
@media print {
+
  .visible-print {
+
    display: block !important;
+
  }
+
  table.visible-print {
+
    display: table;
+
  }
+
  tr.visible-print {
+
    display: table-row !important;
+
  }
+
  th.visible-print,
+
  td.visible-print {
+
    display: table-cell !important;
+
  }
+
}
+
.visible-print-block {
+
  display: none !important;
+
}
+
@media print {
+
  .visible-print-block {
+
    display: block !important;
+
  }
+
}
+
.visible-print-inline {
+
  display: none !important;
+
}
+
@media print {
+
  .visible-print-inline {
+
    display: inline !important;
+
  }
+
}
+
.visible-print-inline-block {
+
  display: none !important;
+
}
+
@media print {
+
  .visible-print-inline-block {
+
    display: inline-block !important;
+
  }
+
}
+
@media print {
+
  .hidden-print {
+
    display: none !important;
+
  }
+
}
+
/*# sourceMappingURL=bootstrap.css.map */
+
</style>
+
<style type="text/css">
+
 
+
 
+
 
+
/********************************* DEFAULT WIKI SETTINGS  ********************************/
+
 
+
#sideMenu,
+
#top_title {
+
  display: none;
+
}
+
 
+
#content {
+
  padding: 0px;
+
  width: 100%;
+
}
+
 
+
body {
+
  background-color: white;
+
  width: 100%;
+
}
+
 
+
#bodyContent h1,
+
#bodyContent h2,
+
#bodyContent h3,
+
#bodyContent h4,
+
#bodyContent h5 {
+
  margin-bottom: 0px;
+
}
+
 
+
#bodyContent {
+
  padding-right: 0px;
+
}
+
 
+
#globalWrapper {
+
  font-size: 100%;
+
  padding: 0px;
+
  margin: -10px -20px -20px -20px;
+
}
+
 
+
.navbar-collapse {
+
  padding-left: 0px;
+
}
+
 
+
#banner {
+
  margin-top: 50px;
+
}
+
 
+
#sideMenu {
+
  margin-top: 10px;
+
}
+
 
+
.dropdown-menu li:hover .sub-menu {
+
  visibility: visible;
+
}
+
 
+
.dropdown:hover .dropdown-menu {
+
  display: block;
+
}
+
 
+
.navbar-nav .dropdown-menu,
+
.navbar .dropdown-menu {
+
  margin-top: 0;
+
}
+
body a{
+
  transition: 0.5s all;
+
  -webkit-transition: 0.5s all;
+
  -o-transition: 0.5s all;
+
  -moz-transition: 0.5s all;
+
  -ms-transition: 0.5s all;
+
}
+
 
+
 
+
h1,h2,h3,h4,h5,h6,label,p{
+
  margin:0;
+
}
+
.client-js{
+
  margin:0;
+
  border:none;
+
}
+
#top_title,#sideMenu,#firstHeading,#logo_2018{
+
  display: none;
+
  margin-bottom:0;
+
}
+
 
+
#content{
+
  width:100%;
+
  height:auto;
+
    border: none;
+
  z-index: -99999;
+
  background-size:100%;
+
  padding:0 0 0 0;
+
  border:none;
+
  margin-top:-12px;
+
  margin-left:0;
+
}
+
html,body,#globalWrapper,#top_menu_14,#top_menu_inside,#top_title,#firstHeading,#logo_2018{
+
  margin-top:0;
+
  margin-left:0;
+
  margin-bottom:0;
+
  margin-right:0;
+
  padding-bottom:0
+
  border:none;
+
}
+
 
+
html,body{
+
  font-family: Delius;
+
 
+
  background:#fff2e6;
+
  font-size:90%;
+
 
+
}
+
h1 { font-family: Delius; font-size: 24px; font-style: normal; font-variant: normal; font-weight: 700; line-height:80%; } h3 { font-family: Delius; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 700; line-height:110%;  } p { font-family: Delius; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 700;line-height:110%;  } blockquote { font-family: Delius; font-size: 29px; font-style: normal; font-variant: normal; font-weight: 700; line-height:110%;  } pre { font-family: Delius; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 500; line-height:110%; }
+
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h4,  {
+
margin-bottom: 0px;
+
}
+
h1,h2,h3,h4,h5,h6,p{
+
  line-height:150%;
+
  font-weight:500;
+
}
+
 
+
/* navigator */
+
/* the entire div */
+
.top-nav{
+
  display:inline-block;
+
  width:200px;
+
  z-index:1;
+
  background-image:url('https://static.igem.org/mediawiki/2018/e/ee/T--GreatBay_China--MenuNew.png');
+
  background-repeat:no-repeat;
+
  background-position:center;
+
  background-size:450px;
+
  position:fixed;
+
  font-size:120%;
+
  top:80px;
+
  left:70px;
+
  padding-bottom:120px;
+
}
+
 
+
 
+
*{
+
  margin:0; padding:0
+
}
+
 
+
.top-nav a,a:hover{
+
  text-decoration:none;color:#000;
+
}
+
/* the menu position and color*/
+
.top-nav ul{
+
  position:relative;
+
  top:55px;
+
  list-style:none;margin:0 auto;
+
  width:90px;
+
  line-height:2;
+
  text-align:center;
+
  font-size:1em;
+
  padding-bottom:100px;
+
  color:rgb(88,73,63);
+
  left:-12px;
+
}
+
/* the pull out menu */
+
.top-nav ul li{
+
  position:relative;
+
  height:31px;
+
  _float:left;
+
}
+
/* style for menu */
+
.top-nav ul li span,ul li div a{
+
  color:rgb(88,73,63);
+
  display:block;
+
  width:90px;
+
  min-height:2em;
+
  line-height:2em;
+
  text-align:center;
+
}
+
<!-- .top-nav ul li div span{ -->
+
  <!-- display:block; -->
+
  <!-- height:20px; -->
+
  <!-- background-image:url('https://static.igem.org/mediawiki/2018/2/2e/T--GreatBay_China--AlexisWrite.jpgleaf.png'); -->
+
  <!-- background-width:90px; -->
+
  <!-- background-height:20px; -->
+
  <!-- position:relative; -->
+
  <!-- left:-20px; -->
+
<!-- } -->
+
.top-nav ul li div img{
+
  width:95px;
+
  margin-top:-3px;
+
  position:relative;
+
  left:-15px;
+
}
+
#top{
+
  color:white;
+
  width:90px;
+
  min-height:2em;
+
  line-height:2em;
+
  text-align:center;
+
 
+
}
+
 
+
.top-nav ul li div a{
+
  width:80px;
+
 
+
}
+
/* menu when you hover */
+
.top-nav ul li .hover{
+
  background:rgb(118,191,141);
+
}
+
/* sub menu when you hover */
+
.top-nav ul li div{
+
  font-size:0.9em;
+
  width:83px;
+
  display:none;
+
  position:relative;
+
  left:-83px;
+
  top:-30px;
+
 
+
}
+
.top-nav ul li div .long{
+
  line-height:1.1em;
+
  padding:8px;
+
  font-size:0.85em;
+
 
+
}
+
/* link style */
+
.top-nav ul li div a{
+
  background:rgb(118,191,141);
+
  color:rgb(88,73,63);
+
}
+
/* submenu link style */
+
.top-nav ul li div span:hover{
+
  background:rgba(125, 63, 152, 0.4);;
+
 
+
}
+
 
+
/* submenu link style */
+
.top-nav ul li div a:hover{
+
  color:rgb(88,73,63);
+
  background:rgb(203,170,199);
+
}
+
/* special  */
+
.top-nav #active{
+
  background:rgb(118,191,141);
+
}
+
 
+
 
+
/* logo */
+
 
+
.logo{
+
  width:50px;
+
  position:fixed;
+
  bottom:15px;
+
  left:1250px;
+
  z-index: 10;
+
}
+
/*footer*/
+
.footer{
+
    padding-top:0px;
+
    z-index:300;
+
    width: 100%;
+
    height:220px; 
+
    position:absolute;
+
    bottom:-220px;
+
    left:0;
+
    background-color:rgba(125, 63, 152, 0.9);
+
 
+
 
+
}
+
/* head, cat staring at the jar */
+
 
+
 
+
/* the purple colomn at middle */
+
.rolldown{
+
  display:inline-block;
+
  z-index:200;
+
  position:absolute;
+
  left:250px;
+
  width:950px;
+
  background:rgba(125, 63, 152, 0.4);
+
  min-height:2000px;
+
 
+
}
+
 
+
.header img{
+
  max-width: 950px;
+
    height: auto;
+
}
+
 
+
.responsive .img-title{
+
  font-size:20px;
+
  color:rgb(88,73,63);
+
  background-color:white;
+
  padding-bottom:10px;
+
  margin:0;
+
  font-family:Delius;
+
  text-align:center;
+
}
+
.responsive div.img {
+
    margin: 5px;
+
  border:8px solid rgb(123,83,142);
+
    float: left;
+
    width: 210px;
+
}
+
 
+
.responsive div.img:hover {
+
   
+
  border:8px solid rgb(123,83,133);
+
}
+
 
+
.responsive div.img img {
+
    width: 100%;
+
    height: auto;
+
  background-color:#fff;
+
}
+
 
+
.responsive div.desc {
+
  min-height:220px;
+
    padding: 15px;
+
    text-align: center;
+
  color:rgb(88,73,63);
+
  background-color:rgb(215,196,221);
+
}
+
#tail
+
{
+
position:absolute;
+
top:340px
+
}
+
#cattail{
+
 
+
 
+
  position: absolute;
+
  left:-2px;
+
  top:-9px;
+
  z-index:10;
+
}
+
 
+
#myModal #myModal2 #myModal3 #myModal4 #myModal5 #myModal6 #myModal7 #myModal8 #myModal9 #myModal10 #myModal11 #myModal12 #myModal13 #myModal14 #myModal15 #myModal16 #myModal17 #myModal18 #myModal19 #myModal20 #myModal21 #myModal22
+
{
+
  z-index:1;
+
}
+
.line
+
{
+
  display:block;
+
  margin:20px;
+
}
+
.members
+
{
+
  display:inline-block;
+
  padding:5px;
+
    width:20%;
+
    left:100%;
+
}
+
.modal-backdrop.in {
+
    filter: alpha(opacity=50);
+
    opacity: 1;
+
}
+
opacity.less:4
+
.modal-backdrop.fade {
+
    filter: alpha(opacity=0);
+
    opacity: 0;
+
}
+
.fade.in {
+
    opacity: 1;
+
}
+
 
+
.modal-backdrop {
+
  display:none;
+
    position: fixed;
+
    top: 0;
+
    right: 0;
+
    bottom: 0;
+
    left: 0;
+
    z-index: -1040;
+
    background-color: #fff;
+
}
+
.title{
+
  position:left;
+
  padding-left: 20px;
+
  color:rgb(88,73,63);
+
  font-size:30px;
+
 
+
}
+
.btn{
+
  background-color:rgba(125, 63, 152, 0.9);
+
}
+
#menuhead{
+
  position: absolute;
+
  z-index: 10;
+
  left:10px;
+
}
+
.contact
+
{
+
  display:inline-block;
+
  padding:5px;
+
    width:20%;
+
    left:100%;
+
}
+
#menuhead h5{
+
 
+
 
+
  position:absolute;
+
  left:-40px;
+
  top:-59px;
+
  z-index:10;
+
}
+
#menuhead img{
+
  position:absolute;
+
  width: 490%;
+
  left:-160px;
+
  top:-42px;
+
 
}
 
}
 +
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,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,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
  
  
</style>
+
</style>
<!-- <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script> -->
+
 
</head>
 
</head>
 
<body>
 
<body>
 +
<div class="firstimg">
 +
<img src="https://static.igem.org/mediawiki/2019/0/0c/T--DUT_China_B--TMbanner2.jpg" alt="parts">
 +
</div>
 +
<div id="sides">
 +
<ul id="menu">
 +
        <li>
 +
            <a ><font size="6" >Team Member</font></a>
 +
        <div style="text-align: center; width: 100%; height:40px"></div>
 +
        </li>
 +
      <br>
 +
        <li>
 +
            <a><font size="6" >Tutor</font></a>
 +
      <div style="text-align: center; width: 100%; height:40px"></div>
 +
      </li>
 +
      <br>
 +
        <li>
 +
            <a><font size="6">Advisor</font></a>
 +
           
 +
        </li>
 +
      <br>
 +
     
 +
    </ul>
 +
</div>
 +
<div id="maintest">
  
  <div class="logo"><a><img src="https://static.igem.org/mediawiki/2018/1/14/T--GreatBay_China--logo1.jpg" /></a></div>
+
<div class="container">
 +
<img  src="" >
 +
<h2 style="color:#C27099;font-size:40px;font-faily:"Times New Roman" !important;"><img style="width:50%;" src="https://static.igem.org/mediawiki/2019/3/3e/T--DUT_China_B--Goodteam.svg">Great partner</h2>
  
  <div class="container">  
+
    <div class="block-grid">
   
+
       <div class="block-panel">
       <div class="top-nav">
+
         <div class="block-content">
         <ul>
+
          <li>
+
            <div class="res" target="_self" id="menuhead">
+
               
+
               
+
                <h5> Meow~</h5>
+
                <img onclick="changeface()"  src="https://static.igem.org/mediawiki/2018/e/e4/T--GreatBay_China--menucathead.png" width="800px"></div>
+
 
            
 
            
        </li>
 
 
            
 
            
                  <li id="active">
+
           <img src="https://static.igem.org/mediawiki/2019/6/61/T--DUT_China_B--TMBG.jpg" style="height:100%;width:100%;" >
            <a href="#"><span>Team</span></a>                   
+
       
              <div>
+
                <a href="https://2018.igem.org/Team:GreatBay_China/Team">Team</a>
+
                <a href="https://2018.igem.org/Team:GreatBay_China/Collaborations">Collaboration</a>
+
                <a href="https://2018.igem.org/Team:GreatBay_China/Attributions">Attributions</a>
+
           <img src="https://static.igem.org/mediawiki/2018/2/2e/T--GreatBay_China--AlexisWrite.jpgleaf.png"/>
+
        </div>
+
          </li>
+
          <li>
+
            <a href="#"><span>Project</span></a>
+
              <div>
+
                <a href="https://2018.igem.org/Team:GreatBay_China/Description">Description</a>
+
                <a href="https://2018.igem.org/Team:GreatBay_China/Design">Design</a>
+
                <a href="https://2018.igem.org/Team:GreatBay_China/Demonstrate">Results</a>
+
               
+
          <img src="https://static.igem.org/mediawiki/2018/2/2e/T--GreatBay_China--AlexisWrite.jpgleaf.png"/>
+
       
+
 
         </div>
 
         </div>
          </li>
+
      </div>
          <li>
+
  <br>
            <a href="#"><span>Parts</span></a>  
+
      <div class="block-panel">
              <div>
+
        <div class="block-content">
             
+
          <h1 >Haobo Wang</h1>
              <a href="https://2018.igem.org/Team:GreatBay_China/Parts">Parts</a>  
+
<img src="https://static.igem.org/mediawiki/2019/8/87/T--DUT_China_B--WBY.jpg" style="height:100%;width:100%;" >
                <a href="https://2018.igem.org/Team:GreatBay_China/Basic_Part">Basic</a>  
+
          <>Haobo Wang majors in environmental-engineering, yet somehow always finds himself ending up in biology labs. </p>
                <a href="https://2018.igem.org/Team:GreatBay_China/Composite_Part">Composite</a> 
+
                <a href="https://2018.igem.org/Team:GreatBay_China/Part_Collection">Collection</a>
+
                  <a href="https://2018.igem.org/Team:GreatBay_China/Improve" >Improve</a> 
+
          <img src="https://static.igem.org/mediawiki/2018/2/2e/T--GreatBay_China--AlexisWrite.jpgleaf.png"/>
+
       
+
        </div>
+
         
+
          </li>
+
          <li>
+
            <a href="#"><span>HP</span></a>
+
              <div>
+
              <a href="https://2018.igem.org/Team:GreatBay_China/HP">Background</a>  
+
                <a class="long" href="https://2018.igem.org/Team:GreatBay_China/Human_Practices">Integrated HP</a>
+
                <a class="long" href="https://2018.igem.org/Team:GreatBay_China/Applied_Design">Product Design</a>  
+
                <a class="long" href="https://2018.igem.org/Team:GreatBay_China/Public_Engagement">Public Engagement</a>
+
               
+
               
+
                 
+
          <img src="https://static.igem.org/mediawiki/2018/2/2e/T--GreatBay_China--AlexisWrite.jpgleaf.png"/>
+
       
+
 
         </div>
 
         </div>
          </li>
+
      </div>
          <li>
+
      <div class="block-panel">
            <a href="#"><span>Lab</span></a>
+
        <div class="block-content">
              <div>
+
        <h1 >Peng Feixue</h1>
                <a href="https://2018.igem.org/Team:GreatBay_China/Experiments">Experiments</a>
+
<img src="https://static.igem.org/mediawiki/2019/9/9e/T--DUT_China_B--XPF.jpg" style="height:100%;width:100%;" >
                <a href="https://2018.igem.org/Team:GreatBay_China/Notebook">Notebook</a>  
+
          <p  >a senior studying math, whose hair suffers from his major.</p>
                <a href="https://2018.igem.org/Team:GreatBay_China/Interlab">Interlab</a>
+
          <img src="https://static.igem.org/mediawiki/2018/2/2e/T--GreatBay_China--AlexisWrite.jpgleaf.png"/>
+
       
+
 
         </div>
 
         </div>
          </li>
+
      </div>
          <li>
+
       <div class="block-panel">
            <a href="https://2018.igem.org/Team:GreatBay_China/Judging"><span>Judging</span></a>
+
         <div class="block-content">
              <div>
+
           <h1 >Chen Kaidi</h1>
              </div>
+
<img src="https://static.igem.org/mediawiki/2019/2/2d/T--DUT_China_B--CKD.jpg" style="height:100%;width:100%;" >
          </li>
+
           <>a senior in Bioengineering from Dalian University of Technology, likes exploration and pursuing things she loves. Though sometimes procrastination will bring her trouble,she still tries to make everything perfect. This is her second year in iGEM, and she really appreciates the two-year experience here, which gives her the most cherish and fulfilling memory in her college time.</p>
          <li>
+
            <a href="https://2018.igem.org/Team:GreatBay_China/Safety"><span>Safety</span></a>
+
              <div>
+
              </div>
+
          </li>
+
          <li>
+
            <a href="https://2018.igem.org/Team:GreatBay_China/Model"><span>Model</span></a>
+
          </li>
+
              <div>
+
              </div>
+
          <li>
+
            <a href="https://2018.igem.org/Team:GreatBay_China"><span>Home</span></a>
+
          </li> 
+
 
+
          <li id="tail">
+
          <a href="#top" target="_self"><span id="cattail"><img width="90" src="https://static.igem.org/mediawiki/2018/3/3b/T--GreatBay_China--MenuNewTail.png"/></span></a >
+
        </li>
+
       
+
        </ul>
+
 
+
       
+
       
+
    </div>
+
       
+
       
+
 
+
    <div class="rolldown">
+
     
+
       <div class="container">
+
      <div class="footer">
+
        <br>
+
         <div class="row" style="padding-left:50px">
+
 
+
           <div class="contact">
+
          <img src="https://static.igem.org/mediawiki/2018/d/dd/T--GreatBay_China--footer1.png" width="50px">
+
          </div>
+
          <div class="contact" style="width:450px">
+
          <h5 style="color:white;">mCATNIP2018@outlook.com</h5>
+
          </div>
+
          <div class="contact">
+
          <img src="https://static.igem.org/mediawiki/2018/e/ed/T--GreatBay_China--footer10.jpeg" width="80px">
+
          </div>
+
          <div class="contact" >
+
          <img src="https://static.igem.org/mediawiki/2018/4/41/T--GreatBay_China--footer3.jpg" width="80px">
+
          </div>
+
          <div class="contact" >
+
          <img src="https://static.igem.org/mediawiki/2018/d/d9/T--GreatBay_China--footer4.png" width="80px">
+
           </div>
+
          <div class="contact" >
+
          <img src="https://static.igem.org/mediawiki/2018/0/05/T--GreatBay_China--footer5.png" width="80px" height="80px">
+
          </div>
+
 
         </div>
 
         </div>
        <div class="row" style="padding-left:50px">
+
      </div>
          <div class="contact">
+
    <div class="block-panel">
          <img src="https://static.igem.org/mediawiki/2018/b/b6/T--GreatBay_China--footer2.png" width="50px">
+
        <div class="block-content">
          </div>
+
           <h1 >Pedro Brown</h1>
          <div class="contact" style="width:450px">
+
<img src="https://static.igem.org/mediawiki/2019/2/2d/T--DUT_China_B--LH.jpg" style="height:100%;width:100%;" >
           <h5 style="color:white;">@Igem2018C</h5>
+
           <>who is always very glad to discuss synthetic biology issues with iGEMers. iGEM requires not only a solid foundation of biology but also a rich imagination and creativity. He believes tomorrow belongs to synthetic biology. His motto: Miracle is another name for hard work.</p>
          </div>
+
          <div class="contact" >
+
          <img src="https://static.igem.org/mediawiki/2018/d/dc/T--GreatBay_China--footer6.jpeg" width="80px">
+
          </div>
+
          <div class="contact" >
+
          <img src="https://static.igem.org/mediawiki/2018/5/5c/T--GreatBay_China--footer7.jpeg" width="80px">
+
           </div>
+
          <div class="contact" >
+
          <img src="https://static.igem.org/mediawiki/2018/7/7c/T--GreatBay_China--footer8.jpeg" width="80px">
+
          </div>
+
          <div class="contact" >
+
          <img src="https://static.igem.org/mediawiki/2018/0/0e/T--GreatBay_China--footer9.jpeg" width="80px">
+
          </div>
+
 
         </div>
 
         </div>
 
       </div>
 
       </div>
       <div class="row">
+
       <div class="block-panel">
         <div class="header" style="margin-left:-14px;">
+
         <div class="block-content">
           <img src="https://static.igem.org/mediawiki/2018/7/74/T--GreatBay_China--Top.png" />
+
           <h1 >Yin Xianqi</h1>
 +
<img src="https://static.igem.org/mediawiki/2019/d/de/T--DUT_China_B--yxq.jpg" style="height:100%;width:100%;" >
 +
          <p  >Yin Xianqi is an optimistic man with a simple and honest character. Being a senior and experienced in doing experiment, he undoubtedly plays an important role in the team. He is positive and motivated, never loses heart and gives up.</p>
 
         </div>
 
         </div>
 
       </div>
 
       </div>
 
+
       <div class="block-panel">
      <!--TEMPLATE ENDS HERE BY CHARELS WEI (All edits down here)-->     
+
         <div class="block-content">
 
+
        <h1 >Zhang Yuanzhen</h1>
     
+
<img src="https://static.igem.org/mediawiki/2019/4/4d/T--DUT_China_B--ZYZ.jpg" style="height:100%;width:100%;" >
 
+
           <p >an iGEMer who loves researching and enjoys her second year with iGEM. She is an experienced experimenter and a much cherished asset to our team.</p>
       <div class="row ">
+
         <span style="height:250px"></span>
+
        <div class="jumbotron" style="color:white;">
+
           <h2>GreatBay_China</h2>
+
          <h4>  
+
            Like its name, GreatBay_China 2018 consists of a <i>great</i> variety of members: 13 students from 7 different high schools, 1 instructor, 5 advisors and 2 PIs. The team is a treasury of talented and lovely people. We have bright brains with innovative ideas. We are lucky to invite competent and outstanding seniors and experts who support and guide us in the light of discovery. We are a bunch of enthusiastic people who stay up late doing labs. Meet them here!
+
        </br>
+
        Some of us have a few words to say after the wonderful iGEM 2018 journey! You can read them at the bottom of the page.
+
      </h4>  
+
 
         </div>
 
         </div>
 
       </div>
 
       </div>
<div id="myCarousel" class="carousel slide" style=" padding:50px;
+
      <div class="block-panel">
  margin:50px; width:825px;">
+
         <div class="block-content">
    <ol class="carousel-indicators">
+
        <h1 >Zhu Jinwei</h1>
         <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
+
<img src="https://static.igem.org/mediawiki/2019/4/41/T--DUT_China_B--ZJW.jpg" style="height:100%;width:100%;" >
        <li data-target="#myCarousel" data-slide-to="1"></li>
+
          <p  >who has great passion for math as a senior student of bioengineering, and contributes much for our team’s modeling work. He can work just as well by himself.</p>
        <li data-target="#myCarousel" data-slide-to="2"></li>
+
    </ol> 
+
    <div class="carousel-inner">
+
        <div class="item active">
+
            <img width="750" src="https://static.igem.org/mediawiki/2018/e/e1/T--GreatBay_China--carousel1.jpg.jpg" alt="First slide">
+
 
         </div>
 
         </div>
        <div class="item">
+
      </div>
            <img width="750" src="https://static.igem.org/mediawiki/2018/6/69/T--GreatBay_China--carousel2.jpeg" alt="Second slide">
+
      <div class="block-panel">
 +
        <div class="block-content">
 +
        <h1 >Yang Bokai </h1>
 +
<img src="https://static.igem.org/mediawiki/2019/3/3c/T--DUT_China_B--YBK.jpg" style="height:100%;width:100%;" >
 +
          <p  >Yang Bokai is a bioengineering senior who enjoys his life but has a contradicted feeling about wet experiments.</p>
 
         </div>
 
         </div>
        <div class="item">
+
       </div>
            <img  width="750" src="https://static.igem.org/mediawiki/2018/7/73/T--GreatBay_China--carousel3.jpeg" alt="Third slide">
+
       <div class="block-panel">
        </div>
+
         <div class="block-content">
    </div>
+
        <h1 >Zeng Weiyang</h1>
    <a class="carousel-control left" href="#myCarousel"
+
<img src="https://static.igem.org/mediawiki/2019/c/c9/T--DUT_China_B--ZWY.jpg" style="height:100%;width:100%;" >
      data-slide="prev"> <span _ngcontent-c3="" aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span></a>
+
           <>La sophomore major in bioengineering in Dalian University of Technology. He found, quite surprisingly, great pleasure in algae culturing.</p>
    <a class="carousel-control right" href="#myCarousel"
+
      data-slide="next">&rsaquo;</a>
+
</div>
+
 
+
    <div class="row" id="teamV" style="padding-left:50px; padding-right: 50px;">
+
       
+
        <p><video src="https://static.igem.org/mediawiki/2018/c/c2/T--GreatBay_China--homepage_video.mp4" type="video/mov" height="auto" width="850" controls></video></p>
+
       </div><br><br><br>
+
 
+
       <div class='line'>
+
       
+
       
+
        <h1 class="title"> Team Leaders</h1><br>
+
        <div class="members"  >
+
         
+
 
+
          <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
+
            <img class="photo" id='dtl' width="250px" src="https://static.igem.org/mediawiki/2018/5/55/T--GreatBay_China--dtl.jpg"/>
+
            <h4>Alexis Zeng</h4>
+
          </button>
+
 
+
        <!-- 模态框(Modal) -->
+
         <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+
            <div class="modal-dialog">
+
                <div class="modal-content">
+
                    <div class="modal-header">
+
                      <h3 class="modal-title" id="myModalLabel1">Alexis Info</h3>
+
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+
                       
+
                    </div>
+
                    <div class="modal-body">
+
                      Hello world! I’m Alexis, a student from Shenzhen College of International Education, blue-haired, not very humorous. This is my second year participating in iGEM but the first time as a team leader. I am involved in a lot of parts of mCATNIP, but mainly I focus on project design and team management. Speaking as a high school student, this experience with iGEM and synbio is simply fascinating: after being overwhelmed by the existing delicate rational designs, we get to create our own designs and build them from pieces. But it’s a huge challenge towards my resilience to be honest, especially when the transformation keeps failing and colony PCR shows no correct results. But still, I would listen to Paciencia y Fe by Lin-Manuel Miranda and continue working. Beyond iGEM, I’m a fan of musical theater, an equestrian enthusiast, and a cheese lover.
+
                      <br><br>
+
                      Role in team:<br>
+
                      <ul>
+
                        <li>Project design and literal research</li>
+
                        <li>Coordinating different groups in the team</li>
+
                        <li>Proposed the first version of applied design (cat shelter)</li>
+
                        <li>Responsible for knocking out genes in yeast and spent the entire summer in lab</li>
+
                        <li>Social (although sometimes I’m kinda social-phobic..)</li>
+
                      </ul>
+
                    </div>
+
                    <div class="modal-footer">
+
                      Nickname:大统领(Big Commander), 阿狸(Ali)
+
 
+
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+
                    </div>
+
                </div><!-- /.modal-content -->
+
            </div><!-- /.modal-dialog -->
+
        </div><!-- /.modal -->
+
        </div>
+
        <div class="members"  >
+
        <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal2">
+
            <img class="photo" id='lwq' width="250px" src="https://static.igem.org/mediawiki/2018/6/6a/T--GreatBay_China--lwq1.jpg"/>
+
            <h4>Lucinda Lin</h4>
+
          </button>
+
 
+
        <!-- 模态框(Modal) -->
+
        <div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+
            <div class="modal-dialog">
+
                <div class="modal-content">
+
                    <div class="modal-header">
+
                      <h3 class="modal-title" id="myModalLabel">Lucinda Info</h3>
+
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+
                       
+
                    </div>
+
                    <div class="modal-body">
+
                      You are looking at the photo of someone who is suffering through her second year of iGEM but secretly enjoying it! Her work involved wet lab, HP, safety and wiki last year; this year her duty only increases. She is a neutral-chaotic person/team leader that has tried all kinds of work in iGEM and accumulated many skills during the process. She loves game music, reptiles, yogurt, and cool weather. She wants to study computational in future. And HAIL GREATBAY_CHINA! <br><br>
+
 
+
                      Role in team:<br>
+
                      <ul>
+
                        <li>Human practice, and in charge!? Oh, you can never know what trouble she find for her incapable self.</li>
+
                        <li>Project, research ways to get more products.</li>
+
                        <li>Modeling, when she wrote this, she did’t even know whether she could finish it.</li>
+
                        <li>Wiki, just that iGEM server can be excruciatingly slow sometimes.</li>
+
                      </ul>
+
 
+
                    </div>
+
                    <div class="modal-footer">
+
                      Nickname:大总理(Prime Minister),lwq, Timshel
+
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+
                    </div>
+
                </div><!-- /.modal-content -->
+
            </div><!-- /.modal-dialog -->
+
        </div><!-- /.modal -->
+
        </div>
+
        <div class="members"  >
+
        <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal3">
+
            <img class="photo" id='yx' width="250px" src="https://static.igem.org/mediawiki/2018/0/07/T--GreatBay_China--yx.jpg"/>
+
            <h4>Sean Yao</h4>
+
           </button>
+
 
+
        <!-- 模态框(Modal) -->
+
        <div class="modal fade" id="myModal3" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+
            <div class="modal-dialog">
+
                <div class="modal-content">
+
                    <div class="modal-header">
+
                      <h3 class="modal-title" id="myModalLabel">Sean Info</h3>
+
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+
                       
+
                    </div>
+
                    <div class="modal-body">
+
                      I‘m Sean, one of the team leaders of GreatBay_China,  the Knight of night, and the owner of Dark Circles. In the gap year after I graduated from Shenzhen High School of Science, I decided to take part in the iGEM as a High School student and figure out what major I would like to study before I go to the university. The motto of Shenzhen High School of Science says: "the future isn't the place we aim to go but the place we want to build.", as a student who inherits this school spirit, I joined in this completely New formed team and learn how to run an iGEM team effectively with my extraordinary partners. <br><br>
+
                      Role in team:<br>
+
                      <ul>
+
                        <li>experiment design</li>
+
                        <li>Operate experimental instrument(Gas Chromatograph、Flow Cytometer)  and analyze data</li>
+
                        <li>Clone picker</li>
+
                        <li>Night shift worker</li>
+
                        <li>the funding keeper</li>
+
                        <li>mascot</li>
+
                      </ul>
+
                    </div>
+
                    <div class="modal-footer">
+
                      Nickname:欧将军(General Ou(lucky))
+
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+
                    </div>
+
                </div><!-- /.modal-content -->
+
            </div><!-- /.modal-dialog -->
+
        </div><!-- /.modal -->
+
 
         </div>
 
         </div>
 
       </div>
 
       </div>
     
+
       <div class="block-panel">
 
+
         <div class="block-content">
 
+
        <h1 >Liu Yuanyuan</h1>
       
+
<img src="https://static.igem.org/mediawiki/2019/c/c3/T--DUT_China_B--LYY.jpg" style="height:100%;width:100%;" >
 
+
           <>Liu Yuanyuan studies bioengineering. She had a hard time finding her part in the team, and now you see her, doing experiments and translating, double checking lines on wiki at the same time. Less optimistic and a lot heavier than she wants to be. And if you love MCU or Supernatural or some random TV series, she will be happy to know you.</p>
 
+
       <div class='line'>
+
        <h1 class="title"> Team Members</h1><br>
+
        <div class="members"  >
+
         
+
 
+
          <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal4">
+
            <img class="photo" id='yyy' width="250px" src="https://static.igem.org/mediawiki/2018/b/b4/T--GreatBay_China--tara.jpg"/>
+
            <h4>Tara Yuan</h4>
+
          </button>
+
 
+
        <!-- 模态框(Modal) -->
+
         <div class="modal fade" id="myModal4" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+
            <div class="modal-dialog">
+
                <div class="modal-content">
+
                    <div class="modal-header">
+
                      <h3 class="modal-title" id="myModalLabel">Tara Info</h3>
+
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+
                       
+
                    </div>
+
                    <div class="modal-body">Hi all! Here is Tara, from Shenzhen college of International education, who surely aim to be a biology person. As a first-year iGEMer, my main job in the lab is to cast as primer dimer, so our PCR will be well-off. For sure, it’s just my personal belief, not a Chinese custom.<br><br>
+
                    To me, iGEM is not only exploring the whole unknown field, but also a training of physical endurance to demanding work. <br><br>
+
                    Anyway, l think l should cut my self-intro short since l don’t have any unique talent or interest. Thank you all!!!<br><br>
+
 
+
                    Role in team:<br>
+
                    <ul>
+
                      <li>Hanging around in Lab and meddling with almost every experiment. Babysitting E.coli and Yeast, though sometimes l have to lyse them.</li>
+
                      <li>Main Chief——Today’s recommendation :fried sausages, bacon or eggs.</li>
+
                    </ul>
+
</div>
+
                    <div class="modal-footer">
+
                      Nickname: 宝中宝(Apple of the team's eye)
+
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+
                    </div>
+
                </div><!-- /.modal-content -->
+
            </div><!-- /.modal-dialog -->
+
        </div><!-- /.modal -->
+
       
+
 
+
 
+
        </div>
+
        <div class="members"  >
+
         
+
 
+
          <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal5">
+
            <img class="photo" id='lmh' width="250px" src="https://static.igem.org/mediawiki/2018/6/61/T--GreatBay_China--leo.jpg" />
+
            <h4>Leo Li</h4>
+
          </button>
+
 
+
        <!-- 模态框(Modal) -->
+
        <div class="modal fade" id="myModal5" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+
            <div class="modal-dialog">
+
                <div class="modal-content">
+
                    <div class="modal-header">
+
                      <h3 class="modal-title" id="myModalLabel">Leo Info</h3>
+
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+
                       
+
                    </div>
+
                    <div class="modal-body">
+
                      Hey guys I’m Leo from Shenzhen College of International Education. Being keen on Molecular Biology I participated in iGEM and found the lab work so disastrous that I would surely knee in front of the cultivator and beg the E.coli to accept our plasmid and survive if this will help. Obviously, it doesn’t. I love tarot a lot and predicts on our PCR results often and the only truth I foresee is that science contradicts the unreliable belief.<br><br>
+
                      Participating iGEM, to me, is a body and mental building tour that involves an endless number of deadlines and lab nights. It is also an exhilarating adventure with the accompany with my friends. Hooray to the all-night-PCR and long live our bioparts!!!<br><br>
+
 
+
                      Role in team:<br>
+
                      <ul>
+
                        <li>Online researches of anything related to the project to solve ethnical and project problems</li>
+
                        <li>Some paper works</li>
+
                        <li>Low quality lab works</li>
+
                        <li>Bring the team with laughter!!</li>
+
                      </ul>
+
                    </div>
+
                    <div class="modal-footer">
+
                        Nickname:正能量宝物(Positive treasure), Primer dimer, 陈独秀夫妇
+
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+
                    </div>
+
                </div><!-- /.modal-content -->
+
            </div><!-- /.modal-dialog -->
+
        </div><!-- /.modal -->
+
 
+
 
+
 
+
        </div>
+
                <div class="members" >
+
            
+
 
+
            <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal6">
+
            <img class="photo" id='wky' width="250px" src="https://static.igem.org/mediawiki/2018/d/d3/T--GreatBay_China--cs_p.jpg" />
+
            <h4>Charles Wei</h4>
+
          </button>
+
 
+
        <!-- 模态框(Modal) -->
+
        <div class="modal fade" id="myModal6" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+
            <div class="modal-dialog">
+
                <div class="modal-content">
+
                    <div class="modal-header">
+
                      <h3 class="modal-title" id="myModalLabel">Charles Info</h3>
+
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+
                       
+
                    </div>
+
                    <div class="modal-body">
+
 
+
                      Not a man who history shall remember, but a member that the team cannot exist without. He is the General Ou's Right Hand Man, Big Commander's First Colonel, Prime Minister's First Secretary. When in need, he acts in the role of artistic designer, video maker, and even take away delivery. You can say he is versatile, but standing in his position requires more --- guts, persistence, and willpower. Under the pressure of the Triple Leaders, he survives with everlasting faith and everlasting hair and everlasting dark circles under eyes. <br><br>
+
 
+
                      So this is Charles, a high school student from Shenzhen College of International Education, an intellectually curious learner, a frenetic nerd about science, and a coding amateur who struggles with coding languages but oddly becomes one of the members for wiki construction. My hobbies include hiking, swimming, biking, reading, writing, music, video-making, watching musicals……I like to share stories and make friends! Cheers!<br><br>
+
 
+
                      Role in team:<br>
+
                      <ul>
+
                        <li>Spent most of my summer and after-school time in lab, playing and nursing E.coli and yeasts -- Dancing or crying in front of the gel photography machine. </li>
+
                        <li>Present the idea of third improvement of applied design, Cat Shelter</li>
+
                        <li>Director and editor of team video</li>
+
                        <li>Wiki construction, basically dying to learn 3 alien languages</li>
+
                        <li>Uploaded 55 parts :-)</li>
+
                      </ul>
+
 
+
                    </div>
+
                    <div class="modal-footer">
+
                        Nickname: General Ou's Right Hand Man,坚挺肉丝
+
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+
                    </div>
+
                </div><!-- /.modal-content -->
+
            </div><!-- /.modal-dialog -->
+
        </div><!-- /.modal -->
+
 
+
 
         </div>
 
         </div>
 
       </div>
 
       </div>
 
+
      <div class="block-panel">
            <div class='line'>
+
         <div class="block-content">
        <div class="members"  >
+
        <h1 >Chen Yan</h1>
         
+
<img src="https://static.igem.org/mediawiki/2019/e/eb/T--DUT_China_B--CY.jpg" style="height:100%;width:100%;" >
 
+
           <> who just got into second year and majors in bioengineering. Always bright and optimistic, she enjoys novels and soap operas, living in her own world. </p>
            <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal7">
+
            <img class="photo" id='yrz' width="250px" src="https://static.igem.org/mediawiki/2018/4/4e/T--GreatBay_China--lr_p.jpg"/>
+
            <h4>Rocky Yu</h4>
+
          </button>
+
 
+
        <!-- 模态框(Modal) -->
+
         <div class="modal fade" id="myModal7" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+
            <div class="modal-dialog">
+
                <div class="modal-content">
+
                    <div class="modal-header">
+
                      <h3 class="modal-title" id="myModalLabel">Rocky Info</h3>
+
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+
                       
+
                    </div>
+
                    <div class="modal-body">My name is Rocky. I’m a student, I’m a high school student. I’m an iGEMer who fulfills people’s fantasies, their deep dark fantasies. I was studying macroscopic biology, you know, paleontology and zoology. But after seeing how significant molecular biology is, I thought I had enough, so I stepped into the bio-lab. <br><br>
+
                    I was kind of a dumb boy of my life, tying myself aside my desk and creating fantasies. But now I’m doing that in the lab.<br><br>
+
 
+
                    Role in team:<br>
+
                    <ul>
+
                      <li>Doing experiment with E. coli and S. cerevisiae. More specifically, participating in plasmid construction, promoter characterization and fermentation.</li>
+
                      <li>Trying my best to be a social-butterfly in HP.</li>
+
                      <li>Planning, directing and fulfilling the ‘HP Documentary’.</li>
+
                      <li>Motivating my teammates.</li>
+
                    </ul>
+
                    </div>
+
                    <div class="modal-footer">
+
                        Nickname: 日上老君(The lucky old sun)
+
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+
                    </div>
+
                </div><!-- /.modal-content -->
+
            </div><!-- /.modal-dialog -->
+
        </div><!-- /.modal -->
+
 
+
 
+
        </div>
+
        <div class="members"  >
+
         
+
 
+
            <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal8">
+
            <img class="photo" id='ytf' width="250px" src="https://static.igem.org/mediawiki/2018/a/ae/T--GreatBay_China--dadu.jpg" />
+
            <h4>Eden Yu</h4>
+
          </button>
+
 
+
        <!-- 模态框(Modal) -->
+
        <div class="modal fade" id="myModal8" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+
            <div class="modal-dialog">
+
                <div class="modal-content">
+
                    <div class="modal-header">
+
                      <h3 class="modal-title" id="myModalLabel">Eden Info</h3>
+
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+
                       
+
                    </div>
+
                    <div class="modal-body">Everything is distinctive here, everything is challenging. Everything is innovative here, everything is inspiring. iGEM gives me joy, skills, and experience, but it also gives me stress, barriers and hardship. I come here to enjoy, to imagine, but also to learn and improve. OK! Enough nonsense! I am Eden, an A1 student from Shenzhen College of International Education, who is currently fully occupied by study, iGEM, and study plus iGEM --- It has been three weeks since I went to the gym last time, incredible! Sport is a main part of my life, it can release my systemic exhaustion and depression at any time. I am not social, but making friends and cooperating with team members are truly fascinating.<br><br>
+
 
+
                    Role in team:<br>
+
                    <ul>
+
                      <li>Doing experiment</li>
+
                      <li>Modeling, sensitivity analysis and coculture</li>
+
                      <li>Product design, 3D modeling, experiments and construction</li>
+
                      <li>Human practise interviews</li>
+
                    </div>
+
                    <div class="modal-footer">
+
                        Nickname: 大都,一灯,勇哥(Brave man)
+
 
+
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+
                    </div>
+
                </div><!-- /.modal-content -->
+
            </div><!-- /.modal-dialog -->
+
        </div><!-- /.modal -->
+
 
+
 
+
        </div>
+
 
+
                <div class="members" >
+
         
+
 
+
 
+
            <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal9">
+
            <img class="photo" id='xwd' width="250px" src="https://static.igem.org/mediawiki/2018/f/f5/T--GreatBay_China--xwd.jpg" />
+
            <h4>Wade Xiao</h4>
+
           </button>
+
 
+
        <!-- 模态框(Modal) -->
+
        <div class="modal fade" id="myModal9" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+
            <div class="modal-dialog">
+
                <div class="modal-content">
+
                    <div class="modal-header">
+
                      <h3 class="modal-title" id="myModalLabel">Wade Info</h3>
+
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+
                       
+
                    </div>
+
                    <div class="modal-body">
+
                    Hi, my name is Wade and this the first year of participating iGEM. Currently, I am an IB student in Shenzhen Senior High School. Since the painful memory of making LB medium three times and fails four times do not fade and for the sake of the whole lab, now I am trying to help the team outside the lab including modeling and doing human practice. I also play the role of bio-safety reminder in the team. Anyway, hope to see your guys in Boston. <br><br>
+
                    Role in team:<br>
+
                    <ul>
+
                      <li>Project brainstorm and subsequent research</li>
+
                      <li>Co-culture modeling and human practice</li>
+
                      <li>Plasmid construction and reminder of biosafety</li>
+
                    </ul>
+
                  </div>
+
                    <div class="modal-footer">
+
                      Nickname: 皮迪,真皮沙发
+
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+
                    </div>
+
                </div><!-- /.modal-content -->
+
            </div><!-- /.modal-dialog -->
+
        </div><!-- /.modal -->
+
 
+
 
+
 
         </div>
 
         </div>
 
       </div>
 
       </div>
 
+
          <div class="block-panel">
            <div class='line'>
+
         <div class="block-content">
        <div class="members"  >
+
        <h1 >Liu Haodong</h1>
         
+
<img src="https://static.igem.org/mediawiki/2019/e/e1/T--DUT_China_B--LHD.jpg" style="height:100%;width:100%;" >
 
+
          <> Liu Haodong is devoted to the experiment part of our project, mainly in charge of electroporation and algae culturing. Sometimes you will also find him sterilizing and making culture medium, or writing for wiki. Anyway, busy in team. </p>
            <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal10">
+
            <img class="photo" id='wzg' width="250px" src="https://static.igem.org/mediawiki/2018/e/ea/T--GreatBay_China--marie_p.jpg"/>
+
            <h4>Marie Wei</h4>
+
          </button>
+
 
+
        <!-- 模态框(Modal) -->
+
         <div class="modal fade" id="myModal10" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+
            <div class="modal-dialog">
+
                <div class="modal-content">
+
                    <div class="modal-header">
+
                      <h3 class="modal-title" id="myModalLabel">Marie Info</h3>
+
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+
                       
+
                    </div>
+
                    <div class="modal-body">
+
                      Hi! (whoever is now surfing this site) My name is Marie Wei, a sophomore who is studying abroad in Worcester Academy, Worcester, Massachusetts, US. I am a very easy-going person with many different hobbies and specialties (in various levels of course). In my leisure time, I would enjoy myself by reading, writing stories, drawing, playing instruments, working out and so on. Attending iGEM this year and becoming a member of GreatBay_China is one of the best things that I have ever done in my life. I am the kind of person who always feels enthusiastic about every decision in life. By attending iGEM, I have received an absolutely incredible experience dealing with synthetic biology. Biology has always been one of my passions and interests, by attending iGEM, the only thing I can say about it would be: I am IN LOVE with this subject—totally, genuinely, in LOVE.<br><br>
+
 
+
                      During this whole summer, I had great fun with the team, discovered myself and those little tubes more in the lab, and really, generated a large amount of LOVE for biology. <br><br>
+
 
+
                      Really. The best experience ever.<br><br>
+
 
+
                      Role in team:<br>
+
                      <ul>
+
                        <li>art design (including teams peripheral products such as postcards, bags; wiki illustration; illustration on team uniform)</li>
+
                        <li>helped to generate ideas in creating our final product: the kitty wonderland and helped with product experiment</li>
+
                        <li>also did some help with experiments during summer vacation</li>
+
                      </ul>
+
 
+
                    </div>
+
                    <div class="modal-footer">
+
                        Nickname: 大触,触级天使(Angle Artist)
+
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+
                    </div>
+
                </div><!-- /.modal-content -->
+
            </div><!-- /.modal-dialog -->
+
        </div><!-- /.modal -->
+
 
+
 
+
        </div>
+
 
+
        <div class="members"  >
+
         
+
 
+
            <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal11">
+
            <img class="photo" id='ych' width="250px" src="https://static.igem.org/mediawiki/2018/1/1e/T--GreatBay_China--ych_p.jpg" />
+
            <h4>David Yang</h4>
+
          </button>
+
 
+
        <!-- 模态框(Modal) -->
+
        <div class="modal fade" id="myModal11" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+
            <div class="modal-dialog">
+
                <div class="modal-content">
+
                    <div class="modal-header">
+
                      <h3 class="modal-title" id="myModalLabel">David Info</h3>
+
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+
                       
+
                    </div>
+
                    <div class="modal-body">
+
                      Hello, everyone. I studied at the third high school attached to Beijing Normal University. I usually like to cook and paint. With the help of the bluepha lab, I have developed an interest in synthetic biology and have the privilege of forming an excellent team with everyone. Although I still have a lot to learn, I will do my best to contribute to the team.<br><br>
+
                      Role in the team: <br>
+
                      <ul>
+
                        <li>art design (including wiki typesetting;  team uniform)</li>
+
                        <li>help on experiments during summer vacation</li>
+
                      </ul>
+
                    </div>
+
                    <div class="modal-footer">
+
                        Nickname:神笔の蚌
+
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+
                    </div>
+
                </div><!-- /.modal-content -->
+
            </div><!-- /.modal-dialog -->
+
        </div><!-- /.modal -->
+
 
+
 
+
        </div>
+
 
+
                <div class="members"  >
+
         
+
 
+
            <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal12">
+
            <img class="photo" id='katrina' width="250px" src="https://static.igem.org/mediawiki/2018/8/8d/T--GreatBay_China--katrina_p.jpeg" />
+
            <h4>Katrina Zhuo</h4>
+
          </button>
+
 
+
        <!-- 模态框(Modal) -->
+
        <div class="modal fade" id="myModal12" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+
            <div class="modal-dialog">
+
                <div class="modal-content">
+
                    <div class="modal-header">
+
                      <h3 class="modal-title" id="myModalLabel">Katrina Info</h3>
+
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+
                       
+
                    </div>
+
                    <div class="modal-body">
+
                    I’m Katrina from Shenzhen Vanke Meisha Academy. I am a senior student majoring in biology and chemistry.  IGEM, a competition which requires a lot of teamwork and participation, allows me to know my advantages and disadvantages. This will benefit my whole life. And I will definitely remember the time working with my friends. I am ready to meet many new friends!<br><br>
+
                    Role in team:<br>
+
                    <ul>
+
                      <li>Official Accounts</li>
+
                      <li>Designer</li>
+
                    </ul>
+
 
+
                    </div>
+
                    <div class="modal-footer">
+
                      Nickname:天女下凡
+
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+
                    </div>
+
                </div><!-- /.modal-content -->
+
            </div><!-- /.modal-dialog -->
+
        </div><!-- /.modal -->
+
 
+
 
         </div>
 
         </div>
 
       </div>
 
       </div>
      <div class='line'>
+
      <br>
        <div class="members" >
+
<div class="block-panel">
         
+
        <div class="block-content">
 
+
        <h1 >Ge Yunlong</h1>
            <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal21">
+
<img src="https://static.igem.org/mediawiki/2019/a/ac/T--DUT_China_B--GYL.jpg" style="height:50%;width:100%;" >
            <img class="photo" id='Jessie' width="250px" src="https://static.igem.org/mediawiki/2018/0/0d/T--GreatBay_China--shy.png" />
+
          <> Ge Yunglong also majors in bioengineering. He has great curiosity for new things. Though having widespread hobbies, he is not everything proficient. Optimistic and friendly, yet particular about friends, he might not be the best man you ever seen, but he is reliable—aren’t that enough for an iGEMer? </p>
            <h4>Jesse Sun</h4>
+
          </button>
+
 
+
        <!-- 模态框(Modal) -->
+
        <div class="modal fade" id="myModal21" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+
            <div class="modal-dialog">
+
                <div class="modal-content">
+
                    <div class="modal-header">
+
                      <h3 class="modal-title" id="myModalLabel">Jesse Info</h3>
+
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+
                       
+
                    </div>
+
                    <div class="modal-body">
+
                    Jesse is a talented figure in Shandong Experimental High School and an existing assistant for our lab project during several days in the summer holiday. Outside our project and iGEM, he says he is really good at business studies, LEGO, playing football, writing Javascript and 3D Modelling.<br><br>
+
                    Role in team:<br>
+
                    <ul>
+
                      <li>Spent a week in lab: negative results paved the path to our success</li>
+
                      <li>Paying and attending Jamborree</li>
+
                      <li>Discontiunous motivation by letting us believe he is the man(for model,hardware,wiki,etc.)</li>
+
                    </ul>
+
 
+
                    </div>
+
                    <div class="modal-footer">
+
                      Nickname:世外高人
+
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+
                    </div>
+
                </div><!-- /.modal-content -->
+
            </div><!-- /.modal-dialog -->
+
        </div><!-- /.modal -->
+
 
+
 
         </div>
 
         </div>
 
 
       </div>
 
       </div>
 
+
      <br>
 
+
<div class="block-panel">
 
+
         <div class="block-content">
 
+
        <h1 >Xu Mingxi</h1>
 
+
<img src="https://static.igem.org/mediawiki/2019/f/fa/T--DUT_China_B--XMX.jpg" style="height:50%;width:100%;" >
                      <br><br><br>
+
           <> Xu Mingxi, who is a senior at Dalian University of technology and majors in automation. She is in charge of Wiki coding in the team. </p>
 
+
 
+
            <div class='line'>
+
             
+
        <div class="members"  >
+
            <h1 class="title">  Instructor</h1><br>
+
            <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal13">
+
            <img class="photo" id=‘js’ width="250px" src="https://static.igem.org/mediawiki/2018/a/aa/T--GreatBay_China--js.jpg"/>
+
            <h4>Boxiang Wang</h4>
+
          </button>
+
 
+
        <!-- 模态框(Modal) -->
+
         <div class="modal fade" id="myModal13" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+
            <div class="modal-dialog">
+
                <div class="modal-content">
+
                    <div class="modal-header">
+
                      <h3 class="modal-title" id="myModalLabel">Boxiang Info</h3>
+
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+
                       
+
                    </div>
+
                    <div class="modal-body">Boxiang is a Research and development director of educational product of Bluepha Co.Ltd.; an experienced iGEMer who participated and leaded 7 iGEM competitions; and an unassailable avatar of the team.</div>
+
                    <div class="modal-footer">
+
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+
                    </div>
+
                </div><!-- /.modal-content -->
+
            </div><!-- /.modal-dialog -->
+
        </div><!-- /.modal -->
+
         
+
        </div>
+
        <div class="members"  >
+
          <h1 class="title"> Primary PI</h1><br>
+
          <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal14">
+
            <img class="photo" id=‘zhq’ width="250px" src="https://static.igem.org/mediawiki/2018/f/f8/T--GreatBay_China--zhanghaoqian.jpg" />
+
            <h4>Haoqian Zhang</h4>
+
          </button>
+
 
+
        <!-- 模态框(Modal) -->
+
        <div class="modal fade" id="myModal14" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+
            <div class="modal-dialog">
+
                <div class="modal-content">
+
                    <div class="modal-header">
+
                      <h3 class="modal-title" id="myModalLabel">Zhang Info</h3>
+
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+
                       
+
                    </div>
+
                    <div class="modal-body">The CTO of Bluepha</div>
+
                    <div class="modal-footer">
+
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+
                    </div>
+
                </div><!-- /.modal-content -->
+
            </div><!-- /.modal-dialog -->
+
        </div><!-- /.modal -->
+
         
+
        </div>
+
        <div class="members"  >
+
          <h1 class="title">  Secondary PI</h1><br>
+
 
+
          <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal15">
+
            <img class="photo" id=‘gq’ width="250px" src="https://static.igem.org/mediawiki/2018/9/9e/T--GreatBay_China--gengqiang.jpg"/>
+
            <h4>Qiang Geng</h4>
+
           </button>
+
 
+
        <!-- 模态框(Modal) -->
+
        <div class="modal fade" id="myModal15" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+
            <div class="modal-dialog">
+
                <div class="modal-content">
+
                    <div class="modal-header">
+
                      <h3 class="modal-title" id="myModalLabel">Geng Info</h3>
+
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+
                       
+
                    </div>
+
                    <div class="modal-body">The principal of Bluepha Lab, and the COO of Bluepha</div>
+
                    <div class="modal-footer">
+
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+
                    </div>
+
                </div><!-- /.modal-content -->
+
            </div><!-- /.modal-dialog -->
+
        </div><!-- /.modal -->
+
       
+
 
         </div>
 
         </div>
 
       </div>
 
       </div>
 
+
      <br>
      <div class="line">
+
        <div class="block-panel">
        <h1 class="title">  Advisors</h1><br>
+
         <div class="block-content">
 
+
        <h1 >Men Hongyi</h1>
        <div class="members" >
+
<img src="https://static.igem.org/mediawiki/2019/8/85/T--DUT_China_B--MEN.jpg" style="height:100%;width:100%;" >
          <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal16">
+
          <> a little cute from architecture major, always busy in drawing.</p>
            <img class="photo" id=’dym’ width="250px" src="https://static.igem.org/mediawiki/2018/1/1c/T--GreatBay_China--dongyiming.jpg" />
+
            <h4>Yiming Dong</h4> 
+
          </button>
+
 
+
        <!-- 模态框(Modal) -->
+
         <div class="modal fade" id="myModal16" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+
            <div class="modal-dialog">
+
                <div class="modal-content">
+
                    <div class="modal-header">
+
                      <h3 class="modal-title" id="myModalLabel">Dong Info</h3>
+
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+
                       
+
                    </div>
+
                    <div class="modal-body">Yiming Dong is a PHD of Beijing University Synthetic Biology.</div>
+
                    <div class="modal-footer">
+
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+
                    </div>
+
                </div><!-- /.modal-content -->
+
            </div><!-- /.modal-dialog -->
+
        </div><!-- /.modal -->
+
         
+
          </div>
+
 
+
        <div class="members"  >
+
          <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal17">
+
            <img class="photo" id=‘zxy’ width="250px" src="https://static.igem.org/mediawiki/2018/f/fe/T--GreatBay_China--zxy.jpg" />
+
            <h4>Xuanyu Zhao</h4>
+
          </button>
+
 
+
        <!-- 模态框(Modal) -->
+
        <div class="modal fade" id="myModal17" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+
            <div class="modal-dialog">
+
                <div class="modal-content">
+
                    <div class="modal-header">
+
                      <h3 class="modal-title" id="myModalLabel">Zhao Info</h3>
+
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+
                       
+
                    </div>
+
                    <div class="modal-body">Xuanyu Zhao is a research and development instructor of educational product of Bluepha Co.Ltd. She majors on toxin-antitoxin system in microbial in graduate degree, now an advisor of team GBC.</div>
+
                    <div class="modal-footer">
+
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+
                    </div>
+
                </div><!-- /.modal-content -->
+
            </div><!-- /.modal-dialog -->
+
        </div><!-- /.modal -->
+
         
+
 
         </div>
 
         </div>
 
        <div class="members">
 
          <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal18">
 
            <img class="photo" id=‘ly’ width="250px" src="https://static.igem.org/mediawiki/2018/8/8f/T--GreatBay_China--ly.png" />
 
            <h4>Yu Li</h4>
 
          </button>
 
 
        <!-- 模态框(Modal) -->
 
        <div class="modal fade" id="myModal18" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
            <div class="modal-dialog">
 
                <div class="modal-content">
 
                    <div class="modal-header">
 
                      <h3 class="modal-title" id="myModalLabel">Li Info</h3>
 
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
 
                       
 
                    </div>
 
                    <div class="modal-body">Li Yu is a speculative designer, creative technologist and interdisciplinary researcher. Her researches the burgeoning area of advanced science and technology and speculative design. She uses design as a method of investigation, experimenting with emerging technologies and its possible implementation. Her works translate thoughts experiments and fictional narratives into tangible forms, ignite discussion on our current society and its future. She collaborates with scientists and engineers from different countries and disciplines.</div>
 
                    <div class="modal-footer">
 
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
 
                    </div>
 
                </div><!-- /.modal-content -->
 
            </div><!-- /.modal-dialog -->
 
        </div><!-- /.modal -->
 
        </div>
 
 
 
       </div>
 
       </div>
 
+
      <br>
      <div class='line'>
+
 
        <div class="members"  >
+
           <div class="block-panel">
           <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal19">
+
          <div class="block-content">
            <img class="photo" id=‘js’ width="250px" src="https://static.igem.org/mediawiki/2018/0/0c/T--GreatBay_China--wx.png"/>
+
            <h4>Xuan Wang</h4>
+
          </button>
+
 
+
        <!-- 模态框(Modal) -->
+
        <div class="modal fade" id="myModal19" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+
            <div class="modal-dialog">
+
                <div class="modal-content">
+
                    <div class="modal-header">
+
                      <h3 class="modal-title" id="myModalLabel">Wang Info</h3>
+
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+
                       
+
                    </div>
+
                    <div class="modal-body">Xuan Wang is a former iGEM team leader of BNU_China 2014, a current PhD candidate in Tsinghua University and a part-time employee of Bluepha. He wants to do several beautiful science projects and to teach several potential students.</div>
+
                    <div class="modal-footer">
+
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+
                    </div>
+
                </div><!-- /.modal-content -->
+
            </div><!-- /.modal-dialog -->
+
        </div><!-- /.modal -->
+
 
            
 
            
 +
<img src="https://static.igem.org/mediawiki/2019/0/04/T--DUT_China_B--tutor.jpg" style="height:100%;width:100%;" >
 +
       
 
         </div>
 
         </div>
       
 
        <div class="members" >
 
          <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal20">
 
            <img class="photo" id=’jszx’ width="250px" src="https://static.igem.org/mediawiki/2017/6/6c/Harryjiang.jpeg" />
 
            <h4>Harry Jiang</h4>
 
          </button>
 
 
        <!-- 模态框(Modal) -->
 
        <div class="modal fade" id="myModal20" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
            <div class="modal-dialog">
 
                <div class="modal-content">
 
                    <div class="modal-header">
 
                      <h3 class="modal-title" id="myModalLabel">Jiang Info</h3>
 
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
 
                       
 
                    </div>
 
                    <div class="modal-body">Shan Jiang is a High schooler, goalkeeper, table tennis player, violinist, CCiC executive committee member, synthetic biology fundamentalist, leader of iGEM team RDFZ 2018 and SIAT-SCIE 2017.</div>
 
                    <div class="modal-footer">
 
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
 
                    </div>
 
                </div><!-- /.modal-content -->
 
            </div><!-- /.modal-dialog -->
 
        </div><!-- /.modal -->
 
         
 
 
         </div>
 
         </div>
 
+
<div class="block-panel">
        <div class="members" >
+
        <div class="block-content">
          <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal22">
+
        <h1 >Ma Yue</h1>
            <img class="photo" id=’jszx’ width="250px" src="https://static.igem.org/mediawiki/2018/9/99/T--GreatBay_China--alicia.jpeg" />
+
<img src="https://static.igem.org/mediawiki/2019/3/35/T--DUT_China_B--WY.jpg" style="height:100%;width:100%;" >
            <h4>Alicia Graham</h4>
+
          <> Ma Yue, postgraduate of visual communication design at the School of Architecture and Art, Dalian University of Technology. Participated in the main visual design of the 70th anniversary of the university, and now serves as the editor of "China Postgraduate" magazine.</p>
          </button>
+
 
+
        <!-- 模态框(Modal) -->
+
        <div class="modal fade" id="myModal22" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+
            <div class="modal-dialog">
+
                <div class="modal-content">
+
                    <div class="modal-header">
+
                      <h3 class="modal-title" id="myModalLabel">Alicia Info</h3>
+
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+
                       
+
                    </div>
+
                    <div class="modal-body">A PhD candidate at Imperial College London. Loves food, wine and synbio.</div>
+
                    <div class="modal-footer">
+
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+
                    </div>
+
                </div><!-- /.modal-content -->
+
            </div><!-- /.modal-dialog -->
+
        </div><!-- /.modal -->
+
         
+
 
         </div>
 
         </div>
 
 
       </div>
 
       </div>
 +
      <br>
  
      <br><br><br>
+
          <div class="block-panel">
 +
          <div class="block-content">
 +
          <h1 >Fantao</h1>
 +
<img src="https://static.igem.org/mediawiki/2018/b/bc/T--DLUT_China_B--Team19.jpg" style="height:100%;width:100%;" >
 +
          <p  >Dr. Yang is associate professor, master supervisor in the school of bioengineering, Dalian University of Technology. Her research focuses on (1) the structure and function of the key enzymes involved in cell wall degradation; and (2) development of antibacterial and antifungal technologies and agents; and (3) Application design of controlled release drug delivery carriers.</p>
 +
          </div>
 +
          </div>
 +
        <div class="block-panel">
 +
        <div class="block-content">
 +
          <h1 >Fantao</h1>
 +
<img src="https://static.igem.org/mediawiki/2019/0/0c/T--DUT_China_B--KFT.jpg" style="height:100%;width:100%;" >
 +
          <p  >Dr. Kong is a Associate Professor in the school of bioengineering, Dalian University of Technology . His research interests including lipid biology and biotechnology using photosynthetic microalgae as model.</p>
 +
          </div>
 +
          </div>
 +
          <div class="block-panel">
 +
          <div class="block-content">
 +
          <h1 >Fantao</h1>
 +
<img src="https://static.igem.org/mediawiki/2018/a/af/T--DLUT_China_B--Team18.jpg" style="height:100%;width:100%;" >
 +
          <p  >Dr. ZI is a teacher in the school of bioengineering, Dalian University of technology. She is mainly responsible for the innovative practice teaching of undergraduates.</p>
 +
          </div>
 +
          </div>
 +
       
 +
    </div>
  
  
 +
  </div>
  
      <div class="row" style="padding-left:50px;padding-right:50px">
 
        <h3>Some words</h3>
 
        <h4>My awesome teammates! I love you all! Thank you for making this year so meaningful. It has been an honour.</h4>
 
    <br><br>
 
    <h4>
 
      Eden: I got nothing to say.
 
It's crazy indeed. It's also legendary.
 
I would like to thank all my teammates, teachers, instructors, friends, people who have gave me courage to overcome depression, and most importantly my parents. Without you, all of you, I couldn't have attained all these fantastic achievements today.
 
 
    <br><br>
 
    Lucinda: iGEM forces me to tackle challenges, communicate with my friends and families, and deal with mental workload by focusing on one thing at a time with a reasonable schedule.
 
    It was hard, but with passion and collaboration we persisted. Thank you to y'all!
 
    <br><br>
 
    Charles: iGEM fascinates me in not just academic challenges, but the journey pushes me out of my comfort zone and enables me to learn new skills boldly. But the most precious treasure of iGEM is its people, every iGEMer. Million thanks to my teammates, advisors, and friends who have given me best support. Without these support I could not achieve so much potentials. Special thanks to my parents, who encouraged me and respect my every decisions.
 
    <br><br>
 
    Wade: A special thank to all of our parents
 
<br>
 
At the end of our journey, we would like to offer our deepest thank to our parents, who had supported us unconditionally since the very beginning of the project.
 
<br><br>
 
Sean: Say no more.
 
 
    </h4>
 
      </div>
 
 
 
 
   
 
     
 
 
 
 
 
 
 
      <!--DON'T FORGET TEMPLATE STARTS HERE BY CHARLES WEI (I wonder why I am writing this cuz only Lucinda and I will edit here.)-->
 
<br><br><br><br>
 
      </div>
 
 
 
 
   </div>
 
   </div>
 +
  
</div>
+
</div>
 
+
<script type="text/javascript">
 
+
 
+
  
 +
window.onload=function(){
 +
  map_height=document.documentElement.clientHeight;//获取页面可见高度
 +
 
 +
  document.getElementById("sides").style.height=map_height+"px";
 +
  }
 +
  function getScrollTop(){
 +
var scrollTop=0;
 +
if(document.documentElement.scrollTop){
 +
scrollTop=document.documentElement.scrollTop;
 +
}else if(document.body){
 +
scrollTop=document.body.scrollTop;
 +
}
 +
return scrollTop;
 +
}
 +
document.onscroll = function(){
 +
console.log(getScrollTop())
 +
if(getScrollTop()>(map_height+170)) {
 +
document.getElementById("sides").style.position="fixed";
 +
document.getElementById("sides").style.top="0";
 +
document.getElementById("sides").style.left="0";
 +
}else{
 +
document.getElementById("sides").style.position = 'static';
 +
 +
}
 +
</script>
  
  
 
</body>
 
</body>
 
</p>
 
 
</div>                <div class="visualClear"></div>
 
              </div>
 
        </div>
 
 
        </div>
 
    </div>
 
<!-- Life sucks by Lucinda Lin. Sometimes working out a template can be so goddamn hard, and it is not responsive. -->
 
<!-- Well life has to go on by Charles Wei. Sometimes correcting a template can be so tiring, and it is a recursive.-->
 
 
</html>
 
</html>

Latest revision as of 01:21, 14 December 2019

Document
parts

Great partner


Haobo Wang

Haobo Wang majors in environmental-engineering, yet somehow always finds himself ending up in biology labs.

Peng Feixue

a senior studying math, whose hair suffers from his major.

Chen Kaidi

a senior in Bioengineering from Dalian University of Technology, likes exploration and pursuing things she loves. Though sometimes procrastination will bring her trouble,she still tries to make everything perfect. This is her second year in iGEM, and she really appreciates the two-year experience here, which gives her the most cherish and fulfilling memory in her college time.

Pedro Brown

who is always very glad to discuss synthetic biology issues with iGEMers. iGEM requires not only a solid foundation of biology but also a rich imagination and creativity. He believes tomorrow belongs to synthetic biology. His motto: Miracle is another name for hard work.

Yin Xianqi

Yin Xianqi is an optimistic man with a simple and honest character. Being a senior and experienced in doing experiment, he undoubtedly plays an important role in the team. He is positive and motivated, never loses heart and gives up.

Zhang Yuanzhen

an iGEMer who loves researching and enjoys her second year with iGEM. She is an experienced experimenter and a much cherished asset to our team.

Zhu Jinwei

who has great passion for math as a senior student of bioengineering, and contributes much for our team’s modeling work. He can work just as well by himself.

Yang Bokai

Yang Bokai is a bioengineering senior who enjoys his life but has a contradicted feeling about wet experiments.

Zeng Weiyang

La sophomore major in bioengineering in Dalian University of Technology. He found, quite surprisingly, great pleasure in algae culturing.

Liu Yuanyuan

Liu Yuanyuan studies bioengineering. She had a hard time finding her part in the team, and now you see her, doing experiments and translating, double checking lines on wiki at the same time. Less optimistic and a lot heavier than she wants to be. And if you love MCU or Supernatural or some random TV series, she will be happy to know you.

Chen Yan

who just got into second year and majors in bioengineering. Always bright and optimistic, she enjoys novels and soap operas, living in her own world.

Liu Haodong

Liu Haodong is devoted to the experiment part of our project, mainly in charge of electroporation and algae culturing. Sometimes you will also find him sterilizing and making culture medium, or writing for wiki. Anyway, busy in team.


Ge Yunlong

Ge Yunglong also majors in bioengineering. He has great curiosity for new things. Though having widespread hobbies, he is not everything proficient. Optimistic and friendly, yet particular about friends, he might not be the best man you ever seen, but he is reliable—aren’t that enough for an iGEMer?


Xu Mingxi

Xu Mingxi, who is a senior at Dalian University of technology and majors in automation. She is in charge of Wiki coding in the team.


Men Hongyi

a little cute from architecture major, always busy in drawing.


Ma Yue

Ma Yue, postgraduate of visual communication design at the School of Architecture and Art, Dalian University of Technology. Participated in the main visual design of the 70th anniversary of the university, and now serves as the editor of "China Postgraduate" magazine.


Fantao

Dr. Yang is associate professor, master supervisor in the school of bioengineering, Dalian University of Technology. Her research focuses on (1) the structure and function of the key enzymes involved in cell wall degradation; and (2) development of antibacterial and antifungal technologies and agents; and (3) Application design of controlled release drug delivery carriers.

Fantao

Dr. Kong is a Associate Professor in the school of bioengineering, Dalian University of Technology . His research interests including lipid biology and biotechnology using photosynthetic microalgae as model.

Fantao

Dr. ZI is a teacher in the school of bioengineering, Dalian University of technology. She is mainly responsible for the innovative practice teaching of undergraduates.