/* ============================================ */
/* 捐款說明 */
/* ============================================ */


.donation_project_info_area{
    display: flex;
    flex-direction: column;
    row-gap: clamp(1.613rem, 2.6vw, 3.125rem);
}


    .donation_project_info_top{
        display: flex;
        justify-content: space-between;
        gap: 1.5625rem;
    }
        .donation_project_info_t_l{
            box-sizing: border-box;
            width: 28.125rem;            
        }
            .donation_project_info_t_l .img{
                aspect-ratio: 179 / 100;
                width: 100%;
                overflow: hidden;
                position: relative;
                box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
                border-radius: 1rem;
            }
                .donation_project_info_t_l .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;
                }




        .donation_project_info_t_r{
            box-sizing: border-box;
            width: calc(100% - 28.125rem - 1.5625rem);
        }
            .donation_project_info_t_r .description{
                
            }
                .donation_project_info_t_r .btn_area{
                    justify-content: unset;
                }

                    .donation_project_info_t_r .btn_area a, 
                    .donation_project_info_t_r .btn_area button {
                        background-color: var(--fifth_color);
                    }



    .donation_project_info_bottom{
        
    }
        .donation_project_info_bottom .text_area{
            
        }






@media (max-width: 990px) {

    .donation_project_info_top{
        flex-direction: column;
        justify-content: unset;
    }
        .donation_project_info_t_l , .donation_project_info_t_r{ 
            width:100%
        }

}