#floor-plan-hotspot-container {
    width: 100%;
    height: 100%;
}

.floor-plan-hotspot-content {
    width: 100%;
    height: 100%;
    position: relative;
    display: none;

}

.floor-plan-hotspot {
    background: url("../static/image/Main/Point/PointDefaut.png");
    width: 10px;
    height: 10px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: 1;
}

.floor-plan-hotspot-select {
    background: url("../static/image/Main/Point/PointSelect.png") !important;
    background-repeat: no-repeat;
    background-size: cover !important;
    background-position: center;
}

.floor-plan-hotspot:hover {
    /* transform: scale(1.5); */
}

#maphotspot-8f_before {
    position: absolute;
    right: 20%;
    top: 29.9%;
}

#maphotspot-8f_2 {
    position: absolute;
    right: 41%;
    top: 26%;
}

#maphotspot-8f_1 {
    position: absolute;
    right: 47%;
    top: 59%;
}

#maphotspot-17f_before {
    position: absolute;
    right: 20%;
    top: 29.9%;
}

#maphotspot-17f_2 {
    position: absolute;
    right: 41%;
    top: 26%;
}

#maphotspot-17f_1 {
    position: absolute;
    right: 47%;
    top: 59%;
}


#maphotspot-9f_before {
    position: absolute;
    right: 30%;
    top: 12.9%;
}

#maphotspot-9f_1 {
    position: absolute;
    right: 80%;
    top: 52%;
}

#maphotspot-9f_3 {
    position: absolute;
    right: 37%;
    top: 46%;
}

#maphotspot-9f_2 {
    position: absolute;
    right: 62.1%;
    top: 72%;
}

#maphotspot-9f_4 {
    position: absolute;
    right: 20%;
    top: 26%;
}

#maphotspot-9f_5 {
    position: absolute;
    right: 39%;
    top: 15%;
}

#maphotspot-9f_6 {
    position: absolute;
    right: 53%;
    top: 34%;
}

#maphotspot-21f_before {
    position: absolute;
    right: 30%;
    top: 12.9%;
}

#maphotspot-21f_1 {
    position: absolute;
    right: 80%;
    top: 52%;
}

#maphotspot-21f_3 {
    position: absolute;
    right: 37%;
    top: 46%;
}

#maphotspot-21f_2 {
    position: absolute;
    right: 62.1%;
    top: 72%;
}

#maphotspot-21f_4 {
    position: absolute;
    right: 20%;
    top: 26%;
}

#maphotspot-21f_5 {
    position: absolute;
    right: 39%;
    top: 15%;
}

#maphotspot-21f_6 {
    position: absolute;
    right: 53%;
    top: 34%;
}

#maphotspot-4f_1 {
    position: absolute;
    right: 52%;
    top: 67%;
}

.floor-plan-radar {
    background: url("../static/image/MAP/Radar.png");
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left top;
    transform-origin: left top;
}

#radar-8f_before {
    position: absolute;
    right: 14.5%;
    top: 32.5%;
}

#radar-8f_2 {
    position: absolute;
    right: 35.1%;
    top: 28.4%;
}

#radar-8f_1 {
    position: absolute;
    right: 41.5%;
    top: 62%;
}

#radar-17f_before {
    position: absolute;
    right: 14.5%;
    top: 32.5%;
}

#radar-17f_2 {
    position: absolute;
    right: 35.1%;
    top: 28.4%;
}

#radar-17f_1 {
    position: absolute;
    right: 41.5%;
    top: 62%;
}


#radar-9f_before {
    position: absolute;
    right: 24.1%;
    top: 15.9%;
}

#radar-9f_1 {
    position: absolute;
    right: 74%;
    top: 54%;
}

#radar-9f_2 {
    position: absolute;
    right: 56%;
    top: 73.8%;
}

#radar-9f_3 {
    position: absolute;
    right: 31.2%;
    top: 47.59%;
}

#radar-9f_4 {
    position: absolute;
    right: 15%;
    top: 27.9%;
}

#radar-9f_5 {
    position: absolute;
    right: 33%;
    top: 18.1%;
}

#radar-9f_6 {
    position: absolute;
    right: 47%;
    top: 36%;
}

