@charset "utf-8";

.zoom-holder [data-floor] *{transition: all 0.3s;}


#building [data-floor]{position:absolute;background-color:transparent;}
#building [data-floor] .marker{display:inline-block;position:relative;padding:10px 13px;background-color:rgba(0,0,0,0.5);border:4px solid #474747;color:#fff;font-size:17px;line-height:1.3;border-radius:2px;}
#building [data-floor] .marker:after{content:'';position:absolute;left:0;right:0;bottom:-12px;width:0;height:0;margin:0 auto;border-width:10px 8px 0 8px;border-style:solid;border-color:#474747 transparent transparent;}
#building [data-floor] .marker *{vertical-align:middle}
#building [data-floor] .marker .ov{display:inline-block;overflow:hidden;margin-right:5px;width:24px;height:15px;background: url(/cyber/hall/images/cyber2018/common/icon-floor.png) no-repeat;}


#building [data-floor]:hover{}
#building [data-floor]:hover .marker{background-color:rgba(255,255,255,0.8);border:4px solid #d12a07;color:#000;font-weight:bold}
#building [data-floor]:hover .marker .ov{background: url(/cyber/hall/images/cyber2018/common/icon-floor_ov.png) no-repeat;}
#building [data-floor]:hover .marker:after{border-color:#d12a07 transparent transparent;}


#building [data-floor].active .marker{background-color:rgba(255,255,255,0.8);border:4px solid #d12a07;color:#000;font-weight:bold}
#building [data-floor].active .marker .ov{background: url(/cyber/hall/images/cyber2018/common/icon-floor_ov.png) no-repeat;}
#building [data-floor].active .marker:after{border-color:#d12a07 transparent transparent;}


.floor-f1{}
/* 1층 */
.floor-f1 [data-position="1"]{top:48%;left:24%;}
.floor-f1 [data-position="2"]{top:61%;left:79%;}
.floor-f1 [data-position="3"]{top:53%;left:11%;}
.floor-f1 [data-position="4"]{top:57%;left:28%;}
.floor-f1 [data-position="5"]{top:35%;left:41%;}
.floor-f1 [data-position="6"]{top:51%;left:54%;}
.floor-f1 [data-position="7"]{top:35%;left:60%;}
.floor-f1 [data-position="8"]{top:60%;left:16%;}
.floor-f1 [data-position="9"]{top:47%;left:85%;min-width:155px;}
.floor-f1 [data-position="10"]{top:57%;left:43%;}


/* 2층 */
.floor-f2 [data-position="1"]{top:55%;left:6%;}
.floor-f2 [data-position="2"]{top:61%;left:56%;}
.floor-f2 [data-position="3"]{top:64%;left:21%;}
.floor-f2 [data-position="4"]{top:44%;left:34%;}
.floor-f2 [data-position="5"]{top:64%;left:87%;min-width:133px;}
.floor-f2 [data-position="6"]{top:55%;left:92%;min-width:133px;}
.floor-f2 [data-position="7"]{top:56%;left:74%;min-width:138px;}
.floor-f2 [data-position="8"]{top:44%;left:63%;}
.floor-f2 [data-position="9"]{top:56%;left:83.5%;min-width:133px;}
.floor-f2 [data-position="10"]{top:54%;left:21%;}
.floor-f2 [data-position="11"]{top:44%;left:25%;}

/* 3층 */
.floor-f3 [data-position="1"]{top:55%;left:30%;}
.floor-f3 [data-position="2"]{top:56%;left:39.5%;}
.floor-f3 [data-position="3"]{top:43%;left:35%;}
.floor-f3 [data-position="4"]{top:52%;left:48.5%;}
.floor-f3 [data-position="5"]{top:55%;left:57%;}
.floor-f3 [data-position="6"]{top:55%;left:88%;min-width:155px;}
.floor-f3 [data-position="7"]{top: 48%;left: 60.5%;}


@charset "utf-8";

.zoom-holder [data-floor] *{transition: all 0.3s;}


#building [data-floor]{position:absolute;background-color:transparent;}
#building [data-floor] .marker{display:inline-block;position:relative;padding: 10px 13px 10px 41px;text-align: left;background-color:rgba(0,0,0,0.5);border:4px solid #474747;color:#fff;font-size:16px;line-height:1.3;border-radius:2px;max-width: 220px;width: 100%;font-weight: 600;word-break: keep-all;}
#building [data-floor] .marker span {font-size: 13px;line-height: 1.2;margin-top: 5px;display: block;transition: none;}
#building [data-floor] .marker:after{content:'';position:absolute;left:0;right:0;bottom:-12px;width:0;height:0;margin:0 auto;border-width:10px 8px 0 8px;border-style:solid;border-color:#474747 transparent transparent;}
#building [data-floor] .marker *{vertical-align:middle}
#building [data-floor] .marker .ov{display:inline-block;overflow:hidden;margin-right:5px;width:24px;height:15px;background: url(/cyber/hall/images/cyber2018/common/icon-floor.png) no-repeat;position: absolute;left: 9px;top: 50%;transform: translateY(-50%);}


