
/* 會員團體內頁 */
/* ============================================== */


.member_group_area{
    font-size: 1em;
    line-height: 1.5;
    display: flex;
    flex-direction: row;
    gap: clamp(0.8065rem, 1.3021vw, 1.5625rem); /* 12.90px , 1.3021vw , 25.00px */
    /* flex-wrap: wrap; */
}

    .member_group_img{
        min-width:  clamp(16.1296rem, 26.0417vw, 31.2500rem); /* 258.07px , 26.0417vw , 500.00px */
    }
        .member_group_img span{
            position: relative;
            aspect-ratio: 364 / 271;
            display: block;
            overflow: hidden;
        }
            .member_group_img img{
                width: 100%;
                height: 100%;
                object-fit: cover;
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                right: 0;
                float: none;
                width: 100% !important;
                height: 100% !important;
                object-fit: cover;
                transition: 0.3s ease all;
            }
    
    .member_group_info{
        margin: 0;
        padding: 0;
        list-style-type : none;
        display: flex;
        flex-direction: column;
        gap: .9375rem;
    }
        .member_group_info > li{
            margin: 0;
            padding: 0;
            list-style-type : none;
            display: block;
        }
            .member_group_info  > li  a{
                color: inherit;
                text-decoration: none;
            }
            .member_group_info > li::before{
                content: attr(data-name);
                font-size: inherit;  
                color: var(--second_color);    
            }
            .member_group_info  > li  a:hover{
                color: var(--primary_color);    
            }
            .member_group_info > li .text_area{
               font-size: inherit;                
            }
                                   




@media (max-width: 990px){

    .member_group_area{
        flex-direction: column;
    }
    
}


