@font-face { font-family: "Times Newer Roman"; src: url('TimesNewerRoman-Regular.otf'); }
@font-face { font-family: "Courier Prime"; src: url('CourierPrime-Regular.ttf'); }
/*.pace {*/
/*    -webkit-pointer-events: none;*/
/*    pointer-events: none;*/
/*    -webkit-user-select: none;*/
/*    -moz-user-select: none;*/
/*    user-select: none;*/
/*}*/

/*.pace-inactive {*/
/*    display: none;*/
/*}*/

/*.pace .pace-progress {*/
/*    background-color: white;*/
/*    position: fixed;*/
/*    !*z-index: 0;*!*/
/*    top: 0;*/
/*    right: 100%;*/
/*    bottom: 0;*/
/*    width: 100%;*/
/*}*/
html,body {
    /*cursor: url(arrow.png), auto;*/
    /*position: fixed;*/
    /*overflow-y: scroll;*/
    margin: 0;
    border: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    background-color: white;
    /*display: flex;*/
    /*background: linear-gradient(#86888C 80%, #E9E7EB 100%);*/
    /*background-attachment: fixed;*/
    /*transition: background-color 0s;*/
}
a, p, div {
    text-decoration: none;
    font-family:  "Times", "Times New Roman","Times Newer Roman", "Songti SC", "宋体", STSong, Simsun, 'Noto Serif CJK SC', 'Source Han Serif SC', ‘Source Han Serif’, source-han-serif-sc, TimesNewRoman, Times New Roman, Times, Baskerville, Georgia, serif;
    font-weight: bold;
    line-height: 18px;
    /*letter-spacing: 0.1px;*/
    color: #8b8888;
    /*hyphens: auto;*/
    /*-webkit-hyphens: auto;*/
    /*-moz-hyphens: auto;*/
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}
a[href^=tel] {
    text-decoration:inherit;
    color: inherit;
}
::selection {
    background: grey;
}
::-moz-selection {
    background: grey;
}
::-webkit-scrollbar, body::-webkit-scrollbar {
    display: none;
    width: 0;
    background: transparent;
}
.topHalf{
    width: 100vw;
    height: 25%;
    background-color: #f8f8f8;
    top: 0;
    position: fixed;
    z-index: 9999;
}
.bottomHalf{
    width: 100vw;
    top: 25%;
    position: absolute;
}
.title{
    color: #8b8888;
}
.main-title{
    position: absolute;transform: translateX(-50%);left: 50%;bottom: 50%;
    font-size: 32px;font-weight: bold;letter-spacing: 1px;
    color: #605e5e;
}
.title-text{
    position: absolute;transform: translate(-50%,-50%);left: 50%;top: 50%;
    font-family: Courier, "Courier New", "Courier Prime", TimesNewRoman, Times New Roman, Times, Baskerville, Georgia, serif;
    font-size: 10px;font-weight: normal;
    max-width: 100vw;width: max-content;
}
.title-sections{
    position: absolute;transform: translate(-50%,-50%);left: 50%;top: 70%;
    max-width: 100vw;width: max-content;
}
.title-section{
    padding: 0 9vw;
    transition: 1s;
}
.title-section:hover{
    color: #605e5e;
}
.title-section-1{
    text-decoration-line: underline;
}
.title-section-2{
}
.title-section-3{
}
.content{
    position: relative;transform: translateX(-50%);left: 50%;bottom: 50%;
    width: 800px;
    padding-bottom: 5vw;
}
.content1{
    display: block;
}
.content2{
    display: none;
}
.content2a{
    display: none;
}
.content3{
    display: none;
    width: 1000px;
}
.content2a{
    display: none;
    width: 1000px;
}
.img{
    position: relative;
    left: 100px;
    max-width: 600px;
    padding: 1vw;
    margin: 1vw;
}
.img-content2{
    position: absolute;
    left: 50%;
    top: 1vh;
    transform: translateX(-50%);
    width: auto;
    max-width: 70vw;
    max-height: 65vh;
    -webkit-box-shadow: 0 22px 25px -12px #777;
    -moz-box-shadow: 0 22px 25px -12px #777;
    box-shadow: 0 22px 25px -12px #777;
}
.click-indicator{
    position: absolute;
    margin-top: 50%;
    left: 60%;
    border-radius: 100%;
    width: 4vw;
    height: 4vw;
    background-color: white;
    filter: blur(1px);
}
.text{
    font-family: Courier, "Courier New", "Courier Prime",'Noto Serif CJK SC', 'Source Han Serif SC', ‘Source Han Serif’, source-han-serif-sc,"Songti SC","宋体",STSong, Simsun,TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif;
    font-weight: 400;
    font-size: 12px;
    padding: 2vw 0;
}
.text-content3{
    font-size: 14px;
    line-height: 24px;
}

