/* CSS Document */
@font-face {
  font-family: 'britani';
  /*字体名称*/
  src: url("cited-fonts/britanic.ttf");
  /*字体源文件*/
}
@font-face {
  font-family: 'colony';
  /*字体名称*/
  src: url("cited-fonts/colony.ttf");
  /*字体源文件*/
}
@font-face {
  font-family: 'times';
  /*字体名称*/
  src: url("cited-fonts/TIMES.TTF");
  /*字体源文件*/
}
@font-face {
  font-family: 'brandish';
  /*字体名称*/
  src: url("cited-fonts/brandish.ttf");
  /*字体源文件*/
}
@font-face {
  font-family: 'harlow';
  /*字体名称*/
  src: url("cited-fonts/harlow.TTF");
  /*字体源文件*/
}
@font-face {
  font-family: 'roboto';
  /*字体名称*/
  src: url("cited-fonts/roboto.TTF");
  /*字体源文件*/
}
@font-face {
  font-family: 'liku';
  /*字体名称*/
  src: url("cited-fonts/liku.OTF");
  /*字体源文件*/
}



@font-face {
  font-family: 'hello1';
  /*字体名称*/
  src: url("cited-fonts/hello1.woff2");
}

@font-face {
  font-family: 'hello2';
  /*字体名称*/
  src: url("cited-fonts/hello2.woff");
}

@font-face {
  font-family: 'hello3';
  /*字体名称*/
  src: url("cited-fonts/hello3.woff");
}

@font-face {
  font-family: 'ebrima';
  /*字体名称*/
  src: url("cited-fonts/ebrima.tff");
}

@font-face {
  font-family: 'corbell';
  /*字体名称*/
  src: url("cited-fonts/corbell.tff");
}

@font-face {
  font-family: 'eras';
  /*字体名称*/
  src: url("cited-fonts/eras_md.ttf");
}

@font-face {
  font-family: 'zelda';
  src: url("cited-fonts/zelda.ttf");
  /*字体源文件*/
}

@font-face {
  font-family: 'verlag';
  src: url("cited-fonts/verlag.otf");
}

@font-face {
  font-family: 'frabk';
  src: url("cited-fonts/FRABK.TTK");
}

@font-face {
  font-family: 'inkfree';
  src: url("cited-fonts/INKFREE.TTF");
}

@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}




* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  word-wrap: break-word;
}



.border-come {
  /*border:3px dashed red;*/
}

.border-come2 {
  /*border:2px double green;*/
}

.border-come3 {
  /*border: 5px solid rgba(76,251,83,1.00);*/
}

.border-come4 {
  /*border: 3px dotted yellow;*/
}

.border-come5 {
  /*border-width: 3px;
    border-style: dotted;
    border-color: darkgoldenrod;*/
}

.border-come6 {
  /*border-width: 3px;
    border-style: dotted;
    border-color: darkgoldenrod;*/
}

.border-come7 {
  /*border:3px dashed red;*/
}

a:-webkit-any-link {
  color: inherit;
  cursor: pointer;
}

#nav {
  position: fixed;
  height: 50px;
  width: 100%;
}

/*
ul:hover{
    background-color: red;
}
*/
.nav_inner {
  /*border-left:6px solid #2196F3;background-color: #ddffff;*/
  opacity: 90%;
  border-color: crimson;
  margin: 2px 2px 2px 2px;
  padding: 2px 2px 2px 2px;
}

.toggle {
  float: left;
  background-color: aqua;
}

.menu {}

.toggle_lines {
  width: 15px;
}

.line {}

.menu {
  background-color: #333;
}

a:link {
  color: inherit;
}

a:visited {
  color: inherit;
}

a:hover {
  color: inherit;
}

a:active {
  color: inherit;
}

.menu_ul {
  background-color: antiquewhite;
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: block;
}

.menu_li {
  float: left;
  padding-top: 16px;
  padding-right: 18px;
}

.dropMenu {}

/*
.menu_li:hover .submenu{
    background-color: red;
    display: block;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    position: relative;
    overflow: auto;
}*/
.submenu {
  display: none;
  list-style-type: none;
}

.submenu_li {
  margin-left: 0;
  padding-left: 0;
}

.opening_pic {
  width: 100%;
}

.spImg {
  top: 0px;
  opacity: 1;
  width: 30%;
  display: table;
}

.home_sponsor {
  height: 4vw;
  max-height: 12vh;
  font-family: 'britani';
  font-weight: 300;
  font-size: 3vw;
  padding: 0;
  margin: 1vw;
  position: relative;
  border-radius: 10px;
  min-height: 4vw;
  color: rgba(6, 34, 82, 1);
}

#sponsor {
  text-align: center;
  width: 80%;
  /*max-height: 40vh;*/
  margin-top: 20px;
  margin-left: 10%;
  border-radius: 15px;
  margin-bottom: 5vw;
}

.sponsor_icons img {
  width: 100%;
}


.sponsor_icons {
  width: 100%;
  margin-bottom: 4vh;
}

.sponsor_icons a {
  position: relative;
  width: 100%;
  height: 100%;
}

#contactUs {
  /*background-color:   #212529;*/
  color: azure;
  width: 100%;
  max-height: 35vh;
  height: 20%;
  font-size: 1.4vw;
  display: flex;
  /*align-items: center;*/
}

.cuCol {
  text-align: left;
  margin: 0.5vw;
  margin-bottom: 1.5vw;
}

nav {
  /*border: 3px solid #161;*/
  background-color: azure;
  width: 100%;
  height: 50px;
  position: fixed;

  top: 40px;
  z-index: 520;
  /*border-radius: 15px;*/
  background-color: transparent;
}

.dropdown:hover .dropdowncontent {
  display: block;
  top: 31px;
}

.dropdowncontent {
  cursor: pointer;
  position: absolute;
  background-color: beige;
  text-indent: 1em;
  z-index: 250;
  box-shadow: 0px 8px 16px 5px rgb(0 0 0 / 20%);
  top: 50px;
  margin-left: 0;
  border-top-color: transparent;
  color: #222222;
  display: none;
}

nav ul,li {
  list-style-type: none;
}

.dropdowncontent a {
  display: list-item;
}

.poster_homePage {
  text-align: center;
}

.homePage_intro {
  margin: 10vh auto;
  /*border: 3px dashed red;*/
  max-width: 80%;
  min-width: 50vmax;
  /*height:3000px;*/
  border-radius: 15px;
  background-color: #2e323e;
  border-radius: 15px;
  display: block;
}

