/* ======================================================= */
/* 各館開放狀態 css */
/* ======================================================= */




            /* 各館開放狀態列表 */
            .venueOpen_area{

            }
                                            
                .venueOpen_list{
                    color: var(--primary_color);
                    font-size: clamp(1rem, 0.9375vw, 1.125rem); /* 16px , 0.9375vw , 18px */
                    font-weight: 600;
                    line-height: normal;
                    letter-spacing: 4px;
                    display: flex;
                    align-items: center;
                    gap: clamp(0.9678rem, 1.5625vw, 1.8750rem); /* 15.48px , 1.5625vw , 30.00px */
                    padding: 0 clamp(1.2258rem, 1.9792vw, 2.3750rem); /* 19.61px , 1.9792vw , 38.00px */
                    padding-top: clamp(0.6129rem, 0.9896vw, 1.1875rem); /* 9.81px , 0.9896vw , 19.00px */
                    padding-bottom: clamp(0.6129rem, 0.9896vw, 1.1875rem); /* 9.81px , 0.9896vw , 19.00px */
                    border-bottom: 1px #777 dashed;
                }
                .venueOpen_list:nth-of-type(2n){
                    background-color: rgba(18, 38, 170, 0.05);
                }
                    .venueOpen_list .playground{
                        /* white-space: nowrap; */
                        font-family: var(--foreign_font);
                    }
                        .venueOpen_title{

                        }
                             .venueOpen_title a ,
                             .venueOpen_title span{
                                display: block;
                                color: #000;
                                font-size: inherit;
                                line-height: 1.5;
                                /* letter-spacing: 0px; */
                                transition: 0.3s ease all;
                                text-decoration: none;
                                /* display: -webkit-box;
                                -webkit-box-orient: vertical;
                                -webkit-line-clamp: 1;
                                overflow: hidden; */
                             }

                        .venueOpen_list .state{
                            color:inherit;
                            font-size: inherit;
                            font-weight: inherit;
                            display: flex;
                            align-items: center;
                            color: #000;
                            /* flex-wrap: nowrap; */
                        }
                        .venueOpen_list  .state_in{
                            display: flex;
                            align-items: center;
                            gap: .3125rem;
                        }
                            .venueOpen_list .state p{
                            color:#a7a7a7;
                            font-size: inherit;
                            font-weight: inherit;
                            /* white-space: nowrap; */

                            display: none;
                            }
                            .venueOpen_list .state img{
                                min-width: 1.25rem;
                                width: 1.25rem;
                                height: auto;
                            }
                            .venueOpen_list .state b{                                                            
                                /* white-space: nowrap; */
                            }


                            .state_in.open b{
                               color: var(--primary_color);
                            }
                            .venueOpen_list .state .lock b{                                                            
                               color: var(--second_color);
                            }
                             



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


    /* 各館開放狀態列表 */
    .venueOpen_area{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .venueOpen_list .playground ,
    .venueOpen_list .state ,    
    .venueOpen_list .state p ,
     .venueOpen_list .state b{
        white-space: nowrap;
    }

    .venueOpen_list .state {
        margin-left: auto;
    }
                            
}

@media (max-width: 990px){

/* 各館開放狀態列表 */
.venueOpen_area{

}

    .venueOpen_list{
        flex-wrap: wrap;
        padding: 10px 0;
        gap: 7px;
    }
    
        .venueOpen_list .state {
            font-weight: 500;
            font-size: clamp(0.875rem, 0.8333vw, 1rem); /* 14px , 0.8333vw , 16px */
        }   
            
        
}


@media (max-width: 860px){


    /* .index_venueOpen_small_area{
        width: 100%;
    }
    
        .index_venueOpen_area .small {
            width:calc(100% -  (3.125rem * 2));
        } */
  
}