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

Line 3: Line 3:
 
<head>
 
<head>
 
     <meta charset="UTF-8">
 
     <meta charset="UTF-8">
−
     <title>template</title>
+
     <title>index</title>
 
</head>
 
</head>
−
<body >
+
<body>
−
<!--<link rel="stylesheet" href="css/bootstrap.min.css">-->
+
<style id="3dBox">
−
<!--<script src="js/jquery-2.2.4.min.js"></script>-->
+
−
<!--<script rel="script" src="js/jquery.min.js" ></script>-->
+
  
−
<!--<script src="js/bootstrap.min.js"></script>-->
+
     .loopBox .side {line-height: 150px; font-size: 80px; font-weight: 700; color: #fff; text-align: left; user-select: none;}
−
<script src="https://2019.igem.org/Template:SZU-China/jq224?action=raw&ctype=text/javascript"></script>
+
−
<script src="https://2019.igem.org/Template:SZU-China/jqeasing?action=raw&ctype=text/javascript"></script>
+
−
<script src="https://2019.igem.org/Template:SZU-China/jq?action=raw&ctype=text/javascript" ></script>
+
−
<script src="https://2019.igem.org/Template:SZU-China/bootstrapjs?action=raw&ctype=text/javascript"></script>
+
−
<style id="bootstrap">
+
−
     /*!
+
−
* Bootstrap v3.3.7 (http://getbootstrap.com)
+
−
* Copyright 2011-2016 Twitter, Inc.
+
−
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+
−
*//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */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:700}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 silver}legend{padding:0;border:0}textarea{overflow:auto}optgroup{font-weight:700}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{*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!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^="javascript:"]:after,a[href^="#"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}.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 td,.table-bordered th{border:1px solid #ddd!important}}@font-face{font-family:'Glyphicons Halflings';src:url(../fonts/glyphicons-halflings-regular.eot);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')}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\002a"}.glyphicon-plus:before{content:"\002b"}.glyphicon-eur:before,.glyphicon-euro: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-picture: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}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:focus,a:hover{color:#23527c;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>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:500;line-height:1.1;color:inherit}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#777}.h1,.h2,.h3,h1,h2,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,.h5,.h6,h4,h5,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{color:#337ab7}a.text-primary:focus,a.text-primary:hover{color:#286090}.text-success{color:#3c763d}a.text-success:focus,a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:focus,a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:focus,a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:focus,a.text-danger:hover{color:#843534}.bg-primary{color:#fff;background-color:#337ab7}a.bg-primary:focus,a.bg-primary:hover{background-color:#286090}.bg-success{background-color:#dff0d8}a.bg-success:focus,a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:focus,a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:focus,a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:focus,a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ol,ul{margin-top:0;margin-bottom:10px}ol ol,ol ul,ul ol,ul ul{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}dd,dt{line-height:1.42857143}dt{font-weight:700}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[data-original-title],abbr[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 ol:last-child,blockquote p:last-child,blockquote ul:last-child{margin-bottom:0}blockquote .small,blockquote footer,blockquote small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote .small:before,blockquote footer: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 .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before{content:''}.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer: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:700;-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}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{margin-right:-15px;margin-left:-15px}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.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-md-1,.col-md-10,.col-md-11,.col-md-12,.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-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.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-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{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-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{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-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{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-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{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>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{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>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #ddd}.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{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>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#f5f5f5}.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover{background-color:#e8e8e8}.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:#dff0d8}.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover{background-color:#d0e9c6}.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:#d9edf7}.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover{background-color:#c4e3f3}.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{background-color:#fcf8e3}.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover{background-color:#faf2cc}.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{background-color:#f2dede}.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover{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>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{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:700}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type=checkbox],input[type=radio]{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=checkbox]:focus,input[type=radio]:focus{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::-ms-expand{background-color:transparent;border:0}.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].form-control,input[type=time].form-control,input[type=datetime-local].form-control,input[type=month].form-control{line-height:34px}.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],input[type=date].input-sm,input[type=time].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm{line-height:30px}.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],input[type=date].input-lg,input[type=time].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg{line-height:46px}}.form-group{margin-bottom:15px}.checkbox,.radio{position:relative;display:block;margin-top:10px;margin-bottom:10px}.checkbox label,.radio label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{position:absolute;margin-top:4px\9;margin-left:-20px}.checkbox+.checkbox,.radio+.radio{margin-top:-5px}.checkbox-inline,.radio-inline{position:relative;display:inline-block;padding-left:20px;margin-bottom:0;font-weight:400;vertical-align:middle;cursor:pointer}.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-top:0;margin-left:10px}fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled]{cursor:not-allowed}.checkbox-inline.disabled,.radio-inline.disabled,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio-inline{cursor:not-allowed}.checkbox.disabled label,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .radio 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}select[multiple].input-sm,textarea.input-sm{height:auto}.form-group-sm .form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.form-group-sm select.form-control{height:30px;line-height:30px}.form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control{height:auto}.form-group-sm .form-control-static{height:30px;min-height:32px;padding:6px 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}select[multiple].input-lg,textarea.input-lg{height:auto}.form-group-lg .form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.form-group-lg select.form-control{height:46px;line-height:46px}.form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control{height:auto}.form-group-lg .form-control-static{height:46px;min-height:38px;padding:11px 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}.form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-lg+.form-control-feedback{width:46px;height:46px;line-height:46px}.form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-sm+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-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 .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-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 .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-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 .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .checkbox,.form-inline .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .checkbox label,.form-inline .radio label{padding-left:0}.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline{padding-top:7px;margin-top:0;margin-bottom:0}.form-horizontal .checkbox,.form-horizontal .radio{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:11px;font-size:18px}}@media (min-width:768px){.form-horizontal .form-group-sm .control-label{padding-top:6px;font-size:12px}}.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-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:1px solid transparent;border-radius:4px}.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn.focus,.btn:focus,.btn:hover{color:#333;text-decoration:none}.btn.active,.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none;opacity:.65}a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default.focus,.btn-default:focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}.btn-default:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{background-image:none}.btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled].focus,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#286090;border-color:#122b40}.btn-primary:hover{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover{color:#fff;background-color:#204d74;border-color:#122b40}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#337ab7;border-color:#2e6da4}.btn-primary .badge{color:#337ab7;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#449d44;border-color:#255625}.btn-success:hover{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover{color:#fff;background-color:#398439;border-color:#255625}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{background-image:none}.btn-success.disabled.focus,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled].focus,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{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.focus,.btn-info:focus{color:#fff;background-color:#31b0d5;border-color:#1b6d85}.btn-info:hover{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus,.open>.dropdown-toggle.btn-info:hover{color:#fff;background-color:#269abc;border-color:#1b6d85}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{background-image:none}.btn-info.disabled.focus,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled].focus,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{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.focus,.btn-warning:focus{color:#fff;background-color:#ec971f;border-color:#985f0d}.btn-warning:hover{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.dropdown-toggle.btn-warning.focus,.open>.dropdown-toggle.btn-warning:focus,.open>.dropdown-toggle.btn-warning:hover{color:#fff;background-color:#d58512;border-color:#985f0d}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled.focus,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled].focus,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{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.focus,.btn-danger:focus{color:#fff;background-color:#c9302c;border-color:#761c19}.btn-danger:hover{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open>.dropdown-toggle.btn-danger.focus,.open>.dropdown-toggle.btn-danger:focus,.open>.dropdown-toggle.btn-danger:hover{color:#fff;background-color:#ac2925;border-color:#761c19}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled.focus,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled].focus,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{font-weight:400;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:active,.btn-link:focus,.btn-link:hover{border-color:transparent}.btn-link:focus,.btn-link:hover{color:#23527c;text-decoration:underline;background-color:transparent}.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover{color:#777;text-decoration:none}.btn-group-lg>.btn,.btn-lg{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.btn-group-sm>.btn,.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-xs>.btn,.btn-xs{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=button].btn-block,input[type=reset].btn-block,input[type=submit].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-top:4px solid\9;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown,.dropup{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:400;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#262626;text-decoration:none;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;background-color:#337ab7;outline:0}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{color:#777}.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{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 dashed;border-bottom:4px solid\9}.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-vertical>.btn,.btn-group>.btn{position:relative;float:left}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{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,.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-left-radius:4px;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-right-radius:4px;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=checkbox],[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio]{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 .form-control:focus{z-index:3}.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}select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.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}select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{height:auto}.input-group .form-control,.input-group-addon,.input-group-btn{display:table-cell}.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn: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:400;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=checkbox],.input-group-addon input[type=radio]{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-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){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:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle{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:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover{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{z-index:2;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:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{color:#777;text-decoration:none;cursor:not-allowed;background-color:transparent}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{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:focus,.nav-tabs>li.active>a:hover{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:focus,.nav-tabs.nav-justified>.active>a:hover{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:focus,.nav-tabs.nav-justified>.active>a:hover{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:focus,.nav-pills>li.active>a:hover{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:focus,.nav-tabs-justified>.active>a:hover{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:focus,.nav-tabs-justified>.active>a:hover{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-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse{padding-right:0;padding-left:0}}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:340px}@media (max-device-width:480px) and (orientation:landscape){.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:200px}}.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{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-bottom,.navbar-fixed-top{position:fixed;right:0;left:0;z-index:1030}@media (min-width:768px){.navbar-fixed-bottom,.navbar-fixed-top{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:focus,.navbar-brand:hover{text-decoration:none}.navbar-brand>img{display:block}@media (min-width:768px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-top:8px;margin-right:15px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media (min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none}.navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover{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 .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn{width:auto}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .checkbox,.navbar-form .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.navbar-form .checkbox label,.navbar-form .radio label{padding-left:0}.navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio]{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:focus,.navbar-default .navbar-brand:hover{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:focus,.navbar-default .navbar-nav>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover{color:#ccc;background-color:transparent}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{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:focus,.navbar-default .navbar-nav>.open>a:hover{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:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover{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:focus,.navbar-default .btn-link:hover{color:#333}.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover{color:#ccc}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#9d9d9d}.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover{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:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{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:focus,.navbar-inverse .navbar-nav>.open>a:hover{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:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover{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:focus,.navbar-inverse .btn-link:hover{color:#fff}.navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover{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:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{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;line-height:1.3333333}.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;line-height:1.5}.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:focus,.pager li>a:hover{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:focus,.pager .disabled>a:hover,.pager .disabled>span{color:#777;cursor:not-allowed;background-color:#fff}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:focus,a.label:hover{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]:focus,.label-default[href]:hover{background-color:#5e5e5e}.label-primary{background-color:#337ab7}.label-primary[href]:focus,.label-primary[href]:hover{background-color:#286090}.label-success{background-color:#5cb85c}.label-success[href]:focus,.label-success[href]:hover{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:focus,.label-info[href]:hover{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:focus,.label-warning[href]:hover{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:focus,.label-danger[href]:hover{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:middle;background-color:#777;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-group-xs>.btn .badge,.btn-xs .badge{top:0;padding:1px 5px}a.badge:focus,a.badge:hover{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-top:30px;padding-bottom:30px;margin-bottom:30px;color:inherit;background-color:#eee}.jumbotron .h1,.jumbotron h1{color:inherit}.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}.jumbotron>hr{border-top-color:#d5d5d5}.container .jumbotron,.container-fluid .jumbotron{padding-right:15px;padding-left:15px;border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron,.container-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 a>img,.thumbnail>img{margin-right:auto;margin-left:auto}a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover{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:700}.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-bar-striped,.progress-striped .progress-bar{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-bar.active,.progress.active .progress-bar{-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-object.img-thumbnail{max-width:none}.media-right,.media>.pull-right{padding-left:10px}.media-left,.media>.pull-left{padding-right:10px}.media-body,.media-left,.media-right{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,button.list-group-item{color:#555}a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading{color:#333}a.list-group-item:focus,a.list-group-item:hover,button.list-group-item:focus,button.list-group-item:hover{color:#555;text-decoration:none;background-color:#f5f5f5}button.list-group-item{width:100%;text-align:left}.list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover{color:#777;cursor:not-allowed;background-color:#eee}.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading{color:inherit}.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text{color:#777}.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{z-index:2;color:#fff;background-color:#337ab7;border-color:#337ab7}.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text{color:#c7ddef}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success,button.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading,button.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:focus,a.list-group-item-success:hover,button.list-group-item-success:focus,button.list-group-item-success:hover{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover,button.list-group-item-success.active,button.list-group-item-success.active:focus,button.list-group-item-success.active:hover{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info,button.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading,button.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:focus,a.list-group-item-info:hover,button.list-group-item-info:focus,button.list-group-item-info:hover{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover,button.list-group-item-info.active,button.list-group-item-info.active:focus,button.list-group-item-info.active:hover{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning,button.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading,button.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:focus,a.list-group-item-warning:hover,button.list-group-item-warning:focus,button.list-group-item-warning:hover{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover,button.list-group-item-warning.active,button.list-group-item-warning.active:focus,button.list-group-item-warning.active:hover{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger,button.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading,button.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:focus,a.list-group-item-danger:hover,button.list-group-item-danger:focus,button.list-group-item-danger:hover{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover,button.list-group-item-danger.active,button.list-group-item-danger.active:focus,button.list-group-item-danger.active:hover{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>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.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>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child{border-top-left-radius:0;border-top-right-radius:0}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.list-group+.panel-footer{border-top-width:0}.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}.panel>.panel-collapse>.table caption,.panel>.table caption,.panel>.table-responsive>.table caption{padding-right:15px;padding-left:15px}.panel>.table-responsive:first-child>.table:first-child,.panel>.table:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody: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:first-child>thead:first-child>tr:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.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 th:first-child,.panel>.table-responsive:first-child>.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 th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table-responsive:first-child>.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 th:last-child,.panel>.table-responsive:first-child>.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 th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table-responsive:last-child>.table:last-child,.panel>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.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 th:first-child,.panel>.table-responsive:last-child>.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 th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.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 th:last-child,.panel>.table-responsive:last-child>.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 th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.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 td,.panel>.table>tbody:first-child>tr:first-child th{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th{border-bottom:0}.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.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>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body{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 embed,.embed-responsive iframe,.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:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}button.close{-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;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:1000;background-color:#000}*/
+
−
    .modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}