.home_intro_heading {
  height: 100px;
  font-family: 'britani';
  color: #7298ff;
  font-size: 3vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.homePage_intro_context {
  position: relative;
  border: 1px dashed red;
  border-radius: 12px;
  width: 80%;
  height: 700px;
  margin-left: 10%;
  background-color: #3a3f4f;
}

.homePage_PV_heading {
  text-align: center;
  margin-top: 10vh;
  margin-bottom: 2vh;
}

.homePage_PV {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 6vh;
}

.homePage_PV_video {
  /*border:3px dashed yellow;*/
  /*width:80%;*/
  /*width="560" height="315"*/
}

.teamBadge {
  /*position:relative;
    float: right;
    width:15%;
    margin-top:5%;
    margin-right:10px;
    overflow: visible;*/
  margin-top: 4vh;
}

nav a {
  vertical-align: middle;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
}

nav ul li {}

.dropdowncontent:hover {
  display: block;
}

.dropdown:hover .dropdowncontent>a:hover {
  background-color: rgb(42, 150, 97);
  transition: background-color 2s;
  color: beige;
  transition: color 1s;
}

.dropdown:hover>a {
  background-color: coral;
  /*border:2px solid black;*/
  border-radius: 5px;
}

nav ul {
  margin-top: 0;
  height: 60px;
  width: 98%;
}

.dropdown {
  position: absolute;
  height: 50px;
  /*border-right-width: 2px;
    border-right-style: dotted;
    border-right-color: black;
    margin-left: 1%;*/
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 10px;
  font-size: 1vw;
}

.dropdown>a {
  position: relative;
}

.dropdowncontent>a {
  text-align: left;
  margin-right: 0.5em;
}

.globalWapper_Team_page {
  position: relative;
  width: 100%;
  height: 3000px;
}

.slogan {}

.slogan1 {
  text-align: center;
}

.text-center {
  text-align: center;
  vertical-align: middle;
}

.blank_for_menu {
  /*height: 130px;*/
  /*border:3px dashed red;*/

  /*position: relative;
    top:-30vw;
    left:-30vw;*/
    /*border-bottom: 6px solid rgb(44, 132, 3);*/
}

.margin_10px {
  margin: 10px;
}

.center_round60 {
  width: 60%;
  margin-left: 20%;
}

.profile-card {}

.card {
  /*position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;*/
  background-color: rgba(255, 255, 255, .3);

  /*box-shadow: rgb(0 0 0 / 20%) 0 0 10px;*/
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(3px);
  transition: color .25s, background-color .25s, box-shadow .25s, left .25s, opacity .25s, top .25s, width .25s;

  transition: background-color 2s;
}

.width_30percent {}

.squeeze-in-a-line {}

.height_the_same {}

.padding1 {}

.homePage_clue {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;

  width: 100%;
  height: 100vh;
}

.font_demo1 {
  font-family: "britanic", sans-serif;
}

.sponsor_icons_row1 {
  background-color: antiquewhite;
  background-color: transparent;
  width: 99%;
  height: 9vw;
  margin-top: 10px;
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: 33.3% 33.3% 33.3%;
}

.each_icon {
  position: relative;
  left: 0;
  right: 0;
  /*border:10px solid rgb(219,219,219);*/
  margin: auto;
  padding: 3vw;
}

.img_fit_container {
  width: 100%;
  left: 0;
  right: 0;
  margin: auto;
}

.fit_container_left-right {
  height: 90%;
  position: relative;
  top: 0;
  bottom: 0;
  margin: auto;
}

.fit_container_round {
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.globalWapper_team {
  width: 100%;
}

.height_20percent {
  height: 20%;
}

.nameCard_row {
  background-color: aqua;
  width: 99%;
  height: 800px;
  margin-top: 10px;
  display: grid;
  grid-template-rows: 100%;
  grid-template-columns: 33.3% 33.3% 33.3%;
}

.team-members-nameCard {
  height: 2000px;
}

.nameCard_eachone {
  padding: 10px;
  margin: 5%;
}

.table {
  /*border:1px solid grey;*/
  text-align: center;
  border-collapse: collapse;
}

td {
  border-collapse: collapse;
  border: 1px solid #ccc;
}

.mentor_helps {
  width: 100%;
  height: 600px;
}

.special_thx_name {
  margin-left: 10%;
}

.special_thx_detail {
  margin-left: 10%;
  font-family: "Arial", Helvetica, sans-serif;
  margin-top: -10px;
}

.attributes_table {
  width: 75%;
  height: 500px;
  border-collapse: collapse;
}

.globalWapper_description_page {
  height: 3000px;
}

.super-links {
  width: 17vw;
  /*height:300px;*/
  position: relative;
  top: 18%;
  left: 1vw;
  /*background-image: url("related-resources/bookmark_bg.png");
    background-repeat: no-repeat;*/
  font-family: "britani", 'brabk', 'inkfree', "eras";
}

.context_wapper {
  width: 70vw;
  margin-left: 5vw;
  position: relative;
  /*margin-bottom: 100px;*/
    background-color: rgba(240, 255, 233, 1);
}

.description-tag:hover {
  /*background-color: coral;
  color: white;*/
  /* -webkit-transform:scale(0.8);
    -webkit-box-shadow:0px 0px 30px #ccc;
    -moz-transform:scale(0.8);
    -moz-box-shadow:0px 0px 30px #ccc;    
    -o-transform:scale(0.8);
    -o-box-shadow:0px 0px 30px #ccc; */
  font-weight: 800;

  font-size: calc(10px + 0.8vw);
  border-radius: 1rem;
  vertical-align: middle;
  left: 0;
  right: 0;
  text-indent: 1em;
  /*text-align: center;*/
}

.globalWapper_description_page {}

.description_context {
  /*height: 6000px;*/
}

.padding_round {
  padding: 10px;
}

.super-links-bar {
  font-size: 1vw;
  padding-inline-start: 0px;
}

.tag-active {
  font-weight: 800 !important;
  border-radius: 1rem;
}

.text-center-vertical-middle-design {
  text-align: left;
  line-height: 4vh;
  vertical-align: middle;
}

.description-tag {
  margin-top: 10px;
  margin-top: 1vw;
  margin-bottom: 1vw;
  /*height:4vh;*/
  margin-left: 1.5vw;
  margin-right: 1.5vw;
  font-weight: 500;
  text-decoration: none;
  overflow: hidden;
  color: black;
}

a {
  text-decoration: none;
}

.container-fluid {}

.font-size-fit1 {
  font-size: 1.4vw;
  margin-bottom: 3px;
  padding-bottom: 5px;
}

.font-size-fit2 {
  font-size: 1vw;
  color: rgba(168, 168, 168, 1.00);
}

.text-overflow-hide {
  overflow: hidden;
}

.text-overflow-ellipsis {
  /* 2.超出的部分隐藏 */
  overflow: hidden;
  /* 3.文字用省略号替代超出的部分 */
  text-overflow: ellipsis;
}

.word-break {
  word-break: break-all;
  /* | normal  | keep-all;*/
}

a:link {
  color: inherit;
}

#contactUs div {
  overflow: hidden;
  word-break: normal;
}

.poster-video-background {
  /*min-height: 100%;
      min-width: 100%;*/
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
}

.darkmode-toggle {
  width: 10px;
  height: 10px;
  position: absolute;
  border: 0;
  background: 0;
  right: unset;
  left: 3vw;
  cursor: pointer;
  transition: all .5s ease;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  margin-top: 6px;
}

.darkmode-toggle--white {
  border: none;
  background: none;
}

.darkmode-position {
  margin-top: 20px;
}

.light {
  opacity: 1;
}

.dark {
  opacity: 0;
  position: absolute;
}

.reading_progress {
  width: 0;
  height: inherit;
  background: rgb(121, 119, 231);
  transition: background 2s;
  transition: width 1s ease-out 0s;
  /*background:linear-gradient(red 50%,green 50%) ;*/
  /*transition: width 1s cubic-bezier(0.1, 0.7, 1.0, 0.1) 0s;*/
}

/* 表示总长度背景色 */
/* progress::-webkit-progress-bar {
            background-color: lightsalmon;
        }*/
/* 表示已完成进度背景色 */
/*progress::-webkit-progress-value {
            background: lightskyblue;
        }*/
#reading_progress_container {
  width: 100%;
  position: relative;
  top: 0;
  height: 6px;
  /*background: #ddd;*/
  transition: background 2s;
}

