/* ======================================== */
/* 服務據點 */
/* ======================================== */




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







/* 地圖+圖片---------------------------------- */
.company_area{
    display: flex;
    flex-wrap: wrap;
    gap: 1.875rem; /*30*/
    /*gap: clamp(0.9678rem, 1.5625vw, 1.875rem);*/ /* 15.48px , 1.5625vw , 30px */
}
    .company_area .banner ,
    .company_area .map{
        box-sizing: border-box;
        width:calc(50% - (1.875rem / 2));
    }

    .company_area .banner{
        background: #fff0;
        position: relative;
        padding-bottom: 27px;
    }
        .company_area .banner a{
           position: relative;
           aspect-ratio: 328 / 200;
           /* padding-top: 60.9%; */
           /* padding-top: 100%;
           border-radius: 10px; */
           display: block;
           overflow: hidden;
        }
        .company_area .banner 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;
        }
        
        .company_area .banner .swiper-pagination-clickable .swiper-pagination-bullet {
            background-color: #fff;
            border: 1px var(--dark_color_sec) solid;
        }
        .company_area .banner .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active{
            border-color:var(--second_color);
        }








    .company_area .map{
        /* width:50%; */
    }
    
        .company_area .map iframe{
           width: 100%;
           height: auto;
           aspect-ratio: 328 / 200;
        }




@media (max-width: 990px){

/* 地圖+圖片---------------------------------- */
.company_area{
    flex-direction: column;
}
    .company_area .banner ,
    .company_area .map{
        width:100%;
    }


}









/* 各地據點---------------------------------- */

.stronghold_area{
    display: flex;
    flex-wrap: wrap;
    gap: 1.875rem; /*30*/

    display: grid;
    grid-template-columns: repeat(3 , 1fr);
}

    .co_info_area{
        padding: 0;
        margin: 0;
        font-size: clamp(0.875rem, 0.9375vw, 1.125rem);  /*字體 最小值 14px、大小約 0.9375vw、最大值 18px*/
        color: var(--dark_color);
        display: flex;
        flex-direction: column;
        font-family: var(--mandarin_font2);
        gap: clamp(0.6452rem, 1.0417vw, 1.2500rem); /* 10.32px , 1.0417vw , 20.00px */
        box-sizing: border-box;
    }

        .co_info_list{
            display: flex;
            align-items: baseline;
            letter-spacing: 0.125rem; /*2px*/
            /* padding-bottom: 0.3125rem; */ /*5px*/
            text-decoration: none;
            /* border-bottom: 1px solid var(--primary_color); */
            transition: 0.3s ease all;
        }
        .co_info_list.en{
            font-family: var(--foreign_font);
        }
            .co_info_list .icon{
                font-family: var(--mandarin_font);
                /* display: none; */
                /* font-family: var(--foreign_font); */
            }

            .co_info_list .title{
                
            }
            .co_info_list:hover  {
                /* padding-left: 5%; */
                transition: 0.3s ease all;
                opacity: 0.5;
            }
                .co_info_list .title a{
                    color: inherit;
                    display: flex;
                    text-decoration: none;
                    transition: 0.3s ease all;
                }
                
                .co_info_list.fir .title{
                    font-size: clamp(1rem, 1.0938vw, 1.3125rem);  /*字體 最小值 16px、大小約 1.0938vw、最大值 21px*/
                }
                .co_info_list.en .title{
                    font-family: var(--foreign_font);
                }
                .co_info_list .title i{
                    color: inherit;
                    font-size: inherit;
                }






@media screen and (min-width: 991px){
    
        .co_info_area{
            /* max-width: 62.5rem; */ /*1000px*/
            /* width: 90%; */
            /* margin: 0 auto; */
        }
            .co_info_list .icon{
                white-space: nowrap;
            }
}


@media (max-width: 990px){

 .stronghold_area{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    grid-template-columns: unset;
}
    
}

@media (max-width: 510px){

    .co_info_list .icon{
        display: none;
    }
        /* .co_info_list:hover  {
            padding-left: 0%;
            opacity: 0.5;
        } */
}