+
−
    .modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}.modal-header{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-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;filter:alpha(opacity=0);opacity:0;line-break:auto}.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;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-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;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);line-break:auto}.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>a>img,.carousel-inner>.item>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:1000px;perspective:1000px}.carousel-inner>.item.active.right,.carousel-inner>.item.next{left:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.carousel-inner>.item.active.left,.carousel-inner>.item.prev{left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{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);background-color:rgba(0,0,0,0);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:focus,.carousel-control:hover{color:#fff;text-decoration:none;filter:alpha(opacity=90);outline:0;opacity:.9}.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{position:absolute;top:50%;z-index:5;display:inline-block;margin-top:-10px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{left:50%;margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{right:50%;margin-right:-10px}.carousel-control .icon-next,.carousel-control .icon-prev{width:20px;height:20px;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-next,.carousel-control .icon-prev{width:30px;height:30px;margin-top:-10px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-10px}.carousel-caption{right:20%;left:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{display:table;content:" "}.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.modal-header:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row: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-lg,.visible-md,.visible-sm,.visible-xs{display:none!important}.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table!important}tr.visible-xs{display:table-row!important}td.visible-xs,th.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!important}tr.visible-sm{display:table-row!important}td.visible-sm,th.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!important}tr.visible-md{display:table-row!important}td.visible-md,th.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!important}tr.visible-lg{display:table-row!important}td.visible-lg,th.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!important}tr.visible-print{display:table-row!important}td.visible-print,th.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.min.css.map */
+
−
</style>
+
  
−
<style id="fontSet">
 
−
 
−
    /*@font-face {*/
 
−
    /*    font-family: "GalanoGrotesqueAltDEMO-Bold";*/
 
−
    /*    src: url('../../wiki/images/e/ef/T--SZU-CHINA--attribution_font.otf') format("opentype");*/
 
−
    /*}*/
 
−
    /*@font-face {*/
 
−
    /*    font-family: "LatoBold";*/
 
−
    /*    src: url('../../wiki/images/5/54/T--SZU-CHINA--Lato-Bold.ttf') format("truetype");*/
 
−
 
−
    /*}*/
 
−
 
−
    /*@font-face {*/
 
−
    /*    font-family: "LatoMe";*/
 
−
    /*    src: url('../../wiki/images/5/5a/T--SZU-CHINA--Lato-medium.ttf') format("truetype");*/
 
−
 
−
    /*}*/
 
  
 +
</style>
 +
<style id="flipbox">
 +
    .flipbox-wrapper {perspective: 800px; perspective-origin: 50% 50%;}
 +
    .flipbox-wrapper .flipbox-box {position: relative; width: 100%; height: 100%; transform-style: preserve-3d; transition-property: transform;}
 +
    .flipbox-wrapper .flipbox-box .flipbox-side {position: absolute; width: 100%; height: 100%; backface-visibility: hidden;}
 +
    .flipbox-wrapper .flipbox-box .flipbox-side.flipbox-front {transform: translateZ(0);}
 +
    .flipbox-wrapper .flipbox-box .flipbox-side.flipbox-left {transform-origin: top left;}
 +
    .flipbox-wrapper .flipbox-box .flipbox-side.flipbox-right {transform-origin: top right;}
 +
    .flipbox-wrapper .flipbox-box .flipbox-side.flipbox-top {transform-origin: top center;}
 +
    .flipbox-wrapper .flipbox-box .flipbox-side.flipbox-bottom {transform-origin: bottom center;}
  
 +
</style>
 +
<style id="sideNavCss">
 
     @font-face {
 
     @font-face {
 
         font-family: "GalanoGrotesqueAltDEMO-Bold";
 
         font-family: "GalanoGrotesqueAltDEMO-Bold";
−
         src: url('./fonts/Galano Grotesque Alt DEMO Bold.otf') format("opentype");
+
         src: url('../../wiki/images/e/ef/T--SZU-CHINA--attribution_font.otf') format("opentype");
 +
    }
 +
    @font-face {
 +
        font-family: "LatoMeIta";
 +
        src: url('../../wiki/images/2/2e/T--SZU-CHINA--LatoBoldItalic.ttf') format("truetype");
 +
 
 
     }
 
     }
 
     @font-face {
 
     @font-face {
 
         font-family: "LatoBold";
 
         font-family: "LatoBold";
−
         src: url('./fonts/Lato-Bold.ttf') format("truetype");
+
         src: url('../../wiki/images/5/54/T--SZU-CHINA--Lato-Bold.ttf') format("truetype");
  
 
     }
 
     }
Line 58: Line 41:
 
     @font-face {
 
     @font-face {
 
         font-family: "LatoMe";
 
         font-family: "LatoMe";
−
         src: url('./fonts/Lato-Medium.ttf') format("truetype");
+
         src: url('../../wiki/images/5/5a/T--SZU-CHINA--Lato-medium.ttf') format("truetype");
  
 
     }
 
     }
  
 +
    /*@font-face {*/
 +
    /*    font-family: "GalanoGrotesqueAltDEMO-Bold";*/
 +
    /*    src: url('./fonts/Galano Grotesque Alt DEMO Bold.otf') format("opentype");*/
 +
    /*}*/
 +
    /*@font-face {*/
 +
    /*    font-family: "LatoBold";*/
 +
    /*    src: url('./fonts/Lato-Bold.ttf') format("truetype");*/
  
 +
    /*}*/
  
−
</style>
+
    /*@font-face {*/
−
<style id="littleMeunuCss">
+
     /*    font-family: "LatoMe";*/
−
    .littleMenu{
+
     /*   src: url('./fonts/Lato-Medium.ttf') format("truetype");*/
−
        left: 5%;
+
−
        top:50%;
+
−
     }
+
−
    a{
+
−
        text-decoration: none;
+
−
     }
+
−
    *, *:before, *:after {
+
−
        box-sizing: border-box;
+
−
        margin: 0;
+
−
        padding: 0;
+
−
    }
+
  
−
 
+
     /*}*/
−
 
+
     html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
−
     .absolute-center, .littleMenu, .littleMenu .btn .fa, .littleMenu .btn.trigger .line {
+
−
        position: absolute;
+
−
        top: 50%;
+
−
        left: 50%;
+
−
        -webkit-transform: translateX(-50%) translateY(-50%);
+
−
        transform: translateX(-50%) translateY(-50%);
+
−
    }
+
−
 
+
−
    .littleMenu {
+
−
        position: fixed;
+
−
        left: 5%;
+
−
        top: 40%;
+
−
        width: 7em;
+
−
        height: 7em;
+
−
    }
+
−
    .littleMenu .btn {
+
−
        position: absolute;
+
−
        top: 0;
+
−
        left: 0;
+
−
        width: 100%;
+
−
        height: 100%;
+
−
        border-radius: 50%;
+
−
        background: rgba(29, 133, 49, 0.15);
+
−
        opacity: 0;
+
−
        z-index: -10;
+
−
        cursor: pointer;
+
−
        transition: opacity 1s, z-index 0.3s, -webkit-transform 1s;
+
−
        transition: opacity 1s, z-index 0.3s, transform 1s;
+
−
        transition: opacity 1s, z-index 0.3s, transform 1s, -webkit-transform 1s;
+
−
        -webkit-transform: translateX(0);
+
−
        transform: translateX(0);
+
−
    }
+
−
    .littleMenu .btn .fa {
+
−
        color: #333333;
+
−
        font-size: 2em;
+
−
        transition: color 0.3s;
+
−
        text-decoration: none;
+
−
    }
+
−
    .littleMenu .btn:hover .fa {
+
−
        color: rgba(255, 255, 255, 0.7);
+
−
    }
+
−
    .littleMenu .btn .fa a{
+
−
        display: block;
+
−
        text-decoration: none;
+
−
    }
+
−
    .littleMenu .btn.trigger {
+
−
        opacity: 1;
+
−
        z-index: 100;
+
−
        cursor: pointer;
+
−
        transition: -webkit-transform 0.3s;
+
−
        transition: transform 0.3s;
+
−
        transition: transform 0.3s, -webkit-transform 0.3s;
+
−
    }
+
−
    .littleMenu .btn.trigger:hover {
+
−
        -webkit-transform: scale(1.2);
+
−
        transform: scale(1.2);
+
−
    }
+
−
    .littleMenu .btn.trigger:hover .line {
+
−
        background-color: rgba(255, 255, 255, 0.7);
+
−
    }
+
−
    .littleMenu .btn.trigger:hover .line:before, .littleMenu .btn.trigger:hover .line:after {
+
−
        background-color: rgba(255, 255, 255, 0.7);
+
−
    }
+
−
    .littleMenu .btn.trigger .line {
+
−
        width: 60%;
+
−
        height: 6px;
+
−
        background: #1d8531;
+
−
        border-radius: 6px;
+
−
        transition: background-color 0.3s, height 0.3s, top 0.3s;
+
−
    }
+
−
    .littleMenu .btn.trigger .line:before, .littleMenu .btn.trigger .line:after {
+
−
        content: "";
+
−
        display: block;
+
−
        position: absolute;
+
−
        left: 0;
+
−
        width: 100%;
+
−
        height: 6px;
+
−
        background: #0b8544;
+
−
        border-radius: 6px;
+
−
        transition: background-color 0.3s, -webkit-transform 0.3s;
+
−
        transition: background-color 0.3s, transform 0.3s;
+
−
        transition: background-color 0.3s, transform 0.3s, -webkit-transform 0.3s;
+
−
    }
+
−
    .littleMenu .btn.trigger .line:before {
+
−
        top: -12px;
+
−
        -webkit-transform-origin: 15% 100%;
+
−
        transform-origin: 15% 100%;
+
−
    }
+
−
    .littleMenu .btn.trigger .line:after {
+
−
        top: 12px;
+
−
        -webkit-transform-origin: 25% 30%;
+
−
        transform-origin: 25% 30%;
+
−
    }
+
−
    .littleMenu .rotater {
+
−
        position: absolute;
+
−
        top: 0;
+
−
        left: 0;
+
−
        width: 100%;
+
−
        height: 100%;
+
−
        -webkit-transform-origin: 50% 50%;
+
−
        transform-origin: 50% 50%;
+
−
    }
+
−
    .littleMenu.active .btn-icon {
+
−
        opacity: 1;
+
−
        z-index: 50;
+
−
    }
+
−
    .littleMenu.active .trigger .line {
+
−
        height: 0px;
+
−
        top: 45%;
+
−
    }
+
−
    .littleMenu.active .trigger .line:before {
+
−
        -webkit-transform: rotate(45deg);
+
−
        transform: rotate(45deg);
+
−
        width: 110%;
+
−
    }
+
−
    .littleMenu.active .trigger .line:after {
+
−
        -webkit-transform: rotate(-45deg);
+
−
        transform: rotate(-45deg);
+
−
        width: 110%;
+
−
    }
+
−
 
+
−
    .rotater:nth-child(1) {
+
−
        -webkit-transform: rotate(-22.5deg);
+
−
        transform: rotate(-22.5deg);
+
−
    }
+
−
 
+
−
    .littleMenu.active .rotater:nth-child(1) .btn-icon {
+
−
        -webkit-transform: translateY(-10em) rotate(22.5deg);
+
−
        transform: translateY(-10em) rotate(22.5deg);
+
−
    }
+
−
 
+
−
    .rotater:nth-child(2) {
+
−
        -webkit-transform: rotate(22.5deg);
+
−
        transform: rotate(22.5deg);
+
−
    }
+
−
 
+
−
    .littleMenu.active .rotater:nth-child(2) .btn-icon {
+
−
        -webkit-transform: translateY(-10em) rotate(-22.5deg);
+
−
        transform: translateY(-10em) rotate(-22.5deg);
+
−
    }
+
−
 
+
−
    .rotater:nth-child(3) {
+
−
        -webkit-transform: rotate(67.5deg);
+
−
        transform: rotate(67.5deg);
+
−
    }
+
−
 
+
−
    .littleMenu.active .rotater:nth-child(3) .btn-icon {
+
−
        -webkit-transform: translateY(-10em) rotate(-67.5deg);
+
−
        transform: translateY(-10em) rotate(-67.5deg);
+
−
    }
+
−
 
+
−
    .rotater:nth-child(4) {
+
−
        -webkit-transform: rotate(112.5deg);
+
−
        transform: rotate(112.5deg);
+
−
    }
+
−
 
+
−
    .littleMenu.active .rotater:nth-child(4) .btn-icon {
+
−
        -webkit-transform: translateY(-10em) rotate(-112.5deg);
+
−
        transform: translateY(-10em) rotate(-112.5deg);
+
−
    }
+
−
 
+
−
    .rotater:nth-child(5) {
+
−
        -webkit-transform: rotate(157.5deg);
+
−
        transform: rotate(157.5deg);
+
−
    }
+
−
 
+
−
    .littleMenu.active .rotater:nth-child(5) .btn-icon {
+
−
        -webkit-transform: translateY(-10em) rotate(-157.5deg);
+
−
        transform: translateY(-10em) rotate(-157.5deg);
+
−
    }
+
−
 
+
−
    .rotater:nth-child(6) {
+
−
        -webkit-transform: rotate(202.5deg);
+
−
        transform: rotate(202.5deg);
+
−
    }
+
−
 
+
−
    .littleMenu.active .rotater:nth-child(6) .btn-icon {
+
−
        -webkit-transform: translateY(-10em) rotate(-202.5deg);
+
−
        transform: translateY(-10em) rotate(-202.5deg);
+
−
    }
+
−
 
+
−
    .rotater:nth-child(7) {
+
−
        -webkit-transform: rotate(247.5deg);
+
−
        transform: rotate(247.5deg);
+
−
    }
+
−
 
+
−
    .littleMenu.active .rotater:nth-child(7) .btn-icon {
+
−
        -webkit-transform: translateY(-10em) rotate(-247.5deg);
+
−
        transform: translateY(-10em) rotate(-247.5deg);
+
−
    }
+
−
 
+
−
    .rotater:nth-child(8) {
+
−
        -webkit-transform: rotate(292.5deg);
+
−
        transform: rotate(292.5deg);
+
−
    }
+
−
 
+
−
    .littleMenu.active .rotater:nth-child(8) .btn-icon {
+
−
        -webkit-transform: translateY(-10em) rotate(-292.5deg);
+
−
        transform: translateY(-10em) rotate(-292.5deg);
+
−
    }
+
−
 
+
−
</style>
+
−
 
+
−
<style>
+
−
    a{
+
−
        outline: none;
+
−
    }
+
−
    area{
+
−
        outline: none;
+
−
    }
+
−
    area:hover{
+
−
        cursor: pointer;
+
−
    }
+
−
    .IHPheadBar{
+
−
        width: 100%;
+
−
        height: 200px;
+
−
        padding: 30px;
+
−
        margin: 0 auto;
+
−
        background-color: white;
+
−
    }
+
−
    .modal.fade.in{top:80px;}
+
−
    .modal-content{
+
−
        z-index: 1111;
+
−
    }
+
−
    .modal-title{
+
−
        font-size: 35px;
+
−
        line-height: 35px;
+
−
        font-family:GalanoGrotesqueAltDEMO-Bold ;
+
−
        color: #0b8544;
+
−
 
+
−
    }
+
−
    .modal-body h3{
+
−
        font-size: 25px;
+
−
        line-height: 30px;
+
−
        font-family:GalanoGrotesqueAltDEMO-Bold ;
+
−
        margin-bottom: 20px;
+
−
        color: #333333;
+
−
    }
+
−
    .modal-body p{
+
−
        font-size: 18px;
+
−
        line-height: 25px;
+
−
        font-family:LatoMe ;
+
−
        margin-bottom: 20px;
+
−
        color: #333333;
+
−
        text-align: justify;
+
−
 
+
−
    }
+
−
    .modal-body h4{
+
−
        font-size: 22px;
+
−
        line-height: 25px;
+
−
        font-family:GalanoGrotesqueAltDEMO-Bold ;
+
−
        margin-bottom: 20px;
+
−
        color: #333333;
+
−
        text-align: justify;
+
−
    }
+
−
    .CilckMore{
+
−
        color: #333333;
+
−
        font-family: GalanoGrotesqueAltDEMO-Bold;
+
−
        font-size: 38px;
+
−
        line-height: 120%;
+
−
        text-align: center;
+
−
        display: block;
+
−
        margin: 0 auto;
+
−
        padding-top: 30px;
+
−
    }
+
−
</style>
+
−
 
+
−
<style id="sideNavCss">
+
−
 
+
−
     html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,let,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
+
 
     * {
 
     * {
 
         box-sizing: border-box;
 
         box-sizing: border-box;
Line 358: Line 68:
 
         height: 100%;
 
         height: 100%;
 
         margin: 0 auto;
 
         margin: 0 auto;
−
         overflow-x: hidden;
+
        /*overflow:scroll;*/
 +
         overflow-x:hidden;
 
     }
 
     }
  
−
    .bigtitle{
 
−
        font-family: "GalanoGrotesqueAltDEMO-Bold", Helvetica, Arial, serif !important;
 
−
        font-size: 150px;
 
−
        color: white;
 
−
 
−
 
−
 
−
    }
 
 
     .sideMenu {
 
     .sideMenu {
 
         z-index: 1000;
 
         z-index: 1000;
Line 385: Line 88:
 
     }
 
     }
  
 +
    /*.sideMenu h3 {*/
 +
    /*color: ;*/
 +
    /*text-transform: uppercase;*/
 +
    /*text-align: center;*/
 +
    /*letter-spacing: 3px;*/
 +
    /*font-family: "GalanoGrotesqueAltDEMO-Bold";*/
 +
    /*font-size: 28px;*/
 +
    /*padding: 5px;*/
 +
    /*margin: 0 0 0 5px;*/
 +
    /*border-bottom: 2px dotted rgba(11, 133, 68, 0.4);*/
 +
    /*}*/
 
     .sideMenu ul {
 
     .sideMenu ul {
 
         display: block;
 
         display: block;
Line 408: Line 122:
 
         text-decoration: none;
 
         text-decoration: none;
 
         text-transform: capitalize;
 
         text-transform: capitalize;
−
         font-family: "GalanoGrotesqueAltDEMO-Bold",serif!important;
+
         font-family: "GalanoGrotesqueAltDEMO-Bold";
 
         font-size: 14px;
 
         font-size: 14px;
  
Line 418: Line 132:
 
         transition: all 600ms;
 
         transition: all 600ms;
 
     }
 
     }
−
 
+
    /*.sideMenu ul li a:before {*/
 +
    /*font-family: Arial;*/
 +
    /*font-size: 18px;*/
 +
    /*content: '+';*/
 +
    /*padding-right: 10px;*/
 +
    /*}*/
 
     .sideMenu ul li a:hover {
 
     .sideMenu ul li a:hover {
 
         color: rgba(255, 255, 255, 0.9);
 
         color: rgba(255, 255, 255, 0.9);
Line 424: Line 143:
 
         min-width: 100px;
 
         min-width: 100px;
 
         background-color: #48D289;
 
         background-color: #48D289;
−
         font-family: "GalanoGrotesqueAltDEMO-Bold",serif!important;
+
         font-family: "GalanoGrotesqueAltDEMO-Bold";
 
         font-size: 16px;
 
         font-size: 16px;
 
     }
 
     }
−
 
+
    /*.sideMenu ul li a:hover:before {*/
 +
    /*content: '*';*/
 +
    /*}*/
 
     .sideMenu ul li a.active {
 
     .sideMenu ul li a.active {
 
         font-weight: 900;
 
         font-weight: 900;
Line 436: Line 157:
 
         background-color: #48D289;
 
         background-color: #48D289;
 
     }
 
     }
 +
    /*.sideMenu ul li a.active:before {*/
 +
    /*content: '.';*/
 +
    /*}*/
  
 +
    /*.sectionOnePage#PISection {*/
 +
    /*background-color: #1abc9c;*/
 +
    /*}*/
 +
    /*.sectionOnePage#memberSection {*/
 +
    /*background-color: #27ae60;*/
 +
    /*}*/
 +
    /*.sectionOnePage#instrcSection {*/
 +
    /*background-color: #e67e22;*/
 +
    /*}*/
 +
    /*.sectionOnePage#AcknowSection {*/
 +
    /*background-color: #d35400;*/
 +
    /*}*/
 +
    /*.sectionOnePage#tutu {*/
 +
    /*background-color: #e74c3c;*/
 +
    /*}*/
 +
    /*.sectionOnePage#tyty {*/
 +
    /*background-color: #c0392b;*/
 +
    /*}*/
 
     .sectionOnePage {
 
     .sectionOnePage {
 
         width: 100%;
 
         width: 100%;
Line 448: Line 190:
 
         margin: 0 auto;
 
         margin: 0 auto;
 
         text-align: center;
 
         text-align: center;
−
         font-family: "GalanoGrotesqueAltDEMO-Bold",serif;!important;
+
         font-family: "GalanoGrotesqueAltDEMO-Bold";
 
         font-size: 70px;
 
         font-size: 70px;
 
         color: #fff;
 
         color: #fff;
 
         text-transform: uppercase;
 
         text-transform: uppercase;
 +
    }
 +
    .myitalic{
 +
        font-family: "LatoMeIta", Helvetica, Arial, serif;
 
     }
 
     }
 
     .backToTop {
 
     .backToTop {
Line 473: Line 218:
  
 
<style id="attbutioncss">
 
<style id="attbutioncss">
−
     html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,let,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
+
    @font-face {
 +
        font-family: "GalanoGrotesqueAltDEMO-Bold";
 +
        src: url('../../wiki/images/e/ef/T--SZU-CHINA--attribution_font.otf') format("opentype");
 +
 
 +
    }
 +
    @font-face {
 +
        font-family: "LatoBold";
 +
        src: url('../../wiki/images/5/54/T--SZU-CHINA--Lato-Bold.ttf') format("truetype");
 +
 
 +
    }
 +
 
 +
    @font-face {
 +
        font-family: "LatoMe";
 +
        src: url('../../wiki/images/5/5a/T--SZU-CHINA--Lato-medium.ttf') format("truetype");
 +
 
 +
    }
 +
     html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
 
     #mainContent{
 
     #mainContent{
 
         width: 100%;
 
         width: 100%;
−
         height: auto;
+
         height: 100%;
 
         background-color: #ffffff;
 
         background-color: #ffffff;
 +
        margin-top: 0;
 
     }
 
     }
  
Line 496: Line 258:
 
         -webkit-transform  : rotate(0deg); /* Chrome, Safari, Opera */
 
         -webkit-transform  : rotate(0deg); /* Chrome, Safari, Opera */
 
         transform          : rotate(0deg);
 
         transform          : rotate(0deg);
−
         font-family        : "LatoMe",Arial,"Microsoft YaHei UI";
+
         font-family        : LatoMe!important;
 
         font-size          : 20px;
 
         font-size          : 20px;
 
         color              : rgba(14, 14, 14, 1.0);
 
         color              : rgba(14, 14, 14, 1.0);
−
         text-align          : justify;
+
         text-align          : left;
 
         line-height        : 45px;
 
         line-height        : 45px;
 
         border-radius: 20px;
 
         border-radius: 20px;
Line 513: Line 275:
 
         -webkit-transform  : rotate(0deg); /* Chrome, Safari, Opera */
 
         -webkit-transform  : rotate(0deg); /* Chrome, Safari, Opera */
 
         transform          : rotate(0deg);
 
         transform          : rotate(0deg);
−
         font-family        : "LatoMe",Arial,"Microsoft YaHei UI";
+
         font-family        :LatoMe!important;
−
 
+
         font-size          : 18.0px;
−
         font-size          : 26.0px;
+
 
         color              : rgba(14, 14, 14, 1.0);
 
         color              : rgba(14, 14, 14, 1.0);
−
         text-align          : justify;
+
         text-align          : left;
 
         line-height        : 45px;
 
         line-height        : 45px;
 
         border-radius: 20px;
 
         border-radius: 20px;
Line 531: Line 292:
 
         -webkit-transform  : rotate(0deg); /* Chrome, Safari, Opera */
 
         -webkit-transform  : rotate(0deg); /* Chrome, Safari, Opera */
 
         transform          : rotate(0deg);
 
         transform          : rotate(0deg);
−
         font-family        : "LatoMe",Arial,"Microsoft YaHei UI",serif!important;
+
         font-family        :LatoMe!important;
−
 
+
 
         font-size          : 18.0px;
 
         font-size          : 18.0px;
 
         color              : rgba(14, 14, 14, 1.0);
 
         color              : rgba(14, 14, 14, 1.0);
−
         text-align          : justify;
+
         text-align          : left;
 
         line-height        : 45px;
 
         line-height        : 45px;
 
         border-radius: 20px;
 
         border-radius: 20px;
Line 566: Line 326:
 
         font-family        : "GalanoGrotesqueAltDEMO-Bold", Helvetica, Arial, serif;
 
         font-family        : "GalanoGrotesqueAltDEMO-Bold", Helvetica, Arial, serif;
 
         font-size: 40px;
 
         font-size: 40px;
−
        padding: 10px!important;
 
 
         margin: 30px;
 
         margin: 30px;
 
         color: #0B8544;
 
         color: #0B8544;
 
         font-weight: 600;
 
         font-weight: 600;
−
        line-height: 150%;
+
 
 
     }
 
     }
 
     .nametext2{
 
     .nametext2{
 
         text-align: center;
 
         text-align: center;
−
         font-family        : "LatoMe",Arial,"Microsoft YaHei UI";
+
         font-family        :LatoMe!important;
 
         font-size: 20px;
 
         font-size: 20px;
 
         margin: 30px;
 
         margin: 30px;
Line 590: Line 349:
 
         -webkit-transform  : rotate(0deg); /* Chrome, Safari, Opera */
 
         -webkit-transform  : rotate(0deg); /* Chrome, Safari, Opera */
 
         transform          : rotate(0deg);
 
         transform          : rotate(0deg);
−
         font-family        : "GalanoGrotesqueAltDEMO-Bold", Helvetica, Arial, serif!important;
+
         font-family        : "GalanoGrotesqueAltDEMO-Bold", Helvetica, Arial, serif;
 
         font-size          : 35.0px;
 
         font-size          : 35.0px;
 
         color: #0B8544;
 
         color: #0B8544;
−
         text-align          : justify;
+
         text-align          : left;
 
         line-height        : 45px;
 
         line-height        : 45px;
 
         border-radius: 20px;
 
         border-radius: 20px;
Line 609: Line 368:
 
         width: 400px;
 
         width: 400px;
 
         height: auto;
 
         height: auto;
−
         top:1600px;
+
         top:700px;
 
         position: absolute;
 
         position: absolute;
 
         left: -17%;
 
         left: -17%;
Line 621: Line 380:
  
 
     }
 
     }
 +
    .pArea2{
 +
        font-family: "LatoMe!important",Helvetica;
 +
        font-size: 20px;
 +
        width: 40%;
  
  
 +
 +
    }
 +
    .zhuangsi{
 +
 +
        background-color: rgba(72, 210, 136, 1.0);
 +
        top: 1430px;
 +
        height: 278px;
 +
        width: 300px;
 +
        position: absolute;
 +
        margin: 0;
 +
        left: 166px;
 +
        border-radius: 32px;
 +
        -ms-transform: rotate(0deg);
 +
        -webkit-transform: rotate(0deg);
 +
        transform: rotate(0deg);
 +
    }
 
     .leftimg1{
 
     .leftimg1{
 
         width: 400px;
 
         width: 400px;
Line 638: Line 417:
 
         position: absolute;
 
         position: absolute;
 
         right: -15%;
 
         right: -15%;
−
        /*overflow: no-display;*/
 
  
 
     }
 
     }
Line 648: Line 426:
  
 
         position: relative;
 
         position: relative;
−
         margin-top: 1000px;
+
         margin-top: 100px;
 
     }
 
     }
 
     .leftre1_2{
 
     .leftre1_2{
Line 670: Line 448:
  
  
−
    .smallimgcontainer{
 
−
        width: 60%;
 
−
        margin-left: 20%;
 
−
        margin-bottom: 40px;
 
−
        margin-top: 40px;
 
−
    }
 
  
−
    .smallimg{
 
−
        width: 10%;
 
−
        height: auto;
 
  
 +
    .indeximg1{
 +
        width: 45%;
 +
        height: auto;
 +
        float: right;
 +
        margin: 0px;
 +
        /*margin-top: 63px;*/
 +
        overflow: hidden;
 +
    }
 +
    .indeximg2{
 +
        width: 40%;
 +
        height: auto;
 +
        float: left;
 +
        margin-right: 0px;
 +
        margin-top: 63px;
 +
        overflow: hidden;
 
     }
 
     }
  
Line 694: Line 478:
  
 
     }
 
     }