.text-zh{
    font-family: 'Noto Serif CJK SC', 'Source Han Serif SC', ‘Source Han Serif’, source-han-serif-sc,"Songti SC","宋体",STSong, Simsun,TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif;
}
.text-title{
    font-size: 18px;
    padding: 2vw 0 0 0;
}
.navi{
    position: fixed;
    background: linear-gradient(#86888C 80%, rgba(134,136,140,0) 100%);
    width: 100vw;
    height: 20vh;
    top: 0;
    left: 0;
    z-index: 999;
}
hr{
    border: 0.5px solid #bcbcbc;
}
@media screen and  (min-width: 500px) and (max-width: 1000px) {
    .main-title{
        font-size: 5vh;line-height: 0;
    }
    .title-text{
        font-size: 2vh;
        line-height: 2vh;
        max-width: 95vw;
        text-align: center;
        top: 45%;
    }
    .title-sections{
        top: 70%;
    }
    .title-section{
        font-size: 3vh;
        line-height: 2vh;
        padding: 0 6vw;
    }
    .content{
        position: relative;transform: translateX(-50%);left: 50%;bottom: 50%;
        width: 60vw;padding-left: 0;
        padding-bottom: 5vw;
    }
    .img{
        transform: translateX(-50%);left: 50%;
        max-width: 60vw;max-height: 65vh;
        padding: 1vw;
    }
    .img-content2{
        margin: 0;
    }
    .content3{
        display: none;
        width: 90vw;
        padding-left: 0;
    }
    .content2a{
        width: 70vw;
        padding-left: 0;
    }
    .text{
        font-size: 2vh;
        line-height: 3vh;
    }
    .text-content3 {
        font-size: 2vh;
        line-height: 3vh;
    }
    .text-title {
        font-size: 3vh;
    }
}
@media (max-width: 500px),  (max-aspect-ratio: 1/1){
    .main-title{
        font-size: 6vw;
        line-height: 0;
    }
    .title-text{
        font-size: 2vw;
        line-height: 2vw;
        max-width: 95vw;
        text-align: center;
    }
    .title-sections{
        top: 65%;
    }
    .title-section{
        font-size: 3vw;
        line-height: 2vw;
        padding: 0 3vw;
    }
    .content{
        transform: translateX(0);bottom: 0;
        width: 80vw;left: 10vw;top: 10vw;
        padding-bottom: 5vw;
    }
    .img{
        left:0;
        max-width: calc(100% - 2vw);
        padding: 0 1vw;
    }
    .img-content2{
        position: absolute;
        left: 50%;
        top: 0;padding: 0;
        transform: translateX(-50%);
        width: auto;
        max-width: 80vw;
        max-height: 60vh;
    }
    .text{
        font-size: 2.5vw;
        line-height: 3.5vw;
        padding: 2vw;
    }
    .text-title{
        font-size: 3.5vw;
        line-height: 4.5vw;
        padding: 2vw;
    }
    hr{
        border: 0.1vh solid #bcbcbc;
    }
    .click-indicator{
        width: 4vh;
        height: 4vh;
    }
}
@keyframes opacityUp {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}