.container{height:100vh;display:flex;flex-flow:column}.header{height:7.26vw;margin:0;object-fit:contain;background-image:linear-gradient(180deg,#55aebc,#438097);flex-shrink:0}.header-left{position:relative;height:100%;width:23.385vw;display:inline-block}.header-left-background{position:absolute;height:100%;width:26.385vw;left:-23px;top:0}.header-left-click{position:absolute;height:6.7vw;left:2.256vw}.header-left-click:hover{cursor:pointer}.header-right{position:relative;height:100%;width:calc(100% - 23.385vw);display:inline-block}.header-right-gif{position:absolute;bottom:0;width:100%;height:100%}.topbar{padding:.78vh 0;object-fit:contain;box-shadow:inset 0 3px 6px 0 rgba(0,0,0,.16);background-image:linear-gradient(180deg,#d8d8d8,#fcfcfc 8%,#ececec 51%,#efefef 93%,#989898);display:flex;justify-content:center;flex-wrap:wrap}.topbar-tab{height:2vw;width:8.96vw;min-height:.65rem;min-width:5.25rem;font-size:1rem;color:#607a82;font-family:MicrosoftJhengHei;font-weight:700;text-align:center;padding-top:5px;margin:0 .4vw}.topbar-tab:hover{cursor:pointer;border-bottom:.16vw solid #4d9fc2}.topbar-tab-choose{height:2vw;width:8.96vw;min-height:1.65rem;min-width:5.25rem;font-size:1rem;color:#607a82;font-family:MicrosoftJhengHei;font-weight:700;text-align:center;margin:0 .4vw;padding-top:5px;border-bottom:.16vw solid #4d9fc2}.topbar-tab-choose:hover{cursor:pointer}.topbar-bottom{height:.625vw;box-shadow:0 3px 6px 0 rgba(0,0,0,.34);background-color:#71c2e5}.topbar-drop-down:hover>.topbar-dropDownMenu{display:flex}.topbar-dropDownMenu{border:1px solid #ccc;background-color:rgba(95,168,199,.7);color:#fff;position:absolute;z-index:99;min-width:180px;display:none;flex-direction:column;padding:5px}.topbar-dropDownMenu li{border-bottom:1px solid #ccc;list-style-type:none}.topbar-dropDownMenu li:last-child{border-bottom:none}.topbar-login{position:absolute;right:10px;width:30px;height:30px;padding-top:5px}.topbar-username{height:2vw;width:8.96vw;min-height:.65rem;min-width:5.25rem;font-size:1rem;color:#607a82;font-family:MicrosoftJhengHei;font-weight:700;text-align:center;padding-top:5px;margin:0 .4vw}.middle-space{flex-grow:1;height:50vh}.middle-space-inner{height:100%;object-fit:contain;background-color:#fffcf5}.footer{padding:.4vw .78vw;object-fit:contain;box-shadow:0 -2px 6px 0 rgba(0,0,0,.16);background-image:linear-gradient(180deg,#55aebc,#438097);display:flex;align-items:center}.footer-left{display:inline-block;object-fit:contain;width:34.4vw;min-width:23rem}.footer-left-font{float:right}.footer-info{width:auto;display:inline-block;object-fit:contain;font-family:MicrosoftJhengHei;font-size:.677vw;color:#fff}.footer-info-botton{border-radius:.495vw;background-color:#fff;color:#1a6777;padding:0 .646vw .104vw;font-size:.677vw}.footer-info-botton:hover{cursor:pointer}.footer-visit{margin-top:.495vw;object-fit:contain;font-family:MicrosoftJhengHei;font-size:.78vw;color:#fff}.footer-center,.footer-right{margin-left:5.26vw;display:inline-block;object-fit:contain;font-family:MicrosoftJhengHei;font-size:1.198vw;color:#fff}.graphicsIllustrate{display:flex;height:inherit}.graphicsInfoCol{flex:1 1;border:1px solid #000;height:inherit;overflow:auto}.graphicsInfoCol-sidetop{display:flex;width:100%;background-image:linear-gradient(180deg,#55aebc,#438097)}.graphicsInfoCol-sidetop-cell:hover{color:#00f}.graphicsInfoCol-content-tabside{display:flex;overflow:auto}.graphicsInfoCol-content-tab{border:1px solid #000;margin-top:10px;margin-left:10px;padding:10px;border-radius:10px;cursor:pointer}.graphicsInfoCol-content-tab.tab-check{background-color:orange}.graphicsInfoCol-sidetop-cell{color:#fff;cursor:pointer;text-align:center;flex:1 1}.graphicsTableCol{flex:1 1;overflow:auto}.graphicsTableCol-table{border:1px solid;width:100%}.graphicsTableCol-table-row td,.graphicsTableCol-table-row th{border:1px solid #000}.instructions{display:flex;flex-direction:column;height:inherit;overflow:auto}.instructions-row{display:flex;align-items:center;padding:1.48vh 0 0;justify-content:center}.introduction{display:flex;flex-direction:column;height:inherit;overflow:auto}.introduction img{width:65%;height:70%;margin-left:16vw;margin-top:5vh}.faq{height:inherit;overflow:auto;display:flex;justify-content:center;font-size:1.5rem}.faq-table{border:1px solid;width:100%}.faq-table-row td,.faq-table-row th{border:1px solid #000}.login{display:flex;flex-direction:column;height:inherit;overflow:auto}.login-row{display:flex;align-items:center;padding:1.48vh 0 0;justify-content:center}.map{width:100vw;height:100vh}.bottomStatusBar{display:flex;justify-content:flex-end;align-items:center;line-height:50px}.bottomStatusBar .coordinates{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.coordinates__headtext{display:inline-block;text-align:start;width:50px}.coordinates__xtext{display:inline-block;text-align:start;width:80px}.coordinates__ytext{display:inline-block;text-align:start;width:90px}.coordinates__htext{display:inline-block;text-align:start;width:105px}.coordinates__tailtext{display:inline-block;text-align:start;width:16px}.layersButton{cursor:pointer;background-image:linear-gradient(180deg,#86d3ec,#65afc8);border-radius:10px}.layersButton:hover{background-image:linear-gradient(180deg,#86d3ec,#1e657c)}.layersButton span{color:#fff;font-size:1em;font-weight:700;line-height:45px;margin:0}.layersButton img{margin:0 10px 0 20px}.divider{width:100%;height:3px;background-color:#fff;margin:5px 0}.opacityRange{position:relative;height:20px;pointer-events:all}.opacityRange input[type=range]{-webkit-appearance:none;width:150px;height:20px;background:rgba(189,177,182,.47);border-radius:10px;background-image:linear-gradient(#78d1d4,#2881aa);background-size:100% 100%;background-repeat:no-repeat}.opacityRange span{position:absolute;left:50px;line-height:20px;pointer-events:none;font-size:.7rem;color:#000;font-weight:700}input[type=range i]::-webkit-slider-thumb{-webkit-appearance:none;height:20px;width:20px;border-radius:50%;background:#fff;cursor:ew-resize;-webkit-transition:background .3s ease-in-out;transition:background .3s ease-in-out}.loading{margin:0 auto;display:flex;justify-content:center;align-items:center;background:#d8d8d8}.loading,.loading__body{width:26px;height:26px;border-radius:50%}.loading__body{position:relative;background:#bdb8b8}.loading__body>span{position:absolute;height:100%;width:50%;overflow:hidden}.loading__body:after{content:"";position:absolute;top:5.2px;left:5.2px;height:15.6px;width:15.6px;border-radius:50%}.loading__mask{position:absolute;left:100%;top:0;height:100%;width:100%;border-radius:60px;opacity:.8;-webkit-animation:rotate1 3s linear infinite;animation:rotate1 3s linear infinite;-webkit-transform-origin:0 50% 0;transform-origin:0 50% 0}.loading__body__left{left:0}.loading__body__left .loading__mask{border-bottom-left-radius:0;border-top-left-radius:0;background:#4f77aa}.loading__body__right{left:50%}.loading__body__right .loading__mask{border-bottom-right-radius:0;border-top-right-radius:0;left:-100%;-webkit-transform-origin:100% 50% 0;transform-origin:100% 50% 0;-webkit-animation-name:rotate2;animation-name:rotate2;-webkit-animation-delay:1.5s;animation-delay:1.5s;background:#4f77aa}@-webkit-keyframes rotate1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}75%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}75%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes rotate2{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}75%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate2{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}75%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.layerItem{position:relative;border-radius:5px;box-shadow:0 3px 6px 0 rgba(0,0,0,.64);border:1px solid #80c9bd;width:100%;height:auto;overflow:hidden}.layerItem__header{display:flex;align-items:center}.layerItem__header>span{font-size:1rem;font-weight:700;color:#fff;width:30rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.locateButton{display:flex;justify-content:center;align-items:center;background-color:#fff;border:1px solid silver;text-align:center;cursor:pointer}.locateButton:hover{background-color:#ddd9d9}.selectedLayerList{width:100%;height:calc(100% - 62px);overflow-y:auto}.rightPanel{position:absolute;top:250px;right:10px;height:calc(90vh - 340px);width:200px;border-radius:10px;box-shadow:0 3px 6px 0 rgba(0,0,0,.7);background-image:radial-gradient(circle at -31% 17%,rgba(157,218,230,.7),rgba(194,216,242,.7) 88%);padding:5px}.minimizeButton{display:flex;justify-content:center;align-items:center;text-align:center;cursor:pointer}.minimizeButton:hover{background-color:#ddd9d9}.minimizeButton__content{background-color:#fff;height:4px;display:inline-block}.maximizeButton{display:flex;justify-content:center;align-items:center;background-color:#fff;border:1px solid #ed9e60;text-align:center;cursor:pointer}.maximizeButton:hover{background-color:#ddd9d9}.maximizeButton__content{display:inline-block;border:2px solid #ed9e60}.cancelButton{display:flex;justify-content:center;align-items:center;text-align:center;cursor:pointer}.cancelButton:hover{background-color:#ddd9d9}.draggableWindow{position:absolute;top:0;left:0;background-color:grey;border-radius:12px;box-shadow:0 3px 6px 0 rgba(0,0,0,.29);border:3px solid #8cc4c2;overflow:hidden}.draggableWindow__header{display:flex;background-image:linear-gradient(180deg,#8cc4c2 -16%,#91c7f1 62%);cursor:move;color:#fff;font-weight:700;height:25px}.draggableWindow__header__text{margin-left:15px}.draggableWindow__header__buttons{display:flex;position:absolute;right:0}.draggableWindow__content{width:100%;height:calc(100% - 25px);background-color:#fffbf8;padding:10px}.expandBody{overflow:hidden}.layerHeader{display:flex;cursor:pointer;width:100%;height:24px}.layerHeader:hover{background-color:#c7c7c7}.treeRoot,.treeRoot ul li{list-style-type:none}.expandHeader{display:flex;cursor:pointer;width:100%;height:24px}.expandHeader:hover{background-color:#c7c7c7}.expandBody{transition-duration:.3s;transition:opacity .3s cubic-bezier(.4,0,.2,1) 0ms}.expandList{min-height:0;height:auto;margin-left:15px;padding-left:18px;border-left:1px dashed rgba(0,0,0,.4)}.layersMap{width:100%;height:100%}.LayserListContainer{width:100%;height:calc(100% - 40px);background-color:#fffbf8;overflow:scroll}.layersMap_addButton{width:100%;height:30px;background-color:#a76629;border-radius:5px;text-align:center;color:#fff;cursor:pointer}.layersMap_addButton:hover{background-color:#956232}.measureItem{width:70%;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:10px;background-image:linear-gradient(180deg,#b3d9e9 20%,#71c2e5);text-shadow:0 3px 6px rgba(0,0,0,.35);color:#fff;margin:5px auto;cursor:pointer}.measureItem:hover{background-image:linear-gradient(180deg,#b3d9e9 -25%,#2ca3d6)}.measureItem span{font-size:1.5rem;color:#fff}.measureTool{background-color:#fffbf8;width:100%;height:100%;padding:2px}.markItem{width:24%;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:10px;background-image:linear-gradient(180deg,#b3d9e9 20%,#71c2e5);text-shadow:0 3px 6px rgba(0,0,0,.35);color:#fff;margin:5px auto;cursor:pointer}.markItem.active,.markItem:hover{background-image:linear-gradient(180deg,#b3d9e9 -25%,#2ca3d6)}.markItem span{font-size:.5rem;color:#fff;white-space:nowrap}.markFunction{background-color:#fffbf8;width:100%;height:100%;padding:2px;overflow:auto}.markItem-box{display:flex}.markBox button{width:100%;padding:5px;font-size:18px;border:none;font-family:�L�n������}.markFunction-symbol-container img{background-color:#005792;margin-right:15px}.markFunction-symbol-container img.active{background-color:#578e65}.markFunction-color-box{height:30px;margin-bottom:10px;border:1px solid #000}.printFunction{background-color:#fffbf8;width:100%;height:100%;padding:2px}.printFunction-btn{border-radius:10px;background-image:linear-gradient(180deg,#b3d9e9 20%,#71c2e5);text-shadow:0 3px 6px rgba(0,0,0,.35);color:#fff;padding:.5vh;white-space:nowrap;margin:10px 2.8vw;border-color:#b3d9e9;border-style:none}.checkbox-container.label{padding-left:0;margin:10px 0;font-size:15px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:left;color:#516f97}.checkbox-container{line-height:25px;display:block;position:relative;padding-left:33px;font-size:22px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.checkbox-container input{opacity:0;height:0;width:0}.checkbox-container input,.checkmark{position:absolute;cursor:pointer;margin-left:20px}.checkmark{top:0;left:0;height:18px;width:19px;object-fit:contain;box-shadow:inset 0 3px 6px 0 rgba(0,0,0,.16);border:1px solid #5da1a1;background-color:#fff}.checkbox-container.label .checkmark{left:unset}.checkbox-container input:checked~.checkmark{background-color:rgba(50,50,50,.2)}.checkbox-container input:checked~.checkmark:after{display:block}.checkbox-container input~.checkmark:after{display:none}.checkbox-container .checkmark:after{content:"";margin-left:5px;width:5px;height:10px;border:solid #fff;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.textButton{display:flex;justify-content:center;align-items:center;background-image:linear-gradient(180deg,#b3d9e9 -25%,#2ca3d6);border:1px solid silver;text-align:center;cursor:pointer}.textButton:hover{background-image:linear-gradient(180deg,#b3d9e9 20%,#71c2e5)}.textButton span{color:#fff;font-weight:700}.inputFile{display:flex;width:100%}.inputFile__container{width:calc(100% - 64px)}.inputFile__container input{width:100%}.kmlItem{display:flex;position:relative;border:2px solid #a76629;border-radius:5px;background-color:#fff;margin:2px 0}.kmlItem div{position:absolute;display:flex;right:0;cursor:pointer}.autoTruncateTextLabel{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attributes{background-color:#fff}.attributes__row{display:flex;font-weight:700;margin-top:2px}.attributes__row div{background-color:#90c9fa;padding:1px;margin:1px}.kmlUploadTool__historyList{width:70%;height:calc(100% - 35px);overflow-y:auto}.kmlUploadTool{width:100%;height:100%}.kmlUploadTool__inputFile{background-color:#fff}.kmlUploadTool__container{display:flex}.KMLAttributeOptionList{width:30%;height:calc(100% - 35px);overflow-y:auto;padding:5px}.kmlUploadTool__historyList__item{display:flex;position:relative;border:2px solid #a76629;border-radius:5px;background-color:#fff}.kmlUploadTool__historyList__item img{position:absolute;right:0}.readilyAvailableHouseTool{background-color:#fffbf8;width:100%;height:100%;padding:2px;overflow:auto}.readilyAvailableHouseItem-box{display:flex}.readilyAvailableHouseBox-row{display:flex;align-items:center;padding:1.48vh 0 0;justify-content:center}.readilyAvailableHouseBox-btn{border-radius:10px;background-image:linear-gradient(180deg,#b3d9e9 20%,#71c2e5);text-shadow:0 3px 6px rgba(0,0,0,.35);color:#fff;padding:.5vh;white-space:nowrap;margin:0 .5vw;border-color:#2d8fc2;border-style:solid}.readilyAvailableHouseBox{overflow:auto}.readilyAvailableHouseBox button{width:100%;padding:5px;font-size:18px;border:none;font-family:�L�n������}.readilyAvailableHouseTool-symbol-container img{background-color:#005792;margin-right:15px}.readilyAvailableHouseTool-symbol-container img.active{background-color:#578e65}.readilyAvailableHouseTool-color-box{height:30px;margin-bottom:10px;border:1px solid #000}.readilyAvailableHouse-Error{color:red;margin-left:5px}.readilyAvailableHouse-Table{border:1px solid;width:100%}.readilyAvailableHouse-Table-cell{border:1px solid #000}.readilyAvailableHouse-Table-cell+.errorMessage{color:red}.readilyAvailableHouseItem{width:50%;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:10px;background-image:linear-gradient(180deg,#b3d9e9 20%,#71c2e5);margin:5px auto;cursor:pointer}.readilyAvailableHouseItem.active,.readilyAvailableHouseItem:hover{background-image:linear-gradient(180deg,#b3d9e9 -25%,#2ca3d6)}.readilyAvailableHouseItem span{font-size:.5rem;color:#fff;white-space:nowrap}.InputSelect{position:relative;width:70%;color:#495057}.InputSelect__select{text-indent:0;display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:.3vh 1vw;justify-content:center;background-color:#fff}.InputSelect__triangle{margin:5px;border-right:5px solid transparent;border-left:5px solid transparent;border-top:8px solid #000;display:inline-block}.InputSelect__select:hover{cursor:pointer}.InputSelect__select span{max-width:150px;display:inline-block;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.InputSelect__option{background-color:#fff;position:absolute;width:100%;max-height:25vh;overflow:auto;border-radius:0 0 10px 10px;z-index:2}.InputSelect__option div{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;justify-content:center}.InputSelect__option div:hover{background-color:#1844d5;color:#fff}.locateItem{width:24%;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:10px;background-image:linear-gradient(180deg,#b3d9e9 20%,#71c2e5);text-shadow:0 3px 6px rgba(0,0,0,.35);color:#fff;margin:5px auto;cursor:pointer}.locateItem.active,.locateItem:hover{background-image:linear-gradient(180deg,#b3d9e9 -25%,#2ca3d6)}.locateItem span{font-size:.5rem;color:#fff;white-space:nowrap}.locateTool{background-color:#fffbf8;width:100%;height:100%;padding:2px}.locateItem-box{display:flex}.locateBox button{width:100%;padding:5px;font-size:18px;border:none;font-family:�L�n������}.locateTool-row{display:flex;align-items:center;padding:1.48vh 0 0;justify-content:center}.locateTool-row span{margin-right:auto}.locateTool-text{border-radius:10px;width:60%;background-color:#f2dbdb}.locateTool-btn{text-shadow:0 3px 6px rgba(0,0,0,.35);color:#fff;padding:.5vh;white-space:nowrap;margin:0 .5vw;border-color:#2d8fc2;border-style:none}.locateTool-btn,.travelDiaryToolItem{border-radius:10px;cursor:pointer;background-image:linear-gradient(180deg,#b3d9e9 20%,#71c2e5)}.travelDiaryToolItem{width:100%;height:2rem;display:flex;align-items:center;justify-content:center;margin:5px auto}.travelDiaryToolItem.active,.travelDiaryToolItem:hover{background-image:linear-gradient(180deg,#b3d9e9 -25%,#2ca3d6)}.travelDiaryToolItem span{font-size:.5rem;color:#fff;white-space:nowrap}.TravelDiaryListItem{display:flex;width:100%;border:2px solid #a76629;border-radius:5px;background-color:#fff;margin:2px 0;cursor:pointer}.TravelDiaryListItem div{display:flex;right:0;cursor:pointer}.travelDiaryTool{background-color:#fffbf8;width:100%;height:100%;padding:2px;overflow:auto}.travelDiaryToolItem-box{display:flex}.travelDiaryToolBox{overflow:auto}.travelDiaryTool-row{display:flex;align-items:center;padding:1.48vh 0 0;justify-content:center}.travelDiaryTool-row input{border:none}.travelDiaryTool-col{display:flex;flex-direction:column;padding:1.48vh 0 0}.travelDiaryTool-col textarea{border-radius:14px;border:none}.travelDiaryTool-row span{margin-right:auto}.travelDiaryTool-header{font-size:1.55rem}.travelDiaryTool-col label{width:20%;align-self:end;text-align:center;margin-top:10px}.travelDiaryTool-btn{border-radius:10px;cursor:pointer;background-image:linear-gradient(180deg,#b3d9e9 20%,#71c2e5);text-shadow:0 3px 6px rgba(0,0,0,.35);color:#fff;padding:.5vh;white-space:nowrap;margin:0 .5vw;border-color:#2d8fc2;border-style:none}.travelDiaryTool-btn:active,.travelDiaryTool-btn:hover{background-image:linear-gradient(180deg,#b3d9e9 -25%,#2ca3d6)}.travelDiaryTool-text{border-radius:10px;width:60%}.travelDiaryTool-img{width:80%;height:200px}.travelDiaryTool-func:hover{background-color:#f2eaea}.travelDiaryTool-func:active{background-color:#f2dbdb}.travelDiaryTool-img{background-color:#dfdfdf;padding:10px;border-radius:18px}.travelDiaryTool-textArea{background-color:#f2dbdb;min-height:100px;word-break:break-all;max-height:100px;overflow:auto;border:none;border-radius:14px;margin-left:18px;margin-right:23px}.travelDiaryTool-bubble{display:flex;flex-direction:column;justify-content:center;align-items:center}.travelDiaryTool-bubble img{border:6px solid #dfdfdf;border-radius:10px;margin:13px}.travelDiaryTool-bubble div{background-color:#fdf8f8;word-break:break-all;width:80%;border-radius:14px;margin:10px}.buildingItem-Box{background-color:grey;border-radius:5px}.buildingItem{display:flex;height:30px;flex-direction:row;justify-content:space-between;border-radius:5px}.buildingItem-btn{border-radius:10px;background-image:linear-gradient(180deg,#b3d9e9 20%,#71c2e5);color:#fff;white-space:nowrap;margin:0 .5vw;border:none}.buildingItem-option{display:flex}.buildingItem-option img{background-color:grey;cursor:pointer;height:30px;margin-bottom:4px}.threeDBuildingTool{width:100%;height:100%;padding:2px;overflow:auto;max-height:400px}.threeDBuildingToolBox-row{display:flex;align-items:center;padding:1.48vh 0 0;justify-content:center;max-height:100px;overflow:auto}.threeDBuildingTool-btn{border-radius:10px;background-image:linear-gradient(180deg,#b3d9e9 20%,#71c2e5);color:#fff;padding:.5vh;white-space:nowrap;margin:0 .5vw;border:solid}.socioeconomic{width:100%;height:100%;padding:2px}.socioeconomic-row{display:flex;align-items:center;padding:1.48vh 0 0;justify-content:center;max-height:100px;overflow:auto}.socioeconomic-statistics-chart{width:100%;height:280px;background-color:#fff;border-radius:22px}.socioeconomic-btn{border-radius:10px;background-image:linear-gradient(180deg,#b3d9e9 20%,#71c2e5);text-shadow:0 3px 6px rgba(0,0,0,.35);color:#fff;padding:.5vh;white-space:nowrap;margin:0 .5vw;border-color:#2d8fc2;border-style:solid}.topBar{display:flex}.topBar__tab{height:1.76vw;width:8.96vw;min-height:1.65rem;min-width:10.25rem;font-size:1rem;color:#fff;font-family:MicrosoftJhengHei;font-weight:400;font-stretch:normal;font-style:normal;text-align:center;letter-spacing:.3px;margin:.2vw .4vw;padding:4px 0 5px;border-radius:10px 10px 10px 10px;background-image:linear-gradient(180deg,#b3d9e9 -25%,#2ca3d6);cursor:pointer}.topBar__tab:hover{background-image:linear-gradient(180deg,#b3d9e9 -25%,#71c2e5)}.triangle03{margin:0 5px;border-right:5px solid transparent;border-left:5px solid transparent;border-top:8px solid #fff;display:inline-block}.topBar__tab-drop-down:hover>.topBar__tab-dropDownMenu{display:flex}.topBar__tab-dropDownMenu{border:1px solid #ccc;background-color:rgba(95,168,199,.7);color:#fff;position:absolute;z-index:99;min-width:180px;display:none;flex-direction:column;padding:5px}.topBar__tab-dropDownMenu li{border-bottom:1px solid #ccc;list-style-type:none}.topBar__tab-dropDownMenu li:hover{background-image:linear-gradient(180deg,#b3d9e9 -25%,#71c2e5)}.topBar__tab-dropDownMenu li:last-child{border-bottom:none}.bottomBarItem{position:relative;width:10rem;height:2rem;border-radius:1rem;background-color:#525254;cursor:pointer;margin:0 .5rem}.bottomBarItem:hover{background-image:linear-gradient(180deg,#3d7aa1 20%,#3797d6)}.bottomBarItem__cover{position:relative;width:10rem;height:2rem;border-radius:1rem;background-color:rgba(143,200,217,.5)}.bottomBarItem__lightEffect{position:absolute;left:.3rem;width:9.5rem;height:1rem;border-radius:.5rem;background-image:linear-gradient(180deg,rgb(255 255 255/16%) 0,hsla(0,0%,100%,0));background-color:rgb(188 227 239/20%)}.bottomBarItem__inner{display:flex;justify-content:center;align-items:center;line-height:2rem}.bottomBarItem__inner span{width:101px;height:33px;font-family:MicrosoftJhengHei;font-size:1rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.32;letter-spacing:.38px;text-align:left;color:#fff}.bottomBar__list{display:flex;align-items:center}.bottomBar{width:auto;display:flex;background-image:linear-gradient(180deg,rgba(160,210,236,.8),rgba(168,209,245,.8) 25%,rgba(191,225,248,.8) 77%,rgba(220,229,248,.8) 91%,rgba(177,216,255,.8))}.bottomBar,.bottomBar__mark{height:50px;border-radius:43.5px;box-shadow:3px 3px 3px 0 rgba(0,0,0,.24)}.bottomBar__mark{width:140px;background-color:#fff}.bottomBar__mark,.bottomBar__mark__inner{-webkit-clip-path:polygon(0 0,0 100%,80% 100%,100% 50%,80% 0);clip-path:polygon(0 0,0 100%,80% 100%,100% 50%,80% 0)}.bottomBar__mark__inner{position:absolute;height:45px;width:130px;top:3px;left:5px;border-radius:43.5px;box-shadow:3px 3px 3px 0 rgba(0,0,0,.24);background-image:linear-gradient(180deg,#70ddee,#80d2df 25%,#72aab2 75%,#66969c);text-align:center}.bottomBar__mark__inner>span{text-shadow:0 3px 3px rgba(0,0,0,.16);font-family:MicrosoftJhengHei;font-size:1.2rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:40px;letter-spacing:.53px;text-align:left;color:#fff}.minimizedWindowStatusItem{border-radius:10px 10px 0 0;display:none;align-items:center;justify-content:center;width:6rem;height:25px;color:#fff;font-weight:700;font-size:1rem;margin:5px;cursor:pointer;border-bottom:2px solid #69cbc2;padding:3px;background-image:linear-gradient(180deg,#8cc4c2 -16%,#91c7f1 62%)}.minimizedWindowStatusItem:hover{background-image:linear-gradient(180deg,#f1d3bc -16%,#ebb990 62%)}.minimizedWindowStatusItem--isMinimized{background-image:none}.minimizedWindowStatusItem--isMinimized:hover{background-image:none;background-color:hsla(0,0%,100%,.5)}.minimizedWindowStatusItem--isOpened,.minimizedWindowStatusItem__buttons{display:flex}.minimizedWindowStatusBar{display:flex;width:100%;height:100%;overflow:auto}.modalWindow{position:absolute;left:0;top:0;width:100%;height:100%;background-color:hsla(0,0%,72.5%,.4)}.modalWindow__content{position:absolute;top:-25px;left:10px;border:5px solid #4bb2db;border-radius:10px;background-color:#fff;padding:10px}.modalWindow__content:after{content:"";position:absolute;top:10px;left:-25px;border:10px solid transparent;border-right-color:#4bb2db}.layerAttrsRnd__title{display:flex;justify-content:center;line-height:normal;font-size:20px;color:#fff;background:linear-gradient(180deg,#4ca4f1,#0389ff 10%,#136ad5);border-radius:5px 5px 0 0;box-sizing:border-box;padding:0 10px;border:none;height:auto}.layerAttrsRnd__context{max-height:343px;background:transparent;height:calc(100% - 2.5em);width:100%;box-sizing:border-box}.layerAttrsRnd__table{padding:.8vh .3vw}.layerAttrsRnd__table__tr{background-color:#fff;word-wrap:break-word;border-radius:10px;margin:5px;padding-right:5px;padding-left:5px}.layerAttrsRnd__table__th1{text-align:center;border-radius:6px 0 0 6px;border-right:1px solid #000;color:#136ad5}.layerAttrsRnd__table__th2{border-radius:0 6px 6px 0;color:#136ad5}.layerAttrsRnd__table table{border-collapse:separate;border-spacing:0 .3vh}.layerAttrsRnd__table tbody{display:block;max-height:330px;overflow:auto}.layout{width:100vw;height:100vh}.layout__header{position:relative;width:100vw;height:45px;background-image:linear-gradient(180deg,rgba(85,174,188,.5),rgba(67,128,151,.5));box-shadow:0 -2px 6px 0 rgba(0,0,0,.7);padding:5px;z-index:10}.layout__header .logo__img{width:220px;height:100%;cursor:pointer}.logo__img .logo{width:auto;height:100%}.layout__header .topBarContainer{position:absolute;right:0;bottom:0}.layout__body{position:relative;top:-45px;width:100vw;height:100%}.layout__footer{position:absolute;left:0;bottom:0;width:100vw;height:35px;background-image:linear-gradient(180deg,rgba(85,174,188,.5),rgba(67,128,151,.5));box-shadow:0 -2px 6px 0 rgba(0,0,0,.7);text-align:center;color:#fff;font-size:.9rem;overflow:hidden;z-index:10}.layout_opacity{position:absolute;bottom:20px;right:5px;height:2.5rem;-webkit-transform:translate(-12px);transform:translate(-12px);pointer-events:all}.layout_opacity input[type=range]{-webkit-appearance:none;width:290px;height:14px;background:rgba(189,177,182,.47);border-radius:10px;background-image:linear-gradient(#78d1d4,#2881aa);background-size:100% 100%;background-repeat:no-repeat}.layout_opacity input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:20px;width:20px;border-radius:50%;background:#fff;cursor:ew-resize;-webkit-transition:background .3s ease-in-out;transition:background .3s ease-in-out}.layout_opacity input[type=range]::-webkit-slider-runnable-track{-webkit-appearance:none;box-shadow:none;border:none;background:transparent}.layout_opacity span{position:absolute;pointer-events:none;font-size:.7rem;top:25%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-weight:700}.bottomBarContainer{position:absolute;left:50%;bottom:40px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.minimizedWinodwStatusBarContainer{width:calc(100% - 375px);height:100%}.bottomStatusBarContainer{position:absolute;right:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.ov-widget-attributesContentLabel:first-child{text-align:left;border-right:1px solid #000}a{color:#0366d6}code{color:#e01a76}.btn-primary{color:#fff;background-color:#1b6ec2;border-color:#1861ac}.box{position:absolute;cursor:move;color:#000;width:100px;border-radius:5px;padding:1em;margin:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#d3d3d3}
/*# sourceMappingURL=main.ac5e4abe.chunk.css.map */