−
 
−
    .end_1{
 
−
        width: 900px;
 
−
        height: auto;
 
−
 
−
    }
 
−
    .end_2{
 
−
        width: 120px;
 
−
        height: auto;
 
−
        position: fixed;
 
−
        bottom: 0;
 
−
        right: 40px;
 
−
        display: none;
 
−
        /*box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);*/
 
−
 
−
    }
 
−
    .end_2:hover{
 
−
        -webkit-transform: scale(1.3);
 
−
        transform: scale(1.3);
 
−
    }
 
−
    .endDiv{
 
−
        height: auto;
 
−
        width: 100%;
 
−
        position: absolute;
 
−
    }
 
−
 
−
    .personMess{
 
−
        margin: 30px auto;
 
−
    }
 
−
    .backgroundArrow{
 
−
        z-index: 9999;
 
−
        display:block;
 
−
        position: absolute;
 
−
        top: 85%;
 
−
        margin: 0 auto;
 
−
        width: 102px;
 
−
        height: 102px;
 
−
        transform: rotate(-90deg);
 
−
    }
 
−
    #backgroundimg{
 
−
        transition:all 2s cubic-bezier(0.86,0,0.8,1);-webkit-transition:all 1s cubic-bezier(0.86,0,0.8,1);;
 
−
    }
 
−
    /*#mainContent #backgroundimg  .backgroundArrow:hover{*/
 
−
    /*background-color: rgba(11, 133, 68, 0.2);*/
 
−
    /*}*/
 
−
    .imgSlideDown{ transform:translateY(-100%);-webkit-transform:translateY(-100%);}
 
−
    /*up{ transform:translateY(-100%);-webkit-transform:translateY(-100%);}*/
 
−
    .goTop{
 
−
        top:0;
 
−
    }
 
−
</style>
 
−
 
−
<style id="parallax scroll">
 
−
    .hero {
 
−
        height: 100vh;
 
−
        background-color: #fafafa;
 
−
        display: flex;
 
−
        align-items: center;
 
−
        justify-content: center;
 
−
        font-size: 48px;
 
−
        padding: 30px 30px 100px;
 
−
        line-height: 1.5;
 
−
        color: #333;
 
−
        z-index: 1;
 
−
        position: relative;
 
−
        overflow: hidden;
 
−
    }
 
−
    .hero .background-wrap, .hero .bg {
 
−
        position: absolute;
 
−
        top: 0;
 
−
        bottom: 0;
 
−
        right: 0;
 
−
        left: 0;
 
−
    }
 
−
    .hero .background-wrap {
 
−
        z-index: -1;
 
−
        overflow: hidden;
 
−
    }
 
−
 
−
    .scroll {
 
−
        position: absolute;
 
−
        width: 30px;
 
−
        height: 50px;
 
−
        bottom: 50px;
 
−
        left: 0;
 
−
        right: 0;
 
−
        margin: auto;
 
−
        border: 2px solid rgba(255, 255, 255, 0.6);
 
−
        border-radius: 40px;
 
−
    }
 
−
    .scroll:after {
 
−
        content: " ";
 
−
        width: 10px;
 
−
        height: 10px;
 
−
        border-radius: 50%;
 
−
        background-color: #e3e3e3;
 
−
        position: absolute;
 
−
        left: 0;
 
−
        top: 10px;
 
−
        right: 0;
 
−
        margin: auto;
 
−
        -webkit-animation: wheel 1s infinite;
 
−
        animation: wheel 1s infinite;
 
−
        opacity: 0;
 
−
    }
 
−
 
−
    .project {
 
−
        position: relative;
 
−
        overflow: hidden;
 
−
        width: 800px;
 
−
        height: 500px;
 
−
        margin: 100px auto;
 
−
        background-color: #bad455;
 
−
    }
 
−
    .project-image {
 
−
        position: relative;
 
−
        overflow: hidden;
 
−
        transition: -webkit-transform 5s ease-in,  -webkit-filter 1s ease-in;
 
−
        transition: transform 5s ease-in,  filter 1s ease-in;
 
−
        transition: transform 5s ease-in,  filter 1s ease-in,  -webkit-transform 5s ease-in,  -webkit-filter 1s ease-in;
 
−
        -webkit-filter: grayscale(100%) brightness(40%);
 
−
        filter: grayscale(100%) brightness(40%);
 
−
    }
 
−
    .project-image-container {
 
−
        -webkit-transform: translateY(-50%);
 
−
        transform: translateY(-50%);
 
−
        position: relative;
 
−
        overflow: hidden;
 
−
    }
 
−
    .project-title {
 
−
        position: absolute;
 
−
        top: 0;
 
−
        left: 0;
 
−
        width: 100%;
 
−
        height: 100%;
 
−
        -webkit-transform: translateY(100%);
 
−
        transform: translateY(100%);
 
−
        text-align: center;
 
−
        font-size: 72px;
 
−
        color: white;
 
−
        font-weight: 900;
 
−
    }
 
−
    .project:hover .project-image {
 
−
        -webkit-transform: scale(1.5);
 
−
        transform: scale(1.5);
 
−
        -webkit-filter: grayscale(0);
 
−
        filter: grayscale(0);
 
−
    }
 
−
 
−
    @-webkit-keyframes wheel {
 
−
        1% {
 
−
            opacity: 0;
 
−
        }
 
−
        10% {
 
−
            opacity: 1;
 
−
        }
 
−
        100% {
 
−
            -webkit-transform: translateY(20px);
 
−
            transform: translateY(20px);
 
−
            opacity: 0;
 
−
        }
 
−
    }
 
−
 
−
    @keyframes wheel {
 
−
        1% {
 
−
            opacity: 0;
 
−
        }
 
−
        10% {
 
−
            opacity: 1;
 
−
        }
 
−
        100% {
 
−
            -webkit-transform: translateY(20px);
 
−
            transform: translateY(20px);
 
−
            opacity: 0;
 
−
        }
 
−
    }
 
−
    @media only screen and (max-width: 1024px) {
 
−
        .sideMenu {
 
−
            z-index: 1000;
 
−
            display: block;
 
−
            position: sticky;
 
−
            left: 0;
 
−
            top: 40%;
 
−
            min-width: 180px;
 
−
            max-width: 180px;
 
−
            width: auto;
 
−
            height: auto;
 
−
            padding: 30px 15px;
 
−
            color: #333333;
 
−
            background-color: #ffffff;
 
−
            border-radius: 10px;
 
−
        }
 
−
 
−
    }
 
−
    .headtext2{
 
−
        font-family        : "GalanoGrotesqueAltDEMO-Bold", Helvetica, Arial, serif;
 
−
        font-size: 40px;
 
−
        text-align: left;
 
−
        margin-top: 130px;
 
−
        margin-bottom: 60px;
 
−
        color: black;
 
−
        font-weight: bold;
 
−
        line-height: 150%;
 
−
 
−
    }
 
−
    .headtext3{
 
−
        font-family        : "latoBold", Helvetica, Arial, serif;
 
−
        font-size: 30px;
 
−
        text-align: left;
 
−
        margin-top: 80px;
 
−
        margin-bottom: 60px;
 
−
        color: black;
 
−
        font-weight: bold;
 
−
        line-height: 150%;
 
−
 
−
    }
 
−
 
−
    .rightsideimg1{
 
−
        width: 25%;
 
−
        height: auto;
 
−
        top:800px;
 
−
        position: absolute;
 
−
        right: -12%;
 
−
        overflow: hidden;
 
−
 
−
        /*overflow: no-display;*/
 
−
 
−
    }
 
−
    .leftsideimg2{
 
−
        width: 25%;
 
−
        height: auto;
 
−
        overflow: hidden;
 
−
        position: absolute;
 
−
        left: -13%;
 
−
 
−
    }
 
−
 
−
 
 
     .cardbody{
 
     .cardbody{
 
         width: 80%;
 
         width: 80%;
Line 1,006: Line 552:
  
 
     }
 
     }
 +
    .end_1{
 +
        width: 900px;
 +
        height: auto;
  
 +
    }
 +
    .end_2{
 +
        width: 150px;
 +
        height: auto;
  
  
−
</style>
 
  
−
<div id="mainContent">
+
     }
−
     <div class="hero">
+
−
        <div id="backgroundimg" class="background-wrap">
+
−
            <img  class="bg" src="https://2019.igem.org/wiki/images/b/bd/T--SZU-CHINA--attribution-banner-small.png"
+
−
                  style="width: 100%;height: 100vh;overflow:hidden;background-repeat: no-repeat;
+
−
                  background-size: cover;
+
−
                  -webkit-background-size: cover;
+
−
                  -o-background-size: cover;">
+
−
            <div style="width: 110px;margin: 0 auto">
+
−
                <img class="backgroundArrow" src="https://2019.igem.org/wiki/images/2/25/T--SZU-CHINA--left_arrow.png">
+
−
            </div>
+
−
        </div>
+
−
        <h2 class="bigtitle" style="font-size: 120px;text-align: center;">Integrated <br>Human Practices</h2>
+
−
    </div>
+
  
 +
    .juxing1{
 +
        width: 200px;
 +
        height: 60px;
 +
        background-color: #45D08B;
 +
        margin-left: 5%;
 +
        border-radius:10px;
 +
        margin-top: 20px;
 +
    }
 +
    .juxingwenzi {
 +
        font-family: "GalanoGrotesqueAltDEMO-Bold", Helvetica, Arial, serif;
 +
        font-size: 20px;
 +
        color: white;
 +
        text-align: center;
  
 +
    }
 +
    .footerend {
 +
        justify-items: center;
 +
        align-items: center;
 +
        /*justify-content: center;*/
 +
        height: 350px;
 +
        width: 85%;
 +
        margin-left: 7.5%;
 +
        margin-right: 7.5%;
 +
        display: grid;
 +
        grid-template-columns: 30% 10% 20% 20% 20%;
 +
        grid-template-rows: 35% 35% 15% 15%;
 +
        grid-template-areas: "logo highline sponsors sponsors sponsors" "contact highline sponsors sponsors sponsors" "footer footer footer footer footer" "cpright  cpright cpright cpright cpright ";
 +
    }
 +
    .item{
 +
        display: inline-block;
 +
        vertical-align: middle;
 +
    }
 +
    .itemText{
 +
        text-align: center;
 +
        /*justify-items: center;*/
 +
    }
 +
    .itemImg{
 +
        width: 100%;
 +
        height: 85px;
 +
    }
  
