@charset "UTF-8";#map,.banner{top:0;left:0}#map{position:absolute;width:100%;height:100%}*{font-family:"微軟正黑體";font-size:14px}.banner{position:fixed;height:50px;z-index:1000;background:linear-gradient(180deg,#17b1bb 0,#17b1bb 58%,#0e6a70 58%,#0e6a70 100%);border-radius:0 0 15px;display:flex;flex-direction:row;padding-right:10px}.banner .bannerimg{width:227px;margin-right:50px}.banner .bannertext{position:absolute;top:10px;left:8px;height:65%;filter:drop-shadow(3px 3px 5px rgba(0, 0, 0, .9));cursor:pointer}.banner .bannertri_down{position:absolute;top:50px;left:12px;width:0;height:0;border-style:solid;border-width:15px 15px 0;border-color:#053e41 transparent transparent}.banner .banner_button_area{display:flex;flex-direction:row}.menuBody,.menuList{flex-direction:column}.banner img{height:100%}.menuList{width:45px;height:calc(100% - 75px);position:fixed;left:6px;bottom:0;z-index:1001;display:flex}.menuList input[type=radio]{display:none}.menuList input[type=radio]+label{width:42px;height:42px;cursor:pointer;user-select:none;background-size:cover;background-repeat:no-repeat;margin:0 0 10px;transition:transform .3s ease;background-color:#fff;border-radius:8px}.menuList input[type=radio]:checked+label::after{content:"";position:absolute;z-index:1;width:20px;height:20px;transform:translate(32px,11px);background:linear-gradient(0deg,#0b5f94 0,#0b5f94 33%,#17b1bb 33%,#17b1bb 100%);clip-path:polygon(50% 0,100% 50%,50% 100%)}.menuList input[type=radio]:checked+label{transform:translate(3px,0)}.menuBody{width:225px;height:calc(100% - 50px - 100px);overflow:auto;position:fixed;top:70px;left:-226px;transition:transform .2s ease;z-index:1000;display:flex;scrollbar-width:thin}.menuBody .menuContent{display:none;width:100%;min-height:100px}.menuBody .menuContent.showContent{display:flex;flex-direction:column}.menuBody.showMenuBody{transform:translate(calc(225px + 60px),0)}.L_ext_button{text-align:center;font-size:1rem;margin-left:10px;width:2.2rem;height:2.2rem;cursor:pointer}.L_ext_button div{background-repeat:no-repeat;border-radius:50%;background-color:#fff;width:100%;height:100%}.L_ext_button:hover div{box-shadow:1.5px 1.5px 1.5px #d3d3d3}.L_ext_camera{background-image:url(/map/images/site/svg/btn-top01.svg)}.L_ext_camera:hover{background-image:url(/map/images/site/svg/btn-top01a.svg)}.L_ext_location{background-image:url(/map/images/site/svg/btn-top04.svg)}.L_ext_location:hover{background-image:url(/map/images/site/svg/btn-top04a.svg)}.L_ext_add{background-image:url(/map/images/site/svg/btn-top02.svg)}.L_ext_add:hover{background-image:url(/map/images/site/svg/btn-top02a.svg)}.L_ext_minus{background-image:url(/map/images/site/svg/btn-top03.svg)}.L_ext_minus:hover{background-image:url(/map/images/site/svg/btn-top03a.svg)}.filterdiv{width:90%;padding:0 0 8px}.filterdiv input[type=date],.filterdiv input[type=month],.filterdiv input[type=number]{width:100%;border:none;border-bottom:1px solid #0b5f94;background:0 0}.filterdiv input[type=date]:focus,.filterdiv input[type=month]:focus,.filterdiv input[type=number]:focus{outline:0;background:#c5ebe5}.filterdiv input[type=date]::-webkit-calendar-picker-indicator,.filterdiv input[type=month]::-webkit-calendar-picker-indicator{cursor:pointer}.filterdiv input[type=number]{width:40%}.filterdiv label{margin:5px 0 0;font-size:.8rem;color:#0d949d}.filterdiv span{text-align:center;width:20%}.loadingInfo{width:100%;height:100%;background:rgba(0,0,0,.2);text-align:center;z-index:6000;position:absolute;top:0;left:0}.loadingInfo .loadingtext{position:absolute;top:calc(50% - 100px);left:calc(50% - 450px);width:900px;height:200px;line-height:200px;border-radius:40px;color:#fff;font-weight:700;-webkit-text-stroke:2px #2034a5;text-shadow:2px -2px 2px #8e8e8e}.station-icon .triangle,.station-icon .triangle2{width:100%;height:100%;clip-path:polygon(50% 5%,90% 80%,10% 80%)}.loadingInfo .loadingtext i,.loadingInfo .loadingtext span{font-size:5rem}.layerList{background:rgba(80,197,204,.5019607843);width:100%;padding:5px}.monitorimg img{width:100%}.station-legend{position:relative;margin-right:10px}.station-icon .circletri::after,.station-icon .doublecircle::after,.station-icon .fiveedge::after{content:"";position:absolute;z-index:1}.station-icon{background:0 0;display:flex;justify-content:center;align-items:center}.station-icon .triangle{background:#FF9224}.station-icon .triangle2{background:#6F00D2}.station-icon .circle{width:80%;height:80%;background:#FF9224;clip-path:circle(49% at 50% 50%)}.station-icon .circletri{width:100%;height:100%;background:red;clip-path:circle(49% at 50% 50%)}.station-icon .circletri::after{width:100%;height:100%;background:rgba(0,0,0,.368627451);clip-path:polygon(50% 5%,90% 80%,10% 80%)}.station-icon .fiveedge{width:100%;height:100%;background:#00DB00;clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%)}.station-icon .fiveedge::after{width:100%;height:100%;background:#000;clip-path:circle(20% at 50% 55%)}.station-icon .bevel{width:75%;height:75%;background:#00bad2;clip-path:polygon(25% 0,75% 0,100% 25%,100% 75%,75% 100%,25% 100%,0 75%,0 25%)}.station-icon .doublecircle{width:100%;height:100%;background:gray;clip-path:circle(49% at 50% 50%)}.station-icon .doublecircle::after{width:100%;height:100%;background:#d3d3d3;clip-path:circle(20% at 50% 50%)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{-webkit-border-radius:10px;border-radius:10px;margin:5px 0}::-webkit-scrollbar-thumb{-webkit-border-radius:4px;border-radius:4px;background:#0b5f94}.chart_filterdiv input[type=month]{border:none;border-bottom:1px solid #0b5f94;background:0 0}.chart_filterdiv input[type=month]:focus{outline:0;background:#c5ebe5}.chart_filterdiv span{place-self:center;margin:0 15px}