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

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

.Master{
    width: 90%;
    margin: 0 auto;
    margin-left: 0%;
}

.Master a{
    color: #2F2F2F;
}

.teamCard{
    width: 90%;
    margin: 0 auto;
    margin-bottom: 20%;
}

.teampic{
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-bottom: 10%;
}

.teampic .InnerImg{
    width: 100%;
    padding-top: 108%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transform: scale(1);
    transition: all .5s ease-in-out;
}

.teamCard:hover .teampic .InnerImg{
    transform: scale(1.1);
    transition: all .5s ease-in-out;
}

.teamTxt{
    border-top: 1px solid #707070;
    padding-top: 4%;
}

.teamTxt .title{
    font-size: 1.2rem;
    font-family: 'Noto Serif TC', serif;
    letter-spacing: 2px;
    padding-bottom: 1%;
}

.teamTxt .Name{
    font-size: 1rem;
    padding-bottom: 5%;
}

.teamTxt .ViewMore{
    font-family: 'Lora', serif;
}

.teamTxt .ViewMore::after{
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(../images/ViewMore.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    vertical-align: middle;
    margin-left: 3%;
}


@media screen and (max-width:991px){
    .pagetitle {
        width: 112px;
        margin-right: auto;
        padding: 15% 0%;
    }
    .TeamArea{
        width: 100%;
    }
    .Master{
        width: 100%;
        margin-left: auto;
    }
    .teamCard {
        width: 100%;
    }
    .teamTxt .title span{
        display: block;
    }
}