body { min-height: 6113px; background-image: url('../../imgs/AboutUs_bg.jpg') }

.mainbody .banner { width: 100%; height: 615px; background: url('../../imgs/AboutUs_banner.jpg') center no-repeat; background-size: cover; position: relative; margin-top: 100px; }
    .mainbody .banner .title { font-family: 'ABCNormal-Bold'; font-size: 36px; position: absolute; top: 38px; left: 16.7%; }
    .mainbody .banner .intro { font-family: 'ABCNormal-Normal'; font-size: 16px; width: 973px; position: absolute; bottom: 84px; left: 32.8%; line-height: 21px; column-count: 2; text-align: justify; column-gap: 40px; letter-spacing: -0.5px; }


.mainbody .history { margin: 110px 17% 0px; }
    .mainbody .history .title { font-family: 'ABCNormal-Bold'; font-size: 36px; text-align: center; }
    .mainbody .history .period { margin-top: 104px; display: flex; }
        .mainbody .history .period .year { font-family: 'ABCNormal-Bold'; font-size: 77px; padding-right: 64px; border-right: 3px solid white; height: 54px; line-height: 54px; margin-right: 80px; width: 224px; box-sizing: border-box; }
        .mainbody .history .period .introduction { font-family: 'ABCNormal-Neutral'; font-size: 16px; text-align:justify;}


.mainbody .team { margin: 128px 17% 0px; }
    .mainbody .team .title { font-family: 'ABCNormal-Bold'; font-size: 36px; text-align: center; margin-bottom: 48px; }
    .mainbody .team .member { border: 2px solid #52bab6;border-radius: 8px; display: flex; margin-top: 53px; box-sizing: border-box; padding: 25px; display: flex; justify-content: space-between; padding-bottom: 0;  }
        .mainbody .team .member .nameTitle { width: 260px; flex-basis: 260px; }
            .mainbody .team .member .nameTitle span { display: block; width: 100%; font-family: 'ABCNormal-NormalOblique'; font-size: 17px; }
            .mainbody .team .member .nameTitle .name { font-family: 'ABCNormal-Bold'; font-size: 27px;  }
            .mainbody .team .member .nameTitle svg { width: 50px; fill: white; margin-top: 70px; }
        .mainbody .team .member .introduction { column-count: 2; column-gap: 30px; display: inline-block; width: 80%; overflow: auto; font-family: 'ABCNormal-Regular'; font-size: 16px;line-height:22px;}
            .mainbody .team .member .introduction .text { display: inline-block; text-align: justify;  margin-bottom: 26px; hyphens:auto; }

            .mainbody .team .EnMember .nameTitle .name { font-family: 'ABCNormal-Bold'; font-size: 27px; }
    .mainbody .team .EnMember .nameTitle span { font-family: 'ABCNormal-NormalOblique'; font-size: 17px; }
    .mainbody .team .EnMember .introduction span { font-family: 'ABCNormal-Regular'; font-size: 16px; }


.mainbody .partner { margin: 360px 17% 340px; }
    .mainbody .partner .title { font-family: 'pf-j-ZhongHei'; font-size: 49px; text-align: center; }
    .mainbody .partner .logos { display: flex; justify-content: space-between; align-items: center; margin-top: 120px; }
    .mainbody .partner svg { height: 50px; fill: #b2b2b2; transition: all linear 200ms; }
        .mainbody .partner svg.logo_ptb:hover { fill: #52b6b3; }
        .mainbody .partner svg.logo_veloton:hover { fill: #53b9b4; }
        .mainbody .partner svg.logo_trustmoore:hover { fill: #FFFFFF; }
        .mainbody .partner svg.logo_hallchadwick:hover { fill: #921a20; }
        .mainbody .partner svg.logo_bolt:hover { fill: #3ee896; }