.pagetitle {
    width: 112px;
    margin: 0 auto;
    margin-right: 2%;
    font-size: 0;
    padding-top: 3%;
}

.contactArea {
    width: 85.46875%;
    margin: 0 auto;
    margin-right: 0%;
    position: relative;
    padding-top: 5%;
}

.contactpic {
    width: 94%;
    margin: 0 auto;
    margin-left: 0%;
    margin-bottom: 2%;
}

.contactpic .InnerImg {
    width: 100%;
    padding-top: 22%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.contactText {
    width: 100%;
    margin-bottom: 3%;
}

.contactText .title {
    font-size: 1.5rem;
    color: #2F2F2F;
    letter-spacing: 3px;
    font-family: 'Noto Serif TC', serif;
}

.contactText .content {
    font-size: 1rem;
    color: #2F2F2F;
}

.Map {
    width: 95%;
    margin: 0 auto;
    margin-left: 0%;
    padding-bottom: 3%;
}

.Map iframe {
    height: 50vh;
}

.info {
    padding-top: 3%;
}

.info .logo {
    position: relative;
    top: unset;
    left: unset;
    width: 50%;
    font-size: 0;
    margin-bottom: 3%;
}

.info ul li {
    font-size: 1rem;
}

.info a {
    color: #2F2F2F;
}

.form {
    width: 92.3%;
    margin: 0 auto;
    margin-left: 0%;
    margin-bottom: 3%;
}

@media screen and (max-width:991px) {
    .pagetitle {
        width: 112px;
        margin-right: auto;
        padding: 15% 0%;
    }
    .contactArea {
        width: 100%;
        margin-right: auto;
    }
    .contactpic {
        width: 100%;
        margin-left: auto;
        margin-bottom: 10%;
    }
    .contactpic .InnerImg {
        padding-top: 65%;
    }
    .contactText {
        width: 85%;
        margin: 0 auto;
        margin-bottom: 10%;
    }
    .contactText .title {
        font-size: 1rem;
    }
    .contactText .content {
        font-size: 0.8rem;
    }
    .form {
        width: 100%;
        margin-left: auto;
    }
    .Map {
        width: 100%;
    }
    .info .logo {
        width: 40%;
    }
    .info ul li {
        font-size: 0.8rem;
    }
}