Difference between revisions of "Team:Fudan-TSI/Hardware"

(2018 greatby by LC)
(LC hand over)
Line 1: Line 1:
<html><title>GBC-Hardware</title>
+
{{Fudan-TSI}}
 
+
<html lang="en">
<!--CREATOR OF THIS WIKI TEMPLATE: WEIQIAN LIN, KUANGYI WEI,Copyright Served. Any eligible editor using this template must be a member of the iGEM team: GreatBay_China 2018-->
+
<!--
 
+
This html document is created by Tian Huang for Team Fudan iGEM 2018.
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+
We make it compatible on laptop and mobile devices by using Materialize 1.0.0-rc.2.
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+
-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+
<!-- LC check on 2018-10-18 -->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
+
 
<head>
 
<head>
  <!-- Basic Page Needs
+
    <meta charset="UTF-8">
  ================================================== -->
+
<meta charset="utf-8">
+
<!-- Mobile Specific Metas
+
  ================================================== -->
+
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
+
  
<!-- css bootstrap -->
+
    <!-- CSS -->
<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" />
+
    <link rel="stylesheet" type="text/css" href="https://2019.igem.org/wiki/index.php?title=Template:Fudan-TSI/Fudan-css.css&action=raw&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 popover -->
+
<script type="text/javascript">
+
$(function () { $("[data-toggle='popover']").popover(); });
+
</script>
+
<!-- js menu -->
+
<script type="text/javascript">
+
 $(function(){
+
  $('.top-nav ul li span').hover(function(){$(this).addClass('hover');},function(){$(this).removeClass('hover');});
+
  $('.top-nav ul li').mouseover(function(){$(this).children('div').stop().slideDown().parent().siblings().children('div').stop().slideUp();});
+
  $('.top-nav ul li span').mouseleave(function(){$(this).siblings('div').stop().slideUp()});
+
  $('.top-nav ul li div').bind('mouseleave',function(){$(this).stop().slideUp();});
+
     })
+
   
+
</script>
+
<!-- js cathead -->
+
<script>
+
function changeface()
+
{
+
    element=document.getElementById('menuhead')
+
    if (element.style.display='none')
+
    {
+
        element.style.display='block';
+
    }
+
    else
+
    {
+
        element.style.display='none';
+
    }
+
}
+
</script>
+
<!-- css main -->
+
<style>
+
/* latin */
+
@font-face {
+
  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;
+
}
+
</style>
+
<style>
+
html {
+
  font-family: sans-serif;
+
  -webkit-text-size-adjust: 100%;
+
      -ms-text-size-adjust: 100%;
+
}
+
body {
+
  margin: 0;
+
}
+
article,
+
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;
+
  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;
+
     <!-- Font-awesome icons 4.7.0 -->
  }
+
     <link rel="stylesheet" href="https://2019.igem.org/wiki/index.php?title=Template:Fudan-TSI/Fudan-font-awesome.css&action=raw&ctype=text/css" />
  thead {
+
    display: table-header-group;
+
  }
+
  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');
+
    <!-- Materialize 1.0.0-rc.2 (Material Design like) -->
  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');
+
    <link rel="stylesheet" href="https://2019.igem.org/wiki/index.php?title=Template:Fudan-TSI/materialize.css&action=raw&ctype=text/css">
}
+
.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;
+
    <!-- Clear default CSS settings; CSS reset -->
  -moz-osx-font-smoothing: grayscale;
+
    <style>
}
+
        *{margin: 0;padding: 0;list-style: none;}
.glyphicon-asterisk:before {
+
        /* via: https://blog.csdn.net/weixin_41014370/article/details/79523637 */
  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, h1, h3, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
body {
+
        dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+
        pre, /* text formatting elements 文本格式元素 */
  line-height: 1.42857143;
+
        form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
  color: #333;
+
        th, td /* table elements 表格元素 */ {
  background-color: #fff;
+
            margin: 0;
}
+
            padding: 0;
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;
+
  clip: rect(0, 0, 0, 0);
+
  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;
+
}
+
h1,
+
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;
+
  padding-right: 5px;
+
  padding-left: 5px;
+
}
+
dl {
+
  margin-top: 0;
+
  margin-bottom: 20px;
+
}
+
dt,
+
dd {
+
  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) {
+
        /** 设置默认字体 **/
  .rolldown {
+
    width: 600px;
+
  }
+
}
+
@media (min-width: 992px) {
+
  .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%;
+
}
+
.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;
+
  margin-top: 4px \9;
+
  margin-left: -20px;
+
}
+
.radio + .radio,
+
.checkbox + .checkbox {
+
  margin-top: -5px;
+
}
+
.radio-inline,
+
.checkbox-inline {
+
  position: relative;
+
  display: inline-block;
+
  padding-left: 20px;
+
  margin-bottom: 0;
+
  font-weight: normal;
+
  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;
+
  font-size: inherit;
+
  text-align: center;
+
  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,
+
.btn:active:focus,
+
.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);
+
  
}
+
        h1, h3, h3, h4, h5, h6 { font-size: 100%; }
.btn.disabled,
+
        address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
.btn[disabled],
+
        code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 统一等宽字体 */
fieldset[disabled] .btn {
+
        small { font-size: 12px; } /* 小于 12px 的中文很难阅读,让 small 正常化 */
  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;
+
  left: 0;
+
  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;
+
  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) {
+
        ul, ol { list-style: none; }
  .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 {
+
  
  }
+
        /** 重置文本格式元素 **/
}
+
        a { text-decoration: none; }