#radar-21f_before {
    position: absolute;
    right: 24.1%;
    top: 15.9%;
}

#radar-21f_1 {
    position: absolute;
    right: 74%;
    top: 54%;
}

#radar-21f_2 {
    position: absolute;
    right: 56%;
    top: 73.8%;
}

#radar-21f_3 {
    position: absolute;
    right: 31.2%;
    top: 47.59%;
}

#radar-21f_4 {
    position: absolute;
    right: 15%;
    top: 27.9%;
}

#radar-21f_5 {
    position: absolute;
    right: 33%;
    top: 18.1%;
}

#radar-21f_6 {
    position: absolute;
    right: 47%;
    top: 36%;
}

#radar-4f_1 {
    position: absolute;
    right: 47%;
    top: 69%;
}

.floor-plan-room {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    transform-origin: top left;
}

#room-9f_1 {
    background: url("../static/image/MAP/room/9F-1\,2.png");
    width: calc(449px / var(--floorPlanRatio));
    height: calc(394px / var(--floorPlanRatio));
    position: absolute;
    right: 54.9%;
    top: 47.29%;
}

#room-9f_2 {
    background: url("../static/image/MAP/room/9F-1\,2.png");
    width: calc(449px / var(--floorPlanRatio));
    height: calc(394px / var(--floorPlanRatio));
    position: absolute;
    right: 54.9%;
    top: 47.29%;
}

#room-9f_3 {
    background: url("../static/image/MAP/room/9F-3.png");
    width: calc(254px / var(--floorPlanRatio));
    height: calc(195px / var(--floorPlanRatio));
    position: absolute;
    right: 29.017%;
    top: 37.2%;
}

#room-9f_4 {
    background: url("../static/image/MAP/room/9F-4\,5\,7.png");
    width: calc(426px / var(--floorPlanRatio));
    height: calc(233px / var(--floorPlanRatio));
    position: absolute;
    right: 17.2%;
    top: 14.5%;
}

#room-9f_5 {
    background: url("../static/image/MAP/room/9F-4\,5\,7.png");
    width: calc(426px / var(--floorPlanRatio));
    height: calc(233px / var(--floorPlanRatio));
    position: absolute;
    right: 17.2%;
    top: 14.5%;
}

#room-9f_6 {
    background: url("../static/image/MAP/room/9F-6.png");
    width: calc(202px / var(--floorPlanRatio));
    height: calc(154px / var(--floorPlanRatio));
    position: absolute;
    right: 47%;
    top: 27.1%;
}

#room-9f_before {
    background: url("../static/image/MAP/room/9F-4\,5\,7.png");
    width: calc(426px / var(--floorPlanRatio));
    height: calc(233px / var(--floorPlanRatio));
    position: absolute;
    right: 17.2%;
    top: 14.5%;
}

#room-21f_1 {
    background: url("../static/image/MAP/room/9F-1\,2.png");
    width: calc(449px / var(--floorPlanRatio));
    height: calc(394px / var(--floorPlanRatio));
    position: absolute;
    right: 54.9%;
    top: 47.29%;
}

#room-21f_2 {
    background: url("../static/image/MAP/room/9F-1\,2.png");
    width: calc(449px / var(--floorPlanRatio));
    height: calc(394px / var(--floorPlanRatio));
    position: absolute;
    right: 54.9%;
    top: 47.29%;
}

#room-21f_3 {
    background: url("../static/image/MAP/room/9F-3.png");
    width: calc(254px / var(--floorPlanRatio));
    height: calc(195px / var(--floorPlanRatio));
    position: absolute;
    right: 29.017%;
    top: 37.2%;
}

#room-21f_4 {
    background: url("../static/image/MAP/room/9F-4\,5\,7.png");
    width: calc(426px / var(--floorPlanRatio));
    height: calc(233px / var(--floorPlanRatio));
    position: absolute;
    right: 17.2%;
    top: 14.5%;
}

#room-21f_5 {
    background: url("../static/image/MAP/room/9F-4\,5\,7.png");
    width: calc(426px / var(--floorPlanRatio));
    height: calc(233px / var(--floorPlanRatio));
    position: absolute;
    right: 17.2%;
    top: 14.5%;
}

