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


/* ======================================================= */
/* 品牌故事css */
/* ======================================================= */


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

.brand_bg{
    position: relative;
}





.articles_section{

}
    .articles_section .btn_area{
        justify-content: unset;
    }
    .articles_section img{
        max-width: 100%;
        height: auto;        
    }
        /* .articles_img{
            position: relative;
            aspect-ratio: 570 / 375;
            display: block;
            overflow: hidden;
        }
            .articles_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;
            } */














/* ======================================================= */
/* 「榮神益人」的事業css */
/* ======================================================= */


.gloryGod_bg{
    
}




    
/* 在螢幕寬度大於991時，套用這裡的特定樣式 */
@media screen and (min-width: 991px) {

    
    /* 「榮神益人」的事業 */
    .gloryGod_bg .articles_bg{
        /*row-gap: clamp(0.6452rem, 1.0417vw, 1.25rem);*/ /* 10 - 20*/
    }


        /* 「榮神益人」的事業 *//*第一塊有大網編的情況_偶數列*/
        .gloryGod_bg.odd_num_style  .articles_bg .articles_section:nth-of-type(2n) .wrap {
            /* grid-template-columns: 1.4fr 1fr ; */
        }
        .gloryGod_bg.odd_num_style  .articles_bg .articles_section:nth-of-type(2n) .wrap .articles_left{
            /* order: -1; */
        }


        /* 「榮神益人」的事業 *//*第一塊有大網編的情況_奇數列*/
        .gloryGod_bg.odd_num_style  .articles_bg .articles_section:nth-of-type(2n+1) .wrap {
            /* grid-template-columns: 1fr 1.4fr ; */
        }
        .gloryGod_bg.odd_num_style  .articles_bg .articles_section:nth-of-type(2n+1) .wrap .articles_left{
            /* order: 1; */
        }




        /* 「榮神益人」的事業 *//*第一塊不是大網編的情況_偶數列*/
        .gloryGod_bg:not(.odd_num_style)  .articles_bg .articles_section:nth-of-type(2n) .wrap {
            /* grid-template-columns:  1fr 1.4fr; */
        }
        .gloryGod_bg:not(.odd_num_style)  .articles_bg .articles_section:nth-of-type(2n) .wrap .articles_left{
            /* order: unset; */
        }

        /* 「榮神益人」的事業 *//*第一塊不是大網編的情況_奇數列*/
        .gloryGod_bg:not(.odd_num_style)  .articles_bg .articles_section:nth-of-type(2n+1) .wrap {
        }
        .gloryGod_bg:not(.odd_num_style)  .articles_bg .articles_section:nth-of-type(2n+1) .wrap .articles_left{
        }

}
















/* ======================================================= */
/* 使命與願景css */
/* ======================================================= */


.mission_bg{

}

    .mission_bg .articles_bg{
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        gap: 1.5625rem; /*25*/
    }

        .mission_bg  .articles_section.articles_section_full{
            width: 100%;
            display: flex;
            flex-direction: column;
        }
        .mission_bg  .articles_section:not(.articles_section_full){
            box-sizing: border-box;
            /* width: calc((100% / 2) - (1.5625rem / 2));  */
            display: flex;
            flex-direction: column;
            gap: 1.5625rem; /*25*/
        }
            .mission_bg  .articles_section .wrap {
                display: flex;
                flex-direction: column;
                gap: 1.5625rem; /*25*/
            } 

            .mission_bg  .articles_bg .articles_section:nth-of-type(2n) .articles_right {
                order: unset;
            }

            .mission_bg  .articles_bg .articles_img {
                aspect-ratio: 570 / 375;
            }

            .mission_bg .right_title4{
                text-align: center;
            }





/* 在螢幕寬度大於991時，套用這裡的特定樣式 */
@media screen and (min-width: 991px) {

    .mission_bg  .articles_section:not(.articles_section_full){
        width: calc((100% / 2) - (1.5625rem / 2)); 
    }

    .mission_bg.odd_num_style .articles_bg .articles_section:nth-of-type(2n+1) .articles_right {
        order: unset;
    }
}

@media (max-width: 990px) {

    .mission_bg .articles_bg{
        flex-direction: column;
        gap: 2.5rem; /*40*/
    }
        .mission_bg  .articles_section {
            width: 100%; 
        }

}






















/* ======================================================= */
/* 核心價值css */
/* ======================================================= */

.coreval_bg{

}
    .coreval_bg .articles_bg{

    }



/* 在螢幕寬度大於991時，套用這裡的特定樣式 */
@media screen and (min-width: 991px) {

    .coreval_bg .articles_bg  .articles_section:nth-of-type(2n+1) .wrap{
        /*grid-template-columns:1fr 1.4fr ;*/ /*41.6fr 58.33fr */
    }
    .coreval_bg  .articles_bg  .articles_section:nth-of-type(2n+1) .articles_right{
       /* order: -1;*/
    }

}