
.MSBOA_Member_Default{
    --PictureWidth: 260px;
}
.MSBOA_Member_Default{
    display: flex;
    flex-direction: column;
}
.MSBOA_Member_Default .item{
    display: flex;
    flex-direction: column;
    gap: clamp(20px, 1.25vw + 11px ,35px);
}
.MSBOA_Member_Default .item:not(:first-child){
    margin-top: clamp(20px, 2.5vw + 2px ,50px);
    border-top: 1px solid #d8d8d8;
    padding-top: clamp(30px, 2.5vw + 12px ,60px);
}
.MSBOA_Member_Default .item .main{
    display: flex;
    gap: 20px clamp(25px, 1.25vw + 16px ,40px);
    align-items: center;
}
.MSBOA_Member_Default .item .main .pic{
    flex-shrink: 0;
    align-self: flex-start;
    width: var(--PictureWidth);
    max-width: 100%;
}
.MSBOA_Member_Default .item .main .pic img{
    width: 100%;
}
.MSBOA_Member_Default .item .main .userInfo{
    position: relative;
}
.MSBOA_Member_Default .item .main .userInfo > *,
.MSBOA_Member_Default .item .main .userInfo .description > *{
    margin-bottom: 0;
}
.MSBOA_Member_Default .item .main .userInfo > *:last-child{
    margin-top: 0;
}
.MSBOA_Member_Default .item .main .userInfo .title{
    margin: 0 0 0;
    color: #333;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.25;
}
.MSBOA_Member_Default .item .main .userInfo .info{
    margin: 0 0 0;
    color: #555555;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.5;
}
.MSBOA_Member_Default .item .main .userInfo .description{
    margin: 18px 0 0;
    color: #555555;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.75;
}
.MSBOA_Member_Default .item .main .userInfo .description > *:last-child{
    margin-bottom: 0;
}
.MSBOA_Member_Default .item .content{
    color: #555555;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.75; 
}
.MSBOA_Member_Default .item .content > *:last-child{
    margin-bottom: 0;
}