#room-21f_6 {
    background: url("../static/image/MAP/room/9F-6.png");
    width: calc(202px / var(--floorPlanRatio));
    height: calc(154px / var(--floorPlanRatio));
    position: absolute;
    right: 47%;
    top: 27.1%;
}

#room-21f_before {
    background: url("../static/image/MAP/room/9F-4\,5\,7.png");
    width: calc(426px / var(--floorPlanRatio));
    height: calc(233px / var(--floorPlanRatio));
    position: absolute;
    right: 17.2%;
    top: 14.5%;
}

#room-8f_1 {
    background: url("../static/image/MAP/room/8F-2.png");
    width: calc(384px / var(--floorPlanRatio));
    height: calc(278px / var(--floorPlanRatio));
    position: absolute;
    right: 41.6%;
    top: 51.8%;
}

#room-8f_2 {
    background: url("../static/image/MAP/room/8F-1.png");
    width: calc(550px / var(--floorPlanRatio));
    height: calc(181px / var(--floorPlanRatio));
    position: absolute;
    right: 30.8%;
    top: 21.5%;
}

#room-8f_before {
    background: url("../static/image/MAP/room/8F-3.png");
    width: calc(504px / var(--floorPlanRatio));
    height: calc(397px / var(--floorPlanRatio));
    position: absolute;
    right: 14.6%;
    top: 31.1%;
}

#room-17f_1 {
    background: url("../static/image/MAP/room/8F-2.png");
    width: calc(384px / var(--floorPlanRatio));
    height: calc(278px / var(--floorPlanRatio));
    position: absolute;
    right: 41.6%;
    top: 51.8%;
}

#room-17f_2 {
    background: url("../static/image/MAP/room/8F-1.png");
    width: calc(550px / var(--floorPlanRatio));
    height: calc(181px / var(--floorPlanRatio));
    position: absolute;
    right: 30.8%;
    top: 21.5%;
}

#room-17f_before {
    background: url("../static/image/MAP/room/8F-3.png");
    width: calc(504px / var(--floorPlanRatio));
    height: calc(397px / var(--floorPlanRatio));
    position: absolute;
    right: 14.6%;
    top: 31.1%;
}

.floor-plan-bulkhead {
    position: absolute;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    transform-origin: top left;
}

#bulkhead-9f {
    background: url("../static/image/MAP/bulkhead/9F-line.png");
    width: calc(796px/var(--floorPlanRatio));
    height: calc(597px/var(--floorPlanRatio));
    right: 20.9%;
    top: 20.29%;
}

#bulkhead-8f {
    background: url("../static/image/MAP/bulkhead/8F-line.png");
    width: calc(550px/var(--floorPlanRatio));
    height: calc(376px/var(--floorPlanRatio));
    right: 30.9%;
    top: 29.29%;
}

.floor-plan-room-info {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    transform-origin: top left;
}


