.section {
    width: 95vw;
}
.button > .left {
    flex: 0 0 8vw;
}
.button > .left img {
    width: 5vw;
    height: 5vw;
}
.button > .text {
    font-size: 1em;
}
.button > .right {
    flex: 0 0 8vw;
    font-size: 1.6em;
}
.nav > .bar > .section > .left {
    flex: 1;
}
.nav {
    overflow-x: hidden;
}
.nav .search-container-sexgps {
    width: 90vw;
}
.nav > .header h2 {
    font-size: 12px !important;
}
.nav > .header > .section > .text {
    font-size: 12px;
}
.nav > .header > .section > .text > .submit {
    margin-right: 5px;
}
.nav > .header > .section > .text > .submit, .nav > .header > .section > .text > .manage {
    padding-left: 5px;
}
.nav > .header > .section > .text > .submit i, .nav > .header > .section > .text > .manage i {
    padding-right: 2px;
}
.main {
    width: 95vw;
}
.button {
    width: 70vw;
    height: 5vh;
}
.site-container > .body {
    max-height: 40vh;
}
.box-container {
    display: block;
}
.box-container .box {
    margin-right: 0;
}
.breadcrumb {
    padding: 5px 0 15px 5px;
    font-size: 0.9em;
}
.breadcrumb > .section > .joint {
    padding: 0 5px;
}
.box-container .box:nth-child(2n) {
    margin-right: 0;
}
.box.submit {
    padding: 10px;
    font-size: 1em;
}
.form > div {
    border-bottom: 0;
}
.form input[type='text'] {
    width: 75%;
}
.form > div {
    display: block;
    padding: 10px 0;
}
.form > div > div {
    display: block;
}
.form > div > div:nth-child(1) {
    font-weight: bold;
}
.alert {
    padding: 0;
    font-size: 0.9em;
}
.site-container .site > .index {
    display: none;
}
.site-container .site > .url {
    display: none;
}
.site-info > .brief {
    display: block;
}
.site-info > .brief > .left .button {
    top: 40%;
}
.screenshot-container {
    flex: 0 0 35%;
}
.site-info > .brief > .right {
    padding-top: 2vh;
}
.site-info > .brief > .right > .intro {
    max-height: 20em;
}
.site-info > .brief > .right h1 {
    font-size: 1.6em;
}
.site-info > .brief > .right h2 {
    display: block;
    padding-left: 0;
    font-size: 0.9em;
}
.site-info > .brief > .right > .misc {
    font-size: 0.95em;
}
.site-info > .brief > .right > .misc > div > div:nth-child(1) {
    flex: 0 0 4em;
}
.site-info > .brief > .right > .misc .language-container > .language {
    flex: 0 0 24px;
    height: 16px;
}
.site-info > .brief > .right > .intro .button {
    width: 55vw;
}
.not-found {
    height: 10em;
}
.box > .not-found {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
}
.site-photo-container > a {
    flex: 0 0 50%;
}
.h2-recommend {
    padding: 20px 0 10px 0;
    font-size: 1.5em;
}
.site-recommend-container > div {
    flex: 50%;
    padding: 0 10px 10px 0;
}
.site-recommend-container .site-recommend > .name {
    height: 2em;
    line-height: 2em;
    font-size: 0.95em;
}
.tabs .tab-controls > a > div {
    font-size: 0.9em;
}
.tabs .tab-controls > a > div.active {
    font-size: 1em;
}