−
     <div id="mainbody">
+
     .it1{
 +
        grid-area: logo;
 +
    }
 +
    .it2{
 +
        grid-area: contact;
 +
    }
 +
    .it3{
 +
        margin: auto;
 +
        grid-area: sponsors;
 +
        justify-items: stretch;
 +
    }
 +
    .it3 img{
 +
        height:  160px;
 +
        /*height: auto;*/
 +
        width: auto;
 +
        /*vertical-align: middle;*/
 +
        left: 20%;
 +
    }
  
−
<!--       <img class="leftsideimg2" src="https://2019.igem.org/wiki/images/c/c0/T&#45;&#45;SZU-CHINA&#45;&#45;img-02.png" style="top: 1200px;">-->
+
    .it6 {
−
        <img class="leftsideimg2" src="https://2019.igem.org/wiki/images/c/c0/T--SZU-CHINA--img-02.png" style="top: 2700px;">
+
        grid-area: highline;
 +
    }
 +
    .it7{
 +
        grid-area: footer;
 +
    }
 +
    .it7 img{
 +
        width: 100%;
 +
        margin: 0 auto;
 +
    }
 +
    /*.it8{*/
 +
    /*grid-area:sponsors ;*/
 +
    /*}*/
 +
    /*.it9{*/
 +
    /*grid-area:sponsors ;*/
 +
    /*}*/
 +
    /*.it10{*/
 +
    /*grid-area:sponsors ;*/
 +
    /*}*/
 +
    .it11{
 +
        grid-area: cpright;
 +
    }
 +
    .Description{
 +
        margin-top: 100px;
 +
        width: 80%;
 +
        margin-left: 5%;
 +
        height: 600px;
 +
        position: relative;
  
  
−
         <!--leftside img 左侧装饰图片-->
+
    }
 +
    .Description1{
 +
         background-color: rgba(72, 210, 136, 1.0);
 +
        height: 60%;
 +
        width: 40%;
 +
        position: absolute;
 +
        left: 7%;
 +
        top: 10%;
 +
        border-radius: 32px;
 +
        -ms-transform: rotate(0deg);
 +
        -webkit-transform: rotate(0deg);
 +
        transform: rotate(0deg);
  
  
−
        <!--right side img 右侧装饰图片-->
 
−
        <img class="rightsideimg1"src="https://2019.igem.org/wiki/images/d/d8/T--SZU-CHINA--_greenfigure2.png" style="top: 2000px;">
 
−
        <img class="rightsideimg1"src="https://2019.igem.org/wiki/images/d/d8/T--SZU-CHINA--_greenfigure2.png" style="top: 3500px;">
 
  
  
−
        <div style="height: 300px"></div>
+
    }
 +
    .Description2{
  
−
         <div class="cardbody">
+
         height: 60%;
−
            <div class="card">
+
        width: 40%;
−
                <img  class="cardimg" src="https://2019.igem.org/wiki/images/a/a3/T--SZU-CHINA--hplogo2.png" alt=""/>
+
        position: absolute;
−
                <div>
+
        margin: 0;
−
                    <h3 class="cardheadline">Background research</h3>
+
        top: 5%;
−
<!--                   <span class="cardtext">Come and see how we made possible the manufacturing of Micrancide as well as the Application</span>-->
+
        left: 10%;
−
                </div>
+
        border-radius: 32px;
 +
        -ms-transform: rotate(0deg);
 +
        -webkit-transform: rotate(0deg);
 +
        transform: rotate(0deg);
  
−
            </div>
 
−
            <div class="card">
 
−
                <img  class="cardimg" src="https://2019.igem.org/wiki/images/5/53/T--SZU-CHINA--gplog3.png" alt=""/>
 
  
−
                <div>
 
−
                    <h3 class="cardheadline" style="margin-top: 50px;">Community</h3>
 
−
<!--                    <span class="cardtext">Here is the siRNA sifting program for other researchers to select RNAi molecules for their specific purpose.</span>-->
 
−
                </div>
 
  
−
            </div>
 
−
            <div class="card">
 
−
                <img  class="cardimg" src="https://2019.igem.org/wiki/images/d/db/T--SZU-CHINA--holgo4.png" alt=""/>
 
  
−
                <div>
+
    }
−
                    <h3 class="cardheadline" style="margin-top: 50px;">Expert</h3>
+
    .Description2 img{
−
<!--                    <span class="cardtext">Find out how we decided to use the third generation as the final RNAi-based herbicide</span>-->
+
−
                </div>
+
  
−
            </div>
+
        position: absolute;          /*让所有图片显示在一个位置，设置绝对位置*/
−
            <div class="card">
+
        opacity: 0;
−
                <img  class="cardimg" src="https://2019.igem.org/wiki/images/b/b8/T--SZU-CHINA--hplog5.png" alt=""/>
+
        animation: Aimg 12s infinite;
  
−
                <h3 class="cardheadline">Companies & partner</h3>
+
    }
−
<!--                <span class="cardtext">Do you want to see how fast M. micrantha grows without control and how efficient Micrancide is?</span>-->
+
    @keyframes Aimg{
−
             </div>
+
        0% {                  /*在百分之零时图片完全不可见*/
 +
             opacity: 0;
 +
        }
  
−
         </div>
+
         1% {
−
    </div>
+
            opacity: 0.3;
 +
        }
 +
        2% {
 +
            opacity: 0.5;
 +
        }
 +
        3% {
 +
            opacity: 0.8;
 +
        }
 +
        4% {                /*设置这些尽量让图片切换时更加流畅，不突兀*/
 +
            opacity: 1;
 +
        }
 +
        24% {
 +
            opacity: 1;
 +
        }
  
 +
        25% {              /*在此时本张图片显示结束，不透明度设置为0*/
 +
            opacity: 0;
 +
        }
 +
    }
 +
    img:nth-child(0){animation-delay: 0s;}/*设置下一个子元素延迟时间*/
 +
    img:nth-child(1){animation-delay: 3s;}
 +
    img:nth-child(2){animation-delay: 6s;}
 +
    img:nth-child(3){animation-delay: 9s;}
  
−
    <div style="height: 300px"></div>
 
  
  
  
−
         <h1 class="CilckMore">Click on the different sections of the image to learn more</h1>
+
    .Description_text{
 +
         width: 40%;
 +
        font-family: "LatoBold",Helvetica;
 +
        font-size: 18px;
 +
        color: rgba(55, 55, 55, 1.0);
 +
        text-align: left;
 +
        position: absolute;
 +
        left: 60%;
 +
        top: 5%;
 +
        line-height: 30px;
 +
    }
 +
    .longbutton{
 +
        width: 85%;
 +
        height: 150px;
 +
        background-image: url('https://2019.igem.org/wiki/images/2/23/T--SZU-CHINA--footer-08.jpg');
 +
        margin: 0 auto 0 auto;
 +
        margin-left: 7.5%;
 +
        margin-right: 7.5%;
 +
        margin-top: 200px;
 +
        font-family: "GalanoGrotesqueAltDEMO-Bold", Helvetica, Arial, serif;
 +
        font-size: 20px;
 +
        color: white;
 +
        float: center;
 +
        border: 0px solid #8AC007;
 +
        margin-bottom: 50px;
  
−
        <div class="littleMenu">
+
    }
−
            <div class="btn trigger">
+
    .longbutton:hover {
−
                <span class="line"></span>
+
        box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
−
            </div>
+
    }
−
            <div class="icons">
+
−
                <div class="rotater">
+
−
                    <div class="btn btn-icon">
+
−
                        <!--<i class="fa fa-codepen"></i>-->
+
−
                        <a href="" class="fa">Test</a>
+
−
                    </div>
+
−
                </div>
+
−
                <div class="rotater">
+
−
                    <div class="btn btn-icon">
+
−
                        <!--<i class="fa fa-facebook"></i>-->
+
−
                        <a href="https://2019.igem.org/Team:SZU-China/IHP/bgPage" class="fa">Bg</a>
+
−
                    </div>
+
−
                </div>
+
−
                <div class="rotater">
+
−
                    <div class="btn btn-icon">
+
−
                        <!--<i class="fa fa-google-plus"></i>-->
+
−
                        <a href="" class="fa">Exam</a>
+
−
                    </div>
+
−
                </div>
+
−
                <div class="rotater">
+
−
                    <div class="btn btn-icon">
+
−
                        <!--<i class="fa fa-twitter"></i>-->
+
−
                        <a href="" class="fa">Test</a>
+
−
                    </div>
+
−
                </div>
+
−
                <div class="rotater">
+
−
                    <div class="btn btn-icon">
+
−
                        <!--<i class="fa fa-twitter"></i>-->
+
−
                        <a href="" class="fa">Back</a>
+
−
                    </div>
+
−
                </div>
+
  
−
            </div>
+
    .button1{
−
         </div>
+
         width: 200px;
−
         <!--<div style="width: 100%; margin: 0 auto">-->
+
         height: 60px;
−
         <img id="mapImg" src="https://2019.igem.org/wiki/images/0/06/T--SZU-CHINA--hp222.jpg" alt="" hidefocus="true" usemap="#testArea"  style="margin: 0 auto; display: block; max-width: 1200px; width: 80%;height: auto; border: 10px #48D289;" border="1" />
+
        background-color: #45D08B;
 +
        margin-left: 100px;
 +
        border-radius:10px;
 +
        margin-top: 20px;
 +
         font-family: "GalanoGrotesqueAltDEMO-Bold", Helvetica, Arial, serif;
 +
        font-size: 20px;
 +
        color: white;
 +
        text-align: center;
 +
        border: 0px solid #8AC007;
  
−
        <map name="testArea" id="testArea">
 
−
            <area  alt="" title="" data-target="#myModal1"  data-toggle="modal" shape="rect" style="outline:none;" target="_self"  onfocus="blur(this)" />
 
−
            <area  alt="" title="" data-target="#myModal2" data-toggle="modal" shape="rect" style="outline:none;" target="_self"    />
 
−
            <area  alt="" title="" data-target="#myModal3" data-toggle="modal" shape="rect" style="outline:none;" target="_self"    />
 
−
            <area  alt="" title="" data-target="#myModal4" data-toggle="modal" shape="rect" style="outline:none;" target="_self"    />
 
−
            <area  alt="" title="" data-target="#myModal5" data-toggle="modal" shape="rect" style="outline:none;" target="_self"    />
 
−
            <area  alt="" title="" data-target="#myModal6" data-toggle="modal" shape="rect" style="outline:none;" target="_self"    />
 
−
            <area  alt="" title="" data-target="#myModalFirst" data-toggle="modal" shape="rect" style="outline:none;" target="_self"    />
 
  
−
            <area  alt="" title="" data-target="#myModal7" data-toggle="modal" shape="rect" style="outline:none;" target="_self"     />
+
    }
−
            <area  alt="" title="" data-target="#myModal8" data-toggle="modal" shape="rect" style="outline:none;" target="_self"    />
+
    .button1:hover {
−
            <area  alt="" title="" data-target="#myModal9" data-toggle="modal" shape="rect" style="outline:none;" target="_self"    />
+
        box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
−
            <area  alt="" title="" data-target="#myModal10" data-toggle="modal" shape="rect" style="outline:none;" target="_self"    />
+
     }
−
            <area  alt="" title="" data-target="#myModal11" data-toggle="modal" shape="rect" style="outline:none;" target="_self"    />
+
    .button2{
−
            <area  alt="" title="" data-target="#myModal12" data-toggle="modal" shape="rect" style="outline:none;" target="_self"    />
+
        width: 300px;
−
            <area  alt="" title="" data-target="#myModal13" data-toggle="modal" shape="rect" style="outline:none;" target="_self"    />
+
        height: 60px;
−
            <area  alt="" title="" data-target="#myModal14" data-toggle="modal" shape="rect" style="outline:none;" target="_self"    />
+
        background-color: #45D08B;
−
            <area  alt="" title="" data-target="#myModalSecond" data-toggle="modal" shape="rect" style="outline:none;" target="_self"    />
+
        float: right;
 +
        border-radius:10px;
 +
        margin-top: 20px;
 +
        font-family: "GalanoGrotesqueAltDEMO-Bold", Helvetica, Arial, serif;
 +
        font-size: 20px;
 +
        color: white;
 +
        text-align: center;
 +
        border: 0px solid #8AC007;
 +
        margin-right: 10%;
  
−
            <area  alt="" title="" data-target="#myModal15" data-toggle="modal" shape="rect" style="outline:none;" target="_self"     />
+
    }
−
            <area  alt="" title="" data-target="#myModal16" data-toggle="modal" shape="rect" style="outline:none;" target="_self"    />
+
    .button2:hover {
−
            <area  alt="" title="" data-target="#myModal17" data-toggle="modal" shape="rect" style="outline:none;" target="_self"    />
+
        box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
−
            <area  alt="" title="" data-target="#myModal18" data-toggle="modal" shape="rect" style="outline:none;" target="_self"    />
+
    }
−
            <area  alt="" title="" data-target="#myModal19" data-toggle="modal" shape="rect" style="outline:none;" target="_self"    />
+
     .content__container__list{
−
            <area  alt="" title="" data-target="#myModal20" data-toggle="modal" shape="rect" style="outline:none;" target="_self"    />
+
        list-style: none;
−
            <area  alt="" title="" data-target="#myModal21" data-toggle="modal" shape="rect" style="outline:none;" target="_self"     />
+
        -webkit-animation-name: change;
 +
        -webkit-animation-duration: 10s;
 +
        -webkit-animation-iteration-count: infinite;
 +
        animation-name: change;
 +
        animation-duration: 10s;
 +
        animation-iteration-count: infinite;
 +
     }
  
−
         </map>
+
    .side h1{
 +
        font-family: "GalanoGrotesqueAltDEMO-Bold", Helvetica, Arial, serif;
 +
        font-size: 75px;
 +
        color: #11843F;
 +
         /*margin-left: 10%;*/
 +
        margin-top: 10px;
 +
        line-height: 90px;
  
 +
    }
 +
    .side h2{
 +
        font-family: "GalanoGrotesqueAltDEMO-Bold", Helvetica, Arial, serif;
 +
        font-size: 30px;
 +
        color: #383838;
 +
        margin-top: 20px;
 +
        margin-bottom: 20px;
 +
        /*margin-left: 10%;*/
 +
        line-height: 30px;
  
−
     </div>
+
     }
−
</div>
+
    @media only screen and (max-width: 1024px) {
 +
        .side h1{
 +
            font-family: "GalanoGrotesqueAltDEMO-Bold", Helvetica, Arial, serif;
 +
            font-size: 40px;
 +
            color: #11843F;
 +
            /*margin-left: 10%;*/
 +
            margin-top: 10px;
 +
            line-height: 90px;
  
−
<div class="modal fade" id="myModal1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+
        }
−
    <div class="modal-dialog">
+
        .side h2{
 +
            font-family: "GalanoGrotesqueAltDEMO-Bold", Helvetica, Arial, serif;
 +
            font-size: 20px;
 +
            color: #383838;
 +
            margin-top: 20px;
 +
            margin-bottom: 20px;
 +
            /*margin-left: 10%;*/
 +
            line-height: 30px;
  
−
         <div class="modal-content">
+
         }
−
            <div class="modal-header">
+
−
                <button type="button" class="close" data-dismiss="modal"
+
−
                        aria-hidden="true">×
+
−
                </button>
+
−
                <h3 class="modal-title" >
+
−
                    Kick off presentation （March）
+
−
                </h3>
+
−
            </div>
+
−
            <div class="modal-body">
+
  
−
                <div >
+
    }
−
                    <h3>Description:</h3>
+
−
                    <p>We held the Kick off presentation at the beginning of March, and each team member shared their ideas on this year's iGEM competition. Among them, the idea of using synthetic biology to eliminate the famous invasive species - Mikania micrantha in Shenzhen has attracted everyone's attention.</p>
+
−
                    <h3>Input:</h3>
+
−
                    <p>We had a lot of discussions on environment protection and ecology restoration.</p>
+
−
                    <p>After sharing knowledge about invasive species, we were saddened by the destruction of the invasive species to the ecosystem.</p>
+
−
                    <h3>Alteration:</h3>
+
−
                    <p>We decided to develop a bioherbicide for Mikania micrantha</p>
+
−
                </div>
+
  
  
−
            </div>
 
−
            <div class="modal-footer">
 
−
                <button type="button" class="btn btn-default"
 
−
                        data-dismiss="modal">Close
 
−
                </button>
 
  
−
            </div>
 
−
        </div><!-- /.modal-content -->
 
−
    </div><!-- /.modal-dialog -->
 
  
−
</div><!-- /.modal -->
 
−
<div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
−
    <div class="modal-dialog">
 
  
−
         <div class="modal-content">
+
    .textLoopDiv{
−
            <div class="modal-header">
+
         z-index: 99;
−
                <button type="button" class="close" data-dismiss="modal"
+
        overflow: hidden;
−
                        aria-hidden="true">×
+
        width: 650px;
−
                </button>
+
        border: 1px;
−
                <h3 class="modal-title" >
+
        margin-top: 150px;
−
                    Brainstorm I（March）
+
        height: 200px;
−
                </h3>
+
        margin-left: 50px;
−
            </div>
+
        /*background-color: #1da0f1;*/
−
            <div class="modal-body">
+
    }
 +
    .black{
 +
        color: #333333;
 +
    }
  
−
                <div >
+
    .bigtitle{
−
                    <h3>Description:</h3>
+
        font-family: "GalanoGrotesqueAltDEMO-Bold", Helvetica, Arial, serif;
−
                    <p>We have arranged a brainstorm with our advisers, delved into the possibilities of developing bioherbicides and began looking for a solution to this problem from a professional perspective.
+
        font-size: 75px;
−
                    </p>
+
        color: #11843F;
−
                    <h3>Input:</h3>
+
        padding-top: 250px;
−
                    <p>We learned about small RNA and RNAi interference from the instructor Prof. Beixin Mo.
+
        line-height: 80px;
−
                        The RNAi can specifically silence target genes, and have the potential to develop into a biological herbicide</p>
+
        margin-top: 400px;
−
                    <h3>Alteration:</h3>
+
    }
