@import url(../style_cause/style_award.css);

/* 匯入共用_有標題的多圖文.css */
@import url("../../style_nav/style_about/style_articles.css");

/* ======================================================= */
/* 加入威望css */
/* ======================================================= */


.join_team_bg{
    display: flex;
    flex-direction: column;
    gap: clamp(3.3872rem, 5.4688vw, 6.5625rem) 0; /* 54.20px , 5.4688vw , 105.00px */
}


    .join_bg{
        position: relative;
        /*display: flex;
        flex-direction: column;
        gap: clamp(3.3872rem, 5.4688vw, 6.5625rem) 0;*/ /* 54.20px , 5.4688vw , 105.00px */
    }


        .join_section .wrap{
            display: flex;
            flex-direction: column;
            gap: 1.25rem; /*20*/
        }



        


    .join_section{
        /*display: flex;
        flex-direction: column;
        gap: 1.25rem;*/ /*20*/
    }




.join_bg .right_title strong:before{
    /* left: 50%;
    transform: translateX(-50%); */
}	

.realRew_area {    
    /*padding-top: clamp(0.6452rem, 1.0417vw, 1.2500rem);  */  
}
    .realRew_area li{
        align-items: center;
        /* width: calc(33% - (0.9375rem / 2));  */
        width: calc((100% / 3) - 0.625rem); /* 3欄平均寬度，扣除間距  2 × 0.9375rem / 3 = 0.625rem */
    }

        .realRew_left{
            display: flex;
            flex-direction: column;
            align-items:center;
            justify-content: center;
        }
        .realRew_title{
            /* font-size: clamp(1rem,0.9375vw,1.125rem); */
            text-align: center;
            white-space: nowrap;
            font-weight: 700;
            line-height: 1.26; 
            color: #f97878; 
            font-size: clamp(1.2rem, 1.2500vw, 1.5rem); /* 19.20px , 1.2500vw , 24.00px */					
        }	














@media (max-width: 990px){
    .realRew_area li{          
        width: calc((100% / 2) - (0.9375rem / 2)); /* 2欄平均寬度，扣除間距  1 × 0.9375rem / 2 = 0.625rem */     
    }
}

@media (max-width: 640px){

    .realRew_area li{
        align-items: center;
        /* width: calc(100% - (0.9375rem / 2)); */
        width: 100%;        
    }
}