._c:after {
    content: '';
    display: block;
    clear: both
}

.c {
    clear: both
}

/*img {
    display: block;
    width: 100%
}*/



#floor { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;
    width: 100%;
    margin: 0 auto 0;
    position: relative;
    height: 950px
}

@media screen and (max-width:980px) {
    #floor {
        /*width: 1000px*/ height: auto; padding-bottom: calc(20px + 4%);
    }
}

.floorMap {
    width: calc(100% - 310px); max-width: 854px;
    /*float: left;*/
    position: relative
}




.floorMenu {
    width: 310px;
    /*float: right*/
}

.floorMenu .floorbox {
    width: 100%;
    min-height: 45px;
    margin-top: 20px;
    font-size: 13px;
    line-height: 18px
}
@media screen and (max-width:980px) {
    .floorMap { width: 100%;
       /* width: 740px*/
    }
	.floorMenu { width: 100%;}
}

.btn_floor { text-align: center; border-bottom: 2px solid #222222; line-height: 1; padding:0 0 12px 0; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; color: #222; font-size: clamp(23px, 1.7vw, 28px); font-weight: 700; cursor: pointer;}
.btn_floor > span { display: inline-block; margin: 0 10px; width: 12px; height: 12px; border-width: 0 4px 4px 0; border-color: #222; border-style: solid; transform: rotate(45deg);}
.btn_floor.select {  border-color: #f6ab00;}
.btn_floor.select > span {  transform: rotate(-135deg); margin-top: 8px;}

#btn_3f>.btn_floor {
    background-repeat: no-repeat;
    background-position: left -440px
}

#btn_3f>.btn_floor:hover,
#btn_3f>.btn_floor.select {
    background-position: left -825px
}

#btn_2f>.btn_floor {
    background-repeat: no-repeat;
    background-position: left -511px
}

#btn_2f>.btn_floor:hover,
#btn_2f>.btn_floor.select {
    background-position: left -896px
}

#btn_1f>.btn_floor {
    background-repeat: no-repeat;
    background-position: left -584px
}

#btn_1f>.btn_floor:hover,
#btn_1f>.btn_floor.select {
    background-position: left -968px
}

#btn_b1>.btn_floor {
    background-repeat: no-repeat;
    background-position: left -662px
}

#btn_b1>.btn_floor:hover,
#btn_b1>.btn_floor.select {
    background-position: left -1045px
}

#btn_b2>.btn_floor {
    background-repeat: no-repeat;
    background-position: left -742px
}

#btn_b2>.btn_floor:hover,
#btn_b2>.btn_floor.select {
    background-position: -1px -1125px
}

#btn_1fa>.btn_floor {
    background-repeat: no-repeat;
    background-position: left -1403px
}

#btn_1fa>.btn_floor:hover,
#btn_1fa>.btn_floor.select {
    background-position: -1px -1489px
}

.floorList {
    width: 100%;
    margin: 0 auto ;padding: 0; list-style: none;
}

.floorList li {
    padding: 5px;
    margin-top: 0px;
    position: relative;
    line-height: 1.5;
    font-size: 100%;
    cursor: pointer;
    transition: all .3s ease-Out
}

.floorList li:before {
    content: '';
    position: absolute;
    width: 5px;
    height: 100%;
    left: 0;
    top: 0;
    transition: all .3s ease-Out
}

.floorList li:hover,
.floorList li.select {
    background: #e7e8e8
}

.floorList li:hover:before,
.floorList li.select:before {
    content: '';
    position: absolute;
    width: 5px;
    height: 100%;
    left: 0;
    top: 0;
    transition: all .3s ease-Out
}

.floorList .room_num,
.floorList .room_name span {
    font-size: 14px;
    display: block
}

.floorList .room_num { font-size: 18px; font-weight: 700;
    width: 80px;
    padding-left: 10px;
    float: left;
    box-sizing: border-box
}

.floorList .room_name { font-size: 16px;
    float: right;
    width: calc(100% - 80px)
}

.btn_imgfloor {
    position: absolute
}

#_301b:hover:before,
#_301b.select:before {
    background: #d2cce6
}

#_302b:hover:before,
#_302b.select:before {
    background: #d2cce6
}

#_301c:hover:before,
#_301c.select:before {
    background: #00598e
}

#_302c:hover:before,
#_302c.select:before {
    background: #00598e
}

#_303c:hover:before,
#_303c.select:before {
    background: #FFF
}

#_304c:hover:before,
#_304c.select:before {
    background: #696289
}

#_301d:hover:before,
#_301d.select:before {
    background: #a7aaa8
}

#_302d:hover:before,
#_302d.select:before {
    background: #a7aaa8
}

#_201c:hover:before,
#_201c.select:before {
    background: #beccc9
}

#_202c:hover:before,
#_202c.select:before {
    background: #879e96
}

#_201d:hover:before,
#_201d.select:before {
    background: #937b70
}

#_202d:hover:before,
#_202d.select:before {
    background: #fff
}

#_101b:hover:before,
#_101b.select:before {
    background: #fff
}

