.list-container[data-v-4eee6f0b]{height:100%;background-repeat:no-repeat;background-size:100% 100%;background-attachment:fixed;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;border:2px solid #064f7f}.list-area[data-v-4eee6f0b],.list-item-btn[data-v-4eee6f0b]{text-align:center;width:100%}.list-area[data-v-4eee6f0b]{top:0;bottom:auto;left:0;right:0;height:90%}.form-area[data-v-3e0c4000]{margin:2em;text-align:center}.header[data-v-3e0c4000]{position:relative;padding:10px;min-height:20px;background-color:#004d81;color:#fff}.close-btn[data-v-3e0c4000]{position:absolute;right:5px;top:5px}.header[data-v-34e6f84d]{position:relative;padding:10px;min-height:20px;background-color:#004d81;color:#fff}.close-btn[data-v-34e6f84d]{position:absolute;right:5px;top:5px}.form-area[data-v-12c0ba0d]{margin:2em;text-align:center}.header[data-v-12c0ba0d]{position:relative;padding:20px;min-height:30px}.close-btn[data-v-12c0ba0d]{position:absolute;right:5px;top:5px}.form-area[data-v-74f3ff80]{margin:2em;text-align:center}.header[data-v-74f3ff80]{position:relative;padding:20px;min-height:30px}.close-btn[data-v-74f3ff80]{position:absolute;right:5px;top:5px}.corner{width:20px;height:20px;border:3px solid #62b1ed}.corner-lt{border-width:3px 0 0 3px}.corner-rt{border-width:3px 3px 0 0}.corner-rb{border-width:0 3px 3px 0}.corner-lb{border-width:0 0 3px 3px}.main-container{min-height:calc(100vh - 50px);-webkit-box-sizing:border-box;box-sizing:border-box;border:2px solid #064f7f}.search-ship{top:1em;left:5em}.map-container{margin-right:5px;height:100%;background:#0527af;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;border:2px solid #064f7f}.map-style{height:100%;width:100%;padding:5px}.ol-mouse-position{color:#fff}.ol-popup{position:absolute;background-color:#fff;-webkit-filter:drop-shadow(0 1px 4px rgba(0,0,0,.2));filter:drop-shadow(0 1px 4px rgba(0,0,0,.2));padding:15px;border-radius:10px;border:1px solid #ccc;bottom:12px;left:-50px;min-width:35em}.ol-popup:after,.ol-popup:before{top:100%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.ol-popup:after{border-top-color:#fff;border-width:10px;left:48px;margin-left:-10px}.ol-popup:before{border-top-color:#ccc;border-width:11px;left:48px;margin-left:-11px}.ol-popup-closer{text-decoration:none;position:absolute;top:2px;right:8px}.ol-popup-closer:after{content:"\2716"}.ol-zoom{top:.5em;left:.5em}.ol-scale-line{bottom:.5em}.ol-mouse-position{top:auto;bottom:.5em;right:.5em;font-size:16px;position:absolute;background:rgba(15,52,78,.31);border-radius:2px}.ol-overviewmap{bottom:2em}.pop-style{width:400px;height:auto}.logout-btn{top:1em;right:2em}.map-tool-btn{right:2em;top:4em}.layer-tool-btn{right:2em;top:7em}.map-layer-btn{right:2em;top:10em}.back-btn{right:2em;top:13em}.back-btn-01{right:2em;top:19em}.back-btn-alarm{right:2em;top:22em}.oline-btn{right:2em;top:16em}.number-fish-btn{right:2em;top:25em}.tooltip{position:relative;background:rgba(0,0,0,.5);border-radius:4px;color:#fff;padding:4px 8px;opacity:.7;white-space:nowrap}.tooltip-measure{opacity:1;font-weight:700}.tooltip-static{background-color:#fc3;color:#000;border:1px solid #fff}.tooltip-measure:before,.tooltip-static:before{border-top:6px solid rgba(0,0,0,.5);border-right:6px solid transparent;border-left:6px solid transparent;content:"";position:absolute;bottom:-6px;margin-left:-7px;left:50%}.tooltip-static:before{border-top-color:#fc3}