@media (max-width: 991px) and (max-height: 568px) {
    #radar-4f_1 {
        position: absolute;
        right: 44%;
        top: 70%;
    }

    #radar-9f_6 {
        position: absolute;
        right: 44%;
        top: 37.5%;
    }

    #radar-9f_5 {
        position: absolute;
        right: 30.5%;
        top: 18.1%;
    }

    #radar-9f_4 {
        position: absolute;
        right: 11.8%;
        top: 28.9%;
    }

    #radar-9f_3 {
        position: absolute;
        right: 29%;
        top: 49.5%;
    }

    #radar-9f_2 {
        position: absolute;
        right: 53.5%;
        top: 74.8%;
    }

    #radar-9f_1 {
        position: absolute;
        right: 71%;
        top: 55%;
    }

    #radar-21f_6 {
        position: absolute;
        right: 44%;
        top: 37.5%;
    }

    #radar-21f_5 {
        position: absolute;
        right: 30.5%;
        top: 18.1%;
    }

    #radar-21f_4 {
        position: absolute;
        right: 11.8%;
        top: 28.9%;
    }

    #radar-21f_3 {
        position: absolute;
        right: 29%;
        top: 49.5%;
    }

    #radar-21f_2 {
        position: absolute;
        right: 53.5%;
        top: 74.8%;
    }

    #radar-21f_1 {
        position: absolute;
        right: 71%;
        top: 55%;
    }

    #radar-8f_1 {
        position: absolute;
        right: 38%;
        top: 62%;
    }

    #radar-8f_2 {
        position: absolute;
        right: 31.6%;
        top: 29.8%;
    }

    #radar-17f_1 {
        position: absolute;
        right: 38%;
        top: 62%;
    }

    #radar-17f_2 {
        position: absolute;
        right: 31.6%;
        top: 29.8%;
    }

    #room-info-9f_1 {
        background: url("../static/image/MAP/mobile/roomInfo/9F-1.png");
        width: calc(224px / var(--floorPlanRatio));
        height: calc(304px / var(--floorPlanRatio));
        position: absolute;
        right: 68.9%;
        top: 32%;
    }

    #room-info-9f_2 {
        background: url("../static/image/MAP/mobile/roomInfo/9F-2.png");
        width: calc(282px / var(--floorPlanRatio));
        height: calc(196px / var(--floorPlanRatio));
        position: absolute;
        right: 47%;
        top: 70.9%;
    }

    #room-info-9f_3 {
        background: url("../static/image/MAP/mobile/roomInfo/9F-3.png");
        width: calc(197px / var(--floorPlanRatio));
        height: calc(323px / var(--floorPlanRatio));
        position: absolute;
        right: 31.35%;
        top: 44.9%;
    }

    #room-info-9f_4 {
        background: url("../static/image/MAP/mobile/roomInfo/9F-4.png");
        width: calc(200px / var(--floorPlanRatio));
        height: calc(323px / var(--floorPlanRatio));
        position: absolute;
        right: 14.6%;
        top: 24.9%;
    }

    #room-info-9f_5 {
        background: url("../static/image/MAP/mobile/roomInfo/9F-5.png");
        width: calc(569px / var(--floorPlanRatio));
        height: calc(78px / var(--floorPlanRatio));
        position: absolute;
        right: 38.5%;
        top: 14%;
    }

    #room-info-9f_6 {
        background: url("../static/image/MAP/mobile/roomInfo/9F-6.png");
        width: calc(331px / var(--floorPlanRatio));
        height: calc(184px / var(--floorPlanRatio));
        position: absolute;
        right: 52.2%;
        top: 24.2%;
    }

    #room-info-9f_before {
        background: url("../static/image/MAP/mobile/roomInfo/9F-7.png");
        width: calc(410px / var(--floorPlanRatio));
        height: calc(164px / var(--floorPlanRatio));
        position: absolute;
        right: 32.3%;
        top: 8.8%;
    }

    #room-info-21f_1 {
        background: url("../static/image/MAP/mobile/roomInfo/9F-1.png");
        width: calc(224px / var(--floorPlanRatio));
        height: calc(304px / var(--floorPlanRatio));
        position: absolute;
        right: 68.9%;
        top: 32%;
    }

    #room-info-21f_2 {
        background: url("../static/image/MAP/mobile/roomInfo/9F-2.png");
        width: calc(282px / var(--floorPlanRatio));
        height: calc(196px / var(--floorPlanRatio));
        position: absolute;
        right: 47%;
        top: 70.9%;
    }

    #room-info-21f_3 {
        background: url("../static/image/MAP/mobile/roomInfo/9F-3.png");
        width: calc(197px / var(--floorPlanRatio));
        height: calc(323px / var(--floorPlanRatio));
        position: absolute;
        right: 31.35%;
        top: 44.9%;
    }

    #room-info-21f_4 {
        background: url("../static/image/MAP/mobile/roomInfo/9F-4.png");
        width: calc(200px / var(--floorPlanRatio));
        height: calc(323px / var(--floorPlanRatio));
        position: absolute;
        right: 14.6%;
        top: 24.9%;
    }

    #room-info-21f_5 {
        background: url("../static/image/MAP/mobile/roomInfo/9F-5.png");
        width: calc(569px / var(--floorPlanRatio));
        height: calc(78px / var(--floorPlanRatio));
        position: absolute;
        right: 38.5%;
        top: 14%;
    }

    #room-info-21f_6 {
        background: url("../static/image/MAP/mobile/roomInfo/9F-6.png");
        width: calc(331px / var(--floorPlanRatio));
        height: calc(184px / var(--floorPlanRatio));
        position: absolute;
        right: 52.2%;
        top: 24.2%;
    }

    #room-info-21f_before {
        background: url("../static/image/MAP/mobile/roomInfo/9F-7.png");
        width: calc(410px / var(--floorPlanRatio));
        height: calc(164px / var(--floorPlanRatio));
        position: absolute;
        right: 32.3%;
        top: 8.8%;
    }

    #room-info-8f_1 {
        background: url("../static/image/MAP/mobile/roomInfo/8F-2.png");
        width: calc(171px / var(--floorPlanRatio));
        height: calc(323px / var(--floorPlanRatio));
        position: absolute;
        right: 42.6%;
        top: 58.1%;
    }

    #room-info-8f_2 {
        background: url("../static/image/MAP/mobile/roomInfo/8F-1.png");
        width: calc(346px / var(--floorPlanRatio));
        height: calc(184px / var(--floorPlanRatio));
        position: absolute;
        right: 40.43%;
        top: 16%;
    }

    #room-info-8f_before {
        background: url("../static/image/MAP/mobile/roomInfo/8F-3.png");
        width: calc(197px / var(--floorPlanRatio));
        height: calc(235px / var(--floorPlanRatio));
        position: absolute;
        right: 24.83%;
        top: 19.9%;
    }

    #room-info-17f_1 {
        background: url("../static/image/MAP/mobile/roomInfo/8F-2.png");
        width: calc(171px / var(--floorPlanRatio));
        height: calc(323px / var(--floorPlanRatio));
        position: absolute;
        right: 42.6%;
        top: 58.1%;
    }

    #room-info-17f_2 {
        background: url("../static/image/MAP/mobile/roomInfo/8F-1.png");
        width: calc(346px / var(--floorPlanRatio));
        height: calc(184px / var(--floorPlanRatio));
        position: absolute;
        right: 40.43%;
        top: 16%;
    }

    #room-info-17f_before {
        background: url("../static/image/MAP/mobile/roomInfo/8F-3.png");
        width: calc(197px / var(--floorPlanRatio));
        height: calc(235px / var(--floorPlanRatio));
        position: absolute;
        right: 24.83%;
        top: 19.9%;
    }



}