#_100c:hover:before,
#_100c.select:before {
    background: #dcdcdd
}

#_101c:hover:before,
#_101c.select:before {
    background: #87001c
}

#_102c:hover:before,
#_102c.select:before {
    background: #e5a587
}

#_103c:hover:before,
#_103c.select:before {
    background: #fff
}

#_100d:hover:before,
#_100d.select:before {
    background: #e4ddd2
}

#_101d:hover:before,
#_101d.select:before {
    background: #dbccb6
}

#_102d:hover:before,
#_102d.select:before {
    background: #dbccb6
}

#_b201B:hover:before,
#_b201B.select:before {
    background: #d1cce5
}

.floorList li[id^=_w]:hover:before,
.floorList li[id^=_w].select:before {
    background: #f2981e
}

.ovrarea {
    opacity: 0;
    transition: all .3s ease-Out
}

.btn_imgfloor {
    position: absolute;
    cursor: pointer
}
.btn_imgfloor > div > img { width: 100%;}

.btn_imgfloor.select .ovrarea {
    opacity: 1
}

.ovr_301c_bg {
    position: absolute;
    right: -101%;
    top: 0;
    width: 100%
}

.ovr_301c_bg2 {
    visibility: hidden；
}

._floor {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%
}

@media screen and (max-width:980px) {
	._floor { position:inherit;}
	.btn_imgfloor > img { transform: scale(0.6); transform-origin: 0% 0%;}
}
@media screen and (max-width:414px) {
	.btn_imgfloor > img { transform: scale(0.5);}
}
.floorListBox {
    height: 0;
    overflow: hidden
}

#ovr_302d {
    width: 24.5%;
    top: 25.3%;
    left: 6.9%
}

@media screen and (max-width:1150px) {
    #ovr_302d {
        left: 6.8%;
        width: 24.6%;
        top: 25.3%
    }
}

.txt_302d {
    position: absolute;
    width: 55px;
    height: 16px;
    top: 42%;
    left: 35%
}

#ovr_301d {
    width: 15.25%;
    top: 47.4%;
    left: 9.32%
}

@media screen and (max-width:1150px) {
    #ovr_301d {
        left: 9.25%
    }
}

#ovr_302301c {
    width: 24.2%;
    top: 30.5%;
    left: 36.9%
}

.txt_301d {
    position: absolute;
    width: 50px;
    height: 17px;
    top: 43%;
    left: 29%
}

#ovr_301c {
    width: 11.9%;
    top: 30.5%;
    left: 49.15%
}

.txt_301c {
    position: absolute;
    width: 52px;
    height: 16px;
    top: 40%;
    left: 62%
}

#ovr_302c {
    width: 11.9%;
    top: 30.5%;
    left: 37%
}

.txt_302c {
    position: absolute;
    width: 56px;
    height: 16px;
    top: 40%;
    left: 14%
}

#ovr_304c {
    width: 11.68%;
    top: 69.7%;
    left: 49.75%
}

.txt_304c {
    position: absolute;
    width: 56px;
    height: 17px;
    top: 43%;
    left: 24%
}

#ovr_303c {
    width: 12.57%;
    top: 69.7%;
    left: 37.2%
}

.txt_303c {
    position: absolute;
    width: 56px;
    height: 17px;
    top: 43%;
    left: 25%
}

#ovr_301b {
    width: 14.1%;
    top: 33.2%;
    left: 64.5%
}

.txt_301b {
    position: absolute;
    width: 56px;
    height: 17px;
    top: 47%;
    left: 34%
}

#ovr_302b {
    width: 12.26%;
    top: 69.5%;
    left: 63.4%
}

.txt_302b {
    position: absolute;
    width: 56px;
    height: 17px;
    top: 40%;
    left: 20%
}

#ovr_201d {
    width: 14.45%;
    top: 44.55%;
    left: 6.65%
}

@media screen and (max-width:1150px) {
    #ovr_201d {
        top: 44.75%
    }
}

.txt_201d {
    position: absolute;
    width: 55px;
    height: 17px;
    top: 51%;
    left: 29%
}

#ovr_202d {
    width: 26.84642438452521%;
    top: 26.7%;
    left: .5%
}

.txt_202d {
    position: absolute;
    width: 55px;
    height: 17px;
    top: 36%;
    left: 42%
}

#ovr_201c {
    width: 11.38%;
    top: 31.77%;
    left: 45.55%
}

.txt_201c {
    position: absolute;
    width: 55px;
    height: 17px;
    top: 65%;
    left: 28.5%
}

#ovr_202c {
    width: 12%;
    top: 31.75%;
    left: 33.45%
}

.box_202c {
    position: absolute;
    background: #748f85;
    width: 50%;
    height: 51%;
    left: 100%;
    top: 0
}

.txt_202c {
    position: absolute;
    width: 55px;
    height: 17px;
    top: 38.5%;
    left: 30%
}

#ovr_b201b {
    width: 14.4%;
    top: 28.3%;
    left: 58.6%
}

