@import url(//fonts.googleapis.com/earlyaccess/notosanstc.css);@import url(https://fonts.googleapis.com/css?family=Roboto:700);.m-24{margin:24px}.mt-24{margin-top:24px}.mr-24{margin-right:24px}.mb-24{margin-bottom:24px}.ml-24{margin-left:24px}.m-16{margin:16px}.mt-16{margin-top:16px}.mr-16{margin-right:16px}.mb-16{margin-bottom:16px}.ml-16{margin-left:16px}.m-12{margin:12px}.mt-12{margin-top:12px}.mr-12{margin-right:12px}.mb-12{margin-bottom:12px}.ml-12{margin-left:12px}.m-6{margin:6px}.mt-6{margin-top:6px}.mr-6{margin-right:6px}.mb-6{margin-bottom:6px}.ml-6{margin-left:6px}.m-0{margin:0!important}.mt-0{margin-top:0}.mr-0{margin-right:0}.mb-0{margin-bottom:0}.ml-0{margin-left:0}.p-24{padding:24px}.pt-24{padding-top:24px}.pr-24{padding-right:24px}.pb-24{padding-bottom:24px}.pl-24{padding-left:24px}.p-16{padding:16px}.pt-16{padding-top:16px}.pr-16{padding-right:16px}.pb-16{padding-bottom:16px}.pl-16{padding-left:16px}.p-12{padding:12px}.pt-12{padding-top:12px}.pr-12{padding-right:12px}.pb-12{padding-bottom:12px}.pl-12{padding-left:12px}.p-6{padding:6px}.pt-6{padding-top:6px}.pr-6{padding-right:6px}.pb-6{padding-bottom:6px}.pl-6{padding-left:6px}.layout{display:flex;flex-direction:column}.layout .footer,.layout .header,.layout .page-header,.layout .sider{flex:0 0 auto}.layout .content{flex:auto;display:flex;flex-direction:column}.w-100{width:100%}.h-100{height:100%}.card .card-title{border-top-left-radius:.25rem;border-top-right-radius:.25rem;padding:12px;text-align:center;background-color:#343a40;font-size:1.2rem;font-weight:600;color:#df9f3a}.card .card-content{height:100%;border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem;padding:12px;font-size:1rem;color:#fff;background-color:rgba(51,51,51,.5);overflow-y:auto}.custom-form .form-item{margin-bottom:12px}.custom-form .form-item .field{display:flex;align-items:center}.custom-form .form-item .title{font-size:16px;font-weight:400;margin:0;flex:0 1 auto}.custom-form .form-item .require-mark:before{display:inline-block;margin-right:4px;color:#ff4d4f;font-size:14px;font-family:SimSun,sans-serif;line-height:1;content:"*"}.custom-form .form-item .p-field{margin:0!important;flex:1 1}.custom-form .form-item .p-field *{line-height:24px;font-size:16px}.custom-form .form-item .p-field i{line-height:14px}.custom-form .form-item .p-password{display:block}.custom-form .form-item .p-password input{width:100%}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;font-family:"Noto Sans TC",sans-serif!important}#root,body,html{height:100%}.hiddenText{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.leaflet-popup-tip,.leaflet-tooltip{background-color:rgba(0,0,0,.7);border:1px solid rgba(0,0,0,.7)}.leaflet-tooltip:before{border-top-color:rgba(0,0,0,.7)}.leaflet-popup-close-button{top:6px!important;right:6px!important}.leaflet-popup-content{margin:12px 16px}.leaflet-popup-content-wrapper,.leaflet-tooltip-pane{background-color:rgba(0,0,0,.7);border-radius:5px}.leaflet-popup-content-wrapper *,.leaflet-tooltip-pane *{color:#fff}.leaflet-bar{border:0}.leaflet-bar a,.leaflet-bar a.leaflet-disabled,.leaflet-bar a.leaflet-disabled:hover,.leaflet-bar a:hover{background-color:rgba(0,0,0,.7);border:0;color:#fff}.toolBax{background-color:transparent;border:1px solid transparent;box-shadow:none}.toolBax,.toolBax *{color:#000}.toolBaxred{background-color:transparent;border:1px solid transparent;box-shadow:none;color:red}.toolBaxred *{color:red}.toolBaxgray{background-color:transparent;border:1px solid transparent;box-shadow:none}.toolBaxgray,.toolBaxgray *{color:#484242}.toolBaxgreen{background-color:transparent;border:1px solid transparent;box-shadow:none;color:#008f00}.toolBaxgreen *{color:#008f00}.infobox{padding:20px 10px;color:#fff}.infobox .title,.infobox .title #CaseNo{font-size:18px!important;color:#fffa93!important}.infobox hr{opacity:.5}.infobox .page{text-align:right}.infobox .page a{color:#fff;font-weight:700;text-decoration:none}.prev-next-button{background:#fff;background-color:hsla(0,0%,100%,.5);border:none;border-radius:50%;width:24px;height:24px;line-height:26px;cursor:pointer;margin:0}.prev-next-button:hover{background-color:hsla(0,0%,100%,.7)}.page input[type=text]{height:20px;font-size:16px;text-align:center;border:0;border-radius:3px}.infobox ul{padding:0 10px;margin:5px 0;border-radius:5px;background-color:hsla(0,0%,100%,.1)}.infobox li{border-bottom:1px solid hsla(0,0%,100%,.2);list-style:none;padding:6px 0;display:flex;justify-content:space-between;text-align:right}.infobox li:last-child{border:0}.infobox .Name{color:#aadff0;text-align:left;word-break:keep-all}.leaflet-pane .leaflet-popup-pane .leaflet-popup .leaflet-zoom-animated .leaflet-popup-content-wrapper .leaflet-popup-content .infobox .title *{color:#fffa93}.infoboxMap{padding:20px 10px;color:#000}.infoboxMap .title,.infoboxMap .title #CaseNo{font-size:18px!important;color:#fffa93!important}.infoboxMap hr{opacity:.5}.infoboxMap .page{text-align:right}.infoboxMap .page a{color:#fff;font-weight:700;text-decoration:none}.infoboxMap ul{padding:0 10px;margin:5px 0;border-radius:5px;background-color:rgba(135,132,132,.232)}.infoboxMap li,.infoboxMap li:last-child{list-style:none;padding:6px 0;display:flex;text-align:left;border-bottom:1px solid rgba(225,47,47,.353)}.infoboxMap .Name{color:#aadff0;text-align:left;word-break:keep-all}.openGmapcss{border:0;background-color:#fff;color:#000;border-radius:10px;cursor:pointer}.leaflet-top .leaflet-control{margin-top:50px}.leaflet-control-layers leaflet-control{background-color:#2da0e2;background-size:20px 20px}#AuthLayout{min-height:100vh;position:relative;background-image:url(/static/media/login_background.74e67004.png);background-position:50%;background-size:cover}#header{background:#2bb673;padding:0 12px;justify-content:space-between}#header,#header .title{height:70px;display:flex;align-items:center}#header .title{line-height:70px;font-size:1.5rem;font-weight:600;cursor:pointer;letter-spacing:.1em;color:#ff0;grid-gap:6px;gap:6px}#header .title .logo{height:32px}#header .menu a{color:inherit;text-decoration:none}#header .menu .icon-btn{padding:6px 12px;border-radius:.3rem;border:1px solid rgba(0,0,0,.1);cursor:pointer}#header .menu .icon-btn .icon{font-size:24px}#header .menu .icon-btn:hover{border-color:hsla(0,0%,100%,.5)}#header .menu .icon-btn:hover .icon{color:hsla(0,0%,100%,.5)}#header .menu .flex-nav{height:70px;list-style:none;display:flex;grid-gap:.2rem;gap:.2rem;margin:0}#header .menu .flex-nav li{line-height:70px;cursor:pointer}#header .menu .flex-nav li a{padding:.5rem .3rem;transition:all .5s ease;font-size:1.3rem;font-weight:600;color:#fff}#header .menu .flex-nav li a.active{background-color:red}#header .menu .flex-nav li a:hover{background-color:rgba(255,0,0,.5)}#mobile-menu{background:#2bb673;height:0;border-top:1px solid rgba(30,30,30,.3);transition:all .5s ease-in-out}#mobile-menu .flex-nav{list-style:none;display:flex;flex-direction:column;grid-gap:.2rem;gap:.2rem;margin:0;padding:.5rem 0}#mobile-menu .flex-nav li{padding:.5rem .75rem;line-height:24px;cursor:pointer}#mobile-menu .flex-nav li a{transition:all .5s ease;font-size:1.3rem;font-weight:600;color:#fff}#mobile-menu .flex-nav li.active{background:#1d774c}#mobile-menu.inactive{height:0;border-color:transparent}#mobile-menu.active{height:410px}@media (max-width:400px){#header .title{font-size:1.2rem}}.modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100000;background-color:rgba(0,0,0,.7);display:flex;align-items:flex-start;justify-content:center;overflow:auto}.modal,.modal .modal-card{transition:all .5s ease-in}.modal .modal-card{margin-top:2rem;margin-left:2rem;margin-right:2rem;max-width:1200px;background-color:#fff;border-radius:5px}.modal .modal-card .modal-card-title{padding:1rem 1.2rem;border-bottom:1px solid #dee2e6;display:flex;align-items:center;justify-content:space-around}.modal .modal-card .modal-card-title .title-text{flex:auto;font-size:1.2rem;font-weight:600;text-align:left}.modal .modal-card .modal-card-title .icon{flex:0 0 auto;text-align:right;cursor:pointer}.modal .modal-card .modal-card-content{padding:1rem 1.2rem}.modal.invisible{visibility:hidden;background-color:transparent}.modal.invisible .modal-card{margin-top:-1000px}#Layout{min-height:100vh}#Layout .menu-title{font-size:20px;font-weight:500;margin-left:15px}#Layout .sider{flex:0 0 300px}#Layout .sider,#Layout .sider-closed{padding-top:60px;transition-duration:.5s}#Layout .sider-closed{flex:0 0 70px}#Layout .siderIcon{margin-left:10px;font-size:28px}#Layout .zoom-button{width:25px;height:40px;font-size:24px;color:#fff;border-radius:10px 0 0 10px;position:absolute;top:80px;left:275px;display:flex;align-items:center;justify-content:center;background-color:#a0a0a0;transition-property:left;transition-duration:"0.5s"}#Layout .zoom-button:hover{background-color:silver}#Layout .zoom-button-closed{left:70px;border-radius:0 10px 10px 0;transition-property:left;transition-duration:"0.5s"}#Layout .fake-header{flex:0 0 60px;height:60px;background-color:#42838a}#Layout .header{position:fixed;top:0;left:0;background-color:#42838a}#Layout .header-content{height:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between}#Layout .header-content .left-block{display:flex;align-items:center;grid-gap:12px;gap:12px;font-weight:700;color:#12b886}#Layout .header-content .left-block img{height:40px;margin-left:3px}#Layout .header-content .right-block{display:flex;align-items:center;text-align:right;grid-gap:6px;gap:6px}#Layout .header-content .right-block Button{background-color:#42838a}#Layout .header-content .left-block .marqueeTr{display:flex;align-items:center}#Layout .header-content .left-block .marqueeTr .marqueeLeftTd{padding:7px;background-color:#fff;border-top-left-radius:10px;border-bottom-left-radius:10px}#Layout .header-content .left-block .marqueeTr .marqueeRightTd{width:270px;padding:4px;background-color:#fff;border-top-right-radius:10px;border-bottom-right-radius:10px}#Layout .header-content .left-block .marqueeTr .marqueeRightTd .marqueeItem{width:250px;height:20px;background-color:#fff;font-weight:400;font-size:12pt;color:#505050}#Layout .footer{position:fixed;display:flex;bottom:0;left:0;width:100%;padding:14px;justify-content:center;align-items:center;background-color:#42838a;z-index:99}#login{width:680px;margin:auto}#login .logo{position:relative}#login .logo .bg-white{background-color:#fff;width:120px;height:120px;margin:-60px}#login .logo .bg-white,#login .logo img{position:absolute;left:50%;border-radius:50%;z-index:2}#login .logo img{width:100px;height:100px;margin:-50px}#login .form-card{background-color:rgba(236,247,247,.5);border-radius:20px}#login .form-card .group{margin-top:60px;margin-bottom:30px;justify-content:center}#login .form-card .group .text{font-size:40px;color:#42838a}#HotSpotMap{width:99%;height:100%;padding-right:1%}#HotSpotMap .titleLabel{width:100%;display:flex;justify-content:space-between;margin-bottom:16px;position:relative}#HotSpotMap .titleLabel .title{font-size:32px;color:#42838a}#HotSpotMap .titleLabel .mantine-Chip-label{color:#42838a;font-weight:500;border:1px solid #42838a}#HotSpotMap .titleLabel .mantine-Chip-checked{color:#fff;background-color:#42838a}#HotSpotMap .titleLabel .mantine-Chip-iconWrapper{color:#fff}#HotSpotMap .map{height:100%;width:100%;position:relative;z-index:10}#HotSpotMap .page{display:flex;justify-content:flex-end}#MapInfoBox{background-color:#fff;border-radius:10% 0 0 10%;padding:1%;position:absolute;bottom:3%;right:0;font-size:16px;z-index:9999;overflow-y:scroll}#MapInfoBox::-webkit-scrollbar{width:10px}#MapInfoBox::-webkit-scrollbar-button,#MapInfoBox::-webkit-scrollbar-track-piece{background:transparent}#MapInfoBox::-webkit-scrollbar-thumb{border-radius:4px;border:1px solid #000}#MapInfoBox::-webkit-scrollbar-track{box-shadow:none}#MapInfoBox div{margin:1%}#MapInfoBox .MapInfoBox-Color{border-radius:15%;padding:0 8%;margin:0 1%;height:5px;font-size:10px}#SearchForm .mantine-1lumg83,#SearchForm .mantine-sgncu7{margin:15px 0}#SearchForm .mantine-1yb23eo{margin:10px 0}#SearchForm .mantine-Chip-label,#SearchForm .mantine-MultiSelect-input,#SearchForm .mantine-MultiSelect-value,#SearchForm .mantine-Select-input{color:#42838a;border-color:#42838a}#SearchForm .MultiSelect{width:60%;max-width:450px;min-width:100px}#SearchForm .MultiSelect1,#SearchForm .MultiSelect2,#SearchForm .Select1,#SearchForm .Select2{width:25%;max-width:200px;min-width:150px}.CRUDTable-outer .CRUDTable{table-layout:fixed;width:100%}.CRUDTable-outer .CRUDTable .inside{width:100%}.CRUDTable-outer .CRUDTable tr:first-child th{position:sticky;z-index:1;top:0;background-color:#42838a;color:#fff}.CRUDTable-outer .CRUDTable tr:nth-child(2) th{position:sticky;top:36px;background-color:#42838a;color:#fff}.CRUDTable-outer .CRUDTable tr{background-color:#f4fbff;text-align:center}.CRUDTable-outer .CRUDTable tr td{color:#42838a;border-top:3px solid #fff;word-break:break-all}#empty{min-height:300px;display:flex;align-items:center;justify-content:center;color:#333}#empty .title{font-size:80px;font-weight:800}#empty .subtitle,#empty .title{text-align:center;font-family:"Roboto",sans-serif}#empty .subtitle{font-size:32px;font-weight:600}#empty .descript{text-align:center;font-family:"Roboto",sans-serif;font-size:18px}#HotSpotList{width:98%;height:100%;padding:0 1%;overflow:auto}#HotSpotList .title{font-size:32px;color:#42838a;margin-bottom:16px}#HotSpotList .Listcontent{width:100%;overflow-y:auto}#HotSpotList .downloadBtn{display:flex;justify-content:space-between;margin-bottom:8px}#HotSpot{width:100%;height:100%}#HotSpot .title{font-size:32px;color:#42838a;margin-bottom:16px}#HotSpot .content{width:100%;display:flex;flex-direction:row}#HotSpot .content #HotSpotMap{height:100%;width:60%;position:relative;z-index:10}#HotSpot .content #HotSpotList{width:40%;height:100%}#RoadNetworkMap{width:99%;height:100%;padding-right:1%}#RoadNetworkMap .title{font-size:32px;color:#42838a;margin-bottom:16px}#RoadNetworkMap .map{height:100%;width:100%;position:relative;z-index:10}#RoadNetworkMap .leaflet-popup-content-wrapper .mantine-RadioGroup-root *,#RoadNetworkMap .leaflet-tooltip-pane .mantine-RadioGroup-root *{color:#000}#RoadNetworkMap .leaflet-control-layers.leaflet-control{margin-top:80px}#RoadNetworkList{width:98%;height:100%;padding:0 1%;overflow:auto}#RoadNetworkList .title{font-size:32px;color:#42838a;margin-bottom:16px}#RoadNetworkList .Listcontent{width:100%;overflow-y:auto}#RoadNetworkList .downloadBtn{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:8px}#VersionCheck{min-height:300px;display:flex;align-items:center;justify-content:center;color:#333}#VersionCheck .title{font-size:80px;font-weight:800}#VersionCheck .subtitle,#VersionCheck .title{text-align:center;font-family:"Roboto",sans-serif}#VersionCheck .subtitle{font-size:32px;font-weight:600}#VersionCheck .descript{text-align:center;font-family:"Roboto",sans-serif;font-size:18px}#RoadNetwork{width:100%;height:100%}#RoadNetwork .title{font-size:32px;color:#42838a;margin-bottom:16px}#RoadNetwork .content{width:100%;display:flex;flex-direction:row}#RoadNetwork .content #RoadNetworkMap{height:100%;width:60%;position:relative;z-index:10}#RoadNetwork .content #RoadNetworkList{width:40%;height:100%}#CrossTable{width:100%;overflow:auto}#CrossTable .type1 .th{font-size:18px;font-weight:700;color:#fff;background-color:#42838a;display:flex}#CrossTable .type1 .td{font-size:16px;margin:3px 0;color:#42838a;border-bottom:1px solid #42838a;display:flex}#CrossTable .type1 .td1,#CrossTable .type1 .td2,#CrossTable .type1 .th1,#CrossTable .type1 .th2{width:50%;padding:5px 10px}#CrossTable .type2,#CrossTable .type3,#CrossTable .type4{width:100%}#CrossTable .type2 .th,#CrossTable .type3 .th,#CrossTable .type4 .th{font-size:18px;font-weight:700;color:#fff;background-color:#42838a;padding:5px 10px}#CrossTable .type2 .td,#CrossTable .type3 .td,#CrossTable .type4 .td{font-size:16px;color:#42838a;padding:5px 10px}#SearchLineForm .mantine-1lumg83,#SearchLineForm .mantine-sgncu7{margin:15px 0}#SearchLineForm .mantine-1yb23eo{margin:10px 0}#SearchLineForm .mantine-jfhl8{margin:0 20px}#SearchLineForm .mantine-Chip-label,#SearchLineForm .mantine-MultiSelect-input,#SearchLineForm .mantine-MultiSelect-value,#SearchLineForm .mantine-Select-input{color:#42838a;border-color:#42838a}#SearchLineForm .mantine-Select-input{height:auto;font-size:14px;text-align:left;border:1px solid #42838a;border-radius:4px}#SearchLineForm .MultiSelect,#SearchLineForm .Select{width:250px}#OptionBox{width:200px;height:90px;margin:15px 10px}#OptionBox .box{width:100%;height:100%;border-radius:10px}#OptionBox .box .title{font-size:20px;margin:0;border-radius:10px 10px 0 0;color:#fff;background-color:#425b8a;justify-content:center}#OptionBox .box .action,#OptionBox .box .title{width:100%;height:50%;display:flex;align-items:center}#OptionBox .box .action{padding:0 30px;justify-content:space-between}#OptionBox .box .action .button{width:60px;height:30px;font-size:14px;border-radius:35px;padding:0}#OptionBox .box .action .blue{background-color:#228be6;border:none;color:#fff;font-family:"Noto Sans TC",sans-serif;font-weight:600}#Cross{width:98%;height:100%;padding:0 1%}#Cross .title{font-size:32px;color:#42838a;margin-bottom:16px}#Cross .content{width:100%;overflow-y:auto;overflow-x:hidden}#Cross .content .OptionTable{width:100%;height:100%;display:flex}#Cross .content .OptionTable .Option{width:15%;height:100%;overflow:auto;border:1px solid #425b8a}#Cross .content .OptionTable .Option .OptionTitle{width:100%;height:40px;display:flex;align-items:center;justify-content:center;color:#fff;background-color:#425b8a}#Cross .content .OptionTable .Option .OptionColumnType{width:100%;display:flex;justify-content:space-around;border-top:3px solid #fff;border-bottom:1px solid #425b8a}#Cross .content .OptionTable .Option .OptionColumnType .mantine-Button-root{padding:0;font-weight:400;border-radius:0}#Cross .content .OptionTable .Option .OptionColumnType .selected{color:#fff;background-color:#425b8a}#Cross .content .OptionTable .Option .OptionColumnType .unSelected{color:#495057;background-color:#fff}#Cross .content .OptionTable .Option .OptionColumnType .unSelected:hover{background-color:#dff4f8}#Cross .content .OptionTable .Option .OptionType{display:flex;flex-direction:column}#Cross .content .OptionTable .Option .OptionType .OptionTypeTitle{width:100%;height:40px;font-size:16px;margin:3px 0;padding:0 10px;color:#fff;background-color:#425b8a;display:flex;align-items:center}#Cross .content .OptionTable .Option .OptionType .OptionTypeList{display:flex;flex-direction:row;flex-wrap:wrap;padding:2px 5px}#Cross .content .OptionTable .Option .OptionType .OptionTypeList .OptionItem{width:-moz-fit-content;width:fit-content;height:30px;font-size:14px;border-radius:30px;border:1px solid #a0a0a0;margin:3px 5px;padding:0 10px;color:#707070;background-color:#fff;display:flex;align-items:center}#Cross .content .OptionTable .Option .OptionType .OptionTypeList .OptionItem:hover{background-color:#f0f0f0}#Cross .content .OptionTable .Table{width:83%;margin:0 1%}#Cross .content .OptionTable .Table .FirstLine{width:100%;height:120px;display:flex}#Cross .content .OptionTable .Table .FirstLine .Box{width:230px;height:120px;margin:0 15px 0 0}#Cross .content .OptionTable .Table .FirstLine .Box .line{width:230px;height:120px;border-top:120px solid #dff4f8;border-left:230px solid #d5edfa}#Cross .content .OptionTable .Table .FirstLine .Box .line .Hor{width:50px;margin:0;z-index:50}#Cross .content .OptionTable .Table .FirstLine .Box .line .Ver{width:50px;z-index:50}#Cross .content .OptionTable .Table .FirstLine .Horizontal{width:calc(100% - 245px);height:120px;background-color:#dff4f8;display:flex;flex-direction:row;align-items:center}#Cross .content .OptionTable .Table .SecondLine{width:100%;height:calc(100% - 135px);display:flex}#Cross .content .OptionTable .Table .SecondLine .Vertical{width:230px;height:100%;background-color:#d5edfa;margin:15px 15px 0 0;display:flex;flex-direction:column;align-items:center}#Cross .content .OptionTable .Table .SecondLine .Table{width:calc(100% - 245px);height:100%;margin:15px 0 0;overflow:auto}#MultipleAccidentMap{width:99%;height:100%;padding-right:1%}#MultipleAccidentMap .title{font-size:32px;color:#42838a;margin-bottom:16px}#MultipleAccidentMap .map{height:100%;width:100%;position:relative;z-index:10}#MultipleAccidentMap .leaflet-popup-content-wrapper .mantine-RadioGroup-root *,#MultipleAccidentMap .leaflet-tooltip-pane .mantine-RadioGroup-root *{color:#000}#MultipleAccidentMap .leaflet-control-layers.leaflet-control{margin-top:80px}#MultipleAccidentMap .infobox .MultipleAccidentText{color:#fff;font-size:12px;right:0}#MultipleAccidentList{width:98%;height:100%;padding:0 1%}#MultipleAccidentList .title{font-size:32px;color:#42838a;margin-bottom:16px}#MultipleAccidentList .Listcontent{width:100%;overflow-y:auto}#MultipleAccidentList .Listcontent .download,#MultipleAccidentList .Listcontent .inform,#MultipleAccidentList .Listcontent .view{width:100%;border-radius:30px;padding:0;background-color:#fff}#MultipleAccidentList .Listcontent .downloadBtn{display:flex;justify-content:space-between;margin-bottom:8px}#MultipleAccidentList .viewPopup{position:relative;bottom:93%;right:73%;padding:3px;width:68%;background-color:#fff;z-index:11}#MultipleAccidentList .MultipleAccidentBox{width:100%;display:flex;justify-content:end;text-align:end;color:red;font-size:12px}#MultipleAccident{width:100%;height:100%}#MultipleAccident .title{font-size:32px;color:#42838a;margin-bottom:16px}#MultipleAccident .content{width:100%;display:flex;flex-direction:row}#MultipleAccident .content #MultipleAccidentMap{height:100%;width:50%;position:relative;z-index:10}#MultipleAccident .content #MultipleAccidentList{width:50%;height:100%}#AdvancedAgeEChart{width:100%;height:100%}#AdvancedAgeEChart .title{font-size:32px;color:#42838a;margin-bottom:16px}#AdvancedAgeList{width:98%;height:100%;padding:0 1%}#AdvancedAgeList .title{font-size:32px;color:#42838a;margin-bottom:16px}#AdvancedAgeList .Listcontent{width:100%;overflow-y:auto}#AdvancedAge{width:100%;height:100%}#AdvancedAge .title{font-size:32px;color:#42838a;margin-bottom:16px}#AdvancedAge .content{width:100%;display:flex;flex-direction:row}#AdvancedAge .content #AdvancedAgeEChart{height:100%;width:40%}#AdvancedAge .content #AdvancedAgeList{width:60%;height:100%}#AdvancedAge .downloadBtn{float:right;margin-top:-47px}#AdvancedGenderEChart{width:100%;height:100%}#AdvancedGenderEChart .title{font-size:32px;color:#42838a;margin-bottom:16px}#AdvancedGenderList{width:98%;height:100%;padding:0 1%}#AdvancedGenderList .title{font-size:32px;color:#42838a;margin-bottom:16px}#AdvancedGenderList .Listcontent{width:100%;overflow-y:auto}#AdvancedGender{width:100%;height:100%}#AdvancedGender .title{font-size:32px;color:#42838a;margin-bottom:16px}#AdvancedGender .content{width:100%;display:flex;flex-direction:row}#AdvancedGender .content #AdvancedGenderEChart{height:100%;width:40%}#AdvancedGender .content #AdvancedGenderList{width:60%;height:100%}#AdvancedGender .downloadBtn{float:right;margin-top:-47px}#AdvancedHolidayEChart{width:100%;height:100%}#AdvancedHolidayEChart .title{font-size:32px;color:#42838a;margin-bottom:16px}#AdvancedHolidayList{width:98%;height:100%;padding:0 1%}#AdvancedHolidayList .title{font-size:32px;color:#42838a;margin-bottom:16px}#AdvancedHolidayList .Listcontent{width:100%;overflow-y:auto}#AdvancedHoliday{width:100%;height:100%}#AdvancedHoliday .title{font-size:32px;color:#42838a;margin-bottom:16px}#AdvancedHoliday .content{width:100%;display:flex;flex-direction:row}#AdvancedHoliday .content #AdvancedHolidayEChart{height:100%;width:40%}#AdvancedHoliday .content #AdvancedHolidayList{width:60%;height:100%}#AdvancedHoliday .downloadBtn{float:right;margin-top:-47px}#AdvancedSuburbsEChart{width:100%;height:100%}#AdvancedSuburbsEChart .title{font-size:32px;color:#42838a;margin-bottom:16px}#AdvancedSuburbsList{width:98%;height:100%;padding:0 1%}#AdvancedSuburbsList .title{font-size:32px;color:#42838a;margin-bottom:16px}#AdvancedSuburbsList .Listcontent{width:100%;overflow-y:auto}#AdvancedSuburbs{width:100%;height:100%}#AdvancedSuburbs .title{font-size:32px;color:#42838a;margin-bottom:16px}#AdvancedSuburbs .content{width:100%;display:flex;flex-direction:row}#AdvancedSuburbs .content #AdvancedSuburbsEChart{height:100%;width:40%}#AdvancedSuburbs .content #AdvancedSuburbsList{width:60%;height:100%}#AdvancedSuburbs .downloadBtn{float:right;margin-top:-47px}#AdvancedLaneEChart{width:100%;height:100%}#AdvancedLaneEChart .title{font-size:32px;color:#42838a;margin-bottom:16px}#AdvancedLaneList{width:98%;height:100%;padding:0 1%}#AdvancedLaneList .title{font-size:32px;color:#42838a;margin-bottom:16px}#AdvancedLaneList .Listcontent{width:100%;overflow-y:auto}#AdvancedLane{width:100%;height:100%}#AdvancedLane .title{font-size:32px;color:#42838a;margin-bottom:16px}#AdvancedLane .content{width:100%;display:flex;flex-direction:row}#AdvancedLane .content #AdvancedLaneEChart{height:100%;width:40%}#AdvancedLane .content #AdvancedLaneList{width:60%;height:100%}#AdvancedLane .downloadBtn{float:right;margin-top:-47px}#PerformanceMap{width:99%;height:100%;padding-right:1%}#PerformanceMap .title{font-size:32px;color:#42838a;margin-bottom:16px}#PerformanceMap .map{height:100%;width:100%;position:relative;z-index:10}#ChangeBox .mantine-Grid-root .mantine-Paper-root{overflow:hidden;height:80px;margin:5px 1%;padding:0 2%}#ChangeBox .mantine-Grid-root .mantine-Paper-root .leftIcon{width:40%;display:flex;flex-direction:column;align-items:center;justify-content:center}#ChangeBox .mantine-Grid-root .mantine-Paper-root .rightText{width:55%;display:flex;flex-direction:column;align-items:center;margin:5px}#ChangeBox .mantine-Grid-root .mantine-Paper-root .rightText .rightNum{display:flex;align-items:center;justify-content:center}#PerformanceList{width:98%;height:100%;padding:0 1%;overflow-y:auto}#PerformanceList .title{font-size:32px;color:#42838a;margin-bottom:16px}#PerformanceList .Box .BoxTitleLine{display:flex;align-items:center;justify-content:space-between}#PerformanceList .Box .BoxTitleLine .BoxTitle{font-size:28px;color:#42838a;margin-bottom:16px}#PerformanceList .Box .BoxTitleLine .BoxButton{margin-bottom:12px;margin-right:-150px}#Performance{height:calc(100vh - 134px);margin:12px;padding:16px;border:2px solid silver;display:flex}#Performance #PerformanceMap{height:100%;width:50%;position:relative;z-index:10}#Performance #PerformanceList{width:50%;height:100%}#SurroundingstMap{width:99%;height:100%;padding-right:1%}#SurroundingstMap .titleLabel{width:100%;display:flex;justify-content:space-between;margin-bottom:16px}#SurroundingstMap .titleLabel .title{font-size:32px;color:#42838a;margin-bottom:16px}#SurroundingstMap .titleLabel .mantine-Chip-label{color:#42838a;font-weight:500;border:1px solid #42838a}#SurroundingstMap .titleLabel .mantine-Chip-checked{color:#fff;background-color:#42838a}#SurroundingstMap .titleLabel .mantine-Chip-iconWrapper{color:#fff}#SurroundingstMap .map{height:100%;width:100%;position:relative;z-index:10}#SurroundingsList{width:98%;height:100%;padding:0 1%;overflow-y:auto}#SurroundingsList .title{font-size:32px;color:#42838a;margin-bottom:16px}#SurroundingsList .SurroundingsMenuButton:before{content:"環境熱點最多兩個選項";color:red;font-size:12px}#Surroundings{height:calc(100vh - 134px);margin:12px;padding:16px;border:2px solid silver;overflow-y:auto}#Surroundings .title{font-size:32px;color:#42838a}#Surroundings #SurroundingsMap{height:100%;width:60%;position:relative;z-index:10}#Surroundings #SurroundingsList{width:40%;height:100%}#Surroundings .List{width:100%;height:85%;display:flex}#Surroundings .Chart{width:100%}#Surroundings .Chart #SurroundingsChart .Chart .CompareLine{margin-top:2%;display:flex;justify-content:space-around}#Surroundings .Chart #SurroundingsChart .Chart .CompareLine .CompareBox{width:30%;height:450px;background-color:#f0f0f0;border:1px solid #a0a0a0}#Surroundings .Chart #SurroundingsChart .Chart .CompareLine .CompareBox .BoxTitle{margin-top:2%;padding:0 10%;font-size:28px;color:#42838a;display:flex;justify-content:center}#Surroundings .Chart #SurroundingsChart .pdfTable{display:none}#Surroundings .Chart #SurroundingsChart .pdfTable table{width:100%;border-collapse:collapse;margin-bottom:10px}#Surroundings .Chart #SurroundingsChart .pdfTable table td,#Surroundings .Chart #SurroundingsChart .pdfTable table th{font-weight:400;text-align:center;border:1px solid #000}#Surroundings .Chart #SurroundingsChart .pdfTable table .grayTd{text-align:left;background-color:#f0f0f0}#RankingList{width:98%;height:100%;padding:0 1%}#RankingList .title{font-size:32px;color:#42838a;margin-bottom:16px}#RankingList .Listcontent{width:100%;overflow-y:auto}#RankingList .cardStyle{background-color:#f7f7f7}#RankingMap{width:99%;height:100%;padding-right:1%}#RankingMap .map{height:100%;width:100%;position:relative;z-index:100}#Ranking{height:calc(100vh - 134px);margin:12px;padding:16px;border:2px solid silver;display:flex}#Ranking #RankingMap{position:relative;z-index:10}#Ranking #RankingList,#Ranking #RankingMap{height:100%;width:50%}#ImproveMap{width:99%;height:100%;padding-right:1%}#ImproveMap .map{height:100%;width:100%;position:relative;z-index:100}#ImproveList{width:98%;height:100%;padding:0 1%}#ImproveList .title{font-size:32px;color:#42838a;margin-bottom:16px}#ImproveList .Listcontent{width:100%;overflow-y:auto}#ImproveList .cardStyle{background-color:#f7f7f7}#Improve{height:calc(100vh - 134px);margin:12px;padding:16px;border:2px solid silver;display:flex}#Improve .title{font-size:32px;color:#42838a;margin-bottom:16px}#Improve #ImproveMap{position:relative;z-index:10}#Improve #ImproveList,#Improve #ImproveMap{height:100%;width:50%}#index{height:calc(100vh - 72px);margin:0 12px 12px;padding:0 16px 16px}#index .title{font-size:32px;color:#42838a}#index .topLine{width:100%;height:40px;display:flex;align-items:center;justify-content:space-between}#index .topLine .cancel,#index .topLine .save{height:24px;border-radius:24px;margin-left:5px;padding:0 10px}#index .topLine .cancel .mantine-Button-leftIcon,#index .topLine .save .mantine-Button-leftIcon{margin-right:5px}#index .DefaultPage{height:100%}#index .DefaultPage .DefaultLeftTop{width:100%;height:100%;position:relative}#index .DefaultPage .DefaultLeftBottom{width:98%;height:100%;margin-right:2%}#index .DefaultPage .DefaultLeftBottom .statLine{margin:auto;width:100%;display:flex;justify-content:space-around}#index .DefaultPage .DefaultLeftBottom .statLine .statBox{width:32%;height:100%;border:1px solid silver;display:flex;justify-content:space-evenly}#index .DefaultPage .DefaultLeftBottom .statLine .statBox .statChart{width:50%}#index .DefaultPage .DefaultLeftBottom .statLine .statBox .statText{width:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}#index .DefaultPage .DefaultLeftBottom .statLine .statBox .statText .statTitle{padding:0 10px;height:24px;border-radius:24px;margin-bottom:10px}#index .DefaultPage .DefaultLeftBottom .statLine .statBox .statText .statData{width:80%;background-color:#fffbe5}#index .DefaultPage .DefaultRight{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}#index .DefaultPage .DefaultRight .statChangeBox{width:95%}#index .DefaultPage .DefaultRight .statChangeBox .rightText{align-items:flex-start}#index .DefaultPage .titleLabel{width:100%;display:flex;justify-content:space-between;margin-bottom:16px;position:relative}#index .DefaultPage .titleLabel .mantine-Chip-label{color:#42838a;font-weight:500;border:1px solid #42838a}#index .DefaultPage .titleLabel .mantine-Chip-checked{color:#fff;background-color:#42838a}#index .DefaultPage .titleLabel .mantine-Chip-iconWrapper{color:#fff}#index .CustomPage{height:100%;flex-direction:column}#index .CustomPage,#index .CustomPage .setPage{display:flex;align-items:center;justify-content:center}#index .CustomPage .setPage{width:100%;height:calc(100% - 40px);border:2px solid silver;background-color:#f0f0f0}#index .CustomPage .setPage .typeSetting{width:350px}#index .CustomPage .setPage .typeSetting .mantine-Accordion-control{background-color:#707070}#index .CustomPage .setPage .typeSetting .mantine-Accordion-control .mantine-Accordion-label{color:#fff}#index .CustomPage .setPage .typeSetting .mantine-Accordion-control:hover{background-color:grey}#index .CustomPage .setPage .typeSetting .mantine-Accordion-contentInner{padding:0;width:100%;height:80px;display:flex;align-items:center;justify-content:space-evenly}#index .CustomPage .setPage .typeSetting .mantine-Accordion-contentInner .block{width:55px;height:50px;border:2px solid #a0a0a0;border-radius:5px;background-color:#e0ffff;display:flex;align-items:center;justify-content:center;color:#42838a;font-weight:500}#index .CustomPage .setPage .typeSetting .mantine-Accordion-contentInner .TwoPage .TwoLeft{border-right:1px solid #a0a0a0}#index .CustomPage .setPage .typeSetting .mantine-Accordion-contentInner .TwoPage .TwoRight{border-left:1px solid #a0a0a0}#index .CustomPage .setPage .typeSetting .mantine-Accordion-contentInner .ThirdPage .ThirdLeft{border-right:1px solid #a0a0a0}#index .CustomPage .setPage .typeSetting .mantine-Accordion-contentInner .ThirdPage .ThirdLeft .ThirdLeftTop{border-bottom:1px solid #a0a0a0}#index .CustomPage .setPage .typeSetting .mantine-Accordion-contentInner .ThirdPage .ThirdLeft .ThirdLeftBottom{border-top:1px solid #a0a0a0}#index .CustomPage .setPage .typeSetting .mantine-Accordion-contentInner .ThirdPage .ThirdRight{border-left:1px solid #a0a0a0}#index .FullPage,#index .ThirdPage,#index .TwoPage{width:100%;height:calc(100% - 40px);display:flex}#index .FullPage .TwoLeft,#index .FullPage .TwoRight,#index .ThirdPage .TwoLeft,#index .ThirdPage .TwoRight,#index .TwoPage .TwoLeft,#index .TwoPage .TwoRight{width:50%;height:100%;overflow-y:auto}#index .FullPage .ThirdLeft,#index .ThirdPage .ThirdLeft,#index .TwoPage .ThirdLeft{width:70%;height:100%}#index .FullPage .ThirdLeft .ThirdLeftTop,#index .ThirdPage .ThirdLeft .ThirdLeftTop,#index .TwoPage .ThirdLeft .ThirdLeftTop{width:100%;height:70%;overflow-y:auto}#index .FullPage .ThirdLeft .ThirdLeftBottom,#index .ThirdPage .ThirdLeft .ThirdLeftBottom,#index .TwoPage .ThirdLeft .ThirdLeftBottom{width:100%;height:30%;overflow-y:auto}#index .FullPage .ThirdRight,#index .ThirdPage .ThirdRight,#index .TwoPage .ThirdRight{width:30%;height:100%;overflow-y:auto}#index .FullPage .selectPage,#index .ThirdPage .selectPage,#index .TwoPage .selectPage{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#f0f0f0}#index .FullPage .selectPage .select .mantine-Select-defaultVariant,#index .ThirdPage .selectPage .select .mantine-Select-defaultVariant,#index .TwoPage .selectPage .select .mantine-Select-defaultVariant{background-color:#707070}#index .FullPage .selectPage .select .mantine-Select-defaultVariant::placeholder,#index .ThirdPage .selectPage .select .mantine-Select-defaultVariant::placeholder,#index .TwoPage .selectPage .select .mantine-Select-defaultVariant::placeholder{color:#fff}#index .FullPage .full,#index .ThirdPage .full,#index .TwoPage .full{border:2px solid silver}#index .FullPage .twoLeft,#index .ThirdPage .twoLeft,#index .TwoPage .twoLeft{border:2px solid silver;border-right:1px solid #a0a0a0}#index .FullPage .twoRight,#index .ThirdPage .twoRight,#index .TwoPage .twoRight{border:2px solid silver;border-left:1px solid #a0a0a0}#index .FullPage .thirdLeftTop,#index .ThirdPage .thirdLeftTop,#index .TwoPage .thirdLeftTop{border-bottom:2px solid silver;border-right:2px solid silver;border-color:silver #a0a0a0 #a0a0a0 silver;border-style:solid;border-width:2px 1px 1px 2px}#index .FullPage .thirdLeftBottom,#index .ThirdPage .thirdLeftBottom,#index .TwoPage .thirdLeftBottom{border-right:2px solid silver;border-top:2px solid silver;border-color:#a0a0a0 #a0a0a0 silver silver;border-style:solid;border-width:1px 1px 2px 2px}#index .FullPage .thirdRight,#index .ThirdPage .thirdRight,#index .TwoPage .thirdRight{border:2px solid silver;border-left:1px solid #a0a0a0}#Distribution{height:calc(100vh - 134px);margin:12px;padding:16px;border:2px solid silver}#Distribution .title{font-size:32px;color:#42838a;margin-bottom:16px}#Distribution .Control{z-index:20;margin-bottom:16px}#Distribution .Control .mantine-SegmentedControl-active{background-color:#42838a}#Distribution .Control .mantine-SegmentedControl-labelActive{color:#fff}#Distribution #EventPerformance,#Distribution #HotSpot,#Distribution #RoadNetwork{height:calc(100% - 115px)}#EventPerformance{width:100%;height:100%}#EventPerformance .title{font-size:32px;color:#42838a;margin-bottom:16px}#EventPerformance .content{width:100%;display:flex;flex-direction:row}#EventPerformance .content #EventPerformanceMap{height:100%;width:60%;position:relative;z-index:10}#EventPerformance .content #EventPerformanceList{overflow:auto;width:40%;height:100%}#EventPerformanceMap{width:99%;height:100%;padding-right:1%}#EventPerformanceMap .title{font-size:32px;color:#42838a;margin-bottom:16px}#EventPerformanceMap .map{height:100%;width:100%;position:relative;z-index:10}#EventPerformanceList{width:98%;height:100%;padding:0 1%}#EventPerformanceList .title{font-size:32px;color:#42838a;margin-bottom:16px}#EventPerformanceList .Listcontent{width:100%;overflow-y:auto}#EventPerformanceList .downloadBtn{display:flex;justify-content:space-between;margin-bottom:8px}#EventPerformanceList .EventPerformaceMenuButton:before{content:"改善比率: 路線改善件數 / 最高改善件數";color:red;font-size:12px}#Advanced{width:100%;height:100%;overflow:hidden}#Advanced .title{font-size:32px;color:#42838a;margin-bottom:16px}#Advanced .content{width:100%}#Advanced .content .page{height:calc(100% - 60px)}#Feature{width:100%;height:100%;overflow:hidden}#Feature .title{font-size:32px;color:#42838a;margin-bottom:16px}#Feature .content{overflow:auto;width:100%}#Feature .content .page{height:calc(100% - 60px)}#Statistics{height:calc(100vh - 134px);margin:12px;padding:16px;border:2px solid silver}#Statistics .title{font-size:32px;color:#42838a;margin-bottom:16px}#Statistics .Control{z-index:20;margin-bottom:16px}#Statistics .Control .mantine-SegmentedControl-active{background-color:#42838a}#Statistics .Control .mantine-SegmentedControl-labelActive{color:#fff}#Statistics #Advanced,#Statistics #Cross,#Statistics #MultipleAccident{width:100%;height:calc(100% - 115px)}.ReportTable-outer .ReportTable{table-layout:fixed;width:100%}.ReportTable-outer .ReportTable .inside{width:100%}.ReportTable-outer .ReportTable tr:first-child th{position:sticky;z-index:1;top:0;background-color:#42838a;color:#fff}.ReportTable-outer .ReportTable tr:nth-child(2) th{position:sticky;top:36px;background-color:#42838a;color:#fff}.ReportTable-outer .ReportTable tr{background-color:#f4fbff}.ReportTable-outer .ReportTable tr th{text-align:center}.ReportTable-outer .ReportTable tr td{text-align:center;color:#42838a;border:2px solid #fff;border-top:3px solid #fff}#Report{height:calc(100vh - 134px);margin:12px;padding:16px;border:2px solid silver}#Report .title{font-size:32px;color:#42838a;margin-bottom:16px}#Report .searchForm{padding:0 30px;border:1px solid grey;background-color:#f4fbff;display:flex;justify-content:space-between}#Report .mantine-Select-input{color:#42838a;border-color:#42838a}#Report .List{margin-top:20px;overflow-y:auto}#Trend{height:calc(100vh - 134px);margin:12px;padding:16px;border:2px solid silver;overflow:hidden}#Trend .title{font-size:32px;color:#42838a;margin-bottom:16px}#Trend .chartTableBox{display:grid;grid-template-columns:50% 50%}#TrendList{display:flex;border:1px solid grey;background-color:#dff4f8}.TrandTableMenuButton:before{content:"篩選單一年份並依據選取年份往前呈現前10年資料";color:red;font-size:12px}#List{height:calc(100vh - 134px);margin:12px;padding:16px;border:2px solid silver}#List .title{font-size:32px;color:#42838a;margin-bottom:16px}#List .CRUDTable th{color:#fff;background-color:#42838a;font-size:16px}#List .CRUDTable td,#List .CRUDTable th{text-align:center;border:1px solid #fff}#List .CRUDTable .action{display:flex;align-items:center;justify-content:center}#List .CRUDTable .icon{font-size:28px;margin:0 15px;cursor:pointer}#Road{height:calc(100vh - 134px);margin:12px;padding:16px;border:2px solid silver}#Road .title{font-size:32px;color:#42838a;margin-bottom:16px}#Road .CRUDTable th{color:#fff;background-color:#42838a;font-size:16px}#Road .CRUDTable td,#Road .CRUDTable th{text-align:center;border:1px solid #fff}#Facility{height:calc(100vh - 134px);margin:12px;padding:16px;border:2px solid silver}#Facility .title{font-size:32px;color:#42838a;margin-bottom:16px}#Facility .CRUDTable th{color:#fff;background-color:#42838a;font-size:16px}#Facility .CRUDTable td,#Facility .CRUDTable th{text-align:center;border:1px solid #fff}#Traffic{height:calc(100vh - 134px);margin:12px;padding:16px;border:2px solid silver}#Traffic .title{font-size:32px;color:#42838a;margin-bottom:16px}#Account{height:calc(100vh - 134px);margin:12px;padding:16px;border:2px solid silver}#Account .title{font-size:32px;color:#42838a;margin-bottom:16px}#Account .CRUDTable th{color:#fff;background-color:#42838a;font-size:16px}#Account .CRUDTable td,#Account .CRUDTable th{text-align:center;border:1px solid #fff}#Account .CRUDTable .check{width:100%;display:flex;align-items:center;justify-content:center}#Account .CRUDTable .check .mantine-Checkbox-root{width:20px}#Account .CRUDTable .action{display:flex;align-items:center;justify-content:center}#Account .CRUDTable .icon{font-size:28px;margin:0 15px;cursor:pointer}#Account .CRUDTable .button{margin:0 5px;font-size:12px}#History{height:calc(100vh - 134px);margin:12px;padding:16px;border:2px solid silver}#History .title{font-size:32px;color:#42838a;margin-bottom:16px}#History .CRUDTable th{color:#fff;background-color:#42838a;font-size:16px}#History .CRUDTable td,#History .CRUDTable th{text-align:center;border:1px solid #fff}#Role{height:calc(100vh - 134px);margin:12px;padding:16px;border:2px solid silver}#Role .title{font-size:32px;color:#42838a;margin-bottom:16px}#Role .CRUDTable th{color:#fff;background-color:#42838a;font-size:16px}#Role .CRUDTable td,#Role .CRUDTable th{text-align:center;border:1px solid #fff}#Role .CRUDTable .action{display:flex;align-items:center;justify-content:center}#Role .CRUDTable .icon{font-size:28px;margin:0 15px;cursor:pointer}#Role .CRUDTable .button{margin:0 5px;font-size:12px}#NationalRoadReport{height:calc(100vh - 134px);margin:12px;padding:16px;border:2px solid silver}#NationalRoadReport .title{font-size:32px;color:#42838a;margin-bottom:16px}#NationalRoadReport .searchForm{padding:0 30px;border:1px solid grey;background-color:#f4fbff;display:flex;justify-content:space-between}#NationalRoadReport .mantine-Select-input{color:#42838a;border-color:#42838a}#NationalRoadReport .List{margin-top:20px;overflow-y:auto}#NationalRoadReport .NationalRoadMenuButton:before{content:"總計套用公式：「自行車車種事故」除以「全自行車事故」";color:red;font-size:12px}#MapLayer{width:100%;height:100%}#MapLayer .title{font-size:32px;color:#42838a;margin-bottom:16px}#MapLayer .map{height:100%;width:100%;position:relative;z-index:10}#MapLayer .map .leaflet-draw-toolbar a{background-color:#fff;width:50px;height:50px;background-size:auto 50px}#MapLayer .map .leaflet-draw-toolbar .leaflet-draw-draw-polygon{background-position:-48px 0}#MapLayer .map .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polygon{background-position:-46px 1px}#MapLayer .map .leaflet-draw-toolbar .leaflet-draw-edit-edit{background-position:-249px 0}#MapLayer .map .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-edit{background-position:-247px 1px}#MapLayer .map .leaflet-draw-toolbar .leaflet-draw-edit-remove{background-position:-300px 0}#MapLayer .map .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-remove{background-position:-298px 1px}#MapLayer .map .popup-table .title{font-size:small;color:#fff;background-color:#42838a;padding:5px 40px 5px 10px}#MapLayer .map .popup-table .key{font-size:small;color:#42838a;background-color:#f4fbff;padding:5px 20px 5px 10px}#ListLayer{width:100%;height:100%}#ListLayer .title{font-size:32px;color:#42838a;margin-bottom:16px}#ListLayer .Listcontent{width:100%;overflow-y:auto}#TempMapDrawLayer{height:calc(100vh - 134px);margin:12px;padding:16px;border:2px solid silver}#TempMapDrawLayer .title{font-size:32px;color:#42838a;margin-bottom:16px}#TempMapDrawLayer .content{width:100%;height:calc(100vh - 222px);display:flex;flex-direction:row}#TempMapDrawLayer .content #MapLayer{height:100%;width:49%;position:relative;z-index:10;padding-right:1%}#TempMapDrawLayer .content #ListLayer{width:48%;height:100%;padding:0 1%}