@media (min-width: 992px) or (min-height: 569px) {
    #room-info-9f_1 {
        background: url("../static/image/MAP/roomInfo/9F-1.png");
        width: calc(224px / var(--floorPlanRatio));
        height: calc(304px / var(--floorPlanRatio));
        position: absolute;
        right: 68.9%;
        top: 32%;
    }

    #room-info-9f_2 {
        background: url("../static/image/MAP/roomInfo/9F-2.png");
        width: calc(282px / var(--floorPlanRatio));
        height: calc(196px / var(--floorPlanRatio));
        position: absolute;
        right: 47%;
        top: 70.9%;
    }

    #room-info-9f_3 {
        background: url("../static/image/MAP/roomInfo/9F-3.png");
        width: calc(197px / var(--floorPlanRatio));
        height: calc(323px / var(--floorPlanRatio));
        position: absolute;
        right: 31.35%;
        top: 44.9%;
    }

    #room-info-9f_4 {
        background: url("../static/image/MAP/roomInfo/9F-4.png");
        width: calc(200px / var(--floorPlanRatio));
        height: calc(323px / var(--floorPlanRatio));
        position: absolute;
        right: 14.6%;
        top: 24.9%;
    }

    #room-info-9f_5 {
        background: url("../static/image/MAP/roomInfo/9F-5.png");
        width: calc(569px / var(--floorPlanRatio));
        height: calc(78px / var(--floorPlanRatio));
        position: absolute;
        right: 38.5%;
        top: 14%;
    }

    #room-info-9f_6 {
        background: url("../static/image/MAP/roomInfo/9F-6.png");
        width: calc(331px / var(--floorPlanRatio));
        height: calc(184px / var(--floorPlanRatio));
        position: absolute;
        right: 52.2%;
        top: 24.2%;
    }

    #room-info-9f_before {
        background: url("../static/image/MAP/roomInfo/9F-7.png");
        width: calc(410px / var(--floorPlanRatio));
        height: calc(164px / var(--floorPlanRatio));
        position: absolute;
        right: 32.3%;
        top: 8.8%;
    }

    #room-info-21f_1 {
        background: url("../static/image/MAP/roomInfo/9F-1.png");
        width: calc(224px / var(--floorPlanRatio));
        height: calc(304px / var(--floorPlanRatio));
        position: absolute;
        right: 68.9%;
        top: 32%;
    }

    #room-info-21f_2 {
        background: url("../static/image/MAP/roomInfo/9F-2.png");
        width: calc(282px / var(--floorPlanRatio));
        height: calc(196px / var(--floorPlanRatio));
        position: absolute;
        right: 47%;
        top: 70.9%;
    }

    #room-info-21f_3 {
        background: url("../static/image/MAP/roomInfo/9F-3.png");
        width: calc(197px / var(--floorPlanRatio));
        height: calc(323px / var(--floorPlanRatio));
        position: absolute;
        right: 31.35%;
        top: 44.9%;
    }

    #room-info-21f_4 {
        background: url("../static/image/MAP/roomInfo/9F-4.png");
        width: calc(200px / var(--floorPlanRatio));
        height: calc(323px / var(--floorPlanRatio));
        position: absolute;
        right: 14.6%;
        top: 24.9%;
    }

    #room-info-21f_5 {
        background: url("../static/image/MAP/roomInfo/9F-5.png");
        width: calc(569px / var(--floorPlanRatio));
        height: calc(78px / var(--floorPlanRatio));
        position: absolute;
        right: 38.5%;
        top: 14%;
    }

    #room-info-21f_6 {
        background: url("../static/image/MAP/roomInfo/9F-6.png");
        width: calc(331px / var(--floorPlanRatio));
        height: calc(184px / var(--floorPlanRatio));
        position: absolute;
        right: 52.2%;
        top: 24.2%;
    }

    #room-info-21f_before {
        background: url("../static/image/MAP/roomInfo/9F-7.png");
        width: calc(410px / var(--floorPlanRatio));
        height: calc(164px / var(--floorPlanRatio));
        position: absolute;
        right: 32.3%;
        top: 8.8%;
    }

    #room-info-8f_1 {
        background: url("../static/image/MAP/roomInfo/8F-2.png");
        width: calc(171px / var(--floorPlanRatio));
        height: calc(323px / var(--floorPlanRatio));
        position: absolute;
        right: 42.6%;
        top: 58.1%;
    }

    #room-info-8f_2 {
        background: url("../static/image/MAP/roomInfo/8F-1.png");
        width: calc(346px / var(--floorPlanRatio));
        height: calc(184px / var(--floorPlanRatio));
        position: absolute;
        right: 40.43%;
        top: 16%;
    }

    #room-info-8f_before {
        background: url("../static/image/MAP/roomInfo/8F-3.png");
        width: calc(197px / var(--floorPlanRatio));
        height: calc(235px / var(--floorPlanRatio));
        position: absolute;
        right: 24.83%;
        top: 19.9%;
    }

    #room-info-17f_1 {
        background: url("../static/image/MAP/roomInfo/8F-2.png");
        width: calc(171px / var(--floorPlanRatio));
        height: calc(323px / var(--floorPlanRatio));
        position: absolute;
        right: 42.6%;
        top: 58.1%;
    }

    #room-info-17f_2 {
        background: url("../static/image/MAP/roomInfo/8F-1.png");
        width: calc(346px / var(--floorPlanRatio));
        height: calc(184px / var(--floorPlanRatio));
        position: absolute;
        right: 40.43%;
        top: 16%;
    }

    #room-info-17f_before {
        background: url("../static/image/MAP/roomInfo/8F-3.png");
        width: calc(197px / var(--floorPlanRatio));
        height: calc(235px / var(--floorPlanRatio));
        position: absolute;
        right: 24.83%;
        top: 19.9%;
    }
}