.fit_width_100 {
  position: absolute;
  width: 100%;
}

.homePage_intro_background {
  background-color: #3a3f4f;
  margin-top: 40px;
  margin-left: 2vw;
  margin-right: 2vw;
  /*height: 700px;*/
  border-radius: 12px;
}

.home_intro_background_heading {
  text-align: center;
  margin-bottom: 10px;
  margin-top: 10px;
  font-family: 'britani';
  color: rgb(245, 143, 95);
  border-radius: 10px;
  display: flex;
  align-items: middle;
}

.homePage_details {
  /*background-image: url("related-resources/bg-repeat.jpg");
  background-repeat: repeat-y;*/
}

h2 {
  width: 100%;
}

h1 {
  width: 100%;
  text-align: center;
}

.col-1 {
  width: 50%;
  display: block;
}

.row {
  display: inline-flex;
}

.img-filled {
  width: 100%;
  height: 100%;
}

.col-2 {
  width: 50%;
  display: block;
}

.homePage_intro_more_details {
  background-color: #3a3f4f;
  margin-top: 10vh;
  margin-left: 2vw;
  margin-right: 2vw;
  /*height: 700px;*/
  border-radius: 12px;
}

.for-all-headings {
  width: 100%;
  text-align: center;
}

.home_pv_heading {
  margin-top: 0px;
  height: 150px;
  font-family: 'britani';
  color: #7298ff;
  font-size: 3vw;
  text-align: center;
}

.home_highlights {
  /*height: 600px;*/
  margin-top: 40px;
}

.home_highlights_content {
  /*height: 380px;*/
}

.home_highlights_header {
  font-family: "eras";
  color: #007bff;
  font-size: 3.5vw;
  /*height: 160px;*/
}

.for-all-paras {
  width: 100%;
}

.vertical-center {
  display: flex;
  align-items: column;
}

.margin_top_bottom_0 {
  margin: 0 auto 0 auto;
}

.display-none {
  display: none;
}

.nav-links {
  font-family: 'britani';
  color: azure;
  display: inline-block;
  align-items: column;

}

.arrow-rotate {
  display: inline-block;
  /*border-top: 5px solid;
    border-right: 5px solid;*/
  width: 1vw;
  max-width: 10px;
  max-height: 10px;
  height: 1vw;
  /*border-color: #EA6000;*/
  transform: rotate(-45deg);
  /*margin: 50px auto auto 100px;*/
  margin: 0 2px 0 0;
  transition: all 0.4s ease;
  -webkit-transition: all 0.5s ease;
}

footer {
  /*display: block;*/
}

.globalWapper_design_page {
  width: 100%;
  /*height: 7000px;*/
  margin-bottom: 100px;
}

.icon-text {
  font-family: "zelda";
  font-weight: 600;
  margin-left: 1vw;
}

.dropdown-for-icon {
  position: absolute;
  height: 50px;
  /*border-right-width: 2px;
    border-right-style: dotted;
    border-right-color: black;
    margin-left: 1%;*/
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 10px;
  font-size: 1vw;
}

.bookmark-title {
  font-weight: 700;
  /*color: snow;*/
  font-size: 3vw;
}

.description-tag:link {
  color: inherit;
}

.super-links-bar>a:link {
  color: inherit;
}

.icon {
  color: whitesmoke;
}

.description-tag li {
  height: 30px;
  margin: 0;
  color: rgba(168, 168, 168, 1);
}

.description-subtag {
  /*height:4vh;*/
  font-weight: 400;
  /*margin-left: -2vw;*/
  text-decoration: none;
  overflow: hidden;
  color: rgba(168, 168, 168, 1);
  margin: 0.5vw 0 0.5vw 2.5vw;
}

.subtag-div {
  margin: 0 0 0.5vw 0;
}

#design-subtag1 {}

.main-title {
  width: 30%;
  font-family: "verlag";
  font-size: 4vw;
  color: rgba(29, 176, 186, 1);
    text-decoration: underline;
}

.home_sponsor:after {
  content: "";
  position: absolute;
  width: 3.2vw;
  height: 0.06vw;
  background-color: rgba(6, 34, 82, 1);
  top: 4vw;
  left: 50%;
  transform: translateX(-50%);
}

.margin_top_bottom_auto {
  width: 100%;
}