−
                    <p>We decided to use the most common RNAi molecule- dsRNA, to silence target genes of Mikania micrantha in order to achieve our goal of killing Mikania micrantha specifically.
+
    .bigtitle2{
−
                    </p>
+
        font-family: "GalanoGrotesqueAltDEMO-Bold", Helvetica, Arial, serif;
−
                </div>
+
        font-size: 75px;
 +
        color: #11843F;
 +
        text-align: right;
 +
        padding-top: 200px;
 +
        margin-right: 10%;
 +
        line-height: 80px;
  
 +
    }
 +
    .bigtitle3{
 +
        font-family: "GalanoGrotesqueAltDEMO-Bold", Helvetica, Arial, serif;
 +
        font-size: 75px;
 +
        color: #11843F;
 +
        text-align: center;
 +
        margin-top: 400px;
 +
        line-height: 80px;
  
−
            </div>
+
    }
−
            <div class="modal-footer">
+
    .smalltitle{
−
                <button type="button" class="btn btn-default"
+
        font-family: "GalanoGrotesqueAltDEMO-Bold", Helvetica, Arial, serif;
−
                        data-dismiss="modal">Close
+
        font-size: 30px;
−
                </button>
+
        color: #383838;
 +
        margin-top: 40px;
 +
        margin-left: 5%;
 +
        line-height: 50px;
 +
    }
 +
    .smalltitle2{
 +
        font-family: "GalanoGrotesqueAltDEMO-Bold", Helvetica, Arial, serif;
 +
        font-size: 30px;
 +
        color: #383838;
 +
        text-align: right;
 +
        margin-top: 40px;
 +
        margin-left: 5%;
 +
        line-height: 50px;
 +
        margin-right: 10%;
  
−
            </div>
 
−
        </div><!-- /.modal-content -->
 
−
    </div><!-- /.modal-dialog -->
 
  
−
</div><!-- /.modal -->
+
     }
−
<div class="modal fade" id="myModal3" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+
−
     <div class="modal-dialog">
+
  
−
         <div class="modal-content">
+
    .personMess{
−
            <div class="modal-header">
+
         margin: 30px auto;
−
                <button type="button" class="close" data-dismiss="modal"
+
    }
−
                        aria-hidden="true">×
+
    .backgroundArrow{
−
                </button>
+
        display: block;
−
                <h3 class="modal-title" >
+
        position: absolute;
−
                    Agricultural Genomics Institute at Shenzhen, CAAS (April)
+
        top: 85%;
−
                </h3>
+
        margin: 0 auto;
−
            </div>
+
        width: 102px;
−
             <div class="modal-body">
+
        height: 102px;
 +
        transform: rotate(-90deg);
 +
    }
 +
    #backgroundimg{
 +
        transition:all 2s cubic-bezier(0.86,0,0.8,1);-webkit-transition:all 1s cubic-bezier(0.86,0,0.8,1);;
 +
    }
 +
    /*#mainContent #backgroundimg  .backgroundArrow:hover{*/
 +
    /*background-color: rgba(11, 133, 68, 0.2);*/
 +
    /*}*/
 +
    .imgSlideDown{ transform:translateY(-100%);-webkit-transform:translateY(-100%);}
 +
    /*up{ transform:translateY(-100%);-webkit-transform:translateY(-100%);}*/
 +
    .goTop{
 +
        top:0;
 +
    }
 +
    #mainbody{
 +
        height: 100%;
 +
        border: 1px;
 +
        width: 100%;
 +
        overflow:hidden
 +
    }
 +
    @-webkit-keyframes change {
 +
        0%, 12.66%, 100% {
 +
             -webkit-transform: translate3d(0, 0, 0);
 +
            transform: translate3d(0, 0, 0);
 +
        }
  
−
                <div >
 
−
                    <h3>Description:</h3>
 
−
                    <p>The Agricultural Genomics Institute at Shenzhen, Chinese Academy of Agricultural Science（AGIS-CAAS）established in 2014，is a national institute specializing in agricultural genomics research in China.</p>
 
−
                    <p>We contacted Dr. Fan Wei, a researcher at AGIS-CAAS. He has long been engaged in genomics and bioinformatics research, and has deep knowledge in the field of bioinformatics algorithm development such as genome assembly, gene annotation, and mutation detection. Dr. Fan Wei was very interested in our project and decided to help us.</p>
 
−
                    <h3>Input:</h3>
 
−
                    <p>Fan Wei and the institute provided us with the whole genome of Mikania micrantha. These data are currently not publicly available.</p>
 
−
                    <h3>Alteration:</h3>
 
−
                    <p>The whole genome of Mikania micrantha allows us to conduct more comprehensive genetic screening.</p>
 
−
                    <p>The whole genome includes genomes of different organs of Mikania micrantha, such as the genome of its leaves. Then we learnt how to find the specific gene that can be used as a target gene to silence.</p>
 
−
                </div>
 
  
 +
        49.98%,62.64% {
 +
            -webkit-transform: translate3d(0, -50%, 0);
 +
            transform: translate3d(0, -50%, 0);
 +
        }
  
−
            </div>
+
        83.3%,95.96% {
−
             <div class="modal-footer">
+
             -webkit-transform: translate3d(0, -0%, 0);
−
                <button type="button" class="btn btn-default"
+
            transform: translate3d(0, -0%, 0);
−
                        data-dismiss="modal">Close
+
        }
−
                </button>
+
    }
 +
    @keyframes opacity {
 +
        0%, 100% {
 +
            opacity: 0;
 +
        }
 +
        50% {
 +
            opacity: 1;
 +
        }
 +
    }
 +
    @keyframes change {
 +
        0%, 12.66%, 100% {
 +
            -webkit-transform: translate3d(0, 0, 0);
 +
            transform: translate3d(0, 0, 0);
 +
        }
  
−
            </div>
 
−
        </div><!-- /.modal-content -->
 
−
    </div><!-- /.modal-dialog -->
 
  
−
</div><!-- /.modal -->
+
        49.98%,62.64% {
−
<div class="modal fade" id="myModal4" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+
            -webkit-transform: translate3d(0, -50%, 0);
−
    <div class="modal-dialog">
+
            transform: translate3d(0, -50%, 0);
 +
        }
  
−
         <div class="modal-content">
+
         83.3%,95.96% {
−
             <div class="modal-header">
+
             -webkit-transform: translate3d(0, -0%, 0);
−
                <button type="button" class="close" data-dismiss="modal"
+
            transform: translate3d(0, -0%, 0);
−
                        aria-hidden="true">×
+
        }
−
                </button>
+
    }
−
                <h3 class="modal-title" >
+
−
                    Dr. Bo Song（April）
+
−
                </h3>
+
−
            </div>
+
−
            <div class="modal-body">
+
  
−
                <div >
 
−
                    <h3>Description:</h3>
 
−
                    <p>Dr. Song Bo, Dr. Song Bo, researcher, working at AGIS-CAAS, engaged in genomics research, rich in plant genomics research experience.</p>
 
−
                    <h3>Input:</h3>
 
−
                    <p>Suggest that we look for genes based on the way we apply
 
−
                        Recommended us select multiple genes with higher expression levels in the transcriptome for mixed application.</p>
 
−
                    <p>Gives a more efficient genetic screening program</p>
 
−
                    <h3>Alteration:</h3>
 
−
                    <p>We will look for the target gene of the leaves in the transcriptome, as we will spray the leaves of Mikania micrantha with our herbicide.</p>
 
−
                    <p>we used transcriptome analysis with reference genome method to select our target gene from transcriptome data</p>
 
−
                </div>
 
  
  
−
                <div>
 
−
                    <img style="width: 100%" src="https://2019.igem.org/wiki/images/2/29/T--SZU-CHINA--IHP_a1.jpg" alt="" data-action="zoom">
 
−
                </div>
 
  
−
            </div>
 
−
            <div class="modal-footer">
 
−
                <button type="button" class="btn btn-default"
 
−
                        data-dismiss="modal">Close
 
−
                </button>
 
  
−
            </div>
 
−
        </div><!-- /.modal-content -->
 
−
    </div><!-- /.modal-dialog -->
 
  
−
</div><!-- /.modal -->
+
</style>
−
<div class="modal fade" id="myModal5" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+
<div id="mainContent">
−
    <div class="modal-dialog">
+
  
−
        <div class="modal-content">
 
−
            <div class="modal-header">
 
−
                <button type="button" class="close" data-dismiss="modal"
 
−
                        aria-hidden="true">×
 
−
                </button>
 
−
                <h3 class="modal-title" >
 
−
                    Test field of CAAS, Shenzhen and BGI（April)
 
−
                </h3>
 
−
            </div>
 
−
            <div class="modal-body">
 
  
−
                <div >
+
    <div id="mainbody">
−
                    <h3>Description:</h3>
+
−
                    <p>The AGIS-CAAS and Beijing Genomics Institute (BGI); established the largest experimental field in Yantian, Shenzhen, for selection of crops. We believe that their experimental fields have great reference value for our future experiment.</p>
+
−
                    <h3>Input:</h3>
+
−
                    <p>Show us the agricultural drone from DJI and how it works
+
−
                        Let us know the safety regulations of the experimental field to ensure that foreign genes are not leaked.</p>
+
−
                    <h3>Alteration:</h3>
+
−
                    <p>We decided to develop an agricultural drone with special function by ourselves. </p>
+
−
                    <p>We have improved the design of the experimental field.</p>
+
−
                </div>
+
  
 +
        <div class="leftsideimg2">
  
−
                <div>
+
        </div>
−
                    <img style="width: 100%;" src="https://2019.igem.org/wiki/images/4/4e/T--SZU-CHINA--IHP_2.jpg" alt="" data-action="zoom">
+
        <div class="rightsideimg1">
−
                    <img style="width: 100%;" src="https://2019.igem.org/wiki/images/a/aa/T--SZU-CHINA--IHP_3.jpg" alt="" data-action="zoom">
+
        </div>
 +
        <div >
 +
            <img class="indeximg1"src="https://2019.igem.org/wiki/images/3/3c/T--SZU-CHINA--index-04.png">
  
−
                </div>
+
        </div>
 +
        <div class="textLoopDiv">
  
−
            </div>
+
             <div class="loopBox" id="box4">
−
             <div class="modal-footer">
+
                 <div class="side side1">
−
                <button type="button" class="btn btn-default"
+
                    <h1 class="" >Micrancide</h1>
−
                        data-dismiss="modal">Close
+
                    <h2 class="">An RNAi-based herbicide for<br/><span class="myitalic">Mikania micrantha</span></h2>
−
                 </button>
+
−
 
+
−
            </div>
+
−
        </div><!-- /.modal-content -->
+
−
    </div><!-- /.modal-dialog -->
+
−
 
+
−
</div><!-- /.modal -->
+
−
<div class="modal fade" id="myModal6" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+
−
    <div class="modal-dialog">
+
−
 
+
−
        <div class="modal-content">
+
−
            <div class="modal-header">
+
−
                <button type="button" class="close" data-dismiss="modal"
+
−
                        aria-hidden="true">×
+
−
                </button>
+
−
                <h3 class="modal-title" >
+
−
                    Shenzhen Clear Mikania micrantha Co.,Ltd.
+
−
                </h3>
+
−
            </div>
+
−
            <div class="modal-body">
+
−
 
+
−
                <div >
+
−
                    <h3>Description:</h3>
+
−
                    <p>Shenzhen Clear Mikania micrantha Co.,Ltd. Is the developer of the only chemical herbicide on the market for Mikania micrantha. Their product is called Mieweijing, and the active ingredient is 2,4-D. It is a commonly used plant growth regulator.</p>
+
−
                    <p>They are very interested in our idea of using the RNAi mechanism to eliminate Mikania micrantha and provided us many useful advises.</p>
+
−
                    <h3>Input:</h3>
+
−
                    <p>Provided us the effect report of their product.</p>
+
−
                    <p>They shared some experiences related to herbicide development with us.</p>
+
−
                    <p>Introduced us detergent which can increase the surface area of the herbicide attached to the plant to increase the effect.</p>
+
−
 
+
−
                    <h3>Alteration:</h3>
+
−
                    <p>Obtained some information of chemical herbicide to facilitate comparison experiments
+
−
                        We decided to add detergent to our product</p>
+
 
                 </div>
 
                 </div>
−
 
+
                 <div class="side side2">
−
 
+
                    <h1 class="" ><span class="black">Fight</span> GREEN </h1>
−
            </div>
+
                     <h1><span class="black">for More </span>Green</h1>
−
            <div class="modal-footer">
+
−
                 <button type="button" class="btn btn-default"
+
−
                        data-dismiss="modal">Close
+
−
                </button>
+
−
 
+
−
            </div>
+
−
        </div><!-- /.modal-content -->
+
−
    </div><!-- /.modal-dialog -->
+
−
 
+
−
</div><!-- /.modal -->
+
−
<div class="modal fade" id="myModalFirst" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+
−
    <div class="modal-dialog">
+
−
 
+
−
        <div class="modal-content">
+
−
            <div class="modal-header">
+
−
                <button type="button" class="close" data-dismiss="modal"
+
−
                        aria-hidden="true">×
+
−
                </button>
+
−
                <h3 class="modal-title" >
+
−
                     The first generation：dsRNA
+
−
                </h3>
+
−
            </div>
+
−
            <div class="modal-body">
+
−
 
+
−
                <div >
+
−
 
+
−
                    <p>We screened several genes from the transcriptome of Mikania micrantha obtained from the Genomics Institute and designed them into dsRNA sequences.</p>
+
−
                    <p>However, in subsequent experiments we found that there are many problems with dsRNA. dsRNA is low in specificity and poorly effective</p>
+
−
                    <p>We are trying to improve dsRNA and also start looking for alternatives.</p>
+
 
                 </div>
 
                 </div>
−
 
 
             </div>
 
             </div>
−
            <div class="modal-footer">
 
−
                <button type="button" class="btn btn-default"
 
−
                        data-dismiss="modal">Close
 
−
                </button>
 
  
−
            </div>
+
        </div>
−
         </div><!-- /.modal-content -->
+
         <button class="button1" onclick="window.open('https://2019.igem.org/Team:SZU-China/members')">
−
    </div><!-- /.modal-dialog -->
+
            SZU-China 2019
 +
        </button>
  
−
</div><!-- /.modal -->
+
        <h2 class="bigtitle" style="text-align: center;margin-top: 200px;">Description</h2>
 +
        <div class="Description">
 +
<!--           <div class="Description1"></div>-->
 +
            <div class="Description2">
  
−
<div class="modal fade" id="myModal7" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+
                <img style="width: 100%; border-radius: 28px" src="https://2019.igem.org/wiki/images/e/ee/T--SZU-CHINA--big1.jpg">
−
    <div class="modal-dialog">
+
                <img style="width: 100%; border-radius: 28px" src="https://2019.igem.org/wiki/images/1/1d/T--SZU-CHINA--big2.jpg">
−
 
+
                 <img style="width: 100%; border-radius: 28px" src="https://2019.igem.org/wiki/images/b/b6/T--SZU-CHINA--big3.jpg">
−
        <div class="modal-content">
+
                 <img style="width: 100%; border-radius: 28px" src="https://2019.igem.org/wiki/images/c/c3/T--SZU-CHINA--big4.jpg">
−
            <div class="modal-header">
+
                <img style="width: 100%; border-radius: 28px" src="https://2019.igem.org/wiki/images/a/a7/T--SZU-CHINA--big6.jpg">
−
                 <button type="button" class="close" data-dismiss="modal"
+
−
                        aria-hidden="true">×
+
−
                </button>
+
−
                 <h3 class="modal-title" >
+
−
                    Neilingding Island Nature Reserve（MAY）
+
−
                </h3>
+
−
            </div>
+
−
            <div class="modal-body">
+
−
 
+
−
                <div >
+
−
                    <h3>Description:</h3>
+
−
                    <p>In order to learn more about the harm of Mikania micrantha, we went to the Neilingding Island Nature Reserve for an investigation.</p>
+
−
                    <p>Neilingding Island Nature Reserve is one of the smallest national nature reserves in China. It is located on the west side of Shenzhen, on a small island on the Pearl River Estuary, Preserved an intact south Asian subtropical evergreen broad-leaved forest.</p>
+
−
                    <p>There are many kinds of plants on the island, including 619 kinds of vascular plants. Among them, white cassia and wild lychee are the national key protected plants. Wildlife resources are also very rich. There are as many as 900 macaques on the island, as well as key protected animals such as otters, pangolins, black kite, pythons and tiger frogs.</p>
+
−
                    <p>But in the middle and late last century, for the unknown reasons, Mikania micrantha was introduced into Neilingding Island and spread rapidly on the island. Mikania micrantha entwined tall trees, sheltering low bushes, and killed the main food of the island's macaques- plantains, which caused a sharp decline in the number of wild animals such as macaques on the island. It can be said that the invasion of Mikania micrantha completely changed the harmonious ecosystem on the island.</p>
+
−
                    <p>For this reason, we chose Neilingding Island as a typical Mikania invasive site for background investigation, hoping to get inspiration from it.</p>
+
−
 
+
−
                    <h3>Input:</h3>
+
−
                    <p>Collected the local plants sample of the island</p>
+
−
                    <p>Understood the harm of Mikania micrantha to wild animals</p>
+
−
                    <p>Understood the destruction of Mikania micrantha on the ecosystem</p>
+
−
 
