.cardViewWrap{
    border-radius: 15px;
    overflow: hidden;
    display: inline-block;    
    margin: auto;
    margin-bottom: 50px;
    box-shadow: 0 0 20px #0000001a;



    .datas{
        text-align: left;

        .each{
            display: inline-block;
            width: 49%;
            font-size: 20px;
            margin-bottom: 6px;
            margin-top: 6px;

            color: #a9a9a9;


            .label{
                display: inline-block;
                width: 27%;
            }
            .value{
                display: inline-block;
                width: 70%;

                color: #000;
            }
        }
    
    }
}


/* 桌面正常顯示 */
.cardViewWrap {
    display: inline-block;
}







.cardView{

    background-color: #FFF;
    /* height: 400px; */
    width: 800px;
    max-width: 800px;
    padding: 25px;

    .rightbox{
        background-color: #d7998d;
        position: absolute;
        right: 0px;
        height: 80px;
        width: 200px;
        top: 0px;
        z-index: 30;

        .city{
            position: absolute;
            color: #ffffffa8;
            left: 22px;
            top: 12px;
            font-size: 24px;
        }
        .type{
            position: absolute;
            color: #FFF;
            left: 127px;
            top: 12px;
            font-size: 24px;
        }
        .date{
            position: absolute;
            color: #FFF;
            left: 0px;
            top: 46px;
            letter-spacing: 0;
            width: 100%;
            text-align: center;
            font-weight: 500;
        }
        .material-symbols-outlined{
            position: absolute;
            top: 11px;
            color: #FFF;
            font-size: 33px;
            left: 97px;
        }
    }


    .map{
        background-color: #f9f9f9;
        width: 100%;
        height: 400px;
        z-index: 0;

        background-size: cover;
        background-position: center;
        background-image: url(/images/card/map-default.jpg);
    }

}

/* ............................................................ */
@media screen and (max-width: 1240px) {


    .cardViewWrap--export{
        position: fixed;
        left: -10000px;
        top: 0;
        width: 850px;
        opacity: 0;
        pointer-events: none;
        z-index: -1;
    }

    
    
}