.footer-col1-link:before {
  content: "\f0c1";
  font-weight: 200;
}

.footer-col3-address:before {
  content: "\f1d8";
  font-weight: 300;
}

.footer-col2-mail:before {
  content: "\f003";
  font-weight: 400;
}

.footer-col1-link {
  font-family: "FontAwesome";
}

.footer-col2-mail {
  font-family: "FontAwesome";
}

.footer-col3-address {
  font-family: "FontAwesome";
}

hr {
  display: block;
  unicode-bidi: isolate;
  margin-block-start: 0.5em;
  margin-block-end: 0.5em;
  margin-inline-start: auto;
  margin-inline-end: auto;
  overflow: hidden;
  height: 1px;
  color: #aaa;
  background-color: #aaa;
  border: 0;
  margin: 0.2em 0 0.2em 0;
}

.sponsor-container {
  /*background-color:whitesmoke;*/
  margin-bottom: 25px;
  margin-top: 50px;
  background-color: inherit;
}

.context-pic1 {
  width: 120px;
  height: 60px;
}

.pv-detail {
  color: antiquewhite;
  font-family: "eras";
}

.homePage_intro p {
  font-family: 'eras';
  padding: 0 5%;
  font-size: 1vw;
  line-height: 1.5em;
  color: snow;
}

.homePage_intro img {
  vertical-align: middle;
}

.img-container1 {
  /* display: table-cell;
    align-items: center;
    width: 100%;*/
  display: flex;
  /*!*flex-direction: column;*!可写可不写*/
  /*justify-content: center;

    align-items: center;*/
}

.img-container1 img {
  display: block;
  margin: auto;
}

.context-pic {
  width: 100%;
  height: 100%;
}

.trade-content {
  padding: 0 0 0 0;
  margin: 0;
  overflow: hidden;
}

.trade-title {
  color: #333;
  text-align: center;
  padding: 3.5vw 0 1vw 0;
  margin: 0 0 3vw 0;
  position: relative;
}

.theDivTitle {
  color: rgba(6, 34, 82, 1);
  font-family: "Verlag Book", Arial, Helvetica;
  font-weight: 400;
  font-size: 3vw;
  padding: 0;
  margin: 1vw;
  position: relative;
}

.theDivTitle:after {
  content: "";
  position: absolute;
  width: 4vw;
  height: 0.06vw;
  background-color: rgba(6, 34, 82, 1);
  top: 3.4vw;
  left: 50%;
  transform: translateX(-50%);
}

.trade-box {
  width: 85% !important;
  margin: 0 auto;
  position: relative;
  transition: all .3s ease;
}