+
−
                    <h3>Alteration:</h3>
+
−
                    <p>Expanded our background knowledge</p>
+
−
                    <p>The tragic status of other creatures on the island inspired us determined to develop Micrancide</p>
+
−
                    <p>Provided a data foundation for our simulation experiments</p>
+
−
                    <p>For more details of Neilingding Island, please see our documentary.</p>
+
−
 
+
−
                </div>
+
  
  
 
             </div>
 
             </div>
−
            <div class="modal-footer">
 
−
                <button type="button" class="btn btn-default"
 
−
                        data-dismiss="modal">Close
 
−
                </button>
 
  
−
            </div>
 
−
        </div><!-- /.modal-content -->
 
−
    </div><!-- /.modal-dialog -->
 
  
−
</div><!-- /.modal -->
 
−
<div class="modal fade" id="myModal8" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
−
    <div class="modal-dialog">
 
  
−
        <div class="modal-content">
 
−
            <div class="modal-header">
 
−
                <button type="button" class="close" data-dismiss="modal"
 
−
                        aria-hidden="true">×
 
−
                </button>
 
−
                <h3 class="modal-title" >
 
−
                    Dr. Pingping Wei （May
 
−
                </h3>
 
−
            </div>
 
−
            <div class="modal-body">
 
−
 
−
                <div >
 
−
                    <h3>Description:</h3>
 
−
                    <p>Dr. Wei Pingping is a Ph.D. student at Shenzhen University, majoring in ecology. She was studying at Neilingding Island and she was quite familiar with the situation of plants on the island.</p>
 
−
                    <h3>Input:</h3>
 
−
                    <p>Provided the distribution diagram of Mikania micrantha on Neilingding Island</p>
 
−
                    <p>Explain the principle of biological control method for preventing Mikania micrantha</p>
 
−
                    <h3>Alteration:</h3>
 
−
                    <p>Expanded our background knowledge</p>
 
−
                    <p>Understood the harm of Mikania micrantha</p>
 
−
                    <p>For a detailed interview, please see:</p>
 
−
                </div>
 
  
 +
            <div class="Description_text">
 +
                <p>
 +
                    <span class="myitalic">Mikania micrantha Kunth</span> is one of the most destructive invasive species in the world. It was introduced into China in the early 20th century, leading to great destruction of local environment. However, at present, the major approach for controlling <span class="myitalic">Mikania micrantha Kunth</span> is still chemical herbicide spray, which is associated with significant hazards to crops and environment. RNA interference (RNAi) is a conserved mechanism in eukaryotic organisms, in which sequence specific gene silencing is triggered by the introduction of dsRNA. In this project, we used RNAi technology to silence the genes encoding proteins with essential functions to induce mortality in <span class="myitalic">Mikania micrantha Kunth</span> through topical application of <span class="myitalic">E.Coli</span> expressed RNAi molecules. In the meantime, we have developed a synthetic kit that can be used to synthesize RNAi nanoparticles of different sizes, and a siRNA sifting program for other researchers to select RNAi molecules for their specific purpose.
 +
                </p>
  
 
             </div>
 
             </div>
−
            <div class="modal-footer">
 
−
                <button type="button" class="btn btn-default"
 
−
                        data-dismiss="modal">Close
 
−
                </button>
 
  
−
            </div>
+
         </div>
−
         </div><!-- /.modal-content -->
+
−
    </div><!-- /.modal-dialog -->
+
  
−
</div><!-- /.modal -->
 
−
<div class="modal fade" id="myModal9" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
−
    <div class="modal-dialog">
 
  
−
        <div class="modal-content">
 
−
            <div class="modal-header">
 
−
                <button type="button" class="close" data-dismiss="modal"
 
−
                        aria-hidden="true">×
 
−
                </button>
 
−
                <h3 class="modal-title" >
 
−
                    Brainstorm II (June)
 
−
                </h3>
 
−
            </div>
 
−
            <div class="modal-body">
 
−
 
−
                <div >
 
−
                    <h3>Description:</h3>
 
−
                    <p>We discussed the existing issues of dsRNA. In the discussion of poor application of dsRNA, one of the team members proposed using nanomaterials to assist dsRNA into plants. This idea gave us some new inspiration.</p>
 
−
 
−
                    <h3>Input:</h3>
 
−
                    <p>We looked for some papers on nanomaterials and RNAi, and finally got one: a self-assembled RNAi nanoparticle can carry a large amount of siRNA and is easily absorbed by cells.</p>
 
−
                    <h3>Alteration:</h3>
 
−
                    <p>We began to synthesize our self-designed RNAi nanoparticles.</p>
 
−
                </div>
 
  
 +
        <div style="margin-top: 40px;">
 +
            <div >
 +
                <img class="indeximg2" src="https://2019.igem.org/wiki/images/3/31/T--SZU-CHINA--index2-10.png">
  
 
             </div>
 
             </div>
−
             <div class="modal-footer">
+
             <h1 class="bigtitle2">Human Practices
−
                <button type="button" class="btn btn-default"
+
            </h1>
−
                        data-dismiss="modal">Close
+
            <h2 class="smalltitle2">We are calling for everyone to<br>
−
                </button>
+
                support the <span style="color: #11843F">Real Green.</span>
  
−
            </div>
 
−
        </div><!-- /.modal-content -->
 
−
    </div><!-- /.modal-dialog -->
 
  
−
</div><!-- /.modal -->
+
            </h2>
−
<div class="modal fade" id="myModal10" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+
            <h2 class="smalltitle2">
−
    <div class="modal-dialog">
+
                Fight <span style="color: #11843F">GREEN </span>for More <span style="color: #11843F">Green</span> .
  
−
        <div class="modal-content">
+
             </h2>
−
             <div class="modal-header">
+
−
                <button type="button" class="close" data-dismiss="modal"
+
−
                        aria-hidden="true">×
+
−
                </button>
+
−
                <h3 class="modal-title" >
+
−
                    Professor Shengli Tian (June)
+
−
                </h3>
+
−
            </div>
+
−
            <div class="modal-body">
+
  
−
                <div >
+
            <button class="button2" onclick="window.open('https://2019.igem.org/Team:SZU-China/Human_Practices')">
−
                    <h3>Description:</h3>
+
                Click here to see More
−
                    <p>Director of the Department of Biotechnology, Shenzhen University, master's tutor. He has extensive research experience in molecular biology and genetic engineering.</p>
+
−
                    <h3>Input:</h3>
+
−
                    <p>It is recommended to add positively charged ions or a DNA strand modified with cholesterol to attenuate the repulsive force of plant cell membranes on RNAi nanoparticles.；</p>
+
−
                    <h3>Alteration:</h3>
+
−
                    <p>We decided to use Ca2+ to neutralize the strong negative charge of the RNAi molecule.</p>
+
−
                </div>
+
  
 +
            </button>
 +
        </div>
  
−
            </div>
 
−
            <div class="modal-footer">
 
−
                <button type="button" class="btn btn-default"
 
−
                        data-dismiss="modal">Close
 
−
                </button>
 
  
−
            </div>
+
         <h1 class="bigtitle3" style="margin-top: 400px;">Experiment
−
         </div><!-- /.modal-content -->
+
        </h1>
−
    </div><!-- /.modal-dialog -->
+
         <div class="cardbody">
−
 
+
             <div class="card">
−
</div><!-- /.modal -->
+
                 <img  class="cardimg" src="https://2019.igem.org/wiki/images/f/f3/T--SZU-CHINA--index_logo-11.png" alt=""/>
−
<div class="modal fade" id="myModal11" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+
                 <div onclick="window.open('https://2019.igem.org/Team:SZU-China/Design')">
−
    <div class="modal-dialog">
+
                     <h3 class="cardheadline">Design</h3>
−
 
+
                     <span class="cardtext">Come and see how we made possible the manufacturing of Micrancide as well as the Application</span>
−
         <div class="modal-content">
+
−
             <div class="modal-header">
+
−
                 <button type="button" class="close" data-dismiss="modal"
+
−
                        aria-hidden="true">×
+
−
                </button>
+
−
                 <h3 class="modal-title" >
+
−
                     Prof. Xuemei Chen (July)
+
−
                </h3>
+
−
            </div>
+
−
            <div class="modal-body">
+
−
 
+
−
                <div >
+
−
                    <h3>Description:</h3>
+
−
                     <p>Biologist, a member of the US National Academy of Sciences, Professor of the University of California, Riverside. The main research contents are microRNA and floral organ development, including the use of microRNA to analyze plant developmental mechanisms, and Arabidopsis as a model to study stem cell regulation mechanisms. </p>
+
−
                    <h3>Input:</h3>
+
−
                    <p>She suggested adjusting the concentration ratio of circular DNA to T7 RNA polymerase to increase the synthesis efficiency of RNAi nanoparticles</p>
+
−
                    <p>Corrected our misunderstanding of the RNAi mechanism</p>
+
−
                    <h3>Alteration:</h3>
+
−
                    <p>We set different concentration of T7 RNA polymerase to find out the best synthesis method.
+
−
                        Expanded our knowledge of RNAi mechanism</p>
+
−
                </div>
+
−
 
+
−
 
+
−
                <div>
+
−
                    <img style="width: 100%" src="https://2019.igem.org/wiki/images/b/be/T--SZU-CHINA--IHP_4.jpg" alt="" data-action="zoom">
+
 
                 </div>
 
                 </div>
  
 
             </div>
 
             </div>
−
             <div class="modal-footer">
+
             <div class="card">
−
                 <button type="button" class="btn btn-default"
+
                 <img  class="cardimg" src="https://2019.igem.org/wiki/images/0/0c/T--SZU-CHINA--index_logo-12.png" alt=""/>
−
                        data-dismiss="modal">Close
+
−
                </button>
+
  
−
            </div>
+
                <div onclick="window.open('https://2019.igem.org/Team:SZU-China/Software')">
−
        </div><!-- /.modal-content -->
+
                    <h3 class="cardheadline">Software</h3>
−
    </div><!-- /.modal-dialog -->
+
                     <span class="cardtext">Here is the siRNA sifting program for other researchers to select RNAi molecules for their specific purpose.</span>
−
 
+
−
</div><!-- /.modal -->
+
−
<div class="modal fade" id="myModal12" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+
−
    <div class="modal-dialog">
+
−
 
+
−
        <div class="modal-content">
+
−
            <div class="modal-header">
+
−
                <button type="button" class="close" data-dismiss="modal"
+
−
                        aria-hidden="true">×
+
−
                </button>
+
−
                <h3 class="modal-title" >
+
−
                     Shenzhen Wildlife Protection and Management Office（July）
+
−
                </h3>
+
−
            </div>
+
−
            <div class="modal-body">
+
−
 
+
−
                <div >
+
−
                    <h3>Description:</h3>
+
−
                    <p>Shenzhen Wildlife Protection and Management Office is a department directly under the Shenzhen Urban Administration. It is responsible for the protection and management of forestry resources and forestry environment, and organizes the investigation, monitoring and evaluation of forestry ecological environmental protection. It is also the department responsible for organizing and implementing the prevention, quarantine and forecasting of forestry pests in Shenzhen.</p>
+
−
                    <h3>Input:</h3>
+
−
                    <p>Provided the distribution diagram of Mikania micrantha in Shenzhen</p>
+
−
                    <p>Provided the infested area of Mikania micrantha in Shenzhen</p>
+
−
                    <p>Show us how to monitor the infested area of Mikania micrantha by satellite remote sensing technology</p>
+
−
                    <h3>Alteration:</h3>
+
−
                    <p>Make us have a more intuitive understanding of the disaster situation of mikania micrantha in shenzhen</p>
+
−
                    <p>The use of GPS positioning and satellite remote sensing to create a distribution map of Mikania micrantha has attracted our interest. We intend to add this function to our drones.</p>
+
 
                 </div>
 
                 </div>
−
 
  
 
             </div>
 
             </div>
−
             <div class="modal-footer">
+
             <div class="card" onclick="window.open('https://2019.igem.org/Team:SZU-China/Iteration')">
−
                <button type="button" class="btn btn-default"
+
                 <img  class="cardimg" src="https://2019.igem.org/wiki/images/4/4e/T--SZU-CHINA--index_logo-13.png" alt=""/>
−
                        data-dismiss="modal">Close
+
−
                </button>
+
−
 
+
−
            </div>
+
−
        </div><!-- /.modal-content -->
+
−
    </div><!-- /.modal-dialog -->
+
−
 
+
−
</div><!-- /.modal -->
+
−
<div class="modal fade" id="myModal13" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+
−
    <div class="modal-dialog">
+
−
 
+
−
        <div class="modal-content">
+
−
            <div class="modal-header">
+
−
                 <button type="button" class="close" data-dismiss="modal"
+
−
                        aria-hidden="true">×
+
−
                </button>
+
−
                <h3 class="modal-title" >
+
−
                    Fairylake Botanical Garden （August）
+
−
                </h3>
+
−
            </div>
+
−
            <div class="modal-body">
+
−
 
+
−
                <div >
+
−
                    <h3>Description:</h3>
+
−
                    <p>Established in 1983, Fairylake Botanical Garden is located in Luohu, Shenzhen. It is a multi-functional landscape garden integrating plant scientific research, rare species preservation, education and sightseeing. The Botanical Garden is also the only professional institution in Shenzhen that conducts basic research in botany and conducts research on the conservation and utilization of plant diversity.</p>
+
−
                    <h3>Input:</h3>
+
−
                    <p>Promised us a test field for future experiment</p>
+
−
                    <h3>Alteration:</h3>
+
−
                    <p>Got the information of the existing chemical herbicides, so that we can compare the effects of the products.</p>
+
−
                </div>
+
−
 
+
  
 
                 <div>
 
                 <div>
−
                     <img style="width: 100%" src="https://2019.igem.org/wiki/images/1/18/T--SZU-CHINA--IHP_4_2.jpg" alt="" data-action="zoom">
+
                     <h3 class="cardheadline">Iteration</h3>
 +
                    <span class="cardtext">Find out how we decided to use the third generation as the final RNAi-based herbicide</span>
 
                 </div>
 
                 </div>
  
 
             </div>
 
             </div>
−
             <div class="modal-footer">
+
             <div class="card" onclick="window.open('https://2019.igem.org/Team:SZU-China/Model')">
−
                 <button type="button" class="btn btn-default"
+
                 <img  class="cardimg" src="https://2019.igem.org/wiki/images/a/ad/T--SZU-CHINA--index_logo-14.png" alt=""/>
−
                        data-dismiss="modal">Close
+
−
                </button>
+
  
 +
                <h3 class="cardheadline">Model</h3>
 +
                <span class="cardtext">Do you want to see how fast <span class="myitalic">M. micrantha</span> grows without control and how efficient Micrancide is?</span>
 
             </div>
 
             </div>
−
        </div><!-- /.modal-content -->
 
−
    </div><!-- /.modal-dialog -->
 
  
−
</div><!-- /.modal -->
+
        </div>
−
<div class="modal fade" id="myModal14" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+
     </div>
−
     <div class="modal-dialog">
+
  
−
         <div class="modal-content">
+
    <button class="longbutton" onclick="window.open('https://2019.igem.org/Team:SZU-China/Description')">
−
             <div class="modal-header">
+
         <h1 class="longbuttonh1">
−
                <button type="button" class="close" data-dismiss="modal"
+
            Ready for our project?
−
                        aria-hidden="true">×
+
        </h1>
−
                </button>
+
        <h2 class="longbuttonh2">
−
                <h3 class="modal-title" >
+
            Let's get started!
−
                    Dr. Shouzhou Zhang （August）
+
        </h2>
−
                </h3>
+
    </button>
−
            </div>
+
    <div class="footerend">
−
            <div class="modal-body">
+
        <div class="it1 "><img class="itemImg" src="https://2019.igem.org/wiki/images/d/da/T--SZU-CHINA--szuchina.png"></div>
 +
        <div class="it2"><h3 class="itemText" style="font-family: LatoMe,Helvetica; color: #222222; font-size: 18px;vertical-align: middle;line-height: 50px">
 +
             CONTACT US igem.szu@gamil.com
 +
        </h3></div>
 +
        <div class="it3"><img  src="https://2019.igem.org/wiki/images/f/f0/T--SZU-CHINA--sponsor-03.jpg" alt=""></div>
 +
        <!--<div class="it3 item"><img class="itemImg" src="https://2019.igem.org/wiki/images/d/d4/T&#45;&#45;SZU-CHINA&#45;&#45;szu.png"></div>-->
 +
        <!--<div class="it4 item"><img class="itemImg" src="https://2019.igem.org/wiki/images/d/de/T&#45;&#45;SZU-CHINA&#45;&#45;guojijiaoliu.png"></div>-->
 +
        <!--<div class="it5 item"><img class="itemImg" src="https://2019.igem.org/wiki/images/e/ef/T&#45;&#45;SZU-CHINA&#45;&#45;xiaoyouhui.png"></div>-->
 +
        <div class="it6 "><img src="https://2019.igem.org/wiki/images/8/89/T--SZU-CHINA--shuxian.png" style="height: 200px;"></div>
 +
        <div class="it7 "><img class="" src="https://2019.igem.org/wiki/images/8/89/T--SZU-CHINA--hengxian.png"></div>
 +
        <!--<div class="it8 item"><img class="itemImg" src="https://2019.igem.org/wiki/images/8/83/T&#45;&#45;SZU-CHINA&#45;&#45;jiaowuchu.png"></div>-->
 +
        <!--<div class="it9 item"><img class="itemImg" src="https://2019.igem.org/wiki/images/5/5a/T&#45;&#45;SZU-CHINA&#45;&#45;zhengzhong.png"></div>-->
 +
        <!--<div class="it10 item"><img class="itemImg" src="https://2019.igem.org/wiki/images/a/a2/T&#45;&#45;SZU-CHINA&#45;&#45;smhy.png"></div>-->
 +
        <div class="it11">
 +
            <h3 style="text-align: center;justify-items: center; font-family: LatoMe,Helvetica; color: #222222; font-size: 20px;">
 +
                © 2019 Copyright: SZU-China
 +
            </h3>
 +
        </div>
  
