@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Racing+Sans+One&display=swap";@import"https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400..700;1,400..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Brygada+1918:ital,wght@0,400..700;1,400..700&display=swap";.in-tit-h2{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;color:#082f5d}.in-tit-h2::before{content:"";display:inline-block;width:86px;height:9px;margin-bottom:10px;background:url(../images/in-tit-before.svg) no-repeat center}.swiper-slide a:focus{outline:none}.swiper-slide a:focus::after{content:"";display:block;position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;outline-offset:-2px;outline:2px dotted #6f42c1}.swiper-slide a:focus:not(:focus-visible)::after{outline:0}.swiper-slide a:focus-visible::after{outline:2px dotted #6f42c1}.btn-more{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:auto;min-width:200px;padding:9px 10px 9px 32px;color:#fff;background-color:#1b69c7;border-radius:3rem;border:none}.btn-more::after{content:"";display:inline-block;width:28px;height:28px;margin-left:auto;background:#fff url(../images/arrow-right-primary.svg) no-repeat center;border-radius:50%;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.btn-more:hover{background-color:#185db1}.no-js .swiper-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.quality_wrap{padding-block:75px 150px;background:url(../images/index-bg02.jpg) no-repeat top center;background-size:cover}@media(min-width: 992px){.quality_wrap{min-height:924px;padding-block:152px 280px}}.quality-search{width:min(960px,100%);margin:25px auto;margin-bottom:1rem;padding:.75rem;background-color:#fff;border-radius:.75rem}.quality-form{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;margin-bottom:1rem;padding-inline:1rem}.quality-label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-right:1rem;color:#082f5d;font-weight:600;border-right:1px solid #ced4da}.quality-select{-webkit-box-flex:1;-ms-flex:1;flex:1;border:none}.quality-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;padding:8px 20px;border-radius:12px}@media(min-width: 768px){.quality-search{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:80px auto}.quality-form{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;margin:0;margin-right:1rem;padding:0}.quality-label{margin:-0.75rem;margin-right:0;padding:20px 36px}.quality-select{width:calc(100% - 153px)}.quality-btn{width:160px}}.quality-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;padding:1rem .75rem;background-color:#fff;background-image:radial-gradient(at 80% 100%, rgb(236, 253, 255) 0px, transparent 50%),radial-gradient(at 0% 0%, rgb(236, 253, 255) 0px, transparent 50%);border-radius:1rem}@media(max-width: 575.98px){.quality-item{font-size:1.125rem}}.badge-soft-gray-500{color:#adb5bd;background-color:rgba(173,181,189,.18)}.badge-soft-success{color:#34c38f;background-color:rgba(52,195,143,.18)}.text-balance{text-wrap:balance}.table-declaration{width:100%}.table-declaration th,.table-declaration td{padding:.75rem .75rem;vertical-align:top;border:1px solid #d4d4d4;word-break:break-all}.table-declaration tbody th{text-align:left;background-color:#f8f9fa}@media(max-width: 767.98px){.table-declaration table,.table-declaration th,.table-declaration td{display:block}.table-declaration th,.table-declaration td{border-top:none}}@media(min-width: 768px){.table-declaration tbody th{width:170px}}.feedback_wrap{width:min(410px,80%);margin:100px auto}.table-verification{width:100%}.table-verification caption{padding:1rem;color:#1b69c7}.table-verification th,.table-verification td{padding:.75rem .75rem;vertical-align:top;border:1px solid #d4d4d4;word-break:break-all}.table-verification thead th{color:#fff;background-color:#1b69c7}.table-verification tbody th{text-align:left}@media(max-width: 767.98px){.table-verification thead th{display:none}.table-verification table,.table-verification th,.table-verification td{display:block;border:none}.table-verification tbody tr{display:block;border:1px solid #d4d4d4}.table-verification tbody tr+tr{margin-top:1rem}.table-verification tbody th:not(:last-child),.table-verification tbody td:not(:last-child){border-bottom:1px solid #d4d4d4}.table-verification tbody th::before,.table-verification tbody td::before{content:attr(data-type) "：";display:inline-block;font-weight:bold;padding-right:.25rem}.table-verification tbody th{background-color:#f5f9ff}}@media(min-width: 768px){.table-verification tbody th,.table-verification tbody td{vertical-align:middle}.table-verification tbody th:nth-child(odd),.table-verification tbody td:nth-child(odd){background-color:#f5f9ff}}.shadow-10{-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.1)}.basic-station{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem}@media(min-width: 992px){.basic-station{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}@media(min-width: 1240px){.basic-station{gap:50px}}.basic-station-right{padding:2rem 1rem;background-color:#f8f9fa;border-radius:36px}@media(min-width: 992px){.basic-station-right{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;padding:2rem 1.5rem}}.basic-station-data dl{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-block:.5rem;border-bottom:1px dashed #d4d4d4}.basic-station-data dt{-ms-flex-negative:0;flex-shrink:0;-webkit-padding-end:.5rem;padding-inline-end:.5rem}@media(min-width: 992px){.basic-station-data dl{-ms-flex-wrap:nowrap;flex-wrap:nowrap;padding-block:1rem}.basic-station-data dt{white-space:nowrap}}.label-width-7 dt{width:7em}.water-search-date:has(input[type=date]){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.water-search-frequency .form-select{width:86px}@media(min-width: 768px){.water-search-date{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}@media(min-width: 992px){.water-search-date{width:400px}.water-search-date:has(input[type=datetime-local]){width:510px}.water-search-frequency{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}}.btn-history{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:min(132px,100%)}.btn-history .fill-white{fill:#fff}.btn-history:hover .fill-white{fill:#1b69c7}.basic-station-left{position:relative;width:100%;-ms-flex-negative:0;flex-shrink:0}@media(min-width: 992px){.basic-station-left{width:min(700px,55%)}}.map-legend{display:inline-block;padding:.75rem}.map-legend dd{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.map-legend span{display:inline-block;width:20px;height:20px;border-radius:50%}@media(min-width: 768px){.map-legend{position:absolute;left:0;bottom:0}}.circle-default{border:1px solid #d4d4d4}.circle-level_1{background-color:#007bff;border:1px solid #007bff}.circle-level_2{background-color:rgb(51,195,122.2);border:1px solid rgb(51,195,122.2)}.circle-level_3{background-color:#ffc107;border:1px solid #ffc107}.circle-level_4{background-color:#db373b;border:1px solid #db373b}.water-area a{position:absolute;display:inline-block;width:16px;height:16px;border-radius:50%}.water-area a.active::after{content:"";display:inline-block;width:30px;height:37px;background-image:url(../images/map-pin-fill.png);-webkit-transform:translate(-8px, -22px);transform:translate(-8px, -22px)}@media(min-width: 768px){.water-area a{width:25px;height:25px}.water-area a.active::after{-webkit-transform:translate(-4px, -16px);transform:translate(-4px, -16px)}}.water-area-01 a:nth-child(1){top:78.9%;left:49.4%}.water-area-02 a:nth-child(1){top:19%;left:83.5%}.water-area-02 a:nth-child(2){top:53.2%;left:73.5%}.water-area-02 a:nth-child(3){top:78.5%;left:63.9%}.water-area-03 a:nth-child(1){top:44.2%;left:74.6%}.water-area-04 a:nth-child(1){top:31.1%;left:33.3%}.water-area-04 a:nth-child(2){top:35.3%;left:16.5%}.water-area-04 a:nth-child(3){top:51.5%;left:10.5%}.water-area-05 a:nth-child(1){top:37%;left:63%}.water-area-05 a:nth-child(2){top:62.7%;left:54.8%}.water-area-06 a:nth-child(1){top:30.1%;left:60%}.water-area-06 a:nth-child(2){top:38.9%;left:55%}.water-area-06 a:nth-child(3){top:46.3%;left:46.9%}.water-area-06 a:nth-child(4){top:53%;left:40.5%}.water-area-06 a:nth-child(5){top:63%;left:44%}.water-area-06 a:nth-child(6){top:69.5%;left:45.9%}.water-area-07 a:nth-child(1){top:39.5%;left:48.5%}.water-area-07 a:nth-child(2){top:41.5%;left:55.4%}.water-area-07 a:nth-child(3){top:50%;left:43%}.water-area-07 a:nth-child(4){top:49.2%;left:52.2%}.water-area-07 a:nth-child(5){top:61%;left:38.5%}.water-area-07 a:nth-child(6){top:57.5%;left:44.5%}.water-area-07 a:nth-child(7){top:57.2%;left:55.3%}.water-area-07 a:nth-child(8){top:65.5%;left:41%}.water-area-07 a:nth-child(9){top:71.5%;left:37.3%}.water-area-07 a:nth-child(10){top:81.5%;left:35%}.water-area-07 a:nth-child(11){top:89.5%;left:35.5%}.water-area-07 a:nth-child(12){top:95.8%;left:34.3%}.water-area-08 a:nth-child(1){top:27.5%;left:74.3%}.water-area-08 a:nth-child(2){top:44.5%;left:67.8%}.water-area-08 a:nth-child(3){top:73.3%;left:38.5%}.water-area-08 a:nth-child(4){top:72.5%;left:60.8%}.water-area-08 a:nth-child(5){top:78.8%;left:31.8%}.water-area-08 a:nth-child(6){top:82%;left:51.5%}.water-area-09 a:nth-child(1){top:44%;left:15.2%}.water-area-09 a:nth-child(2){top:46%;left:36.8%}.water-area-09 a:nth-child(3){top:43.7%;left:41.5%}.water-area-09 a:nth-child(4){top:48.6%;left:41.3%}.water-area-09 a:nth-child(5){top:55.3%;left:45.8%}.water-area-09 a:nth-child(6){top:47.7%;left:54.5%}.water-area-09 a:nth-child(7){top:44.2%;left:72.3%}.water-area-10 a:nth-child(1){top:48.6%;left:39.5%}.water-area-10 a:nth-child(2){top:58%;left:55%}.water-area-10 a:nth-child(3){top:63%;left:61.5%}.water-area-10 a:nth-child(4){top:58%;left:68.2%}.water-area-10 a:nth-child(5){top:43.6%;left:85.6%}.water-area-11 a:nth-child(1){top:37%;left:15%}.water-area-11 a:nth-child(2){top:30.5%;left:39%}.water-area-11 a:nth-child(3){top:32.5%;left:48.5%}.water-area-11 a:nth-child(4){top:46.5%;left:44.5%}.water-area-12 a:nth-child(1){top:56.25%;left:44.5%}.water-area-12 a:nth-child(1) .circle-level-desc{left:-3.5em}.water-area-12 a:nth-child(2){top:58.5%;left:51%}.water-area-12 a:nth-child(2) .circle-level-desc{left:1.75em}.water-area-12 a:nth-child(3){top:66.2%;left:47.5%}.water-area-12 a:nth-child(3) .circle-level-desc{left:-3.5em}.circle-level-desc{position:absolute;width:3.5em;color:#212529;font-size:1rem}.dataCardsMore{display:grid;grid-template-columns:repeat(2, 1fr);gap:20px;max-height:0;overflow:hidden;-webkit-transition:all .5s ease;transition:all .5s ease}.dataCardsMore.active{max-height:1000px;padding-bottom:1rem}@media(min-width: 992px){.dataCardsMore{grid-template-columns:repeat(5, 1fr)}}.monitoring-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:20px;max-height:1000px}@media(min-width: 992px){.monitoring-grid{grid-template-columns:repeat(5, 1fr)}}.monitoring-no-data{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:400px}