@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500;700&display=swap);
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}@-webkit-keyframes open{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);will-change:transform}to{opacity:1;-webkit-transform:none;transform:none;will-change:transform}}@keyframes open{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);will-change:transform}to{opacity:1;-webkit-transform:none;transform:none;will-change:transform}}@-webkit-keyframes close{0%{opacity:1;-webkit-transform:none;transform:none;will-change:transform}to{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);will-change:transform}}@keyframes close{0%{opacity:1;-webkit-transform:none;transform:none;will-change:transform}to{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);will-change:transform}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:.25}}@keyframes fadeIn{0%{opacity:0}to{opacity:.25}}@-webkit-keyframes fadeOut{0%{opacity:.25}to{opacity:0}}@keyframes fadeOut{0%{opacity:.25}to{opacity:0}}@-webkit-keyframes progressGlow{0%{box-shadow:0 0 5px rgba(52,152,219,.5)}50%{box-shadow:0 0 15px rgba(52,152,219,.8)}to{box-shadow:0 0 5px rgba(52,152,219,.5)}}@keyframes progressGlow{0%{box-shadow:0 0 5px rgba(52,152,219,.5)}50%{box-shadow:0 0 15px rgba(52,152,219,.8)}to{box-shadow:0 0 5px rgba(52,152,219,.5)}}@-webkit-keyframes textShimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes textShimmer{0%{background-position:-200%}to{background-position:200%}}@media(max-width:1024px){.react-datepicker{font-size:1em}.react-datepicker__header{padding-top:.8em}.react-datepicker__month{margin:.4em 1em}.react-datepicker__day,.react-datepicker__day-name{width:2em;line-height:2em;margin:.275em}.react-datepicker__current-month{font-size:1.5em;padding-bottom:.5em}.react-datepicker__navigation{top:1em;line-height:1.7em;border:.45em solid transparent}.react-datepicker__navigation--previous{left:1em}.react-datepicker__navigation--next{right:1em}.react-datepicker__navigation-icon{width:0}}@font-face{font-family:"js-openhuninn";src:url(/tw_pet_need_map/static/media/jf-openhuninn-1.1.8b3953f6.ttf)}body,html{margin:0;padding:0;text-decoration:none;background-color:#e4e4e4;font-family:"Noto Sans TC",sans-serif;font-weight:400}@media only screen and (max-width:428px){body,html{font-size:12px}.infoBlockContainer{margin-top:20px}.closeButtonContainer{font-size:20px;margin:5px}.infoBlock{width:100vw;padding-top:3em}.toolbarContainer{width:calc(100% - 6em);padding:0 3em}@supports(-webkit-touch-callout:none){.cardsList{width:calc(100% - 6em);padding:0 3em 3em}}@supports not (-webkit-touch-callout:none){.cardsList{width:calc(100% - 6em + 10px);padding:0 calc(3em - 10px) 3em 3em}}.selectors{font-size:16px!important}.selectors.dateSelect,.selectorsselect,.selectorsspan{padding:7.5px 10px!important}.pagination{display:-webkit-flex;display:flex;grid-gap:15px;gap:15px}.pagination .pageArrow{-webkit-flex:1 1;flex:1 1;font-size:20px;line-height:50px}.pagination .pageElement{-webkit-flex:2 1;flex:2 1;position:relative}.pagination .pageElement .selectArrow{top:.25em;right:1.5em}.pagination .pageElement select{font-size:16px;width:calc(100% - 22px);line-height:38px;padding:5px 10px;border:1px solid #505050;border-radius:24px;background-color:#fff;text-align-last:center}.pagination span{position:absolute;text-align:center;font-size:1.5em;width:calc(100% - 22px);line-height:50px;pointer-events:none}.pagination select{color:#fff}.pagination select option{color:#000}.pagination option,.pagination select{-webkit-appearance:none}.cardMini{width:inherit;font-size:14px;padding-right:20px}.cardMini .date i{padding:0 10px}}@media only screen and (min-width:429px){body,html{font-size:12px}.infoBlockContainer{margin:20px}.closeButtonContainer{font-size:1.2em;margin:.5em}.infoBlock{width:calc(280px + 4em);padding-top:2.5em}.toolbarContainer{width:calc(100% - 5em);padding:0 2.5em}@supports(-webkit-touch-callout:none){.cardsList{width:calc(100% - 4em);padding:0 2em 2em}}@supports not (-webkit-touch-callout:none){.cardsList{width:calc(100% - 4em + 10px);padding:0 calc(2em - 10px) 2em 2em}}.pagination .pageElement{line-height:1.5em;width:1.5em;padding:.5em;border-radius:1.5em;margin-right:calc(12.5% - 2.8125em)}.cardMini{width:280px;font-size:14px;padding-right:20px}.cardMini .date i{padding:0 10px}.card-meta-title .state{padding:0}}@media only screen and (min-width:769px){.infoBlockContainer{margin:20px}.infoBlock{width:calc(300px + 4em);padding-top:2.5em}.toolbarContainer{width:calc(100% - 5em);padding:0 2.5em}.pagination .pageElement{line-height:1.75em;width:1.75em;padding:.5em;border-radius:1.5em;margin-right:calc(12.5% - 3.09375em)}.cardMini{width:280px;font-size:18px}.cardMini i{padding:0 .75em}.card-meta-title .state{padding:0 5px}}@media only screen and (min-width:1025px){body,html{font-size:16px}.infoBlockContainer{margin:20px}.infoBlock{width:calc(450px + 4em);padding-top:2.5em}.toolbarContainer{width:calc(100% - 5em);padding:0 2.5em}.card-meta-title .state{padding:0 5px}.cardMini{width:350px;font-size:18px}.cardMini i{padding:0 .75em}}::-webkit-scrollbar{width:10px;margin-right:10px}::-webkit-scrollbar-track{border-radius:10px;background-color:#f6f6f6}::-webkit-scrollbar-thumb{border-radius:10px;background-color:#d3d3d3}::-webkit-scrollbar-thumb:hover{background-color:#9e9e9e}::selection{background-color:#bdecec}.unselectable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.loading{margin:100px auto;width:120px;line-height:120px;text-align:center;font-size:60px;color:#3da7a7}.loading i{-webkit-animation-name:spin;animation-name:spin;-webkit-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.mapContainer{width:100%;height:100%;position:fixed;top:0;right:0}.mapContainer * .gm-style-cc{display:none}.mapContainer * .gm-ui-hover-effect img{width:20px!important;height:20px!important}.mapContainer * .gm-ui-hover-effect{top:0!important;right:5px!important}.mapCover{position:absolute;z-index:1;width:100%;height:100%;background-color:#000}.mapCover.open{-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.mapCover.close,.mapCover.open{-webkit-animation-duration:.35s;animation-duration:.35s}.mapCover.close{pointer-events:none;-webkit-animation-name:fadeOut;animation-name:fadeOut;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.infoButtonContainer{position:fixed;top:0;left:0;margin:20px;-webkit-flex-direction:column;flex-direction:column;grid-gap:15px;gap:15px;display:-webkit-flex;display:flex}.infoButtonContainer.open{-webkit-animation-name:open;animation-name:open;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.infoButtonContainer.close,.infoButtonContainer.open{-webkit-animation-duration:.4s;animation-duration:.4s}.infoButtonContainer.close{-webkit-animation-name:close;animation-name:close;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.infoButtonContainer .button{width:65px;line-height:65px;border-radius:50px;transition:all .2s;color:#3da7a7;background-color:#fff;font-size:20px;text-align:center;vertical-align:middle;box-shadow:0 0 10px -1px #646464}.infoButtonContainer .button:hover{cursor:pointer;transition:all .2s;color:#fff;background-color:#3da7a7}.closeButtonContainer{position:absolute;z-index:2;top:0;right:0}.closeButton{width:1.5em;line-height:1.5em;text-align:center}.closeButton:hover{cursor:pointer;color:#505050}.hideButton{margin-right:-70px;transition:all .5s}.selectArrow{font-size:12px;position:absolute;height:12px;top:0;bottom:0;right:8px;margin:auto}.pagination{margin-top:1.2em;text-align:center}.pagination .pageElement{display:inline-block;text-align:center;color:#000}.pagination .pageElement:last-child{margin-right:0}.pagination .pageArrow{border-radius:.5em}.pagination .pageArrow:hover{cursor:pointer;color:#fff;background-color:#3da7a7;transition:all .2s}.pagination .pageBtn:hover{cursor:pointer;color:#000;background-color:#bdecec;transition:all .2s}.pagination .dot:after{content:"..."}.pagination .currentPage,.pagination .currentPage:hover{background-color:#3da7a7;color:#fff}.pagination .currentPage:hover{cursor:default}.selectors{display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;flex-flow:row wrap;grid-gap:1em;gap:1em;font-size:1em}.selectors .selectContainer{-webkit-flex:1 1 auto;flex:1 1 auto;position:relative}.selectors .selectContainer span{z-index:2;display:block;position:absolute;top:0;left:0;right:0;text-align:center;line-height:1.5em;padding:5px calc(11px + .7em) 5px 11px;margin:0 auto;pointer-events:none}.selectors .selectContainer .selectArrow{color:#000}.selectors .selectContainer .selectArrow:not([data-chosen="0"]){color:#fff}.selectors .selectContainer select{z-index:1;line-height:1.5em;width:100%;padding:5px calc(10px + .7em) 5px 10px;color:#fff;background-color:#fff}.selectors .selectContainer select option{color:#000}.selectors .selectContainer select option:hover{background-color:#7dcdcd}.selectors .selectContainer select::-webkit-scrollbar-track{background-color:#fff}.selectors .selectContainer select:not([data-chosen="0"]){background-color:#3da7a7;color:#3da7a7}.selectors .selectContainer select:not([data-chosen="0"]) option{background-color:#fff;color:#000}.selectors .selectContainer select:not([data-chosen="0"])+span{color:#fff}.selectors .dateSelectContainer{-webkit-flex:1 1 auto;flex:1 1 auto}.selectors .dateSelectContainer .react-datepicker__close-icon:after{background-color:#fff;color:#000}.selectors .dateSelect{width:calc(100% - 22px);height:1.5em;padding:5px 10px;border:1px solid #505050}.selectors .dateSelect::-webkit-input-placeholder{text-align:center}.selectors .dateSelect:-ms-input-placeholder{text-align:center}.selectors .dateSelect::placeholder{text-align:center}.selectors .dateSelect:not([value=""]){background-color:#3da7a7;color:#fff}.selectors .dateSelect:not([value=""]) option{background-color:#fff;color:#000}.selectors .react-datepicker__tab-loop{position:absolute!important}.selectors .react-datepicker__tab-loop .react-datepicker__day--in-selecting-range,.selectors .react-datepicker__tab-loop .react-datepicker__month-text--in-selecting-range,.selectors .react-datepicker__tab-loop .react-datepicker__quarter-text--in-selecting-range,.selectors .react-datepicker__tab-loop .react-datepicker__year-text--in-selecting-range{background-color:#7dcdcd}.selectors .react-datepicker__tab-loop .react-datepicker__day--in-range,.selectors .react-datepicker__tab-loop .react-datepicker__day--keyboard-selected,.selectors .react-datepicker__tab-loop .react-datepicker__day--selected,.selectors .react-datepicker__tab-loop .react-datepicker__month-text--in-range,.selectors .react-datepicker__tab-loop .react-datepicker__month-text--keyboard-selected,.selectors .react-datepicker__tab-loop .react-datepicker__month-text--selected,.selectors .react-datepicker__tab-loop .react-datepicker__quarter-text--in-range,.selectors .react-datepicker__tab-loop .react-datepicker__quarter-text--keyboard-selected,.selectors .react-datepicker__tab-loop .react-datepicker__quarter-text--selected,.selectors .react-datepicker__tab-loop .react-datepicker__year-text--in-range,.selectors .react-datepicker__tab-loop .react-datepicker__year-text--keyboard-selected,.selectors .react-datepicker__tab-loop .react-datepicker__year-text--selected{background-color:#3da7a7}.selectors input,.selectors select{outline:none;border-radius:1em}.selectors input:hover,.selectors select:hover{cursor:pointer;border-color:#3da7a7}.selectors input:focus,.selectors select:focus{border-color:#3da7a7}.selectors input,.selectors option,.selectors select{-webkit-appearance:none}.cardsListContainer{position:relative;-webkit-flex-grow:1;flex-grow:1}.cardsList{position:absolute;height:calc(100% - 2em);overflow-y:scroll}.horiLine{width:100%;height:0;margin:2em 0;border-bottom:1px solid #c8c8c8}.noneDisplay{display:none}.marginTop-3{margin:3em 0 0}.marginBottom-2{margin:0 0 2em}.marginBottom-3{margin:0 0 3em}.infoBlockContainer{position:fixed}.infoBlockContainer.hide{display:none}.infoBlockContainer.open{-webkit-animation-name:open;animation-name:open;-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.infoBlockContainer.close{-webkit-animation-name:close;animation-name:close;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.infoBlock{height:calc(100vh - 40px - 2.5em);height:calc(var(--vh, 1vh)*100 - 40px - 2.5em);display:-webkit-flex;display:flex;-webkit-flex-flow:column;flex-flow:column;background-color:#f8f8f8;border-radius:1em;box-shadow:0 0 10px 5px rgba(0,0,0,.2);overflow:hidden}.infoBlock.maker{display:block;position:relative}.toolbarContainer{padding-bottom:1.5em;border-bottom:1px solid #c8c8c8}.card{margin:0 auto 2em;padding:2em;background-color:#fff;box-shadow:0 2px 5px 1px rgba(0,0,0,.2);transition:all .3s;border-radius:10px;overflow:hidden}.card:last-child{margin-bottom:0}.card:hover{background-color:#fbfbfb;box-shadow:0 5px 15px 0 rgba(0,0,0,.2);transition:all .1s ease-in}.card .item{color:#505050;font-size:.7em;font-weight:300;letter-spacing:1px;margin-bottom:.25em}.card .highlighter{position:relative;top:1.7em;left:calc(72px + 1em);height:.85em;margin-top:-.85em;border-radius:.4em}.card-meta-title{font-size:1.4em;line-height:1.5em}.card-meta-title .state{display:inline-block;width:62px;vertical-align:middle;margin-right:1.5em;font-size:.8em;letter-spacing:2px;text-indent:-2px;direction:rtl;text-align:center}.card-meta-title .working{border:1.5px solid #f77;color:#f77}.card-meta-title .notWorking{border:1.5px solid #505050;color:#505050}.card-meta-title .pipeType{display:inline-block;font-size:1.2em;font-weight:500;vertical-align:middle;letter-spacing:2px}.card-meta-basicInfo{margin:1.5em 0}.card-meta-basicInfo .date span{font-size:1.5em;font-weight:700;letter-spacing:1px}.card-meta-basicInfo .date .slash:after{content:"/";color:rgba(0,0,0,.7);font-weight:500;font-size:.5em;padding:0 .1em}.card-meta-basicInfo .date i{position:relative;bottom:2px;color:#505050;padding:0 .75em}.card-meta-basicInfo .info{font-size:1.25em;margin-top:1em;letter-spacing:2px}.card-meta .buttons{font-size:16px;float:right}.card-meta .buttons *{font-size:1.15em;display:inline-block;width:40px;line-height:40px;border-radius:20px;text-align:center;margin-right:15px;box-shadow:0 0 5px -1px rgba(0,0,0,.2)}.card-meta .buttons :last-child{margin-right:0}.card-meta .buttons :hover{cursor:pointer}.card-meta .buttons-locate{color:#f77;background-color:#fff;transition:all .1s}.card-meta .buttons-locate:hover{color:#fff;background-color:#f77}.card-meta .buttons-moreInfo{color:#7dcdcd;background-color:#fff;transition:all .1s}.card-meta .buttons-moreInfo:hover,.card-meta .buttons-moreInfoClicked{color:#fff;background-color:#7dcdcd}.card-meta:after{clear:both;display:block;content:""}.card-body{font-size:1.25em;letter-spacing:2px}.card-body .constructTitle{line-height:normal;font-weight:700}.card-body-detailInfo{margin-top:20px;display:grid;grid-template-columns:repeat(2,1fr);grid-row-gap:1em;row-gap:1em;letter-spacing:2px}.card-body-detailInfo .oneRow{grid-column-start:1;grid-column-end:3}.card-body-detailInfo .phone{font-size:.7em;margin-top:3px}.cardMini{padding:0 5px;font-family:"Noto Sans TC",sans-serif!important;font-weight:400}.cardMini .inlineBlock{display:inline-block}.cardMini .title{margin:0 0 15px}.cardMini .item{font-size:.85em;color:#505050;margin-bottom:2px;letter-spacing:1px;font-weight:300}.cardMini .item:before{display:inline-block;content:"。";width:10px;line-height:10px;border-radius:10px;color:#7dcdcd;background-color:#7dcdcd;margin-right:5px}.cardMini .data{font-weight:400;margin-bottom:15px;letter-spacing:2px}.cardMini .last{margin-bottom:10px}.cardMini .date span{font-size:1.2em;font-weight:700}.cardMini .date .slash:after{content:"/";color:#505050;font-weight:500;font-size:.5em;padding:0 1px}.cardMini .date i{color:#505050}.cardMini .state{width:62px;padding:5px;font-size:1em;letter-spacing:2px;text-indent:-2px;direction:rtl}.cardMini .pipeType,.cardMini .state{vertical-align:middle;text-align:center}.cardMini .pipeType{font-size:1.25em;margin-left:1em}.cardMini .working{border:1.5px solid #f77;color:#f77}.cardMini .notWorking{border:1.5px solid #505050;color:#505050}.noContent{text-align:center;padding-top:2em;color:#505050;font-size:2em}.noContent .exclamationMark{font-size:2em;line-height:2em;color:#7dcdcd}.flex{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between}.makerMessage{position:relative;height:calc(100% - 2em);font-size:1.25em;padding:0 2em 2em;color:#505050;line-height:1.5em;letter-spacing:.5px;overflow-y:scroll}.makerMessage img{display:block;width:6.5em;height:6.5em;margin:0 auto;padding-top:2em}.makerMessage .socialMedia{-webkit-align-self:flex-end;align-self:flex-end}.makerMessage .socialMedia a{margin-right:10px}.makerMessage .socialMedia a:last-child{margin-right:0}.makerMessage .socialMedia i{font-size:2em;color:#505050}.makerMessage .socialMedia i:hover{color:#868686;cursor:pointer}.serverError{margin-top:calc(50vh - 2em);text-align:center;color:#505050;font-size:2em}.hide{visibility:hidden}.bgColor_orange{background-color:#ffa665}.bgColor_orange-light{background-color:#ffdec7}.bgColor_mintGreen{background-color:#7dcdcd}.bgColor_mintGreen-light{background-color:#bdecec}
/*# sourceMappingURL=main.e35ba758.chunk.css.map */