#building [data-floor]:hover{}
#building [data-floor]:hover .marker{background-color:rgba(255,255,255,0.8);border:4px solid #d12a07;color:#000;font-weight:bold}
#building [data-floor]:hover .marker .ov{background: url(/cyber/hall/images/cyber2018/common/icon-floor_ov.png) no-repeat;}
#building [data-floor]:hover .marker:after{border-color:#d12a07 transparent transparent;}


#building [data-floor].active .marker{background-color:rgba(255,255,255,0.8);border:4px solid #d12a07;color:#000;font-weight:bold}
#building [data-floor].active .marker .ov{background: url(/cyber/hall/images/cyber2018/common/icon-floor_ov.png) no-repeat;}
#building [data-floor].active .marker:after{border-color:#d12a07 transparent transparent;}


.floor-f1{}
/* 1층 */
.floor-f1 [data-position="1"]{top:48%;left:24%;}
.floor-f1 [data-position="2"]{top:61%;left:79%;}
.floor-f1 [data-position="3"]{top:53%;left:11%;}
.floor-f1 [data-position="4"]{top:57%;left:28%;}
.floor-f1 [data-position="5"]{top:35%;left:41%;}
.floor-f1 [data-position="6"]{top:51%;left:54%;}
.floor-f1 [data-position="7"]{top:35%;left:60%;}
.floor-f1 [data-position="8"]{top:60%;left:16%;}
.floor-f1 [data-position="9"]{top:47%;left:85%;min-width:155px;}
.floor-f1 [data-position="10"]{top:57%;left:43%;}


/* 2층 */
.floor-f2 [data-position="1"]{top:55%;left:6%;}
.floor-f2 [data-position="2"]{top:61%;left:56%;}
.floor-f2 [data-position="3"]{top:64%;left:21%;}
.floor-f2 [data-position="4"]{top:44%;left:34%;}
.floor-f2 [data-position="5"]{top:64%;left:87%;min-width:133px;}
.floor-f2 [data-position="6"]{top:55%;left:92%;min-width:133px;}
.floor-f2 [data-position="7"]{top:56%;left:74%;min-width:138px;}
.floor-f2 [data-position="8"]{top:44%;left:63%;}
.floor-f2 [data-position="9"]{top:56%;left:83.5%;min-width:133px;}
.floor-f2 [data-position="10"]{top:54%;left:21%;}
.floor-f2 [data-position="11"]{top:44%;left:25%;}

/* 3층 */
.floor-f3 [data-position="1"]{top:55%;left:30%;}
.floor-f3 [data-position="2"]{top:56%;left:39.5%;}
.floor-f3 [data-position="3"]{top:43%;left:35%;}
.floor-f3 [data-position="4"]{top: 54%;left: 46.5%;}
.floor-f3 [data-position="5"]{top: 55%;left: 55%;}
.floor-f3 [data-position="6"]{top:55%;left:88%;min-width:155px;}
.floor-f3 [data-position="7"]{top: 45%;left: 60.5%;}
.floor-f3 [data-position="8"]{top: 45%;left: 55.5%;}


/* 4층 */
.floor-f4 [data-position="1"]{top:58%;left: 41%;}
.floor-f4 [data-position="2"]{top: 58%;left: 6%;}
.floor-f4 [data-position="3"]{top:40%;left:24%;}
.floor-f4 [data-position="4"]{top:30%;left:28%;}
.floor-f4 [data-position="5"]{top: 58%;left: 22%;}
.floor-f4 [data-position="6"]{top:51%;left:26%;}
.floor-f4 [data-position="7"]{top:40%;left:77%;}
.floor-f4 [data-position="8"]{top:58%;left:68%;}
.floor-f4 [data-position="9"]{top:58%;left:51%;}


/* 5층 */
.floor-f5 [data-position="1"]{top:58%;left:42%;}
.floor-f5 [data-position="2"]{top:58%;left:24%;}
.floor-f5 [data-position="3"]{top:40%;left:77%;}
.floor-f5 [data-position="4"]{top:54%;left:11%;}
.floor-f5 [data-position="5"]{top:39%;left:29%;}
.floor-f5 [data-position="6"]{top:34%;left:23%;}
.floor-f5 [data-position="7"]{top:41%;left:64%;}
.floor-f5 [data-position="8"]{top:58%;left:34%;}
.floor-f5 [data-position="9"]{top:58%;left:62%;}
.floor-f5 [data-position="10"]{top:52%;left:50%;}