.trade-box-list {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.trade-box-item {
  flex: 1;
  text-align: center;
  position: relative;
  height: 26vw;
  background: no-repeat center;
  background-size: 100% auto;
  margin: 0px;
  background-size: 100% 100%;
}

.trade-content .itemProject {
  background-image: url(https://static.igem.wiki/teams/4182/wiki/home/learn-more1.png);
}

.trade-content .itemResults {
  background-image: url(https://static.igem.wiki/teams/4182/wiki/home/learn-more2.jpg);
  filter: brightness(1.1);
}

.trade-content .itemModel {
  background-image: url(https://static.igem.wiki/teams/4182/wiki/home/learn-more3.png);
}

.trade-content .itemParts {
  background-image: url(https://static.igem.wiki/teams/4182/wiki/home/learn-more4.jpg);
  /*background-size：contain；*/
}

.trade-content .itemHP {
  background-image: url(https://static.igem.wiki/teams/4182/wiki/home/learn-more5.png);
}

.trade-content .itemNotebook {
  background-image: url(https://static.igem.wiki/teams/4182/wiki/home/learn-more6.png);
}

.trade-content .itemTeam {
  background-image: url(https://static.igem.wiki/teams/4182/wiki/home/learn-more7.png);
}

.trade-content .itemAwards {
  background-image: url(https://static.igem.wiki/teams/4182/wiki/home/learn-more8.png);
}

.item-title {
  font-size: 1.8vw;
  font-weight: 700;
  color: #fff;
  padding: 0.7vw 0;
  position: relative;
  font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
}

.item-text {
  position: relative;
  transition: all .4s cubic-bezier(.4, 0, .2, 1);
  opacity: 0;
  padding: 2vw;
  color: #fff;
  font-size: 1vw;
  font-weight: 300;
  line-height: 1.8vw;
  font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
}

.learnMore {
  color: orange;
}

.theDivTitle:after {
  content: "";
  position: absolute;
  width: 5vw;
  height: 0.06vw;
  background-color: ghostwhite;
  top: 4vw;
  left: 50%;
  transform: translateX(-50%);
}

.item-logo {
  margin: 0 auto;
  display: block;
  font-size: 3vw;
  font-weight: 200;
  color: #fff;
}

.trade-content .trade-box-item .item-logo {
  position: relative;
  margin-top: 8vw;
  transition: all .4s cubic-bezier(.4, 0, .2, 1);
}

.trade-content .item-title:before {
  content: "";
  position: relative;
  display: block;
  width: 3vw;
  border-bottom: 0.1vw solid #fff;
  margin: 0 auto 2vw;
  transition: all .4s cubic-bezier(.4, 0, .2, 1);
}

.trade-content .trade-box-item:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, .6);
  transition: all .4s cubic-bezier(.4, 0, .2, 1);
}

a[href ^="https://"], .link-https {
  background: url(https://2018.igem.org/wiki/skins/Igem/resources/lock_icon.gif?2015-09-11T20:20:00Z) center right no-repeat;
  padding-right: 16px;
}

.trade-box-item a {
  text-decoration: none;
  color: #000;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.trade-content .trade-box-item:hover .item-text {
  display: block;
  opacity: 1;
  margin-top: 0;
}

.trade-content .trade-box-item:hover:before {
  background-color: rgba(50, 143, 189, 0.90);
}

.trade-content .trade-box-item:hover:before {
  background-color: rgba(50, 143, 189, 0.90);
}

.trade-content .trade-box-item:hover .item-logo {
  margin-top: 5vw;
}

.trade-content .trade-box-item:hover .item-title:before {
  opacity: 0;
  margin-bottom: 0;
}

.img-container2 {
  display: flex;
  margin: 5vw;
}

.card:before {
  /*content: "";
 background: inherit; 
 position: absolute;
 left: 0;
 right: 0;
 top: 0; 
 bottom: 0;
 box-shadow: inset 0 0 0 3000px rgba(255,255,255,0.3);
 backdrop-filter-filter: blur(10px);*/
}


.description_context section h2 {
  border-bottom: 3px solid rgba(29, 176, 186, 1);
  font-family: "liku","verlag";
  font-size: 4.5vw;
  color: rgba(29, 176, 186, 1);
  text-align: center;
}

.noBookMark_context_wapper section h2{
  border-bottom: 3px solid rgba(29, 176, 186, 1);
  font-family: "liku","verlag";
  font-size: 4.5vw;
  color: rgba(29, 176, 186, 1);
  text-align: center;
}

.description_context section h3 {
  /*border-bottom: 3px solid rgba(29, 176, 186, 1);*/
  font-family: "liku","verlag";
  font-size: 3.5vw;
  color: rgba(0, 103, 35, 1);
}


.noBookMark_context_wapper section h3 {
  /*border-bottom: 3px solid rgba(29, 176, 186, 1);*/
  font-family: "liku","verlag";
  font-size: 3.5vw;
  color: rgba(0, 103, 35, 1);
}

.noBookMark_context_wapper section h2{
  /*border-bottom: 3px solid rgba(29, 176, 186, 1);*/
  font-family: "liku","verlag";
  font-size: 3.5vw;
  color: rgba(0, 103, 35, 1);

}

section img {
  width: 80%;
  margin: 2% 10% 1% 10%;
}

.description_context section h1 {
  text-align: center;
  font-family: "liku","verlag";
  font-size: 5vw;
  color: rgba(29, 176, 186, 1);
    
}

.description_context section h4,.noBookMark_context_wapper section h4 {
  /*border-bottom: 3px solid rgba(29, 176, 186, 1);*/
  font-family: "liku","verlag";
  font-size: 2.5vw;
  color: rgba(16, 150, 61, 1);
    margin-top:2vh;
}

.noBookMark_context_wapper section h2{
  /*border-bottom: 3px solid rgba(29, 176, 186, 1);*/
  font-family: "liku","verlag";
  font-size: 2.5vw;
  color: rgba(16, 150, 61, 1);
    margin-top:2vh;


}

.bookmark-content {
  margin-top: 5vh;
}

.Overview_content {
  margin-top: 2vh;
}

.Overview_content li {
  margin-top: 0.5vh;
  margin-bottom: 0.5vh;
}

.Overview_content p {
  font-size: 1.5vw;

  font-family: "verlag";
}

.description_context hr {
  margin-top: 1vh;
  margin-bottom: 1vh;
}

.img_row_fit_2 {
  display: flex;
}

.img_row_fit_2 img {
  width: 40% !important;
}

.profile_panel {
  display: inline-flex;
}

.profile_panel img {
  width: 20% !important;
  min-width: 20% !important;
  object-fit: scale-down;
  /*max-height: 20vh;
    height: 100% !important;*/
}

.profile_panel * {
  margin: 2% !important;
  font-size: 1vw;
}

.menu_ {
  position: fixed;
  width: 100%;
  height: 50px;
  top: 40px;
  color: azure;
  font-family: 'britani';
  z-index: 520;
}

.menu_container {
  width: 100%;
  height: 100%;
  display: flex;
}

.nav_holder {
  width: 70%;
  height: 100%;

}

.nav_icon {
  width: 20%;
  height: 100%;
  display: flex;
  margin-left: 2vw;
}

.nav_icon_icon {
  /* float: left; */
}

.nav_icon_teamName {
  /* float: right; */
  position: relative;
  top: 3px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.nav_icon_teamName a {
  /* margin: auto; */
}

.nav_holder {
  width: 70%;
  height: 100%;
}

.nav_container {
  width: 70%;
  height: 100%;
  float: right;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.nav_container ul,
li {
  height: 100%;
}

.nav_container li {
  display: list-item;
}

.nav_container ul {
  /* flex-wrap: wrap; */
}

.nav_container li>div {
  /* flex-wrap: wrap; */
  /* height: 100%; */
  position: relative;
  top: 17px;
}

.nav_container li>div>a {
  /* flex-wrap: wrap; */
  /* height: 100%; */
  font-size: 1.2vw;

}

.nav_container li div a {
  /* flex-wrap: wrap; */
  margin: auto;
}

#d1 {
  position: absolute;
  width: 1000px;
  /*定义宽高*/
  height: 800px;
  background: url("../related-resources/home/图片1.jpg");
  /*图片用背景的方式展示在d1块上*/
  background-repeat: no-repeat;
  /*图片不会平铺出现*/
}

.i2 {
  /*定义按钮大小位置*/
  width: 100px;
  height: 50px;
  position: relative;
  /*绝对定位*/
  float: right;
  top: 50%;
  right: 0px;
  margin-top: -25px;
  font-size: 40px;
  /*字体大小,采用<>俩符号*/
}

.i1 {
  /*定义按钮大小位置*/
  width: 100px;
  height: 50px;
  position: relative;
  /*绝对定位*/
  float: left;
  top: 50%;
  left: 0px;
  margin-top: -25px;
  font-size: 40px;
}

#d21,
#d22,
#d23,
#d24,
#d25 {
  /*定义播放顺序板块中每一个小圆圈的大小和位置*/
  width: 10px;
  height: 10px;
  /*background: rgba(0,255,243,1.00);*/
  /*rgba四个字母代表红绿蓝透明*/
  /*这里其实使用rgb或者16进制就可以,多此一举了*/
  position: relative;
  /*相对定位,相对于自身未设置之前的位置*/
  margin-top: 10px;
  margin-left: 25px;
  border-radius: 5px;
}

#d22 {

  background: url("../related-resources/home/图片2.jpg")
}

#d23 {

  background: url("../related-resources/home/图片3.jpg")
}

#d21 {

  background: url("../related-resources/home/图片1.jpg")
}

.Background_swift {
  /*border: 3px solid red;*/
  margin-top: 10vh;
  margin-left: 2vw;
  margin-right: 2vw;
  /*height: 700px;*/
  border-radius: 12px;
  height: 500px;
}

.i1,
.i2 {
  border-color: transparent;
  background-color: transparent;
}


.dropdowncontent a {
  align-items: center;
  vertical-align: center;
  line-height: 30px;
}

.dropdown:hover,
.nav_icon_teamName:hover {
  color: rgb(42, 150, 97);

  transition: color 1s;
}

section p {
  margin-top: 1vh;
  margin-bottom: 1vh;
   /* padding-left: 1vw;
    padding-right: 1vw;*/
}

section ul>li {
  list-style-position: inside;
  list-style-type: disc !important;
  margin-left: 2vw;
}

section ul ul li {
  list-style-position: inside;
  list-style-type: circle !important;
  margin-left: 2vw;
}

section li {
  margin-top: 1vh;
  margin-bottom: 1vh;
}

table {

  border-collapse: collapse;
}

.description_context_section>section {
  margin-bottom: 25vh;
  margin-top: 15vh;
}

.MathJax {}

.MathLatex {
  width: 100%;
  /*display:flex;
   flex-direction:column;
   justify-content:center;*/
  /*align-content: center;*/
  display: flex;
  justify-content: center;



}

table .even {
  background-color: #eee;
}

.img_appropriate {
  width: 90%;
  margin: 2% 5% 1% 5%;
}

.table_appropriate {
  margin: 1vh auto 1vh auto;
  min-width: 75%;
  border-collapse: collapse !important;
  line-height: 4vh;
}

.table_head {
  font-weight: bold;
}

#bookmark1 {

  /*filter:alpha(opacity=50);*/
  /*opacity:0.5;*/
  font-family: 'inkfree', "britani", 'brabk', "eras";
    
   /* transition: visibility 2s;*/

}

video {
  object-fit: fill;
  width: 100%;
  height: 100vh;
}

.homePage_title_big {
  width: 100%;
  display: flex;
  justify-content: center;
}

.homwPage_content {

  background-color: rgb(213, 236, 250);
}

.homePage_title_big_content {
  /*margin: 10vh 5vw 10vh 5vw;*/
  height: inherit;
  line-height: 150px;
  font-size: 4vw;
  font-family: "hello1", "hello2", "hello3";

}

.homePage_title_small {
  width: 100%;
  font-size: 3vw;
  font-family: "hello1", "hello2", "hello3";
  margin-bottom: 3vh;
  font-weight: 600;
  height: 70px;
}

.homePage_title_small_tag_active {
  color: aquamarine;
}

.homePage_title_small_tag_inactive {
  /*color: red;*/
}

.homePage_title_small_tag {
  /*background-color: yellow;
  height: 100px;
  line-height: 100px;*/
  text-align: center;
}

.homePage_title_small>table {
  width: 100%;
}

.homePage_background_slides_1 {
  background-repeat: no-repeat;
  /*padding:10% 40% 2% 40%;*/
  height: inherit;

  background: url(https://static.igem.wiki/teams/4182/wiki/home/1.jpg) no-repeat;
  background-size: cover;

}

.homePage_background_slides_2 {

  background-repeat: no-repeat;
  /*padding:10% 40% 2% 40%;*/
  height: inherit;

  background: url(https://static.igem.wiki/teams/4182/wiki/home/2.jpg) no-repeat;
  background-size: cover;

}

.homePage_background_slides_3 {

  background-repeat: no-repeat;
  /*padding:10% 40% 2% 40%;*/
  height: 34vw;

  background: url(https://static.igem.wiki/teams/4182/wiki/home/3.jpg) no-repeat;
  background-size: cover;
}

.homePage_background_slides {
  width: 279vw;
  height: 34vw;
  animation: mybox 15s infinite;
}

.homePage_background_slides>table {
  width: 100%;
}

.homePage_background_slides>table {
  height: inherit;

}

.homePage_background_slides>table td>div {
  height: 100%;
}

.homePage_design_text_wapper_1>div {
  margin: 2vh 5vw 3vh 5vw;
}

.homePage_design_text_wapper_1 {
  width: 40vw;
  font-family: "hello1", "hello2";
  color: azure;
  font-size: 1.7vw;
  margin-left: 10vw;
}

.homePage_design_img {
  width: 20vw;
  margin-left: 10vw;
}

.homePage_design_wapper>section {
  margin: 1vh 2vw 1vh 2vw;
}

.homePage_design_img>img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.homePage_design_img2>img {
  width: 20vw;

  display: inline-block;
  height: 100%;
  object-fit: contain;

}

.homePage_design_text_wapper_2 {

  margin: 2vh 4vw auto 10vw;
  font-family: "hello1", "hello2";
  color: azure;
  width: 50vw;
  font-size: 1.7vw;
}

.homePage_design_wapper>section {}

.homePage_design_content {
  height: auto;
  width: 100%;
  margin-top: 5vh;
  display: inline-flex;
}

.homePage_design_text_wapper_1>p {
  margin-top: 2vh;
  margin-bottom: 2vh;
}

.marquee-outer-wapper {
  overflow: hidden;
  width: 100%;

  font-size: 3vw;
  font-family: "hello1", "hello2", "hello3";
}

.marquee-inner-wapper {

  overflow: hidden;
  height: 40px;
  font-size: 3vw;
  color: red;
  line-height: 40px;
  margin: 0 auto;
  white-space: nowrap;
  position: relative;

  width: 40%;
}

.marquee-inner-wapper span {
  position: absolute;
  top: 0;
  left: 100%;
  height: 100%;
}

.first-marquee {
  -webkit-animation: 5s first-marquee linear infinite normal;
  animation: 5s first-marquee linear 5s infinite normal;
  padding-right: 70%;
}

@keyframes first-marquee {
  0% {
    -webkit-transition: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    -webkit-transition: translate3d(-200%, 0, 0);
    transform: translate3d(-200%, 0, 0);
    display: none;
  }
}

.second-marquee {
  -webkit-animation: 10s first-marquee linear infinite normal;
  animation: 10s first-marquee linear 5s infinite normal;
  padding-right: 53%;
}

@keyframes second-marquee {
  0% {
    -webkit-transition: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    -webkit-transition: translate3d(-200%, 0, 0);
    transform: translate3d(-200%, 0, 0);
    display: none;
  }
}

.third-marquee {
  -webkit-animation: 15s first-marquee linear infinite normal;
  animation: 15s first-marquee linear 5s infinite normal;
  padding-right: 70%;
}



@keyframes third-marquee {
  0% {
    -webkit-transition: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    -webkit-transition: translate3d(-200%, 0, 0);
    transform: translate3d(-200%, 0, 0);
    display: none;
  }
}



.homePage_background_wapper {
  width: 93vw;
  height: 34vw;
  overflow: hidden;
  margin: 0 auto;
}

.homePage_background_slides>div {
  width: 93vw;
  height: inherit;
  display: inline-block;
  object-fit: contain;

  font-family: "eras", "inkfree", "hello2", "hello3", "hello1";
  color: azure;
  font-size: 2vw;
  font-weight: 400;
  text-align: center;
  padding: 10vw 30vw 5vw 30vw;
}

@keyframes mybox {
  0% {
    transform: translate(-0);
  }

  50% {
    transform: translate(-93vw);
  }

  100% {
    transform: translate(-186vw);
  }
}

section div {
  margin-top: 0.5vh;
  margin-bottom: 0.5vh;
}

.homePage_design_text_wapper_1>p:hover {
  color: black;
  transition: color 2s;
}

.homePage_design_text_wapper_2>p:hover {
  color: black;
  transition: color 2s;
}

.homePage_background_slides>div:hover {
  color: black;
  transition: color 2s;
}

.homePage_PV_video>iframe {
  width: 70vw;
  height: 39vw;
}

.ml1 {
  font-weight: 900;
}

.ml1 .letter {
  display: inline-block;
  line-height: 1em;
}

.ml1 .text-wrapper {
  position: relative;
  display: inline-block;
  padding-top: 0.1em;
  padding-right: 0.05em;
  padding-bottom: 0.15em;
}

.ml1 .line {
  opacity: 0;
  position: absolute;
  left: 0;
  height: 3px;
  width: 100%;
  background-color: #fff;
  transform-origin: 0 0;
}

.ml1 .line1 {
  top: 0;
}

.ml1 .line2 {
  bottom: 0;
}

.ml9 {
  position: relative;
  font-weight: 200;
}

.ml9 .text-wrapper {
  position: relative;
  display: inline-block;
  padding-top: 0.2em;
  padding-right: 0.05em;
  padding-bottom: 0.1em;
  overflow: hidden;
}

.ml9 .letter {
  transform-origin: 50% 100%;
  display: inline-block;
  line-height: 1em;
}

.ml9 {
  position: relative;
  font-weight: 200;
}

.ml9 .text-wrapper {
  position: relative;
  display: inline-block;
  padding-top: 0.2em;
  padding-right: 0.05em;
  padding-bottom: 0.1em;
  overflow: hidden;
}

.ml9 .letter {
  transform-origin: 50% 100%;
  display: inline-block;
  line-height: 1em;
}

.ml2 {
  font-weight: 900;
}

.ml2 .letter {
  display: inline-block;
  line-height: 1em;
}


.ml6 {
  position: relative;
  font-weight: 900;
}

.ml6 .text-wrapper {
  position: relative;
  display: inline-block;
  padding-top: 0.2em;
  padding-right: 0.05em;
  padding-bottom: 0.1em;
  overflow: hidden;
}

.ml6 .letter {
  display: inline-block;
  line-height: 1em;
}



.ml11 {
  font-weight: 700;
}

.ml11 .text-wrapper {
  position: relative;
  display: inline-block;
  padding-top: 0.1em;
  padding-right: 0.05em;
  padding-bottom: 0.15em;
}

.ml11 .line {
  opacity: 0;
  position: absolute;
  left: 0;
  height: 100%;
  width: 3px;
  background-color: #fff;
  transform-origin: 0 50%;
}

.ml11 .line1 {
  top: 0;
  left: 0;
}

.ml11 .letter {
  display: inline-block;
  line-height: 1em;
}

.ml16 {
  color: #402d2d;
  padding: 40px 0;
  font-weight: 800;
  font-size: 2em;
  text-transform: uppercase;
  letter-spacing: 0.5em;
  overflow: hidden;
}

.ml16 .letter {
  display: inline-block;
  line-height: 1em;
}


.ml15 {
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.5em;
}

.ml15 .word {
  display: inline-block;
  line-height: 1em;
}
.indent_1em >p{
  text-indent: 1em;
}

.indent_2em >p{
  text-indent: 2em;
}

.font_size_20px{
  font-size:20px !important;
}

.font_size_15px{
  font-size:15px !important;
}


.font_size_35px{
  font-size:35px !important;
}

.img-illustrate {
  text-align: center;
  font-size: 16px !important;
}

.Overview_content p {
  font-size: 20px;
}

.img_appropriate2 {

  width: 80%;
  margin: 5% 10% 5% 10%;
}

.img_appropriate2_container{
  width:90%;
}

.img_appropriate6{
  width: 100%;
  margin: 0;
}

.img_appropriate6_container{
  width: 100%;
}

.reference_contribution>h4{
  text-align: center;
}

.bookmark_tight{
  margin-left: 0 !important;
}

.bookmark_tight >.subtag-div>li{
  margin-left: 0.5vw !important;
}


.reference_contribution>ol>li{
  list-style-type: none;
}



.img_appropriate7{
  width: 80%;
  margin-left: 10%;
}

.img_appropriate7_container{
  width: 100%;
}

.description_context section div>img {
  /*width: 60%;
  margin: 2% 20% 1% 20%;*/
}

.ordered_list1 p {
  height: 4vh;
}

.ordered_list1 li {
  line-height: 4vh;
  list-style: al inside;
}

.simple_title {
  position: relative;
  top: 20vh;
  width: 70vw;
  left: 2.5vw;
  color: white;
  font-family: 'ebrima';
}

.simple_title p {
  text-align: left;
}

.teamName_year {
  position: relative;
  top: 52vh;
  width: 40vw;
  left: 30vw;
  color: white;
  font-family: 'ebrima';
}

.hover_green:hover {
  color: green;
  transition: color 2s;
}

.sponsor_table {
  width: 90vw;
  height: auto;
  border: none;
  margin: auto;

}

.sponsor_table td {
  width: 18vw;
  border: none;
}

.sponsor_table img {
  object-fit: scale-down;
}

.sponsor_table tbody {
  margin: auto;
}

.sponsor_table td img {
  margin-left: 1vw;
  margin-right: 1vw;
}

.profile_panel>p {
  font-size: 1.5vw;
}

.sub-description-tag {

  margin-top: 10px;
  margin-top: 1vw;
  margin-bottom: 1vw;
  /*height:4vh;*/
  margin-left: 1.5vw;
  margin-right: 1.5vw;
  font-weight: 600;
  text-decoration: none;
  overflow: hidden;
  color: rgba(94, 94, 94, 1.00);
}

.contribution_pdf {
  width: 100%;
  height: 700px;
}

.noBookMark_context_wapper {
  width: 70%;
  position: relative;
  left: 15%;
  padding-left: 5%;
  padding-right: 5%;
  padding-top: 2vh;
  
  /*margin-bottom: 100px;*/
    background-color: rgba(240, 255, 233, 1);
}


.noBookMark_context_wapper>h2 {
    
    border-bottom: 3px solid rgba(29, 176, 186, 1);
  font-family: "liku","verlag";
  font-size: 4.5vw;
  color: rgba(29, 176, 186, 1);
  text-align: center;
}

.display_flex {
  display: flex;
}

.img_illustration_display>img {
  width: 50%;
}

.img_illustration_display>p {
  width: 49%;
}

.myLinkStyle>P {
  color: blue;
  text-decoration: underline;
}

.myLinkStyle {}

.no_borders td {
  border: none;
}

.question_style {
  font-size: 2vw;
  font-weight: 600;
  margin-top: 3vh;
}

.safty_temp>div P {
  margin-bottom: 2vh;
  margin-top: 2vh;
}

.answer_style {
  font-size: 20px;
  font-weight: 300;
}

.part-collection>section p {
  font-size: 20px;
  font-weight: 300;
}

.safty_table {
  width: 100%;
  font-size: 1vw !important;
}

.safty_table td {
  height: 5vh;
}

.team_content_wapper {
  width: 70%;
  position: relative;
  left: 15%;
}

.team_content_wapper td {
  width: 22%;
  border: none;
  object-fit: contain;
}

.team_content_wapper td img {
  object-fit: cover;
}

.team_cover {
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}

#Wenxi {}

.team_content_wapper td img:hover {}

.every_team_menber {
  display: flex;
}

.every_team_menber_img {
  width: 30%;
}

.every_team_menber_content {
  width: 69%;
  margin: auto;
}



.context_wapper p {
  font-family: "ebrima","roboto", 'eras';
  font-size: calc(20px + 0.1 * 1vw);
  /*font-size: calc(20px+0.1*1vw);*/
}



#subPage_poster_design {
  width: 100%;
  height: 30vw;
  object-fit: cover;
}

.content_outer_wapper {
  display: flex;
}

.bookmark_content {
  width: 17vw;
    margin-top: 4vh;
    border-right:5px solid rgb(208,234,182);
}

.donot_waht_bar {
  height: 8px;
  background-color: rgb(44, 132, 3);
  position: relative;
  top: -4px;
}

.bookmark_content img {
  max-width: 100%;
}

.bookmark_content_inner {
  background: url("../related-resources/chaos/bookmark_svg.svg");
  background-size: cover;
  margin-left: 2vw;
  margin-top: 4vh;
}

.bookmark_fixed {
  position: fixed;
  top: 8vw;
}
.pageName {
    border-bottom: 3px solid rgba(29, 176, 186, 1);
  font-family: "inkfree","times",Cambria, 'Hoefler Text', 'Liberation Serif', Times, 'Times New Roman', 'serif',"brandish","harlow","liku","verlag";
  font-size: calc(60px + 3.5vw) ;
  color: rgba(27, 80, 4, 1);
  text-align: center;
    margin-top: 3vh;
    padding-bottom: 2vh;
    
    /*margin:1vh auto 1vh auto;*/
}

.description_context section h3::after {
 
}

.img_appropriate4 {
    
  width: 60%;
  margin-left: 20%;
}

.img_appropriate5 {
    
  width: 50%;
  margin-left: 20%;
}

.img_appropriate4_container {
    width:90%;
}

.margin_top_2vh {
    margin-top: 2vh;
}

.context_wapper hr {
    margin:2vh 0;
}

.font_size_appropriate1 {
    
  font-size: calc(5px + 0.4vw);
}

.img_appropriate {
    
  width: 90%;
  margin: 5% 5% 5% 5%;
}

.lisence_text {
    font-size: 0.3vw;
}

.git-lab_link {
    font-size: 0.2vw;
}

.foot_container {
    
  background-color: rgba(25, 25, 25, 1);
}

.nilu {
      text-align: center;
    color: rgba(168, 168, 168, 1.00);
    margin-bottom: 0.1vh;
}

.img_appropriate5_container {
    width:90%;
}



.img_appropriate8 {
    
  width: 50%;
  margin-left: 25%;
}



.img_appropriate8_container {
    width:90%;
}

.img_appropriate3 {
    width: 70%;
    margin-left: 20%;
}

.img_appropriate3_container {
    width: 80%;
}

.end_hr {
    margin-top: 2vh;
}



.description_context section h5 {
  /*border-bottom: 3px solid rgba(29, 176, 186, 1);*/
  font-family: "liku","verlag";
  font-size: 1.8vw;
  color:rgba(16,156,63,0.78);
    margin-top:2vh;
}

.myLinkStyle2 {
    color: rgb(156,216,209) !important;
}

.noBookMark_context_wapper p {
    font-size: calc(10px + 0.6vw);
}

.img_appropriate9_container {
    width:60%;
    margin-left: 20%;
}

.img_appropriate9 {
    width: 80%;
    margin-left: 10%;
}

.img_appropriate10_container {
    width:60%;
    margin-left: 20%;
}

.img_appropriate10 {
    width:90%;
    margin-left: 10%;
}

.img_appropriate11 {
    width: 90%;
    margin-left: 5%;
}

.img_appropriate11_container {
    width: 70%;
    margin-left: 15%;
}

.img_appropriate12 {
    width:90%;
    margin-left: 10%;
}

.img_appropriate12_container {
    width:90%;
    margin-left: 10%;
}

.table_2_2 {
    width:100%;
}

.table_2_2 table {
    width: 100%;
}

.myLinkStyle2_p {
    width:100%;
    background-color: rgb(156,216,209);
    color: rgba(240, 255, 233, 1);
    font-size: calc(10px + 1vw);
}

.myLinkStyle2_p:hover {
    background-color: rgb(0,156,137);
    transition: background 1s;
}

summary {
    
    width:100%;
    background-color: rgb(156,216,209);
    color: rgba(240, 255, 233, 1);
    font-size: calc(10px + 1vw);
}

.table_border_none {
    border:none;
}

.table_border_none table,td {
    border: none;
}

.table_img_cover img {
    object-fit: cover;
}

summary:hover {
    
    background-color: rgb(0,156,137);
    transition: background 1s;
}