body {
    min-height: 100vh;
    position: relative;
}


.page-ctn{
    padding: calc(90rem / 16) calc(444 / 1920 * 100vw) calc(100rem / 16);
    color: white;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.page-title-en{
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: calc(8rem / 16);
    color: #8b634b;
    white-space: nowrap;
    font-weight: bold;
     font-family: "Helvetica Now Display", sans-serif;
}

.page-title-cn{
    font-size: calc(36rem / 16);
    color: #8b634b;
    font-weight: lighter;
    font-family: "Source Han Sans CN", sans-serif;
    line-height: calc(35rem / 16);
    letter-spacing: .1em;
}

.page-desc {
    line-height: calc(28rem / 16);
    color: #000;
    text-align: center;
    margin-top: calc(40rem / 16);
}

.btn-appointment {
    display: block;
    padding: .875rem calc(3.125rem - .25em) .875rem 3.125rem;
    margin-top: 2.5rem;
    font-size: 1.25rem;
    font-weight: 500;
    text-align: center;
    background-color: #8b634b;
    /* border: 1px solid #8b634b; */
    letter-spacing: .25em;
    transition: .2s;
}

.btn-appointment:hover {
    /* color: #8b634b;
    background-color: #fff; */
    color: #8a634b;
    background-color: #221f20;
}

.page-address {
    font-size: .875rem;
    line-height: calc(22rem / 16);
    color: #000;
    margin-top: calc(26rem / 16);
    letter-spacing: .15em;
    text-align: center;
}

.page-address1 {
    position: relative;
    margin-top: 1.875rem;
    width: 100%;
}

.page-address1 .swiper1 .img {
    height: calc(528 / 1920 * 100vw);
}

.page-address1 .swiper1 .img img {
    width: 100%;
}

.page-address1 .desc {
    margin-top: 2.5rem;
    text-align: left;
}

.page-address1 .desc h5 {
    font-size: calc(19rem / 16);
    font-weight: normal;
    color: #8b634b;
    margin-bottom: 1rem;
    letter-spacing: .1em;
}

.page-address1 .desc p {
    font-size: calc(15rem / 16);
    color: #000;
    line-height: calc(26rem / 16);
    letter-spacing: .1em;
}

.page-smaddr {
    position: relative;
    margin-top: calc(65rem / 16);
    width: 100%;
}

.page-smaddr .top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.page-smaddr .swipersm {
    width: calc(807 / 1920 * 100vw);
    margin-left: 0;
    margin-right: 0;
}

.page-smaddr .swipersm .img {
    height: calc(413 / 1920 * 100vw);
}

.page-smaddr .swipersm .img img {
    width: 100%;
}

.page-smaddr .swipersm .ad-sm {
    width: calc(50rem / 16);
    height: calc(50rem / 16);
}

.page-smaddr .sm-pic {
    width: calc(190 / 1920 * 100vw);
}

.page-smaddr .sm-pic img {
    width: 100%;
}

.page-smaddr .bottom .desc h5 {
    font-size: calc(19rem / 16);
    font-weight: normal;
    color: #8b634b;
    margin-bottom: 1rem;
    letter-spacing: .1em;
    white-space: nowrap;
}

.page-smaddr .bottom .desc p {
    font-size: calc(15rem / 16);
    color: #000;
    line-height: calc(26rem / 16);
    letter-spacing: .1em;
    white-space: nowrap;
}

.page-address2 .bottom {
    display: flex;
    justify-content: flex-end;
}

.page-address2 .bottom .desc {
    width: calc(190 / 1920 * 100vw);
}

.page-address3 {
    margin-top: calc(77rem / 16);
}

.page-address3 .bottom {
    display: flex;
    justify-content: flex-start;
    padding-left: calc(212 / 1920 * 100vw);
}

.page-address3 .bottom .desc {
    width: calc(807 / 1920 * 100vw);
    text-align: left;
    margin-top: calc(35rem / 16);
}

.preview-prev, .preview-next, .swiper-button-disabled{
    display: block;
    top: 0;
    bottom: 0;
    margin: auto;
    width: calc(60rem / 16);
    height: calc(60rem / 16);
    position: absolute;
    z-index: 320;
    opacity: 0;
    transition: .3s;
    cursor: pointer;
}

.swiper-container:hover .preview-prev,
.swiper-container:hover .preview-next{
    opacity: 1;
}

.swiper-container:hover .swiper-button-disabled{
    opacity: .2;
}

.preview-prev{
    background: url(../images/btn_prev.svg) center/contain no-repeat;
    left: 0;
}

.preview-next{
    background: url(../images/btn_next.svg) center/contain no-repeat;
    right: 0;
}

.preview-prev:hover{
    background: url("../images/btn_prev_hover.svg") center/contain no-repeat;
}

.preview-next:hover{
    background: url("../images/btn_next_hover.svg") center/contain no-repeat;
}

/* .fixedright {
    position: fixed;
    right: calc(98rem / 16);
    bottom: calc(70rem / 16);
    z-index: 99;
}

.fixedright .btn {
    display: block;
    position: relative;
    width: calc(67rem / 16);
    height: calc(67rem / 16);
    margin-bottom: calc(17rem / 16);
    cursor: pointer;
}

.fixedright .btn img {
    width: 100%;
    height: 100%;
}

.fixedright .btn:last-child {
    margin-bottom: 0;
}

.fixedright .btn .qrcode {
    display: none;
    position: absolute;
    right: 100%;
    top: 50%;
    width: calc(150rem / 16);
    transform: translateY(-50%);
    padding-right: 2rem;
}

.fixedright .btn:hover .qrcode {
    display: block;
} */

.mobile {
    display: none;
}

@media (max-width: 750px) {
    .mobile {
        display: block;
    }
    .page-ctn {
        padding: calc(50rem / 24) 0 calc(77rem / 24);
    }
    .page-title-en {
        font-size: calc(60rem / 24);
        margin-bottom: calc(24rem / 24);
    }
    .page-title-cn {
        font-size: calc(36rem / 24);
    }
    .page-desc {
        line-height: calc(39.81rem / 24);
        font-size: calc(24rem / 24);
        margin-top: calc(45rem / 24);
    }
    .page-address {
        line-height: calc(28.87rem / 24);
        font-size: calc(20rem / 24);
    }
    .page-address1 .swiper1 .img {
        height: calc(528 / 750 * 100vw);
    }
    .page-address1 .swiper1 .img img {
        width: auto;
        max-width: unset !important;
    }
    .page-address1 .desc {
        margin-top: calc(45rem / 24);
        padding: 0 calc(57rem / 24);
    }
    .page-address1 .desc h5 {
        font-size: calc(28rem / 24);
    }
    .page-address1 .desc p {
        font-size: calc(22rem / 24);
        line-height: calc(39.81rem / 24);
    }
    .page-smaddr .swipersm {
        width: 100%;
    }
    .page-smaddr .swipersm .img {
        height: calc(413 / 750 * 100vw);
    }
    .page-smaddr .sm-pic {
        width: calc(250rem / 24);
        position: absolute;
        right: 0;
        top: calc(-1 * 183rem / 24);
    }
    .page-smaddr {
        display: flex;
        flex-direction: column;
    }
    .page-smaddr .top {
        order: 2;
    }
    .page-address2 {
        margin-top: calc(268rem / 24);
    }
    .page-address2 .bottom {
        padding: calc(48rem / 24) calc(57rem / 24);
        justify-content: flex-start;
        order: 1;
    }
    .page-address2 .bottom .desc {
        width: auto;
        text-align: left;
    }
    .page-smaddr .bottom .desc h5 {
        font-size: calc(28rem / 24);
    }
    .page-smaddr .bottom .desc p {
        font-size: calc(22rem / 24);
        line-height: calc(39.81rem / 24);
    }
    .page-address3 {
        margin-top: 0;
    }
    .page-address3 .bottom {
        padding: calc(48rem / 24) calc(57rem / 24);
    }
    .page-address3 .top {
        flex-direction: column;
    }
    .page-address3 .sm-pic {
        position: unset;
        margin-left: calc(57rem / 24);
        margin-top: calc(30rem / 24);
        order: 1;
    }
    .page-address3 .bottom .desc {
        width: 100%;
        text-align: left;
        margin-top: 0;
    }
    .preview-prev, .preview-next, .swiper-button-disabled {
        opacity: 1 !important;
    }
    /* .fixedright {
        right: calc(56rem / 24);
    }
    .fixedright .btn {
        width: calc(80rem / 24);
        height: calc(80rem / 24);
    } */
    .page-address3 {
        margin-top: calc(950vw / 24);
    }
    .page-address3 .sm-pic {
        position: absolute;
        margin-left: 0;
        margin-top: calc(-55rem / 24);
    }
}