.head[data-v-4a2a1c93],.head-container[data-v-4a2a1c93] {
    height: 54px
}

.head[data-v-4a2a1c93] {
    align-items: center;
    background-color: #2aae67;
    box-sizing: border-box;
    display: flex;
    padding: 0 32px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100
}

.logo[data-v-4a2a1c93] {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='31.902' height='26' viewBox='0 0 31.902 26'%3E  %3Cdefs%3E    %3Cpath id='325f07a2-da64-467b-82ae-c347325b6a72-a' d='M0 0h22.764v20.507H0z'/%3E  %3C/defs%3E  %3Cg fill='none' fill-rule='evenodd'%3E    %3Cmask id='325f07a2-da64-467b-82ae-c347325b6a72-b' fill='%23fff'%3E      %3Cuse xlink:href='%23325f07a2-da64-467b-82ae-c347325b6a72-a'/%3E    %3C/mask%3E    %3Cpath fill='%23FFF' d='M11.53 0C5.163 0 0 4.336 0 9.685c0 2.918 1.553 5.545 3.984 7.32a.776.776 0 0 1 .282.879l-.52 1.953c-.023.092-.061.187-.061.283 0 .214.172.387.384.387.084 0 .152-.03.222-.072l2.525-1.469c.19-.11.39-.178.612-.178.118 0 .231.018.339.051a13.539 13.539 0 0 0 4.397.516 7.514 7.514 0 0 1-.387-2.374c0-4.878 4.708-8.833 10.516-8.833.21 0 .264.007.471.017C21.896 3.538 17.284 0 11.531 0M7.688 7.96a1.369 1.369 0 0 1-1.364-1.374c0-.76.61-1.374 1.364-1.374.752 0 1.362.615 1.362 1.374 0 .758-.61 1.374-1.362 1.374m7.686 0a1.369 1.369 0 0 1-1.363-1.374c0-.76.61-1.374 1.363-1.374s1.364.615 1.364 1.374c0 .758-.61 1.373-1.364 1.373' mask='url(%23325f07a2-da64-467b-82ae-c347325b6a72-b)'/%3E    %3Cpath fill='%23FFF' d='M28.582 23.081c2.025-1.48 3.32-3.668 3.32-6.1 0-4.458-4.302-8.07-9.61-8.07-5.306 0-9.608 3.612-9.608 8.07s4.302 8.071 9.609 8.071c1.096 0 2.155-.158 3.136-.442a.96.96 0 0 1 .283-.043c.184 0 .352.057.51.149l2.103 1.224c.06.034.116.06.186.06.177 0 .32-.145.32-.323 0-.08-.032-.16-.052-.236-.012-.046-.27-1.02-.433-1.628a.647.647 0 0 1 .235-.732m-9.491-7.474c-.663 0-1.2-.54-1.2-1.208 0-.668.537-1.21 1.2-1.21.662 0 1.2.542 1.2 1.21 0 .667-.538 1.208-1.2 1.208m6.406 0c-.663 0-1.2-.54-1.2-1.208 0-.668.537-1.21 1.2-1.21.663 0 1.2.542 1.2 1.21 0 .667-.537 1.208-1.2 1.208'/%3E  %3C/g%3E%3C/svg%3E");
    background-size: cover;
    display: inline-block;
    flex-shrink: 0;
    height: 26px;
    margin-right: 32px;
    opacity: .9;
    vertical-align: middle;
    width: 32px
}

.nav[data-v-4a2a1c93] {
    align-items: center;
    display: flex;
    flex: 1;
    font-size: 16px;
    overflow: hidden
}

.nav a[data-v-4a2a1c93] {
    color: #fff;
    color: rgba(255,255,255,.8);
    display: block;
    line-height: 54px;
    margin-right: 24px;
    white-space: nowrap
}

.nav a[data-v-4a2a1c93]:hover {
    color: #fff;
    transition: color .3s
}

.lang_change[data-v-4a2a1c93] {
    display: flex;
    flex-shrink: 0;
    font-size: 16px;
    line-height: 1
}

.lang_change a[data-v-4a2a1c93] {
    color: rgba(255,255,255,.7);
    padding: 0 8px
}

.lang_change a[data-v-4a2a1c93]:hover {
    color: #fff;
    transition: color .3s
}

.lang_change a+a[data-v-4a2a1c93] {
    border-left: 1px solid hsla(0,0%,100%,.3)
}

.lang_change a.current[data-v-4a2a1c93] {
    color: #fff
}

@media (max-width: 1024px) {
    .head[data-v-4a2a1c93] {
        justify-content:space-between;
        min-width: 0;
        padding: 0 24px
    }

    .head .nav[data-v-4a2a1c93] {
        display: none
    }

    .logo[data-v-4a2a1c93] {
        height: 22px;
        width: 27px
    }

    .nav[data-v-4a2a1c93] {
        visibility: hidden
    }
}

@media (max-width: 1024px) and (max-width:450px) {
    .lang_change[data-v-4a2a1c93] {
        visibility:hidden
    }
}

.footer-wrp[data-v-0c94ada1] {
    height: 140px
}

.footer[data-v-0c94ada1] {
    background-color: #fff;
    bottom: 0;
    color: rgba(255,255,255,.7);
    padding: 40px 0 32px;
    position: absolute;
    text-align: center;
    width: 100%
}

.footer__bd[data-v-0c94ada1] {
    line-height: 1
}

.footer__links[data-v-0c94ada1] {
    display: inline-flex;
    flex-wrap: wrap;
    font-size: 13px;
    justify-content: center;
    line-height: 1.6;
    margin-bottom: 8px;
    padding: 0 24px
}

.footer a[data-v-0c94ada1] {
    margin: 0 8px
}

.footer a[data-v-0c94ada1]:link,.footer a[data-v-0c94ada1]:visited {
    color: rgba(0,0,0,.7);
    text-decoration: none
}

.footer a[data-v-0c94ada1]:hover {
    color: rgba(0,0,0,.7);
    text-decoration: underline
}

.footer .footer__record[data-v-0c94ada1] {
    color: #000!important;
    display: block;
    font-size: 12px;
    line-height: 17px;
    opacity: .5
}

.footer .footer__record[data-v-0c94ada1]:visited {
    color: #000
}

.footer__copyright[data-v-0c94ada1] {
    color: #000;
    font-size: 12px;
    line-height: 17px;
    margin-top: 2px;
    opacity: .5
}

.graytext[data-v-0c94ada1] {
    color: rgba(0,0,0,.7)
}

.post .footer[data-v-0c94ada1] {
    background-color: transparent;
    bottom: 0;
    position: absolute;
    width: 100%
}

.post .footer[data-v-0c94ada1]:before {
    border-top: 1px solid #d9d9d9;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleY(.5);
    transform-origin: left top
}

.error-page[data-v-90efd750] {
    display: flex;
    flex: 1;
    flex-direction: column;
    overflow: auto;
    padding: 96px 88px;
    position: relative
}

.error-page h1[data-v-90efd750] {
    font-size: 32px;
    font-weight: 500
}

@media (max-width: 1024px) {
    .error-page[data-v-90efd750] {
        padding:96px 88px
    }
}

@media screen and (max-width: 600px) {
    .error-page[data-v-90efd750] {
        padding:64px 24px
    }
}