−
                <div >
 
−
                    <h3>Description:</h3>
 
−
                    <p>Botanist, deputy director of Fairylake Botanical Garden, secretary of the institute academic committee. He has a very deep understanding of the invasion of Mikania micrantha in Shenzhen, and has repeatedly presided over the removel of Mikania micrantha in the Botanical Garden. </p>
 
−
                    <h3>Input:</h3>
 
−
                    <p>The history of Mikania micrantha invading Shenzhen, including invasive land, invasion time, diffusion speed, and historical maximum diffusion area</p>
 
−
                    <p>Provided the botanical characteristics of Mikania micrantha</p>
 
−
                    <p>Provided the damage of Mikania micrantha on the green space in Shenzhen (especially the destruction of the botanical garden)</p>
 
−
                    <p>He suggested that we should develop our herbicide target to its rapid growth.</p>
 
−
                    <h3>Alteration:</h3>
 
−
                    <p>Expanded our knowledge of Mikania micrantha</p>
 
−
                    <p>Provided a lot of useful information about the expansion of Mikania</p>
 
−
                    <p>We re-screened the essential metabolism related gene from the transcript of M. micrantha.
 
−
                        For a detailed interview, please see:</p>
 
  
  
−
                </div>
 
  
 +
        <!--<img class="footimg1" src="./img/index/szuchina.png">-->
 +
        <!--<h3 style="font-family: LatoMe,Helvetica; color: #222222; font-size: 18px;">-->
 +
        <!--CONTACT US igem.szu@gamil.com-->
 +
        <!--</h3>-->
 +
        <!--<div class="item logoItem"></div>-->
 +
        <!--<div class="footercontainer">-->
 +
        <!--<img src="./img/index/szu.png">-->
 +
        <!--<img src="./img/index/software-bitmap-1@2x的副本.png">-->
 +
        <!--<img src="./img/index/xiaoyouhui.png">-->
 +
        <!--<img src="./img/index/zhengzhong.png">-->
 +
        <!--<img src="./img/index/guojijioliu.png">-->
 +
        <!--<img src="./img/index/shegminghaiyang.png">-->
 +
        <!--</div>-->
 +
        <!--<img src="./img/index/hengxian.png">-->
 +
        <!--<h3 style="font-family: LatoMe,Helvetica; color: #222222; font-size: 20px;">-->
 +
        <!--© 2019 Copyright: SZU-China-->
 +
        <!--</h3>-->
 +
    </div>
  
 +
</div>
  
−
            </div>
 
−
            <div class="modal-footer">
 
−
                <button type="button" class="btn btn-default"
 
−
                        data-dismiss="modal">Close
 
−
                </button>
 
−
 
−
            </div>
 
−
        </div><!-- /.modal-content -->
 
−
    </div><!-- /.modal-dialog -->
 
−
 
−
</div><!-- /.modal -->
 
−
 
−
<div class="modal fade" id="myModalSecond" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
−
    <div class="modal-dialog">
 
−
 
−
        <div class="modal-content">
 
−
            <div class="modal-header">
 
−
                <button type="button" class="close" data-dismiss="modal"
 
−
                        aria-hidden="true">×
 
−
                </button>
 
−
                <h3 class="modal-title" >
 
−
                    The second generation：RNAi nanoparticle
 
−
                </h3>
 
−
            </div>
 
−
            <div class="modal-body">
 
−
 
−
                <div >
 
−
 
−
                    <p>We developed a second-generation product, RNAi nanoparticle, based on the target genes we selected of the first generation. This self-assembled nanoparticle consisting of about half-million small fragment siRNA can be transcribed outside the organism and mass produced. It seems that this time we have found an excellent solution.</p>
 
−
                    <p>However, during the CCIC meetup, our product was pointed out to have a fatal flaw: price. Due to the need of expensive T7 RNA polymerase during the rolling circle transcription, the final price of our products remains unacceptable high and there is no market competitiveness.</p>
 
−
                    <p>Because of this, we decided to transfer the production of RNAi molecules to genetically modified E. coli.</p>
 
−
                </div>
 
−
 
−
 
−
 
−
            </div>
 
−
            <div class="modal-footer">
 
−
                <button type="button" class="btn btn-default"
 
−
                        data-dismiss="modal">Close
 
−
                </button>
 
−
 
−
            </div>
 
−
        </div><!-- /.modal-content -->
 
−
    </div><!-- /.modal-dialog -->
 
−
 
−
</div><!-- /.modal -->
 
−
<div class="modal fade" id="myModal15" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
−
    <div class="modal-dialog">
 
−
 
−
        <div class="modal-content">
 
−
            <div class="modal-header">
 
−
                <button type="button" class="close" data-dismiss="modal"
 
−
                        aria-hidden="true">×
 
−
                </button>
 
−
                <h3 class="modal-title" >
 
−
                    Dr. Fangfang Xu (August)
 
−
                </h3>
 
−
            </div>
 
−
            <div class="modal-body">
 
−
 
−
                <div >
 
−
                    <h3>Description:</h3>
 
−
                    <p>Dr. Fangfang Xu is a microbiology teacher at Shenzhen University, studies algae and microbes.</p>
 
−
                    <h3>Input:</h3>
 
−
                    <p>She suggested that we could synthesize the RNAi nanoparticles in vivo by inducing the bacteria to produce T4 DNA ligase and T7 RNA polymerase.</p>
 
−
                    <h3>Alteration:</h3>
 
−
                    <p>The efficiency of synthesize RNAi nanoparticle in E. coli was unpredictable, but this idea inspired us to carry out further synthesis experiments on engineering bacteria.</p>
 
−
                </div>
 
−
 
−
 
−
            </div>
 
−
            <div class="modal-footer">
 
−
                <button type="button" class="btn btn-default"
 
−
                        data-dismiss="modal">Close
 
−
                </button>
 
−
 
−
            </div>
 
−
        </div><!-- /.modal-content -->
 
−
    </div><!-- /.modal-dialog -->
 
−
 
−
</div><!-- /.modal -->
 
−
<div class="modal fade" id="myModal16" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
−
    <div class="modal-dialog">
 
−
 
−
        <div class="modal-content">
 
−
            <div class="modal-header">
 
−
                <button type="button" class="close" data-dismiss="modal"
 
−
                        aria-hidden="true">×
 
−
                </button>
 
−
                <h3 class="modal-title" >
 
−
                    Dr. Boxiang Wang （August）
 
−
                </h3>
 
−
            </div>
 
−
            <div class="modal-body">
 
−
 
−
                <div >
 
−
                    <h3>Description:</h3>
 
−
                    <p>Biologist, PI of iGEM team Great Bay China, has many years of experience in synthetic biology research and development. We had a discussion with him on small RNA and biological data modeling.</p>
 
−
                    <h3>Input:</h3>
 
−
                    <p>Introduced the synergy between different RNAi molecules</p>
 
−
                    <p>Suggested us to construct the model of the leaves etiolation to characterize the gene expression level.</p>
 
−
                    <p>He mentioned some studies have shown that small RNA molecules can be more stable to exist and easy to be absorbed</p>
 
−
                    <h3>Alteration:</h3>
 
−
                    <p>Applying multiple different RNAi molecules to Mikania micrantha (inspired by Cocktail therapy)</p>
 
−
                    <p>Designed the related program on scanning the etiolation of leaves, as well as the basic plan on building the related model.</p>
 
−
                </div>
 
−
 
−
 
−
 
−
                <div>
 
−
                    <img style="width: 100%" src="https://2019.igem.org/wiki/images/6/6e/T--SZU-CHINA--IHP_5.jpg" alt="" data-action="zoom">
 
−
                </div>
 
−
 
−
            </div>
 
−
            <div class="modal-footer">
 
−
                <button type="button" class="btn btn-default"
 
−
                        data-dismiss="modal">Close
 
−
                </button>
 
−
 
−
            </div>
 
−
        </div><!-- /.modal-content -->
 
−
    </div><!-- /.modal-dialog -->
 
−
 
−
</div><!-- /.modal -->
 
−
<div class="modal fade" id="myModal17" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
−
    <div class="modal-dialog">
 
−
 
−
        <div class="modal-content">
 
−
            <div class="modal-header">
 
−
                <button type="button" class="close" data-dismiss="modal"
 
−
                        aria-hidden="true">×
 
−
                </button>
 
−
                <h3 class="modal-title" >
 
−
                    Mr. Zhiqiang Xie （August）
 
−
                </h3>
 
−
            </div>
 
−
            <div class="modal-body">
 
−
 
−
                <div >
 
−
                    <h3>Description:</h3>
 
−
                    <p>CEO of Cloudroom Technology Co., Ltd. The company specializes in real-time video conferencing and visual recognition. They have extensive experience in SDK development and visual identification.</p>
 
−
                    <h3>Input:</h3>
 
−
                    <p>Introduced us the software development kit (SDK)</p>
 
−
                    <p>He recommended that we use SDK for drone development and helped us understand the functions of the various parts of the drone</p>
 
−
                    <p>Improved our recognition program</p>
 
−
                    <h3>Alteration:</h3>
 
−
                    <p>We decided to use the SDK to embed our recognition program on the existing drone instead of designing new drone</p>
 
−
                    <p>Started looking for potential partners to help us develop drones</p>
 
−
                </div>
 
−
 
−
 
−
                <div>
 
−
                    <img style="width: 100%" src="https://2019.igem.org/wiki/images/1/13/T--SZU-CHINA--IHP_6.jpg" alt="" data-action="zoom">
 
−
                </div>
 
−
 
−
            </div>
 
−
            <div class="modal-footer">
 
−
                <button type="button" class="btn btn-default"
 
−
                        data-dismiss="modal">Close
 
−
                </button>
 
−
 
−
            </div>
 
−
        </div><!-- /.modal-content -->
 
−
    </div><!-- /.modal-dialog -->
 
−
 
−
</div><!-- /.modal -->
 
−
<div class="modal fade" id="myModal18" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
−
    <div class="modal-dialog">
 
−
 
−
        <div class="modal-content">
 
−
            <div class="modal-header">
 
−
                <button type="button" class="close" data-dismiss="modal"
 
−
                        aria-hidden="true">×
 
−
                </button>
 
−
                <h3 class="modal-title" >
 
−
                    RobotPilot （August）
 
−
                </h3>
 
−
            </div>
 
−
            <div class="modal-body">
 
−
 
−
                <div >
 
−
                    <h3>Description:</h3>
 
−
                    <p>The RobotPilots Robot Club of Shenzhen University is the first technical club of Shenzhen University to participate in robotics events. The club has won numerous awards in the China National Robotics Competition (RoboMaster). They have a lot of experience in the development of robots and drones, and also very interested in our project. Therefore, we worked together to develop the drone.</p>
 
−
                    <h3>Input:</h3>
 
−
                    <p>Provided DIY herbicide spray peripherals</p>
 
−
                    <p>Taught us to plant our identification and positioning program into the micro-computer of the drone.</p>
 
−
                    <p>Help us convert the signal of the recognition program into a spray instruction</p>
 
−
                    <p>Guide us to conduct flight tests of the drones</p>
 
−
                    <h3>Alteration:</h3>
 
−
                    <p>Guided us to complete the development of the drone</p>
 
−
                    <p>We decided our flight guidelines</p>
 
−
                </div>
 
−
 
−
 
−
                <div>
 
−
                    <img style="width: 100%" src="https://2019.igem.org/wiki/images/8/89/T--SZU-CHINA--IHP_7.jpg" alt="" data-action="zoom">
 
−
                    <img style="width: 100%" src="https://2019.igem.org/wiki/images/9/91/T--SZU-CHINA--IHP_8.jpg" alt="" data-action="zoom">
 
−
                </div>
 
−
 
−
            </div>
 
−
            <div class="modal-footer">
 
−
                <button type="button" class="btn btn-default"
 
−
                        data-dismiss="modal">Close
 
−
                </button>
 
−
 
−
            </div>
 
−
        </div><!-- /.modal-content -->
 
−
    </div><!-- /.modal-dialog -->
 
−
 
−
</div><!-- /.modal -->
 
−
<div class="modal fade" id="myModal19" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
−
    <div class="modal-dialog">
 
−
 
−
        <div class="modal-content">
 
−
            <div class="modal-header">
 
−
                <button type="button" class="close" data-dismiss="modal"
 
−
                        aria-hidden="true">×
 
−
                </button>
 
−
                <h3 class="modal-title" >
 
−
                    Dr. Bin Jia （September）
 
−
                </h3>
 
−
            </div>
 
−
            <div class="modal-body">
 
−
 
−
                <div >
 
−
                    <h3>Description:</h3>
 
−
                    <p>Dr. Bin Jia is an assistant professor at Shenzhen University, responsible for teaching fermentation engineering. He has extensive experience in microbial fermentation.</p>
 
−
                    <h3>Input:</h3>
 
−
                    <p>Shown us the production line of fermentation engineering</p>
 
−
                    <p>Introduced us about the principles and procedure of microbial fermentation</p>
 
−
                    <p>Introduced us about the separation method of nucleic acid products</p>
 
−
                    <h3>Alteration:</h3>
 
−
                    <p>Help us complete the design of the production line</p>
 
−
                </div>
 
−
 
−
 
−
                <div>
 
−
                    <img style="width: 100%" src="https://2019.igem.org/wiki/images/2/21/T--SZU-CHINA--IHP_9.jpg" alt="" data-action="zoom">
 
−
                    <img style="width: 100%" src="https://2019.igem.org/wiki/images/f/f1/T--SZU-CHINA--IHP_10.jpg" alt="" data-action="zoom">
 
−
                </div>
 
−
 
−
            </div>
 
−
            <div class="modal-footer">
 
−
                <button type="button" class="btn btn-default"
 
−
                        data-dismiss="modal">Close
 
−
                </button>
 
−
 
−
            </div>
 
−
        </div><!-- /.modal-content -->
 
−
    </div><!-- /.modal-dialog -->
 
−
 
−
</div><!-- /.modal -->
 
−
<div class="modal fade" id="myModal20" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
−
    <div class="modal-dialog">
 
−
 
−
        <div class="modal-content">
 
−
            <div class="modal-header">
 
−
                <button type="button" class="close" data-dismiss="modal"
 
−
                        aria-hidden="true">×
 
−
                </button>
 
−
                <h3 class="modal-title" >
 
−
                    Prof. Lijun Zhang （September）
 
−
                </h3>
 
−
            </div>
 
−
            <div class="modal-body">
 
−
 
−
                <div >
 
−
                    <h3>Description:</h3>
 
−
                    <p>Professor of Shenzhen Polytechnic College, engaged in teaching and research of molecular biology. She is also the PI of SZPT-China.</p>
 
−
 
−
                    <h3>Input:</h3>
 
−
                    <p>suggested us to use Northern Blot to detect the siRNA inside the plants.</p>
 
−
                    <h3>Alteration:</h3>
 
−
                    <p>We decided to use a variety of methods to detect siRNA in plants.</p>
 
−
                </div>
 
−
 
−
 
−
 
−
            </div>
 
−
            <div class="modal-footer">
 
−
                <button type="button" class="btn btn-default"
 
−
                        data-dismiss="modal">Close
 
−
                </button>
 
−
 
−
            </div>
 
−
        </div><!-- /.modal-content -->
 
−
    </div><!-- /.modal-dialog -->
 
−
 
−
</div><!-- /.modal -->
 
−
<div class="modal fade" id="myModal21" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
−
    <div class="modal-dialog">
 
−
 
−
        <div class="modal-content">
 
−
            <div class="modal-header">
 
−
                <button type="button" class="close" data-dismiss="modal"
 
−
                        aria-hidden="true">×
 
−
                </button>
 
−
                <h3 class="modal-title" >
 
−
                    Fight GREEN for More Green （September）
 
−
                </h3>
 
−
            </div>
 
−
            <div class="modal-body">
 
−
 
−
                <div >
 
−
                    <h3>Description:</h3>
 
−
                    <p>In order to help students on our school and citizens to better understand Mikania micrantha, we held a volunteer activity called “Fight GREEN for More Green ” on the Moon Ridge of Shenzhen University's Xili Campus. We led the spontaneous environmental volunteers to remove Mikania micrantha from the seriously affected orchard and taught them to use our applet to identify Mikania micrantha.</p>
 
−
                    <h3>Input:</h3>
 
−
                    <p>Left a lot of comments on our little program</p>
 
−
                    <p>Provided us with the effect of manually removing Mikania micrantha</p>
 
−
                    <h3>Alteration:</h3>
 
−
                    <p>They identified and located a large number of Mikania micrantha on campus, and created the Mikania micrantha distribution diagram on campus through the applet.</p>
 
−
                    <p>We conducted drone tests based on the distribution diagram they provided.</p>
 
−
                </div>
 
−
                <div>
 
−
                    <img style="width: 100%" src="https://2019.igem.org/wiki/images/7/77/T--SZU-CHINA--IHP_11.jpg" alt="" data-action="zoom">
 
−
                    <img style="width: 100%" src="https://2019.igem.org/wiki/images/f/f1/T--SZU-CHINA--IHP_12.jpg" alt="" data-action="zoom">
 
−
                    <img style="width: 100%" src="https://2019.igem.org/wiki/images/1/1e/T--SZU-CHINA--IHP_13.jpg" alt="" data-action="zoom">
 
−
                </div>
 
−
 
−
 
−
            </div>
 
−
            <div class="modal-footer">
 
−
                <button type="button" class="btn btn-default"
 
−
                        data-dismiss="modal">Close
 
