/* ============================================================= */
/* 雲市集工業館css */
/* ============================================================= */

.cloud_market_industry_bg{
    margin: 0;
    padding: 0;
    list-style-type : none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;

    row-gap:  clamp(1.2904rem, 2.0833vw, 2.5rem); /* 20.65px , 2.0833vw , 40px */
    margin: 0 clamp(-1.25rem, -0.5375vw, -0.6452rem); /* 10.32px , 1.0417vw , 20px */
}

    .cloud_market_industry_bg li{
        transition: 0.3s ease all;
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        list-style-type : none;
        width: 25%;
        padding: 0 clamp(0.6452rem, 1.0417vw, 1.25rem); /* 10.32px , 1.0417vw , 20px */
    }
        .cloud_market_industry_card{
            transition: 0.3s ease all;
            border-radius: 0.9375em; /*15*/
            aspect-ratio: 9 / 11;
            display: flex;
            flex-direction: column;
            justify-content: center;
            box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
        }
            .cloud_market_industry_card a{
                border-radius: inherit; 
                flex-grow: 1;
                display: flex;
                flex-direction: column;
                justify-content: center;
                gap: clamp(0.9678rem, 1.5625vw, 1.875rem); /* 15.48px , 1.5625vw , 30px */
                color: var(--primary_color);
                font-size: 1.875em; /*30*/
                text-align: center;
                font-weight: 600;
                text-decoration: none;
                /* padding: 20px 10px; */
                padding: clamp(0.6452rem, 1.0417vw, 1.25rem) 0; /* 10.32px , 1.0417vw , 20px */
                padding-left:  clamp(0.3226rem, 0.5208vw, 0.625rem); /* 5.16px , 0.5208vw , 10px */
                padding-right: clamp(0.3226rem, 0.5208vw, 0.625rem); /* 5.16px , 0.5208vw , 10px */
            }
                .cloud_market_industry_card .img{                                        
                    max-width: 12.5rem; /*200px*/                                  
                    margin: 0 auto;                                        
                    width: 80%;
                }
                    .cloud_market_industry_card .img span{
                        position: relative;
                        padding-top: 100%;
                        border-radius: 50%;
                        display: block;
                        overflow: hidden;       
                    }
                        .cloud_market_industry_card .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;
                        }
                 .cloud_market_industry_card .title{
                    color: inherit;
                    font-size: inherit;
                  }





        .cloud_market_industry_bg li:hover{
            transform:  translateY(-8px);
            transform-origin: bottom center;
            transition: 0.3s ease all;
            /* z-index: 1; */
            /*box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;*/
        }
            .cloud_market_industry_bg li:hover .cloud_market_industry_card{
                box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
                transition: 0.3s ease all;
            }



@media (max-width: 990px){

    .cloud_market_industry_bg li{
        width: 50%;
    }
        .cloud_market_industry_card a{
            font-size: 1.25em;  /*20*/
        }


}



@media (max-width: 640px){

.cloud_market_industry_bg{
    flex-direction: column;
    justify-content: unset;
    gap:  clamp(1.2904rem, 2.0833vw, 2.5rem); /* 20.65px , 2.0833vw , 40px */
    margin:0; 
}
    .cloud_market_industry_bg li{
        width: 100%;
        padding: 0;
    }
        .cloud_market_industry_card {
            aspect-ratio: 1;
            box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
        }

            .cloud_market_industry_card a{
                font-size: 1em;
            }


}