.wgis-inner-map { height:100vw;}
.kmap-app { position: relative; height:100vw; }

.mvideo-control { width:340px; height:96px; position:absolute; bottom:10px; z-index:2; display:flex; align-items:center; justify-content:center; margin-left:50%; left:-170px; }
.mvideo-button-group { position:absolute; left:0; top:0; right:0; bottom:0; z-index:3; background-color:rgba(0,0,0,0); display:none; align-items:center; justify-content:center; }
.mvideo-button-group.active { display:flex;}
.mvideo-button { width:6rem; height:6rem; text-indent:-9999px; margin:.5rem; border-radius:50%; overflow:hidden;}
.mvideo-button:active { box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3); background-color:rgba(0,0,0,0.3); }
.mvideo-button-prev { background:url(../../images/arrow-rotate-left-solid-in10-white.svg) 50% center no-repeat; background-size:3rem;}
.mvideo-button-next { background:url(../../images/arrow-rotate-right-solid-in10-white.svg) 50% center no-repeat; background-size:3rem;}
.mvideo-button-pause { background:url(../../images/stop-solid-white.svg) 50% center no-repeat; background-size:3rem;}
.mvideo-button-play { background:url(../../images/play-solid-white.svg) 55% center no-repeat; background-size:2rem; }
.mvideo-progress { width:100%; height:4px; position:absolute; left:0; bottom:-4px; z-index:3; display:flex; align-items:center; justify-content:center; }
.mvideo-progress-group { width:100%; height:4px; border-radius:3px; background-color:#b0bdcd; position:relative;}
.mvideo-progress-bar { transition:width 0.2s; position:absolute; width:0; height:4px; background-color:#1387fe; border-radius:3px; z-index:3;}
.mvideo-progress-point { display:none; position:absolute; left:0; margin-left:-8px; margin-top:-6px; width:16px; height:16px; background-color:#1387fe; border-radius:50%; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.5); overflow:hidden; z-index:2; }

.mvideo_img { z-index:1; min-height:100vw;}
.mvideo_slide { height:110vw; }
.mvideo_slide:has(img[data-lazy]) { height:100vw; position:relative; }
.mvideo_slide:has(img[data-lazy])::before {
  content: '';display: inline-block; position: absolute;top: 50%;left: 50%;height: 12rem;width: 12rem;transform: translate(-50%,-50%);
  background-color:rgba(0,0,0,0.2);
  border-radius:1em;
}
.mvideo_slide:has(img[data-lazy])::after {
  content: '';display: inline-block; position: absolute;top: 50%;left: 50%;height: 8rem;width: 8rem;transform: translate(-50%,-50%);
  background: url(../../images/circles.svg) no-repeat center center; background-size: 8rem;
}
.mvideo_slide h4 { color:#1387fe; display:flex; padding:4px; align-items:center; justify-content:space-between; }
.mvideo_slide h4 strong{ color:#1387fe; }
.mvideo_slide h4 em{ color:#000;font-weight:700; }
.mvideo_slide h4 strong.ef { color:#F07260; }
.mvideo_slide h4 span { font-weight:700;}

.base-tm { display:flex; align-items:center; justify-content:flex-start; border:1px solid #efefef; border-top:0; }
.base-tm > strong { color:#000; background-color:#efefef; font-weight:700; font-size:15px; padding:10px 10px 9px 10px; }
.base-tm > span { color:#000; background-color:#fff; font-weight:700; font-size:15px; padding:10px 10px 9px 10px; }

.kmap-guide{font-size:12px; padding:4px;}

@media (max-width: 440px) {
  .kmap-app, .wgis-inner-map { height:440px; }
}