−
                </button>
 
−
 
−
            </div>
 
−
        </div><!-- /.modal-content -->
 
−
    </div><!-- /.modal-dialog -->
 
  
−
</div><!-- /.modal -->
 
  
  
  
 +
<div></div>
 +
<!--<script rel="script" src="js/jquery.min.js"></script>-->
 +
<!--<script rel="script" src="js/jqeasing.js"></script>-->
 +
<!--<script rel="script" src="js/jquery.easy-ticker.js"></script>-->
 
<script>
 
<script>
  
 
     $( document ).ready( function() {
 
     $( document ).ready( function() {
−
 
+
        // $('textLoopDiv').easyTicker();
 
         // $('#mainContent #backgroundimg  .backgroundArrow').hover($('#mainContent #backgroundimg ').addClass('imgSlideDown'));
 
         // $('#mainContent #backgroundimg  .backgroundArrow').hover($('#mainContent #backgroundimg ').addClass('imgSlideDown'));
  
Line 2,090: Line 1,193:
 
             setTimeout(function(){$('.backgroundArrow').one('click',go)},1000)
 
             setTimeout(function(){$('.backgroundArrow').one('click',go)},1000)
 
         };
 
         };
−
        $(".trigger").click(function() {
 
−
            $(".littleMenu").toggleClass("active");
 
−
        });
 
−
 
−
        const win = $(window);
 
−
        const doc = $(document);
 
−
        const progressBar = $('progress');
 
−
        const progressLabel = $('.progress-label');
 
−
        const setValue = () => win.scrollTop();
 
−
        const setMax = () => doc.height() - win.height();
 
−
        const setPercent = () => Math.round(win.scrollTop() / (doc.height() - win.height()) * 100);
 
−
 
−
        progressLabel.text(setPercent() + '%');
 
−
        progressBar.attr({ value: setValue(), max: setMax() });
 
−
 
−
        doc.on('scroll', () => {
 
−
            progressLabel.text(setPercent() + '%');
 
−
            progressBar.attr({ value: setValue() });
 
−
        });
 
−
 
−
        win.on('resize', () => {
 
−
            progressLabel.text(setPercent() + '%');
 
−
            progressBar.attr({ value: setValue(), max: setMax() });
 
−
        })
 
  
 
     });
 
     });
Line 2,119: Line 1,198:
 
<script id="maodianmenujs">
 
<script id="maodianmenujs">
 
     $( document ).ready( function() {
 
     $( document ).ready( function() {
 +
        // scrollTo('.sideMenu-links') ;
 +
 
         scrollTo();
 
         scrollTo();
 
         scrollToTop();
 
         scrollToTop();
 +
 
     });
 
     });
−
 
−
    $('#backToTopArrow').on('click',function () {
 
−
        $(' body, html ').animate( {scrollTop : 0}, 'slow' );
 
−
    })
 
−
    // $('#backToTopArrow').onclick(function () {
 
−
    //    $(' body, html ').animate( {scrollTop : 0}, 'slow' );
 
−
    // });
 
 
     function scrollTo () {
 
     function scrollTo () {
 
         $('.sideMenu a').click(function(e) {
 
         $('.sideMenu a').click(function(e) {
Line 2,135: Line 1,210:
 
             $(this).addClass('active');
 
             $(this).addClass('active');
 
             // $('.sideMenu').fadeIn(0.2);
 
             // $('.sideMenu').fadeIn(0.2);
−
             let distanceTopToSection = $( '#' +  $(this).data('target')).offset().top;
+
             var distanceTopToSection = $( '#' +  $(this).data('target')).offset().top;
  
 
             $( 'body, html' ).animate({scrollTop:distanceTopToSection }, 'slow');
 
             $( 'body, html' ).animate({scrollTop:distanceTopToSection }, 'slow');
Line 2,143: Line 1,218:
  
 
     function scrollToTop () {
 
     function scrollToTop () {
−
         let backToTop = $('.backToTop');
+
         var backToTop = $('.backToTop');
−
         let showBackTotop = $(window).height();
+
         var showBackTotop = $(window).height();
 
         backToTop.hide();
 
         backToTop.hide();
  
−
         let children = $(".sideMenu li").children();
+
         var children = $(".sideMenu li").children();
−
         let tab = [];
+
         var tab = [];
−
         for (let i=0; i < children.length; i++) {
+
         for (var i=0; i < children.length; i++) {
 
             console.log(children[i]);
 
             console.log(children[i]);
−
             let child = children[i];
+
             var child = children[i];
−
             let ahref = $(child).attr('href');
+
             var ahref = $(child).attr('href');
 
             console.log(ahref);
 
             console.log(ahref);
 
             tab.push(ahref);
 
             tab.push(ahref);
Line 2,159: Line 1,234:
  
 
         $(window).scroll( function() {
 
         $(window).scroll( function() {
−
             let windowScrollTop = $(window).scrollTop();
+
             var windowScrollTop = $(window).scrollTop();
 
             if( windowScrollTop > showBackTotop  ) {
 
             if( windowScrollTop > showBackTotop  ) {
 
                 backToTop.fadeIn('slow');
 
                 backToTop.fadeIn('slow');
Line 2,166: Line 1,241:
 
             }
 
             }
  
−
             let windowHeight = $(window).height();
+
             var windowHeight = $(window).height();
−
             let docHeight = $(document).height();
+
             var docHeight = $(document).height();
−
 
+
−
            // for (let i=0; i < tab.length; i++) {
+
−
            //    let link = tab[i];
+
−
            //    let divPos = $(link).offset().top;
+
−
            //    let divHeight = $(link).height();
+
−
            //    if (windowScrollTop >= divPos && windowScrollTop < (divPos + divHeight)){
+
−
            //        $(".sideMenu a[href='" + link + "']").addClass("active");
+
−
            //    } else {
+
−
            //        $(".sideMenu a[href='" + link + "']").removeClass("active");
+
−
            //}
+
−
            //}
+
−
            for (let i=0; i < tab.length; i++) {
+
−
                let link = tab[i];
+
−
                let divPos = $(link).offset().top;
+
−
                let divHeight = $(link).height();
+
−
                let aTemp =0;
+
−
                let bTemp =0;
+
−
                if (windowScrollTop >= divPos){
+
−
                    aTemp =1;
+
−
                }else {
+
−
                    aTemp = 0;
+
−
                }
+
−
                if(windowScrollTop < (divPos + divHeight)){
+
−
                    bTemp =1;
+
−
                }else {
+
−
                    bTemp = 0;
+
−
                }
+
−
 
+
−
                // if ((windowScrollTop >= divPos)&&(windowScrollTop < (divPos + divHeight)))// something wrong
+
−
                if((aTemp+bTemp)>1)
+
−
                {
+
  
 +
            for (var i=0; i < tab.length; i++) {
 +
                var link = tab[i];
 +
                var divPos = $(link).offset().top;
 +
                var divHeight = $(link).height();
 +
                if (windowScrollTop >= divPos && windowScrollTop < (divPos + divHeight)) {
 
                     $(".sideMenu a[href='" + link + "']").addClass("active");
 
                     $(".sideMenu a[href='" + link + "']").addClass("active");
−
                 }
+
                 } else {
−
                else
+
−
                {
+
 
                     $(".sideMenu a[href='" + link + "']").removeClass("active");
 
                     $(".sideMenu a[href='" + link + "']").removeClass("active");
 
                 }
 
                 }
Line 2,210: Line 1,257:
 
             if(windowScrollTop + windowHeight == docHeight) {
 
             if(windowScrollTop + windowHeight == docHeight) {
 
                 if (!$(".sideMenu li:last-child a").hasClass("active")) {
 
                 if (!$(".sideMenu li:last-child a").hasClass("active")) {
−
                     let navActive = $(".active").attr("href");
+
                     var navActive = $(".active").attr("href");
 
                     $(".sideMenu a[href='" + navActive + "']").removeClass("active");
 
                     $(".sideMenu a[href='" + navActive + "']").removeClass("active");
 
                     $(".sideMenu li:last-child a").addClass("active");
 
                     $(".sideMenu li:last-child a").addClass("active");
Line 2,225: Line 1,272:
 
     }
 
     }
 
</script>
 
</script>
−
<!--<script src='./js/jquery-2.2.4.min.js'></script>-->
+
<script src="https://2019.igem.org/Template:SZU-China/jq331slimjs?action=raw&ctype=text/javascript"></script>
−
<script id="para scroll">
+
<script src="https://2019.igem.org/Template:SZU-China/jqflipboxjs?action=raw&ctype=text/javascript"></script>
−
    $(function() {
+
<script>
−
        let controller = new ScrollMagic.Controller();
+
−
        let heroParallax = TweenMax.to($(".background-wrap .bg"), 1, {
+
−
            opacity: 0,
+
−
            scale: 1.5
+
−
        });
+
  
−
        let heroScene = new ScrollMagic.Scene({
 
−
            triggerHook: 0,
 
−
            triggerElement: ".hero",
 
−
            duration: '150%'
 
−
        })
 
−
            .setTween(heroParallax)
 
−
            .addTo(controller);
 
  
−
        let heroTitle = new ScrollMagic.Scene({
+
    // Autoplay
−
            triggerHook: 0,
+
    $('#box4').flipbox({
−
            triggerElement: ".hero",
+
        vertical: false,
−
            duration: '150%'
+
        autoplay: true,
−
         })
+
        autoplayReverse: false,
−
            .setTween(TweenMax.to($(".hero h2"), 1, {
+
         autoplayWaitDuration: 2000,
−
                y: '200%',
+
        autoplayPauseOnHover: true
−
                opacity: 0
+
    });
−
            }))
+
−
            .addTo(controller);
+
  
−
        $(document).on("click", function() {
+
    // Mouse Enter Flip
−
            $(".fullscreen-menu").toggleClass("active");
+
    $('.grid .loopBox').each(function(index) {
 +
        $(this).flipbox({
 +
            vertical: Math.random() * 2 < 1
 
         });
 
         });
 +
    }).mouseenter(function() {
 +
        $(this).flipbox('next', Math.random() * 2 < 1);
 
     });
 
     });
−
</script>
 
−
<script id="mapPage">
 
−
    $( document ).ready( function() {
 
−
        //position on 1166px
 
−
        var defaultMaps = [
 
−
            [661,248,1026,353],
 
−
            [257,356,484,443],
 
−
            [653,460,898,558],
 
−
            [256,559,488,668],
 
−
            [666,712,980,793],
 
−
            [86,811,491,926],
 
−
            [177,953,998,1327],
 
−
            [664,1345,978,1465],
 
−
            [204,1458,490,1552],
 
−
            [658,1549,924,1656],
 
−
            [123,1652,488,1754],
 
−
            [660,1750,978,1863],
 
−
            [116,1860,489,1959],
 
−
            [657,1937,1096,2046],
 
−
 
−
            [154,2090,489,2192],
 
−
            [197,2234,965,2583],
 
−
            [647,2622,924,2724],
 
−
            [168,2756,478,2860],
 
−
            [640,2855,932,2967],
 
−
            [240,3021,477,3112],
 
−
            [641,3175,869,3276],
 
−
            [157,3295,476,3393],
 
−
            [638,3410,1090,3524],
 
−
 
−
            // 163,3299,479,3391
 
−
            //
 
−
            // 648,3414,1088,3521
 
−
            // 412,2176,692,2249
 
−
            // 641,3406,1085,3532
 
−
        ];
 
  
−
        var areas = document.querySelectorAll('area');
+
    // Dynamic content
−
         for (var m = 0; m < areas.length; m++) {
+
    $('#box5').flipbox();
−
             areas[m]
+
    var index = 0;
 +
    var lorem = 'lorem ipsum dolor sit amet'.split(' ');
 +
    setInterval(function() {
 +
         $('#box5').flipbox('replace', '<div class="side side1">' + (lorem[index % lorem.length]) + '</div>', 0);
 +
        $('#box5').flipbox('replace', '<div class="side side2">' + (lorem[index % lorem.length]) + '</div>', 1);
 +
        index++;
 +
        if (index % lorem.length === 0) {
 +
             $('#box5').flipbox('next');
 
         }
 
         }
−
        console.log(areas[0].coords);
+
    }, 500);
−
        console.log(areas.length);
+
−
        // 图片地址
+
−
        var img_url = '关于.png'
+
  
−
        // 创建对象
+
    // Clock
−
         var img = new Image()
+
    $('.clock .loopBox').flipbox({
 +
        vertical: true
 +
    });
 +
    function updateClock() {
 +
         var now = new Date();
 +
        var hours = now.getHours();
 +
        var minutes = now.getMinutes();
 +
        var seconds = now.getSeconds();
 +
        $('.clock .loopBox:eq(0)').flipbox('jump', Math.floor(hours / 10));
 +
        $('.clock .loopBox:eq(1)').flipbox('jump', hours % 10);
 +
        $('.clock .loopBox:eq(2)').flipbox('jump', Math.floor(minutes / 10));
 +
        $('.clock .loopBox:eq(3)').flipbox('jump', minutes % 10);
 +
        $('.clock .loopBox:eq(4)').flipbox('jump', Math.floor(seconds / 10));
 +
        $('.clock .loopBox:eq(5)').flipbox('jump', seconds % 10);
 +
    }
 +
    setInterval(updateClock, 1000);
 +
    updateClock();
  
−
        // 改变图片的src
+
    // Buttons
−
         img.src = 'https://2019.igem.org/wiki/images/1/1e/T--SZU-CHINA--hpPage2.jpg'
+
    $('button.prev').click(function() {
−
 
+
         $(this).closest('.loopBoxDiv').find('.loopBox').flipbox('prev', $(this).hasClass('reverse'));
−
        // 加载完成执行
+
    });
−
        img.onload = function(){
+
    $('button.next').click(function() {
−
            // 打印
+
        $(this).closest('.loopBoxDiv').find('.loopBox').flipbox('next', $(this).hasClass('reverse'));
−
            var cuWidth = parseInt($('#mapImg').css('width')) ;
+
    });
−
            console.log("cp:"+cuWidth);
+
    $('button.jump').click(function() {
−
            var cp = cuWidth / 1166 ;
+
        $(this).closest('.loopBoxDiv').find('.loopBox').flipbox('jump', $(this).data('index'), $(this).hasClass('reverse'));
−
            console.log("cp:"+cp);
+
    });
−
            console.log( img.width );
+
    $('button.config').click(function() {
−
            for (var i = 0; i < defaultMaps.length; i++) {
+
        $(this).closest('.loopBoxDiv').find('.loopBox')
−
                for (var n = 0; n < defaultMaps[i].length; n++) {
+
            .flipbox({
−
                    console.log(defaultMaps[i][n]);
+
                 animationDuration: $(this).data('duration'),
−
                    defaultMaps[i][n] = defaultMaps[i][n] * cp;
+
                animationEasing: $(this).data('easing')
−
                    console.log(defaultMaps[i][n]);
+
             })
−
 
+
            .flipbox('next');
−
                }
+
     });
−
                 areas[i].setAttribute('coords',defaultMaps[i]);
+
−
             }
+
−
 
+
−
        };
+
−
     })
+
 
</script>
 
</script>
−
 
−
<script src='https://2019.igem.org/Template:SZU-China/TweenMaxminjs?action=raw&ctype=text/javascript'></script>
 
−
<script src='https://2019.igem.org/Template:SZU-China/ScrollMagicminjs?action=raw&ctype=text/javascript'></script>
 
−
<script src='https://2019.igem.org/Template:SZU-China/debugaddIndicatorsminjs?action=raw&ctype=text/javascript'></script>
 
−
<script src='https://2019.igem.org/Template:SZU-China/animationgsapminjs?action=raw&ctype=text/javascript'></script>
 
−
<!--<script src="js/jquery-2.2.4.min.js"></script>-->
 
−
<!--<script src="js/bootstrap.min.js"></script>-->
 
−
<!--<script type="text/javascript" src="js/zooming.js"></script>-->
 
−
 
−
</div>
 
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 14:39, 19 October 2019

HOME
TEAM
Team Members
Collaborations
PROJECT
Description
Design
Experiments
Notebook
Contribution
Results
Demonstrate
Improve
Attributions
PARTS
Parts Overview
Basic Parts
Composite Parts
Part Collection
SAFETY
HUMAN PRACTICES
Human Practices
Education & Engagement
AWARDS
Entrepreneurship
Hardware
Measurement
Model
Plant
Software
JUDGING FORM ⇗

index

Micrancide

An RNAi-based herbicide for
Mikania micrantha

Fight GREEN

for More Green

Description

Mikania micrantha Kunth is one of the most destructive invasive species in the world. It was introduced into China in the early 20th century, leading to great destruction of local environment. However, at present, the major approach for controlling Mikania micrantha Kunth is still chemical herbicide spray, which is associated with significant hazards to crops and environment. RNA interference (RNAi) is a conserved mechanism in eukaryotic organisms, in which sequence specific gene silencing is triggered by the introduction of dsRNA. In this project, we used RNAi technology to silence the genes encoding proteins with essential functions to induce mortality in Mikania micrantha Kunth through topical application of E.Coli expressed RNAi molecules. In the meantime, we have developed a synthetic kit that can be used to synthesize RNAi nanoparticles of different sizes, and a siRNA sifting program for other researchers to select RNAi molecules for their specific purpose.

Human Practices

We are calling for everyone to
support the Real Green.

Fight GREEN for More Green .

Experiment

Design

Come and see how we made possible the manufacturing of Micrancide as well as the Application

Software

Here is the siRNA sifting program for other researchers to select RNAi molecules for their specific purpose.

Iteration

Find out how we decided to use the third generation as the final RNAi-based herbicide

Model

Do you want to see how fast M. micrantha grows without control and how efficient Micrancide is?

CONTACT US igem.szu@gamil.com

© 2019 Copyright: SZU-China