.txt_b201b {
    position: absolute;
    width: 63px;
    height: 17px;
    top: 50%;
    left: 23.5%
}

#ovr_100c {
    width: 24.3%;
    top: 47.9%;
    left: 36.3%
}

.txt_100c {
    position: absolute;
    width: 55px;
    height: 17px;
    top: 55%;
    left: 28%
}

#ovr_100d {
    width: 16.33%;
    top: 43.45%;
    left: 18.6%
}

.txt_100d {
    position: absolute;
    width: 55px;
    height: 17px;
    top: 70.5%;
    left: 10%
}

#ovr_101d {
    width: 13.59906213364596%;
    top: 40.9%;
    left: 10.5%
}

.txt_101d {
    position: absolute;
    width: 55px;
    height: 17px;
    top: 52%;
    left: 25%
}

#ovr_102d {
    width: 28.01875732708089%;
    top: 24.7%;
    left: 6.4%
}

.txt_102d {
    position: absolute;
    width: 55px;
    height: 17px;
    top: 40%;
    left: 28.5%
}

#ovr_101c {
    width: 13.48182883939039%;
    top: 29.79%;
    left: 47.2%
}

.txt_101c {
    position: absolute;
    width: 55px;
    height: 17px;
    top: 45%;
    left: 22%
}

#ovr_102c {
    width: 11.13716295427902%;
    top: 29.8%;
    left: 36%
}

.box_102c {
    position: absolute;
    background: #e5a587;
    width: 33%;
    height: 26%;
    left: 100%;
    top: 0
}

.txt_102c {
    position: absolute;
    width: 55px;
    height: 17px;
    top: 45%;
    left: 17%
}

#ovr_103c {
    width: 23.7%;
    top: 68.2%;
    left: 36.7%
}

.txt_103c {
    position: absolute;
    width: 55px;
    height: 17px;
    top: 48%;
    left: 32%
}

#ovr_101b {
    width: 9.63%;
    top: 32.3%;
    left: 63.5%
}

.txt_101b {
    position: absolute;
    width: 55px;
    height: 17px;
    top: 43%;
    left: 24%
}

#ovr_w302 {
    width: 25.7%;
    top: 58.3%;
    left: 43.6%
}

.txt_w302 {
    position: absolute;
    width: 41px;
    height: 17px;
    top: 43%;
    left: 39.5%
}

#ovr_w301 {
    width: 26.5%;
    top: 29.7%;
    left: 17%
}

.txt_w301 {
    position: absolute;
    width: 36px;
    height: 17px;
    top: 43%;
    left: 39.5%
}

#ovr_w303 {
    width: 26.3%;
    top: 30%;
    left: 69.3%
}

.txt_w303 {
    position: absolute;
    width: 36px;
    height: 17px;
    top: 43%;
    left: 39.5%
}

#ovr_w303 {
    width: 26.3%;
    top: 30%;
    left: 69.3%
}

.txt_w303 {
    position: absolute;
    width: 36px;
    height: 17px;
    top: 43%;
    left: 39.5%
}

#ovr_we {
    width: 7.73%;
    top: 30%;
    left: 69.2%
}

.txt_we {
    position: absolute;
    width: 13px;
    height: 17px;
    top: 27%;
    left: 39.5%
}

#ovr_wf {
    width: 7.5%;
    top: 30%;
    left: 36.1%
}

.txt_wf {
    position: absolute;
    width: 13px;
    height: 17px;
    top: 27%;
    left: 39.5%
}

#ovr_w201 {
    width: 21.4%;
    top: 30.3%;
    left: 21.7%
}

.txt_w201 {
    position: absolute;
    width: 33px;
    height: 17px;
    top: 43%;
    left: 39.5%
}

#ovr_w203 {
    width: 21.5%;
    top: 30.5%;
    left: 69.5%
}

.txt_w203 {
    position: absolute;
    width: 40px;
    height: 17px;
    top: 43%;
    left: 39.5%
}

#ovr_w202 {
    width: 22.4%;
    top: 63.5%;
    left: 45.1%
}

.txt_w202 {
    position: absolute;
    width: 40px;
    height: 17px;
    top: 43%;
    left: 39.5%
}

#ovr_w200b {
    width: 15;
    top: 60%;
    left: 39.2%
}

.txt_w200b {
    position: absolute;
    width: 55px;
    height: 17px;
    top: 58%;
    left: 10%
}

#ovr_w200c {
    width: 10.2%;
    top: 58.5%;
    left: 63%
}

.txt_w200c {
    position: absolute;
    width: 55px;
    height: 17px;
    top: 58%;
    left: 30%
}

#ovr_w101 {
    width: 17.1%;
    top: 33.95%;
    left: 48%
}

.txt_w101 {
    position: absolute;
    width: 30px;
    height: 17px;
    top: 48%;
    left: 27%
}

#ovr_w102 {
    width: 18.8%;
    top: 39.7%;
    left: 80.7%
}

.txt_w102 {
    position: absolute;
    width: 34px;
    height: 17px;
    top: 48%;
    left: 40%
}