.navbar-toggle {
+
         a:hover { text-decoration: underline; }
  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%;
+
  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;
+
  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;
+
  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;
+
  margin-top: -5px;
+
  border-width: 5px 0 5px 5px;
+
  border-left-color: #000;
+
}
+
.tooltip.bottom .tooltip-arrow {
+
  top: 0;
+
  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">
 
  
 +
        /** 重置表单元素 **/
 +
        legend { color: #000; } /* for ie6 */
 +
        fieldset, img { border: 0; } /* img 搭车:让链接里的 img 无边框 */
 +
        button, input, select, textarea { font-size: 100%; } /* 使得表单元素在 ie 下能继承字体大小 */
 +
        /* 注:optgroup 无法扶正 */
  
 +
        /** 重置表格元素 **/
 +
        table { border-collapse: collapse; border-spacing: 0; }
  
/********************************* DEFAULT WIKI SETTINGS  ********************************/
+
    </style>
 +
    <title>2019 Team:Fudan-TSI Hardware</title>
 +
</head>
  
#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: 20px; 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;
 
}
 
 
.row ul,ol{
 
  font-size:14px;
 
}
 
/* 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
 
{
 
  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;
 
  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; 
 
}
 
.logos
 
{
 
  padding:10px;
 
  margin:10px;
 
  color: white;
 
  background-color:rgba(125, 63, 152, 0.9);
 
  display:inline-block;
 
  width:250px;
 
  height:260px;
 
  vertical-align:top;
 
 
}
 
 
.photo{
 
  padding-left:10px;
 
}
 
.sameline
 
{
 
  display:inline-block;
 
  padding:5px;
 
  padding-right:10px;
 
}
 
th{
 
  width:120px;
 
}
 
.fig{
 
  background-color: #fff;
 
 
 
 
 
}
 
 
</style>
 
<!-- <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script> -->
 
</head>
 
 
<body>
 
<body>
 +
<!-- Fudan div at igem.org -->
 +
<div id="FudanWrapper" class="white">
 +
    <div id="FudanBody" class="white orangeBg">
 +
        <header>
 +
            <!-- empty bar -->
 +
            <div id="emptyBar" style="position:relative;width: 100%;"></div>
  
  <div class="logo"><a><img src="https://static.igem.org/mediawiki/2018/1/14/T--GreatBay_China--logo1.jpg" /></a></div>
+
            <!-- Navigation bar -->
 +
            <!-- Dropdown and List elements in navigation bar -->
 +
            <!-- Slide-out navigator contents -->
 +
        </header>
  
  <div class="container">
+
         <div id="pageContent" style="">
   
+
      <div class="top-nav">
+
         <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>
+
            <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>
+
          </li>
+
          <li>
+
            <a href="#"><span>Parts</span></a>
+
              <div>
+
             
+
              <a href="https://2018.igem.org/Team:GreatBay_China/Parts">Parts</a>
+
                <a href="https://2018.igem.org/Team:GreatBay_China/Basic_Part">Basic</a>
+
                <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 id="active">
+
            <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 href="https://2018.igem.org/Team:GreatBay_China/Hardware">Hardware</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>
+
          </li>
+
          <li>
+
            <a href="#"><span>Lab</span></a>
+
              <div>
+
                <a href="https://2018.igem.org/Team:GreatBay_China/Experiments">Experiments</a>
+
                <a href="https://2018.igem.org/Team:GreatBay_China/Notebook">Notebook</a>
+
                <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>
+
          </li>
+
          <li>
+
            <a href="https://2018.igem.org/Team:GreatBay_China/Judging"><span>Judging</span></a>
+
              <div>
+
              </div>
+
          </li>
+
          <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 id="contentBanner" class="figureBanner orangeBg">
       
+
                <div class="row"><!-- below for smaller screen, duplicate h1 and span -->
    </div>
+
                    <div class="col s12 hide-on-med-and-up">
       
+
                        <h1>Hardware</h1>
       
+
                    </div>
 
+
                    <div class="col s12 hide-on-med-and-up">
    <div class="rolldown">
+
                        <span>tba tba</span>
     
+
                    </div>
      <div class="container">
+
                </div><!-- above for smaller screen, duplicate h1 and span -->
      <div class="footer">
+
                <div id="figureBannerTitle" class="hide-on-small-only">
        <br>
+
                    <h1>Hardware</h1>
        <div class="row" style="padding-left:50px">
+
                    <p><span>tba tba</span></p>
 +
                </div>
 +
                <div class="hide-on-small-only">
 +
                    <img alt="2018 team Fudan title attributions" src="https://static.igem.org/mediawiki/2018/5/5f/T--Fudan--title_attri.jpg">
 +
                    <svg width="10" height="10" xmlns="http://www.w3.org/2000/svg" style="position:absolute; left:0;top:0; width: 4%;height: 100%;">
 +
                        <defs>
 +
                            <linearGradient y2="0%" x2="100%" y1="0%" x1="0%" id="blackgraleft">
 +
                                <stop stop-color="rgb(0,0,0)" stop-opacity="1" offset="0%"/>
 +
                                <stop stop-color="rgb(0,0,0)" stop-opacity="0" offset="100%"/>
 +
                            </linearGradient>
 +
                        </defs>
 +
                        <g>
 +
                            <rect id="svg_1" fill="url(#blackgraleft)" height="100%" width="100%"/>
 +
                        </g>
 +
                    </svg>
 +
                    <svg width="10" height="10" xmlns="http://www.w3.org/2000/svg" style="position:absolute; right:0;top:0; width: 4%;height: 100%;">
 +
                        <defs>
 +
                            <linearGradient y2="0%" x2="100%" y1="0%" x1="0%" id="blackgraright">
 +
                                <stop stop-color="rgb(0,0,0)" stop-opacity="0" offset="0%"/>
 +
                                <stop stop-color="rgb(0,0,0)" stop-opacity="1" offset="100%"/>
 +
                            </linearGradient>
 +
                        </defs>
 +
                        <g>
 +
                            <rect id="svg_2" fill="url(#blackgraright)" height="100%" width="100%"/>
 +
                        </g>
 +
                    </svg>
 +
                </div>
 +
            </div>
  
          <div class="contact">
+
            <!-- main content of the page -->
          <img src="https://static.igem.org/mediawiki/2018/d/dd/T--GreatBay_China--footer1.png" width="50px">
+
            <div class="container">
          </div>
+
                <!-- side navigator of page content -->
          <div class="contact" style="width:450px">
+
                <main style="margin: 0;">
          <h5 style="color:white;">mCATNIP2018@outlook.com</h5>
+
                    <div class="section container">
          </div>
+
                        <h2>greatbay 文字</h2>
          <div class="contact">
+
                        <p>
          <img src="https://static.igem.org/mediawiki/2018/e/ed/T--GreatBay_China--footer10.jpeg" width="80px">
+
Hardware
          </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 class="row" style="padding-left:50px">
+
          <div class="contact">
+
          <img src="https://static.igem.org/mediawiki/2018/b/b6/T--GreatBay_China--footer2.png" width="50px">
+
          </div>
+
          <div class="contact" style="width:450px">
+
          <h5 style="color:white;">@Igem2018C</h5>
+
          </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 class="row">
+
        <div class="header" style="margin-left: -14px;">
+
          <img src="https://static.igem.org/mediawiki/2018/7/74/T--GreatBay_China--Top.png" />
+
        </div>
+
      </div>
+
  
      <!--TEMPLATE ENDS HERE BY CHARELS WEI (All edits down here)-->     
 
  
     
+
Video: This is the last episode of our documentary series. We draw out, model and demonstrate our final design.
  
 +
GBC Documentary P5
  
 +
Last Episode
 +
Check Full Playlist
  
  
 +
Thanks all for watching! The previous episode is about incorporating ‘Value Sensitive Design’ into the safety concerns of this hardware.
  
  
  
     
 
  
 +
Introduction
  
 +
Having noticed it is the difficulty in capturing cats that largely impeded the executive of TNR (Trap, Neuter, Release), we realized that the feline-attracting characteristic of nepetalactone could be of great help (For more details on why nepetalactone appeals felines, see Project Background). Compared to cage traps and usual food lure, the pleasant scent of nepetalactone in catnip would appear to cats less of a pitfall, therefore more easily let down the guard of stray cats. With this need clearly identified, we devised a brand new hardware, which can attract and seize stray cats when needed, provides cats with comfortable and secure shelter, and contains an auto-feeder to reduce the workload of the volunteered caregivers. With a beautiful wish that this device would be the promised land for the roaming cats, we named it ‘Kitty Wonderland’.
  
  
 +
Most of the features and their corresponding functions of the Kitty Wonderland are identified in Figures 1, which demonstrate the final version and the separate sections of our Kitty Wonderland. The functions and adaptations of every component will be discussed and explained comprehensively later in the Design.
  
 +
Figure 1. The 3D Modeling Figure of the whole structure, The Base, The House and The Roof of Kitty Wonderland.
  
      <div class="row" style="padding-left:50px; padding-right: 50px;">
 
          <br>
 
         
 
  
          <h2 style="font-size: 45px; font-weight:800;text-align: center;">Hardware</h2>
+
Before we came up with the idea of the design of this final version, we gathered and analyzed information and advice from specialists, officials and residence. Corresponding evaluations and modifications have been done to compare our hardware with the existing solutions and improve the possible performance of our design, as explained in the next section.
          <br><br>
+
  
          <div class="row" id="DocuP5" style=" padding-right: 50px;">
+
Evaluations and Improvements
        <p style="font-family: Delius; font-size: 16px;"><i>Video: This is the last episode of our documentary series. We draw out, model and demonstrate our final design.</i></p><br>
+
        <h5>GBC Documentary P5</h5>
+
      <p><video src="https://static.igem.org/mediawiki/2018/4/43/T--GreatBay_China--GBC_Documentary_P5.mp4" type="video/mov" height="auto" width="850" controls></video></p>
+
        <div class="sameline" style="background-color:rgba(125, 63, 152, 0.9);">
+
          <a href="https://2018.igem.org/Team:GreatBay_China/Safety#DocuP4">
+
          <h5 style="color:#fff;"> Last Episode</h5>
+
          </a>
+
        </div> 
+
        <div class="sameline" style="background-color:rgba(125, 63, 152, 0.9);width:633px;">
+
          <a href="https://2018.igem.org/Team:GreatBay_China/Public_Engagement#Docu">
+
          <h5 style="color:#fff;text-align: center;"> Check Full Playlist</h5>
+
          </a>
+
        </div>
+
        <div class="sameline" style="background-color:rgba(125, 63, 152, 0.9);vertical-align: top">
+
  
          <button type="button" style="color:#fff;" class="btn btn-primary" title="Charles" 
+
Animal lovers in various communities have installed many simple shelters with food and water supplies under their apartments. The price of these simple shelters are cheap (Most of the shelters are made of paperboard plastics) and these shelters are tiny and light so it is very easy to transport and carry them. However, they are not waterproof and therefore could only be placed under the roof where only a confined space is available (Figure 2). Since these shelters only serve to provide stray cats with foods, no cat will be captured and therefore no sterilization could be done. In order to solve the stray cats problem thoroughly, capture and neuter are the priorities and certain number of cats needs to be sterilized to inhibit the surge of stray cats population before further measures are undertaken.
              data-container="body" data-toggle="popover" data-placement="top"
+
              data-content="Thanks! No more episode~">
+
            Next Episode
+
          </button>
+
         
+
        </div>
+
        <br><br>
+
        <p style="font-family: Delius; font-size: 16px;"><i>Thanks all for watching! The previous episode is about incorporating ‘Value Sensitive Design’ into the safety concerns of this hardware.</i></p><br> 
+
      </div>
+
      <br><br><br>
+
  
          <h2 class="title">Introduction</h2><br>
+
In addition, many rescue parties of cats and dogs have already adopted modified cages which serve purely to trap stray cats and dogs (Figure 2). However, this method presents issues and concerns due to the fact that those cages don’t actually offer any benefits to cats and dogs but trap anything enters the cage immediately. Therefore, cats and dogs are becoming increasingly indifferent to those steel cages, which not only fail to demonstrate their functions but also pose threats to the animal. Besides, the sharp and harsh appearance of those steel cages doesn’t appeal to cat and dog at all. Pedestrian and residence will also find those cages very abrupt and unattractive, thus having negative attitudes towards the actions of the rescue team. None of these is helpful in taking care of cats and dogs and rescuing them effectively, not to mention the aim of emphasizing the problem of stray cats and dogs to the public and encouraging every citizen to get involve in the rescue.
          <h4>Having noticed it is the difficulty in capturing cats that largely impeded the executive of TNR (Trap, Neuter, Release), we realized that the feline-attracting characteristic of nepetalactone could be of great help (For more details on why nepetalactone appeals felines, see <a href="https://2018.igem.org/Team:GreatBay_China/Description">Project Background</a>). Compared to cage traps and usual food lure, the pleasant scent of nepetalactone in catnip would appear to cats less of a pitfall, therefore more easily let down the guard of stray cats. With this need clearly identified, we devised a brand new hardware, which can attract and seize stray cats when needed, provides cats with comfortable and secure shelter, and contains an auto-feeder to reduce the workload of the volunteered caregivers. With a beautiful wish that this device would be the promised land for the roaming cats, we named it ‘Kitty Wonderland’.</h4>
+
          <br><br>
+
  
  
          <h4>Most of the features and their corresponding functions of the Kitty Wonderland are identified in Figures 1, which demonstrate the final version and the separate sections of our Kitty Wonderland. The functions and adaptations of every component will be discussed and explained comprehensively later in the Design.</h4><br>
+
Figure 2. The investigation of the current solutions of stray cats problem.
        </div>
+
  
        <div class="row" style="padding-left:50px; padding-right: 50px;">
 
          <div class="fig">
 
       
 
          <img style="align-self: center; padding-left: 50px; padding-bottom: 25px; padding-top:25px;"src="https://static.igem.org/mediawiki/2018/b/be/T--GreatBay_China--Cathousemodel.jpg" width="800px">
 
          <h5 style="text-align: center;">Figure 1. The 3D Modeling Figure of the whole structure, The Base, The House and The Roof of Kitty Wonderland.</h5>
 
          <br>
 
          </div>
 
        </div><br>
 
  
        <div class="row" style="padding-left:50px; padding-right: 50px;">
+
Design
         
+
  
          <h4>Before we came up with the idea of the design of this final version, we gathered and analyzed information and advice from specialists, officials and residence. Corresponding evaluations and modifications have been done to compare our hardware with the existing solutions and improve the possible performance of our design, as explained in the next section.</h4><br>
+
Our Kitty Wonderland is made of wooden boards and some extra components like the camera and electric fan which enhance the functionality of the Kitty Wonderland. We select wooden boards instead of plastics or steels because wood is more nature and intimate to cat and it also has outstanding properties like relatively light and heat-insulated. Paintings, drawings and crafts could also be applied easily to the wooden boards to improve the appearance of our hardware. During the construction of the Kitty Wonderland, we simply nail all the components and wooden boards together.
        </div>
+
  
 +
The design of Kitty Wonderland is quiet complex, so the whole structure is broken down into three individual parts which are further explained. We name these three parts The Base, The House and The Roof respectively.
  
        <div class="row" style="padding-left:50px; padding-right: 50px;">
+
The pictures of The Base and The House are shown in Figure 3. The Base is consists of a wooden box with a lid, a 3D printed pedestal and a PVC tube of 90 cm long. In consideration of the protection and safety of battery and other appliance, we make the wooden box and cover the bottom of it with plastic, so the box is made waterproof and can protect the electric appliance inside the box. This wooden box could also provide a foundation and elevation for the main house which is placed on top of it, so our design could be placed on the streets where no shelter against rain is present and the House will not be submerged by heavy rain or flood. The plastic pedestal in nailed at the bottom of the Base and it is designed for the consolidation of the PVC tube, which runs all the way to the top of The House. The PVC pipe has two functions: To immobilized the house and to protect the wiring. Electrical appliance like the camera and the electric fan are installed on the top of the House. In order to connect the wires between the battery and the appliance without imposing potential danger on the cats and damaging the appearance of Kitty Wonderland, we apply this PVC tube into our design to allow wires go through it. Since the PVC tube runs through The Base and The House (The lid of The Base and the bottom of The House both have a hole with the diameter of the PVC tube in the middle), it connects and stabilizes the whole structure.
  
          <h2 class="title">Evaluations and Improvements</h2><br>
 
          <h4>Animal lovers in various communities have installed many simple shelters with food and water supplies under their apartments. The price of these simple shelters are cheap (Most of the shelters are made of paperboard plastics) and these shelters are tiny and light so it is very easy to transport and carry them. However, they are not waterproof and therefore could only be placed under the roof where only a confined space is available (Figure 2). Since these shelters only serve to provide stray cats with foods, no cat will be captured and therefore no sterilization could be done. In order to solve the stray cats problem thoroughly, capture and neuter are the priorities and certain number of cats needs to be sterilized to inhibit the surge of stray cats population before further measures are undertaken.</h4><br>
 
  
          <h4>In addition, many rescue parties of cats and dogs have already adopted modified cages which serve purely to trap stray cats and dogs (Figure 2). However, this method presents issues and concerns due to the fact that those cages don’t actually offer any benefits to cats and dogs but trap anything enters the cage immediately. Therefore, cats and dogs are becoming increasingly indifferent to those steel cages, which not only fail to demonstrate their functions but also pose threats to the animal. Besides, the sharp and harsh appearance of those steel cages doesn’t appeal to cat and dog at all. Pedestrian and residence will also find those cages very abrupt and unattractive, thus having negative attitudes towards the actions of the rescue team. None of these is helpful in taking care of cats and dogs and rescuing them effectively, not to mention the aim of emphasizing the problem of stray cats and dogs to the public and encouraging every citizen to get involve in the rescue. </h4><br>
+
Figure 3. Demonstration of the appearance and design of The Base and The House of Kitty Wonderland
        </div>
+
        <br>
+
  
        <div class="row" style="padding-left:50px; padding-right: 50px;">
 
          <div class="fig">
 
       
 
          <img style="align-self: center; padding-left: 50px; padding-bottom: 25px; padding-top:25px;"src="https://static.igem.org/mediawiki/2018/0/0b/T--GreatBay_China--Hardware_gallery_1.jpg" width="800px">
 
          <h5 style="text-align: center;">Figure 2. The investigation of the current solutions of stray cats problem.</h5>
 
          <br>
 
          </div>
 
        </div><br>
 
  
        <div class="row" style="padding-left:50px; padding-right: 50px;">
+
Right on top of The Base is The House. The House is the place where cats enjoy their lives. Two sliding electric doors are installed on the inner opposite sides of the House, and each door is controlled by a motor. After a cat enters the House, what happens is the sensor above the door detects the cat and the sensor sends signal to the central controller in The Roof or in The Base, which then activates the motors and closes the door. The door could also be adjusted to remain open, so the Kitty Wonderland becomes a habitat of cats and will not capture the cats if necessary. An inverted camera is also installed at one top corner of The House to monitor the conditions inside the House for recording and safety purposes (For more detailed safety considerations, see Application and Safety below). The chemical of our final production, the nepetalactol, and the foods inside the auto-feeder are used to further attract and entertain the cats. The nepetalactol is placed inside the essence oil container which is situated on the top of The House. The wooden board of the top is processed so that a total of 49 ventilation holes with diameter of 2 cm are created. These holes allow gas exchange to occur, and they also allow the wires from the motors and sensors inside The House to reach The Roof safely and easily. Through the ventilation holes, the fragrance of nepetalactol could easily diffuse down into The House where its enthusiastic consumers live and play. The foods and water inside the House also allow cats to stay for a long period of time. All together, these treats will make our design a paradise for cats.
  
          <h2 class="title">Design</h2><br>
+
The final section of our design is The Roof, as shown with the whole structure in Figure 4. In the 3D Modeling Figure, the demonstration on the left is the bottom view of The Roof. An inverted electric fan is fixed on the roof. Its function is to strengthen the air flow though our design and facilitate the diffusion of nepetalactol inside the essence oil container, so distant stray cats are also guided by the fragrance of the oil to our Kitty Wonderland. Since there are electric wires and appliance under the Roof, the lateral sides of the Roof are sealed in consideration of the safety of cats as well as the appearance of the design. Thirteen ventilation pores are made on two sealed sides to allow air flow through our design. The Roof is fixed on the top of The House by bolts and nuts, which allow us to remove The Roof and add nepetalactol quiet easily.
          <h4>Our Kitty Wonderland is made of wooden boards and some extra components like the camera and electric fan which enhance the functionality of the Kitty Wonderland. We select wooden boards instead of plastics or steels because wood is more nature and intimate to cat and it also has outstanding properties like relatively light and heat-insulated. Paintings, drawings and crafts could also be applied easily to the wooden boards to improve the appearance of our hardware. During the construction of the Kitty Wonderland, we simply nail all the components and wooden boards together.</h4><br>
+
  
          <h4>The design of Kitty Wonderland is quiet complex, so the whole structure is broken down into three individual parts which are further explained. We name these three parts The Base, The House and The Roof respectively.</h4><br>
 
  
          <h4>The pictures of The Base and The House are shown in Figure 3. The Base is consists of a wooden box with a lid, a 3D printed pedestal and a PVC tube of 90 cm long. In consideration of the protection and safety of battery and other appliance, we make the wooden box and cover the bottom of it with plastic, so the box is made waterproof and can protect the electric appliance inside the box. This wooden box could also provide a foundation and elevation for the main house which is placed on top of it, so our design could be placed on the streets where no shelter against rain is present and the House will not be submerged by heavy rain or flood. The plastic pedestal in nailed at the bottom of the Base and it is designed for the consolidation of the PVC tube, which runs all the way to the top of The House. The PVC pipe has two functions: To immobilized the house and to protect the wiring. Electrical appliance like the camera and the electric fan are installed on the top of the House. In order to connect the wires between the battery and the appliance without imposing potential danger on the cats and damaging the appearance of Kitty Wonderland, we apply this PVC tube into our design to allow wires go through it. Since the PVC tube runs through The Base and The House (The lid of The Base and the bottom of The House both have a hole with the diameter of the PVC tube in the middle), it connects and stabilizes the whole structure.</h4><br>
+
Figure 4. 3D Modeling Figure of The roof (Picture 1) and the demonstration of the detailed design of The Roof. The final structure of our Hardware in shown in picture 4
       
+
  
        </div>
 
        <br>
 
  
 +
All sections are combined to produce the complete structure of our hardware. In practise, the Base Lid will be placed on top of The Base under The House to provide an extra shielding for the electric appliance (Figure 4).
  
        <div class="row" style="padding-left:50px; padding-right: 50px;">
+
After recognizing the functions of each component of our design, a brief description of the scenario of implementing our Kitty Wonderland is written below for your further understanding.
          <div class="fig">
+
       
+
          <img style="align-self: center; padding-left: 50px; padding-bottom: 25px; padding-top:25px;"src="https://static.igem.org/mediawiki/2018/b/bb/T--GreatBay_China--Hardware_gallery_2.jpg" width="800px">
+
          <h5 style="text-align: center;">Figure 3. Demonstration of the appearance and design of The Base and The House of Kitty Wonderland</h5>
+
          <br>
+
          </div>
+
        </div><br>
+
  
        <div class="row" style="padding-left:50px; padding-right: 50px;">
 
  
         
+
Application and Safety
          <h4>Right on top of The Base is The House. The House is the place where cats enjoy their lives. Two sliding electric doors are installed on the inner opposite sides of the House, and each door is controlled by a motor. After a cat enters the House, what happens is the sensor above the door detects the cat and the sensor sends signal to the central controller in The Roof or in The Base, which then activates the motors and closes the door. The door could also be adjusted to remain open, so the Kitty Wonderland becomes a habitat of cats and will not capture the cats if necessary. An inverted camera is also installed at one top corner of The House to monitor the conditions inside the House for recording and safety purposes (For more detailed safety considerations, see Application and Safety below). The chemical of our final production, the nepetalactol, and the foods inside the auto-feeder are used to further attract and entertain the cats. The nepetalactol is placed inside the essence oil container which is situated on the top of The House. The wooden board of the top is processed so that a total of 49 ventilation holes with diameter of 2 cm are created. These holes allow gas exchange to occur, and they also allow the wires from the motors and sensors inside The House to reach The Roof safely and easily. Through the ventilation holes, the fragrance of nepetalactol could easily diffuse down into The House where its enthusiastic consumers live and play. The foods and water inside the House also allow cats to stay for a long period of time. All together, these treats will make our design a paradise for cats.</h4><br>
+
  
          <h4>The final section of our design is The Roof, as shown with the whole structure in Figure 4. In the 3D Modeling Figure, the demonstration on the left is the bottom view of The Roof. An inverted electric fan is fixed on the roof. Its function is to strengthen the air flow though our design and facilitate the diffusion of nepetalactol inside the essence oil container, so distant stray cats are also guided by the fragrance of the oil to our Kitty Wonderland. Since there are electric wires and appliance under the Roof, the lateral sides of the Roof are sealed in consideration of the safety of cats as well as the appearance of the design. Thirteen ventilation pores are made on two sealed sides to allow air flow through our design. The Roof is fixed on the top of The House by bolts and nuts, which allow us to remove The Roof and add nepetalactol quiet easily.</h4><br>
+
Our design will be placed on flat ground. Direct exposure to intense sunshine or heavy rain should be avoided as much as possible in consideration of the conditions of battery and other electrical appliance in the Base, in spite of the heat insulation and waterproof properties of the Base. The electric fan under the roof will spread the fragrance of the essence oil, which would fascinate the cats and guide them to our design. Foods and water will be placed inside the House in advance to treat and ease the cats. After a cat enters the House, the motion of the cat will be detected immediately by the sensor which then sends a signal to the electric door through the controller. If necessary, the electric door will shut down so that the cat is remained in our design and awaits the arrival of professionals. The whole process will be recorded by the camera inside the house for future reference and safety consideration. If there is an emergency, the workers nearby will be acknowledged through the camera immediately and they could then remotely control the electric door and release the cats.
  
       
+
Apart from the camera, the electric fan and the nepetalactol under the roof is completely isolated from the range of activity of the cats. Two sealed sides of The Roof mainly serve to keep the cats away from these potential danger, even though the fan is working at very low power and the wires are sealed. The wiring inside the House, as well as the gears and racks of the electric door, are also covered with tapes and metal shielding to prevent cat from touching these components. The tapes and metal shielding are removed in the pictures and 3D Modeling Figures above for explicit demonstration of our design. The position of the hardware should also be away from places with crowds and harsh weather. Long-term heating by sunlight might result in battery failure, so we place the battery under the structure and insulate it by using another wooden box. Our recommended position of the hardware is place where vegetation and shades are available, like a park or sides of a trail, and definitely where cats are playing.
 +
                        </p>
  
        </div>
+
                        <h2>title</h2>
        <br>
+
                        <p>
 +
                            Fangfei Ye is responsible for all <a href="/Team:Fudan-TSI/Design_Intention" target="_blank">art design</a>, which includes our team logo, team flag, team uniform (Dr. Cai gave comments), team name card, brochures, our posters, as well as materials related to our human practice events.
 +
                        </p>
 +
                    </div>
  
        <div class="row" style="padding-left:50px; padding-right: 50px;">
+
                    <div class="section container">
          <div class="fig">
+
                      <div class="figureHolder">
       
+
                          <p>PCR and subcloning were performed using standard methods. Detailed primer sequences are <a href="/Team:Fudan-TSI/Primers">provided</a>. All constructs were verified by Sanger sequencing.
          <img style="align-self: center; padding-left: 50px; padding-bottom: 25px; padding-top:25px;"src="https://static.igem.org/mediawiki/2018/7/7b/T--GreatBay_China--Hardware_gallery_3.jpg" width="800px">  
+
                          </p>
          <h5 style="text-align: center;">Figure 4. 3D Modeling Figure of The roof (Picture 1) and the demonstration of the detailed design of The Roof. The final structure of our Hardware in shown in picture 4</h5>
+
                          <p>Cells were cultured in DMEM supplemented with 10% FBS (HyClone), 100 U/ml penicillin, 100 μg/ml streptomycin and 1x GlutaMax (Gibco). Transient transfections were performed using Lipofectamine 2000 (Invitrogen) and Opti-MEM (Gibco). Viral packaging, infection and fluorescence-activated cell sorting were performed using standard methods.
          <br>
+
                          </p>
          </div>
+
                          <p>Images, unless otherwise indicated, were captured using an inverted epifluorescence microscope (IX-81, Olympus) and a sCMOS camera (pixel size = 0.3222 &mu;m; Zyla 5.5, Andor; 20x objective N.A.  0.75) and were controlled by <a href="http://www.micro-manager.org/" target=_blank>Micro-Manager software</a>.
        </div><br>
+
                          </p>
 +
                          <p>All statistical analysis was performed using Prism (Graphpad) and <a href="http://rsbweb.nih.gov/ij/developer/macro/macros.html" target=_blank>ImageJ</a>. All experiments were independently performed in triplicates; unless otherwise indicated. Images were combined and annotated in Powerpoint for presentation. Representative images are shown.
 +
                          </p>
 +
                      </div>
 +
-
 +
                      <div class="tableHolder">
 +
                          <table>
 +
                              <tr>
 +
                                  <th>Our protocols as PDF files</th><th>&nbsp;</th>
 +
                                  <th>Download</th>
 +
                              </tr>
 +
                              <tr>
 +
                                  <td>Be a Good Lab Member</td><td><i>GoodLabPractices.pdf</i></td>
 +
                                  <td><a href="https://2018.igem.org/File:T--Fudan--GoodLabPractices.pdf" target="_blank"><i class="fa fa-download"></i></a></td>
 +
                              </tr>
 +
                              <tr>
 +
                                  <td>Molecular Cloning</td><td><i>MolecularCloning.pdf</i></td>
 +
                                  <td><a href="https://2018.igem.org/File:T--Fudan--MolecularCloning.pdf" target="_blank"><i class="fa fa-download"></i></a></td>
 +
                              </tr>
 +
                              <tr>
 +
                                  <td>Tissue Culture</td><td><i>CellCulture.pdf</i></td>
 +
                                  <td><a href="https://2018.igem.org/File:T--Fudan--CellCulture.pdf" target="_blank"><i class="fa fa-download"></i></a></td>
 +
                              </tr>
 +
                              <tr>
 +
                                  <td>Make a Stable Cell Line</td><td><i>MakeStableCellLine.pdf</i></td>
 +
                                  <td><a href="https://2018.igem.org/File:T--Fudan--MakeStableCellLine.pdf" target="_blank"><i class="fa fa-download"></i></a></td>
 +
                              </tr>
 +
                              <tr>
 +
                                  <td>Cell Sorting</td><td><i>FACS.pdf</i></td>
 +
                                  <td><a href="https://2018.igem.org/File:T--Fudan--FACS.pdf" target="_blank"><i class="fa fa-download"></i></a></td>
 +
                              </tr>
 +
                              <tr>
 +
                                  <td>Cell Staining</td><td><i>FixStain.pdf</i></td>
 +
                                  <td><a href="https://2018.igem.org/File:T--Fudan--FixStain.pdf" target="_blank"><i class="fa fa-download"></i></a></td>
 +
                              </tr>
 +
                              <tr>
 +
                                  <td>Time-lapse Live-cell Imaging</td><td><i>TimeLapseImaging.pdf</i></td>
 +
                                  <td><a href="https://2018.igem.org/File:T--Fudan--TimeLapseImaging.pdf" target="_blank"><i class="fa fa-download"></i></a></td>
 +
                              </tr>
 +
                          </table>
 +
                      </div>
 +
                      <p style="color:grey">
 +
                          For practical reasons, all full-length protocols are in Chinese.
 +
                      </p>
 +
                  </div>
  
        <div class="row" style="padding-left:50px; padding-right: 50px;">
+
                </main>
 +
            </div>
  
         
+
            <!--Abstract on content page-->
          <h4>All sections are combined to produce the complete structure of our hardware. In practise, the Base Lid will be placed on top of The Base under The House to provide an extra shielding for the electric appliance (Figure 4).</h4><br>
+
            <div id="abstractContent" class="z-depth-2">
 +
                <a href="#!"><img alt="project summary" src="https://static.igem.org/mediawiki/2018/9/96/T--Fudan--X.svg"></a>
 +
                <div class="container">
 +
                    <h2 style="margin: 0;padding: 10px 0;">Project Summary</h2>
 +
                    <p style="margin: 0">abstract abstract abstract abstract abstract abstract abstract abstract abstract abstract abstract abstract abstract abstract abstract abstract due sep 5 due sep 5 due sep 5 due sep 5 due sep 5 due sep 5 due sep 5 due sep 5 due sep 5 due sep 5 due sep 5 due sep 5
 +
                    </p>
 +
                </div>
 +
            </div>
  
          <h4>After recognizing the functions of each component of our design, a brief description of the scenario of implementing our Kitty Wonderland is written below for your further understanding.</h4><br>
+
            <!-- Floating Btns -->
 +
            <div class="floatingBtn">
 +
                <a href="#!" id="abstractBtn" class="btn">
 +
                    <i class="fa fa-sticky-note" style="font-size: 30px;line-height: 50px"></i>
 +
                </a>
 +
                <a href="#FudanWrapper" class="btn">
 +
                    <i class="fa fa-angle-up" style="font-size: 48px;line-height: 45px"></i>
 +
                </a>
 +
            </div>
  
       
+
            <!-- Footer with sponsors and contact methods -->
 +
            <footer id="FudanFooter" class="page-footer grey">
 +
                <div class="container">
 +
                    <div class="row">
 +
                        <div id="sponsor" class="col m3 s12 row">
 +
                            <a href="https://2019.igem.org/Team:Fudan"><img alt="2018 Team:Fudan logo white" class="col s3 m6 l3" style="position:relative; padding: 0.5em 0.3rem; margin:-0.15rem 0; left: -0.45rem;" src="https://static.igem.org/mediawiki/2019/7/7f/T--Fudan-TSI--Logo0-crop-grey.png">
 +
                            </a><a href="http://www.fudan.edu.cn/en/" target="_blank"><img class="col s3 m6 l3" alt="Fudan University" src="https://static.igem.org/mediawiki/2018/f/f7/T--Fudan--schoolLogo.png">
 +
                        </a><a href="http://life.fudan.edu.cn/" target="_blank"><img class="col s3 m6 l3" style="margin-bottom: 4%;/* 该图比其他小一点,排版需要 */" alt="School of Life Sciences, Fudan University" src="https://static.igem.org/mediawiki/2018/1/1d/T--Fudan--schoolOfLifeSciencesIcon.png">
 +
                        </a><a href="http://www.yfc.cn/en/" target="_blank"><img class="col s3 m6 l3" style="padding: 0.15rem 0.9rem;" alt="Yunfeng Capital" src="https://static.igem.org/mediawiki/2018/e/e2/T--Fudan--yunfengLogo.png">
 +
                        </a>
 +
                            <h3 class="col s12" style="text-align: left; color: rgba(255, 255, 255, 0.8); font-size: 18px">Repeated Evolution in vivo</h3>
 +
                        </div>
 +
                        <div id="usefulLinks" class="col m9 s12 row">
 +
                            <div class="col s12 l6 row">
 +
                                <div class="col s12 m4">
 +
                                  <span><a href="/Team:Fudan-TSI/Description">Project</a></span>
 +
                                    <ul>
 +
                                        <li><a href="/Team:Fudan-TSI/Description">Background</a></li>
 +
                                        <li><a href="/Team:Fudan-TSI/Design">Design</a></li>
 +
                                        <li><a href="/Team:Fudan-TSI/Applied_Design">Applied Design</a></li>
 +
                                        <li><a href="/Team:Fudan-TSI/Experiments">Experiments</a></li>
 +
                                        <li><a href="/Team:Fudan-TSI/Judging">Judging</a></li>
 +
                                    </ul>
 +
                                </div>
 +
                                <div class="col s12 m4">
 +
                                    <span><a href="/Team:Fudan-TSI/Results">Results</a></span>
 +
                                    <ul>
 +
                                        <li><a href="/Team:Fudan-TSI/Results#ReverseTranscription">Reverse Transcription</a></li>
 +
                                        <li><a href="/Team:Fudan-TSI/Results#Recombination">Recombination</a></li>
 +
                                        <li><a href="/Team:Fudan-TSI/Demonstrate">Demonstration</a></li>
 +
                                        <li><a href="/Team:Fudan-TSI/Measurement">Measurement</a></li>
 +
                                        <li><a href="/Team:Fudan-TSI/Notebook">Notebook</a></li>
 +
                                    </ul>
 +
                                </div>
 +
                                <div class="col s12 m4">
 +
                                    <span><a href="/Team:Fudan-TSI/Model">Model</a></span>
 +
                                    <ul>
 +
                                        <li><a href="/Team:Fudan-TSI/Model">Modeling</a></li>
 +
                                        <li><a href="/Team:Fudan-TSI/Software">Software</a></li>
 +
                                        <li><a href="/Team:Fudan-TSI/Hardware">Hardware</a></li>
 +
                                    </ul>
 +
                                </div>
 +
                            </div>
 +
                            <div class="col s12 l6 row">
 +
                                <div class="col s12 m4">
 +
                                  <span><a href="/Team:Fudan-TSI/Parts">Parts</a></span>
 +
                                    <ul>
 +
                                        <li><a href="/Team:Fudan-TSI/Basic_Part">Basic parts</a></li>
 +
                                        <li><a href="/Team:Fudan-TSI/Composite_Part">Composite parts</a></li>
 +
                                        <li><a href="/Team:Fudan-TSI/Improve">Improved parts</a></li>
 +
                                        <li><a href="/Team:Fudan-TSI/Part_Collection">Part collection</a></li>
 +
                                    </ul>
 +
                                </div>
 +
                                <div class="col s12 m4">
 +
                                  <span><a href="/Team:Fudan-TSI/Human_Practices">Outreach</a></span>
 +
                                    <ul>
 +
                                        <li><a href="/Team:Fudan-TSI/Public_Engagement">Education &amp; Public engagement</a></li>
 +
                                        <li><a href="/Team:Fudan-TSI/Integrated_Human_Practice">Integrated human practice</a></li>
 +
                                        <li><a href="/Team:Fudan-TSI/Collaborations">Collaborations</a></li>
 +
                                        <li><a href="/Team:Fudan-TSI/Safety">Safety</a></li>
 +
                                    </ul>
 +
                                </div>
 +
                                <div class="col s12 m4">
 +
                                  <span><a href="/Team:Fudan-TSI/Team">Team</a></span>
 +
                                    <ul>
 +
                                        <li><a href="/Team:Fudan-TSI/Team">Members</a></li>
 +
                                        <li><a href="/Team:Fudan-TSI/Attributions">Attributions</a></li>
 +
                                        <li><a href="https://2018.igem.org/Team:Fudan/Heritage" target=_blank>Heritage</a></li>
 +
                                        <li><a href="/Team:Fudan-TSI">&copy; 2019</a></li>
 +
                                    </ul>
 +
                                </div>
 +
                                <div class="col s12 m4">&nbsp;</div>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
                <div class="footer-copyright">
 +
                    <div class="container">
 +
                        <div class="contactUS row">
 +
                          <div class="col s12 m6 l4"><i class="fa fa-location-arrow"></i> Life Sci Bldg, 2005 Songhu Rd, Shanghai
 +
                          </div><div class="col s12 m6 l2"><i class="fa fa-fax"></i> +86-21-31246727
 +
                          </div><div class="col s12 m6 l2"><i class="fa fa-envelope-o"></i> igem@fudan.edu.cn
 +
                          </div><div class="col s12 m6 l4"><i class="fa fa-twitter"></i> <i class="fa fa-wechat"></i> Fudan_iGEM
 +
                          </div>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
            </footer>
  
 
         </div>
 
         </div>
        <br>
+
    </div>
 
+
        <div class="row" style="padding-left:50px; padding-right: 50px;">
+
 
+
          <h2 class="title">Application and Safety</h2><br>
+
          <h4>Our design will be placed on flat ground. Direct exposure to intense sunshine or heavy rain should be avoided as much as possible in consideration of the conditions of battery and other electrical appliance in the Base, in spite of the heat insulation and waterproof properties of the Base. The electric fan under the roof will spread the fragrance of the essence oil, which would fascinate the cats and guide them to our design. Foods and water will be placed inside the House in advance to treat and ease the cats. After a cat enters the House, the motion of the cat will be detected immediately by the sensor which then sends a signal to the electric door through the controller. If necessary, the electric door will shut down so that the cat is remained in our design and awaits the arrival of professionals. The whole process will be recorded by the camera inside the house for future reference and safety consideration. If there is an emergency, the workers nearby will be acknowledged through the camera immediately and they could then remotely control the electric door and release the cats.</h4><br>
+
 
+
          <h4>Apart from the camera, the electric fan and the nepetalactol under the roof is completely isolated from the range of activity of the cats. Two sealed sides of The Roof mainly serve to keep the cats away from these potential danger, even though the fan is working at very low power and the wires are sealed. The wiring inside the House, as well as the gears and racks of the electric door, are also covered with tapes and metal shielding to prevent cat from touching these components. The tapes and metal shielding are removed in the pictures and 3D Modeling Figures above for explicit demonstration of our design. The position of the hardware should also be away from places with crowds and harsh weather. Long-term heating by sunlight might result in battery failure, so we place the battery under the structure and insulate it by using another wooden box. Our recommended position of the hardware is place where vegetation and shades are available, like a park or sides of a trail, and definitely where cats are playing.</h4><br>
+
 
+
       
+
 
+
        </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>
 
 
 
  
  
 +
<!-- Javascript files -->
 +
<!-- Materialize 1.0.0-rc.2 -->
 +
<script src="https://2019.igem.org/wiki/index.php?title=Template:Fudan-TSI/materialize.js&action=raw&ctype=text/javascript"></script>
  
 +
<!-- Javascript -->
 +
<script src="https://2019.igem.org/wiki/index.php?title=Template:Fudan-TSI/Fudan-js.js&action=raw&ctype=text/javascript"></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>

Revision as of 14:22, 29 August 2019

2019 Team:Fudan-TSI Hardware

Hardware

tba tba

Hardware

tba tba

2018 team Fudan title attributions

greatbay 文字

Hardware Video: This is the last episode of our documentary series. We draw out, model and demonstrate our final design. GBC Documentary P5 Last Episode Check Full Playlist Thanks all for watching! The previous episode is about incorporating ‘Value Sensitive Design’ into the safety concerns of this hardware. Introduction Having noticed it is the difficulty in capturing cats that largely impeded the executive of TNR (Trap, Neuter, Release), we realized that the feline-attracting characteristic of nepetalactone could be of great help (For more details on why nepetalactone appeals felines, see Project Background). Compared to cage traps and usual food lure, the pleasant scent of nepetalactone in catnip would appear to cats less of a pitfall, therefore more easily let down the guard of stray cats. With this need clearly identified, we devised a brand new hardware, which can attract and seize stray cats when needed, provides cats with comfortable and secure shelter, and contains an auto-feeder to reduce the workload of the volunteered caregivers. With a beautiful wish that this device would be the promised land for the roaming cats, we named it ‘Kitty Wonderland’. Most of the features and their corresponding functions of the Kitty Wonderland are identified in Figures 1, which demonstrate the final version and the separate sections of our Kitty Wonderland. The functions and adaptations of every component will be discussed and explained comprehensively later in the Design. Figure 1. The 3D Modeling Figure of the whole structure, The Base, The House and The Roof of Kitty Wonderland. Before we came up with the idea of the design of this final version, we gathered and analyzed information and advice from specialists, officials and residence. Corresponding evaluations and modifications have been done to compare our hardware with the existing solutions and improve the possible performance of our design, as explained in the next section. Evaluations and Improvements Animal lovers in various communities have installed many simple shelters with food and water supplies under their apartments. The price of these simple shelters are cheap (Most of the shelters are made of paperboard plastics) and these shelters are tiny and light so it is very easy to transport and carry them. However, they are not waterproof and therefore could only be placed under the roof where only a confined space is available (Figure 2). Since these shelters only serve to provide stray cats with foods, no cat will be captured and therefore no sterilization could be done. In order to solve the stray cats problem thoroughly, capture and neuter are the priorities and certain number of cats needs to be sterilized to inhibit the surge of stray cats population before further measures are undertaken. In addition, many rescue parties of cats and dogs have already adopted modified cages which serve purely to trap stray cats and dogs (Figure 2). However, this method presents issues and concerns due to the fact that those cages don’t actually offer any benefits to cats and dogs but trap anything enters the cage immediately. Therefore, cats and dogs are becoming increasingly indifferent to those steel cages, which not only fail to demonstrate their functions but also pose threats to the animal. Besides, the sharp and harsh appearance of those steel cages doesn’t appeal to cat and dog at all. Pedestrian and residence will also find those cages very abrupt and unattractive, thus having negative attitudes towards the actions of the rescue team. None of these is helpful in taking care of cats and dogs and rescuing them effectively, not to mention the aim of emphasizing the problem of stray cats and dogs to the public and encouraging every citizen to get involve in the rescue. Figure 2. The investigation of the current solutions of stray cats problem. Design Our Kitty Wonderland is made of wooden boards and some extra components like the camera and electric fan which enhance the functionality of the Kitty Wonderland. We select wooden boards instead of plastics or steels because wood is more nature and intimate to cat and it also has outstanding properties like relatively light and heat-insulated. Paintings, drawings and crafts could also be applied easily to the wooden boards to improve the appearance of our hardware. During the construction of the Kitty Wonderland, we simply nail all the components and wooden boards together. The design of Kitty Wonderland is quiet complex, so the whole structure is broken down into three individual parts which are further explained. We name these three parts The Base, The House and The Roof respectively. The pictures of The Base and The House are shown in Figure 3. The Base is consists of a wooden box with a lid, a 3D printed pedestal and a PVC tube of 90 cm long. In consideration of the protection and safety of battery and other appliance, we make the wooden box and cover the bottom of it with plastic, so the box is made waterproof and can protect the electric appliance inside the box. This wooden box could also provide a foundation and elevation for the main house which is placed on top of it, so our design could be placed on the streets where no shelter against rain is present and the House will not be submerged by heavy rain or flood. The plastic pedestal in nailed at the bottom of the Base and it is designed for the consolidation of the PVC tube, which runs all the way to the top of The House. The PVC pipe has two functions: To immobilized the house and to protect the wiring. Electrical appliance like the camera and the electric fan are installed on the top of the House. In order to connect the wires between the battery and the appliance without imposing potential danger on the cats and damaging the appearance of Kitty Wonderland, we apply this PVC tube into our design to allow wires go through it. Since the PVC tube runs through The Base and The House (The lid of The Base and the bottom of The House both have a hole with the diameter of the PVC tube in the middle), it connects and stabilizes the whole structure. Figure 3. Demonstration of the appearance and design of The Base and The House of Kitty Wonderland Right on top of The Base is The House. The House is the place where cats enjoy their lives. Two sliding electric doors are installed on the inner opposite sides of the House, and each door is controlled by a motor. After a cat enters the House, what happens is the sensor above the door detects the cat and the sensor sends signal to the central controller in The Roof or in The Base, which then activates the motors and closes the door. The door could also be adjusted to remain open, so the Kitty Wonderland becomes a habitat of cats and will not capture the cats if necessary. An inverted camera is also installed at one top corner of The House to monitor the conditions inside the House for recording and safety purposes (For more detailed safety considerations, see Application and Safety below). The chemical of our final production, the nepetalactol, and the foods inside the auto-feeder are used to further attract and entertain the cats. The nepetalactol is placed inside the essence oil container which is situated on the top of The House. The wooden board of the top is processed so that a total of 49 ventilation holes with diameter of 2 cm are created. These holes allow gas exchange to occur, and they also allow the wires from the motors and sensors inside The House to reach The Roof safely and easily. Through the ventilation holes, the fragrance of nepetalactol could easily diffuse down into The House where its enthusiastic consumers live and play. The foods and water inside the House also allow cats to stay for a long period of time. All together, these treats will make our design a paradise for cats. The final section of our design is The Roof, as shown with the whole structure in Figure 4. In the 3D Modeling Figure, the demonstration on the left is the bottom view of The Roof. An inverted electric fan is fixed on the roof. Its function is to strengthen the air flow though our design and facilitate the diffusion of nepetalactol inside the essence oil container, so distant stray cats are also guided by the fragrance of the oil to our Kitty Wonderland. Since there are electric wires and appliance under the Roof, the lateral sides of the Roof are sealed in consideration of the safety of cats as well as the appearance of the design. Thirteen ventilation pores are made on two sealed sides to allow air flow through our design. The Roof is fixed on the top of The House by bolts and nuts, which allow us to remove The Roof and add nepetalactol quiet easily. Figure 4. 3D Modeling Figure of The roof (Picture 1) and the demonstration of the detailed design of The Roof. The final structure of our Hardware in shown in picture 4 All sections are combined to produce the complete structure of our hardware. In practise, the Base Lid will be placed on top of The Base under The House to provide an extra shielding for the electric appliance (Figure 4). After recognizing the functions of each component of our design, a brief description of the scenario of implementing our Kitty Wonderland is written below for your further understanding. Application and Safety Our design will be placed on flat ground. Direct exposure to intense sunshine or heavy rain should be avoided as much as possible in consideration of the conditions of battery and other electrical appliance in the Base, in spite of the heat insulation and waterproof properties of the Base. The electric fan under the roof will spread the fragrance of the essence oil, which would fascinate the cats and guide them to our design. Foods and water will be placed inside the House in advance to treat and ease the cats. After a cat enters the House, the motion of the cat will be detected immediately by the sensor which then sends a signal to the electric door through the controller. If necessary, the electric door will shut down so that the cat is remained in our design and awaits the arrival of professionals. The whole process will be recorded by the camera inside the house for future reference and safety consideration. If there is an emergency, the workers nearby will be acknowledged through the camera immediately and they could then remotely control the electric door and release the cats. Apart from the camera, the electric fan and the nepetalactol under the roof is completely isolated from the range of activity of the cats. Two sealed sides of The Roof mainly serve to keep the cats away from these potential danger, even though the fan is working at very low power and the wires are sealed. The wiring inside the House, as well as the gears and racks of the electric door, are also covered with tapes and metal shielding to prevent cat from touching these components. The tapes and metal shielding are removed in the pictures and 3D Modeling Figures above for explicit demonstration of our design. The position of the hardware should also be away from places with crowds and harsh weather. Long-term heating by sunlight might result in battery failure, so we place the battery under the structure and insulate it by using another wooden box. Our recommended position of the hardware is place where vegetation and shades are available, like a park or sides of a trail, and definitely where cats are playing.

title

Fangfei Ye is responsible for all art design, which includes our team logo, team flag, team uniform (Dr. Cai gave comments), team name card, brochures, our posters, as well as materials related to our human practice events.

PCR and subcloning were performed using standard methods. Detailed primer sequences are provided. All constructs were verified by Sanger sequencing.

Cells were cultured in DMEM supplemented with 10% FBS (HyClone), 100 U/ml penicillin, 100 μg/ml streptomycin and 1x GlutaMax (Gibco). Transient transfections were performed using Lipofectamine 2000 (Invitrogen) and Opti-MEM (Gibco). Viral packaging, infection and fluorescence-activated cell sorting were performed using standard methods.

Images, unless otherwise indicated, were captured using an inverted epifluorescence microscope (IX-81, Olympus) and a sCMOS camera (pixel size = 0.3222 μm; Zyla 5.5, Andor; 20x objective N.A. 0.75) and were controlled by Micro-Manager software.

All statistical analysis was performed using Prism (Graphpad) and ImageJ. All experiments were independently performed in triplicates; unless otherwise indicated. Images were combined and annotated in Powerpoint for presentation. Representative images are shown.

-
Our protocols as PDF files  Download
Be a Good Lab MemberGoodLabPractices.pdf
Molecular CloningMolecularCloning.pdf
Tissue CultureCellCulture.pdf
Make a Stable Cell LineMakeStableCellLine.pdf
Cell SortingFACS.pdf
Cell StainingFixStain.pdf
Time-lapse Live-cell ImagingTimeLapseImaging.pdf

For practical reasons, all full-length protocols are in Chinese.

project summary

Project Summary

abstract abstract abstract abstract abstract abstract abstract abstract abstract abstract abstract abstract abstract abstract abstract abstract due sep 5 due sep 5 due sep 5 due sep 5 due sep 5 due sep 5 due sep 5 due sep 5 due sep 5 due sep 5 due sep 5 due sep 5