.header {
-moz-box-shadow: 0px 3px 10px #24366D; -webkit-box-shadow: 0px 3px 10px #24366D; box-shadow: 0px 3px 10px #24366D;
}
.description_banner {
margin: 0 25vw; position: relative; width: 50vw; margin-top: 6rem; height: 100%; background-size: 100%; background-repeat: no-repeat; text-align: center; background-image: url();
}
.description_banner>.word {
font-size: 3vw; padding: 4vw 0vw; line-height: 3vw; color: white; font-weight: bolder;
}
@media screen and (max-width: 768px) {
.description_banner>.word { font-size: 5vw;
}
.description_banner { width: 90VW; margin: 5rem 5vw 0; }
.description_banner>.word { padding: 8vw 0vw; }
}
@media screen and (min-width: 768px) and (max-width: 89.9375rem) {
.description_banner { width: 60vw; margin: 6rem 20vw 0; }
.description_banner>.word { padding: 5vw 0vw; }
}
@media screen and (min-width: 90rem) {}
.main {
margin: 0 15vw 5rem; width: 70vw; text-align: left;
}
.headline {
font-size: 2vw; color: #1d2087; margin-bottom: 1vw; padding-top: 5rem;
}
.main p {
color: #000; font-size: 1.2rem; text-indent: 2.4rem; font-weight: normal; font-family: "Times New Roman"; line-height: 2rem; margin-bottom: 0.6vw;
} .main h1, .main h2, .main h3{
font-family:"Microsoft YaHei";
} .main h1{
margin: 0.8vw 0 1vw;
} .main h2{
font-size: 1.2rem; font-weight: bolder;
} .main h3{
font-size: 1.1rem;
} .main h4{
font-size: 1.05rem;
} .F1>img {
width: 60vw; margin: 1vw 5vw;
}
.F2>img {
width: 50vw; margin: 1vw 10vw;
}
.F3>img {
width: 40vw; margin: 1vw 15vw;
}
.F4>img {
width: 30vw; margin: 1vw 20vw;
}
.F1, .F2, .F3, .F4 {
text-indent: 0 !important; margin-bottom: 0!important;
}
.Figure_word {
font-size: 1rem !important; text-align: center !important; text-indent: 0 !important;
}
.reference+p, .headline+p, h2+p, h3+p {
text-indent: 0 !important;
}
@media screen and (max-width: 769px) {
.headline { font-size: 1.39rem; padding-top: 1rem; }
.main p { font-size: 0.9rem; text-indent: 1.8rem; line-height: 1.5rem; }
.F1>img { width: 85vw; margin: 1vw 0vw; }
.F2>img { width: 95vw; margin: 1vw -5vw; }
.F3>img { width: 85vw; margin: 1vw 0vw; }
.F4>img { width: 50vw; margin: 1vw 17.5vw; }
.main { width: 85vw; margin: 0 7.5vw 5rem; }
#Cell_Measurement h1, #Colony_Forming_Units h1, #Experience_and_Discussion h1, #Provenance h1, #Reference h1 { font-size: 1rem; }
}
@media screen and (min-width: 769px) and (max-width: 89.9375rem) {
.headline { font-size: 1.6rem; margin-bottom: 1vw; }
.main p {}
}
@media screen and (min-width: 90rem) {}
.Quick-navigation {
position: fixed; z-index: 1; margin: 0; top: 20%; left: 85vw; -webkit-transform: translateY(-50%); transform: translateY(-50%);
}
.Quick-navigation_word {
float: left;
}
- Quick_A {
top: 10vw; position: relative;
}
- Quick_B {
top: 12.25vw; position: relative;
}
- Quick_C {
top: 14.5vw; position: relative;
}
- Quick_D {
top: 16.75vw; position: relative;
}
- Quick_F {
top: 19vw; position: relative;
}
- Quick_A,
- Quick_B,
- Quick_C,
- Quick_D,
- Quick_F {
text-align: left; padding-left: 1vw; color: #1d2087 !important; text-decoration: none; font-size: 1vw; line-height: 1vw; -webkit-transition: color 0.3s; transition: color 0.3s; display: block; position: absolute; z-index: 1; white-space:nowrap;
}
- Quick_A:hover,
- Quick_B:hover,
- Quick_C:hover,
- Quick_D:hover,
- Quick_F:hover {
font-weight: bolder;
}
.current+a {
font-weight: bolder;
}
.Quick-navigation-item>img {
display: none;
}
.Quick-navigation-item.current>img {
display: block; position: absolute;
}
.js-scroll-step {
margin-bottom: 3.5rem;
}
.Quick-navigation-item img {
top: 10vw; height: 10vw; margin: 0; float: left; position: relative;
}
.Quick-navigation_word>img {
top: 10vw; height: 10vw; margin: 0; float: left; position: relative;
}
@media screen and (max-width: 769px) {
.Quick-navigation { display: none; }
}
@media screen and (min-width: 769px) and (max-width: 89.9375rem) {
.Quick-navigation{ left: 85vw; } #Quick_A,
- Quick_B,
- Quick_C,
- Quick_D,
- Quick_F{
font-size: 0.8vw;
} }
@media screen and (min-width: 90rem) {}