#videoDesktop,#videoMobile{position:absolute;opacity:0;pointer-events:none;width:100%;height:100%}.hkubs-map-wrapper{overflow:hidden;position:relative;background-color:#0c1217;background-image:url(//www.hkubs.hku.hk/wp-content/themes/hkubs/assets/map/css/../img/gradient-bg-desktop.png);background-repeat:repeat-x;background-position:center top;margin:-80px 0}.hkubs-map .map-banner{position:absolute;left:0;right:0;margin:auto;top:200px;bottom:auto;z-index:2;max-width:80vw}.hkubs-map{text-align:center}.hkubs-map .navbar{position:absolute;text-align:center;top:auto;bottom:5%;right:54%;width:100%;max-width:400px;z-index:22;padding-bottom:15px}.hkubs-map .navbar>li{list-style:none;display:inline-block;margin:0 10px !important;padding-left:0 !important;width:35px;margin:0 !important;text-align:center}.hkubs-map .navbar>li:before{display:none !important}.hkubs-map .navbar>li>div{width:30px;height:30px;line-height:30px;border-radius:30px;margin-right:-45px;background:rgba(52,73,98,.3);color:#fff;cursor:pointer;margin:auto;transition:.3s ease}.hkubs-map .navbar>li>div:hover,.hkubs-map .navbar>li>div:focus{background:rgba(52,73,98,1)}.hkubs-map .btn-pause{display:none}.hkubs-map .btn-play{display:block}.hkubs-map.autoplay .btn-pause{display:block}.hkubs-map.autoplay .btn-play{display:none}.hkubs-map-info-popup{z-index:1;transition:.5s ease;opacity:0;pointer-events:none;position:absolute;text-align:center;bottom:5%;right:54%;width:100%;max-width:400px;padding:40px 20px 70px;color:#fff;border:1px solid #fff;border-radius:8px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;flex-direction:column}.hkubs-map-info-popup.show{z-index:2;opacity:1;pointer-events:auto}.hkubs-map-info-popup .center-name{font-size:20px;font-weight:700;text-shadow:1px 1px 0px #000;margin-bottom:15px}.hkubs-map-info-popup .center-name span{display:inline-block}.hkubs-map-info-popup img{max-width:100%;border-radius:8px;margin-bottom:15px;aspect-ratio:1.5;object-fit:cover;object-position:bottom}.hkubs-map-info-popup .center-introduction{text-shadow:1px 1px 0px #000;margin-bottom:30px;flex-grow:1}.hkubs-map-info-popup .center-introduction span{display:inline-block}.hkubs .hkubs-map-info-popup .btn-learn-more{display:inline-block;text-decoration:none;padding:10px 15px;color:#fff;border:1px solid #fff;border-radius:8px;transition:.3s ease}.hkubs .hkubs-map-info-popup .btn-learn-more:hover,.hkubs .hkubs-map-info-popup .btn-learn-more:focus{background-color:#fff;color:#344962;text-decoration:none;border:1px solid #344962}.hkubs-map-info-popup .btn-close{display:none;position:absolute;top:-15px;right:-15px;width:30px;height:30px;background-image:url(//www.hkubs.hku.hk/wp-content/themes/hkubs/assets/map/css/../img/icon-close.png);background-size:cover;cursor:pointer}@media only screen and (max-width:997px){.hkubs-map-wrapper{background-image:none;background-color:#1d2835;padding-bottom:50px}.hkubs-map{max-height:920px}.hkubs-map .map-banner{top:160px}.hkubs-map-info-popup{bottom:calc(5% + 15px);left:15px;right:15px;max-width:none;width:auto}.hkubs-map-info-popup{padding:15px 15px 70px}.hkubs-map-info-popup .center-name{font-size:18px}.hkubs-map-info-popup .center-image{display:none}.hkubs-map-info-popup .center-introduction{width:calc(100vw - 60px);-webkit-line-clamp:6;overflow:hidden;text-overflow:ellipsis;height:148px;max-height:148px;display:-webkit-box;-webkit-box-orient:vertical}#hkubs-global-map{max-width:none;margin-bottom:50px}.hkubs-map-scrollpanel{overflow:auto}.hkubs-map .navbar{max-width:none;right:auto;bottom:calc(5% + 15px)}}