.floor-f5 [data-position="11"]{top:37%;left:22%;}
.floor-f5 [data-position="12"]{top:31%;left:27%;}


/* 6층 */
.floor-f6 [data-position="1"]{top:58%;left:11%;}
.floor-f6 [data-position="2"]{top:58%;left:59%;}
.floor-f6 [data-position="3"]{top:56%;left:37%;}
.floor-f6 [data-position="4"]{top:40%;left:77%;}
.floor-f6 [data-position="5"]{top:39%;left:29%;}
.floor-f6 [data-position="6"]{top:34%;left:23%;}
.floor-f6 [data-position="7"]{top:62%;left:20%;}

/* 7층 */
.floor-f7 [data-position="1"]{top:58%;left:57%;}
.floor-f7 [data-position="2"]{top:58%;left:34%;}
.floor-f7 [data-position="4"]{top:40%;left:77%;}
.floor-f7 [data-position="3"]{top:54%;left: 4%;}
.floor-f7 [data-position="5"]{top:54%;left: 19%;}
.floor-f7 [data-position="6"]{top:34%;left:23%;}
.floor-f7 [data-position="7"]{top: 34%; left: 63%;}
/*
.floor-f7 [data-position="5"]{top:39%;left:29%;}
.floor-f7 [data-position="6"]{top:36%;left:23%;}
.floor-f7 [data-position="7"]{top:40%;left:64%;}
*/
/* 8층 */
.floor-f8 [data-position="1"]{top:58%;left:38%;}
.floor-f8 [data-position="2"]{top:39%;left:78%;}
.floor-f8 [data-position="3"]{top:40%;left:62%;}
.floor-f8 [data-position="4"]{top:54%;left:63%;}
.floor-f8 [data-position="5"]{top:59%;left:5%;}

.floor-f8 [data-position="6"]{top:62%;left:22%;}
/*
.floor-f8 [data-position="6"]{top:36%;left:23%;}
.floor-f8 [data-position="7"]{top:40%;left:64%;}
*/



/* 5층 */
.floor-f5 [data-position="1"]{top:58%;left:42%;}
.floor-f5 [data-position="2"]{top:58%;left:24%;}
.floor-f5 [data-position="3"]{top:40%;left:77%;}
.floor-f5 [data-position="4"]{top:54%;left:11%;}
.floor-f5 [data-position="5"]{top:39%;left:29%;}
.floor-f5 [data-position="6"]{top:34%;left:23%;}
.floor-f5 [data-position="7"]{top:41%;left:64%;}
.floor-f5 [data-position="8"]{top:58%;left:34%;}
.floor-f5 [data-position="9"]{top:58%;left:62%;}
.floor-f5 [data-position="10"]{top:52%;left:50%;}


.floor-f5 [data-position="11"]{top:37%;left:22%;}
.floor-f5 [data-position="12"]{top:31%;left:27%;}


/* 6층 */
.floor-f6 [data-position="1"]{top:58%;left:11%;}
.floor-f6 [data-position="2"]{top:58%;left: 56%;}
.floor-f6 [data-position="3"]{top:56%;left:37%;}
.floor-f6 [data-position="4"]{top:40%;left:77%;}
.floor-f6 [data-position="5"]{top:39%;left:29%;}
.floor-f6 [data-position="6"]{top: 58%;left: 68%;}
.floor-f6 [data-position="8"]{    top: 35%; left: 23%;}
.floor-f6 [data-position="7"]{top:62%;left:20%;}

/* 7층 */
.floor-f7 [data-position="1"]{top:58%;left:57%;}
.floor-f7 [data-position="2"]{top:58%;left:34%;}
.floor-f7 [data-position="4"]{top:40%;left:77%;}
.floor-f7 [data-position="3"]{top:54%;left: 4%;}
.floor-f7 [data-position="5"]{top:54%;left: 19%;}
.floor-f7 [data-position="6"]{top:34%;left:23%;}

/*
.floor-f7 [data-position="5"]{top:39%;left:29%;}
.floor-f7 [data-position="6"]{top:36%;left:23%;}
.floor-f7 [data-position="7"]{top:40%;left:64%;}
*/
/* 8층 */
.floor-f8 [data-position="1"]{top:58%;left:38%;}
.floor-f8 [data-position="2"]{top:39%;left:78%;}
.floor-f8 [data-position="3"]{top:40%;left:62%;}
.floor-f8 [data-position="4"]{top:54%;left:63%;}
.floor-f8 [data-position="5"]{top:59%;left:5%;}

.floor-f8 [data-position="6"]{top:62%;left:22%;}
/*
.floor-f8 [data-position="6"]{top:36%;left:23%;}
.floor-f8 [data-position="7"]{top:40%;left:64%;}
*/