@charset "UTF-8";@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);@import url(https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css);.footerTip[data-v-f318a2b6]{margin-left:10%;position:relative;z-index:9999}circle{fill:transparent}


/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/.animated{animation-duration:1s;animation-fill-mode:both}.animated.hinge{animation-duration:2s}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}.bounce{animation-name:bounce}@keyframes bounceIn2{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}.bounceIn2{animation-duration:.75s;animation-name:bounceIn2}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{animation-name:flash}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.pulse{animation-name:pulse}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}.shake{animation-name:shake}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}.swing{transform-origin:top center;animation-name:swing}@keyframes tada{0%{transform:scale(1)}10%,20%{transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg)}to{transform:scale(1) rotate(0)}}.tada{animation-name:tada}@keyframes wobble{0%{transform:translateX(0)}15%{transform:translateX(-25%) rotate(-5deg)}30%{transform:translateX(20%) rotate(3deg)}45%{transform:translateX(-15%) rotate(-3deg)}60%{transform:translateX(10%) rotate(2deg)}75%{transform:translateX(-5%) rotate(-1deg)}to{transform:translateX(0)}}.wobble{animation-name:wobble}@keyframes headShake{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}.headShake{animation-timing-function:ease-in-out;animation-name:headShake}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}.bounceIn{animation-name:bounceIn}@keyframes bounceInDown{0%{opacity:0;transform:translateY(-2000px)}60%{opacity:1;transform:translateY(30px)}80%{transform:translateY(-10px)}to{transform:translateY(0)}}.bounceInDown{animation-name:bounceInDown}@keyframes bounceInLeft{0%{opacity:0;transform:translateX(-2000px)}60%{opacity:1;transform:translateX(30px)}80%{transform:translateX(-10px)}to{transform:translateX(0)}}.bounceInLeft{animation-name:bounceInLeft}@keyframes bounceInRight{0%{opacity:0;transform:translateX(2000px)}60%{opacity:1;transform:translateX(-30px)}80%{transform:translateX(10px)}to{transform:translateX(0)}}.bounceInRight{animation-name:bounceInRight}@keyframes bounceInUp{0%{opacity:0;transform:translateY(2000px)}60%{opacity:1;transform:translateY(-30px)}80%{transform:translateY(10px)}to{transform:translateY(0)}}.bounceInUp{animation-name:bounceInUp}@keyframes bounceOut{0%{transform:scale(1)}25%{transform:scale(.95)}50%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(.3)}}.bounceOut{animation-name:bounceOut}@keyframes bounceOutDown{0%{transform:translateY(0)}20%{opacity:1;transform:translateY(-20px)}to{opacity:0;transform:translateY(2000px)}}.bounceOutDown{animation-name:bounceOutDown}@keyframes bounceOutLeft{0%{transform:translateX(0)}20%{opacity:1;transform:translateX(20px)}to{opacity:0;transform:translateX(-2000px)}}.bounceOutLeft{animation-name:bounceOutLeft}@keyframes bounceOutRight{0%{transform:translateX(0)}20%{opacity:1;transform:translateX(-20px)}to{opacity:0;transform:translateX(2000px)}}.bounceOutRight{animation-name:bounceOutRight}@keyframes bounceOutUp{0%{transform:translateY(0)}20%{opacity:1;transform:translateY(20px)}to{opacity:0;transform:translateY(-2000px)}}.bounceOutUp{animation-name:bounceOutUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.fadeInDown{animation-name:fadeInDown}@keyframes fadeInDownBig{0%{opacity:0;transform:translateY(-2000px)}to{opacity:1;transform:translateY(0)}}.fadeInDownBig{animation-name:fadeInDownBig}@keyframes fadeInTopLeft{0%{opacity:0;transform:translate3d(-100%,-100%,0)}to{opacity:1;transform:translateZ(0)}}.fadeInTopLeft{animation-name:fadeInTopLeft}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInLeftBig{0%{opacity:0;transform:translateX(-2000px)}to{opacity:1;transform:translateX(0)}}.fadeInLeftBig{animation-name:fadeInLeftBig}@keyframes fadeInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.fadeInRight{animation-name:fadeInRight}@keyframes fadeInRightBig{0%{opacity:0;transform:translateX(2000px)}to{opacity:1;transform:translateX(0)}}.fadeInRightBig{animation-name:fadeInRightBig}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fadeInUp{animation-name:fadeInUp}@keyframes fadeInUpBig{0%{opacity:0;transform:translateY(2000px)}to{opacity:1;transform:translateY(0)}}.fadeInUpBig{animation-name:fadeInUpBig}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{animation-name:fadeOut}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}.fadeOutDown{animation-name:fadeOutDown}@keyframes fadeOutDownBig{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(2000px)}}.fadeOutDownBig{animation-name:fadeOutDownBig}@keyframes fadeOutLeft{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-20px)}}.fadeOutLeft{animation-name:fadeOutLeft}@keyframes fadeOutLeftBig{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-2000px)}}.fadeOutLeftBig{animation-name:fadeOutLeftBig}@keyframes fadeOutRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(20px)}}.fadeOutRight{animation-name:fadeOutRight}@keyframes fadeOutRightBig{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(2000px)}}.fadeOutRightBig{animation-name:fadeOutRightBig}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.fadeOutUp{animation-name:fadeOutUp}@keyframes fadeOutUpBig{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-2000px)}}.fadeOutUpBig{animation-name:fadeOutUpBig}@keyframes flip{0%{transform:perspective(400px) translateZ(0) rotateY(0) scale(1);animation-timing-function:ease-out}40%{transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);animation-timing-function:ease-out}50%{transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);animation-timing-function:ease-in}80%{transform:perspective(400px) translateZ(0) rotateY(1turn) scale(.95);animation-timing-function:ease-in}to{transform:perspective(400px) translateZ(0) rotateY(1turn) scale(1);animation-timing-function:ease-in}}.animated.flip{backface-visibility:visible;animation-name:flip}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);opacity:0}40%{transform:perspective(400px) rotateX(-10deg)}70%{transform:perspective(400px) rotateX(10deg)}to{transform:perspective(400px) rotateX(0deg);opacity:1}}.flipInX{backface-visibility:visible!important;animation-name:flipInX}@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);opacity:0}40%{transform:perspective(400px) rotateY(-10deg)}70%{transform:perspective(400px) rotateY(10deg)}to{transform:perspective(400px) rotateY(0deg);opacity:1}}.flipInY{backface-visibility:visible!important;animation-name:flipInY}@keyframes flipOutX{0%{transform:perspective(400px) rotateX(0deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{animation-name:flipOutX;backface-visibility:visible!important}@keyframes flipOutY{0%{transform:perspective(400px) rotateY(0deg);opacity:1}to{transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{backface-visibility:visible!important;animation-name:flipOutY}@keyframes lightSpeedIn{0%{transform:translateX(100%) skewX(-30deg);opacity:0}60%{transform:translateX(-20%) skewX(30deg);opacity:1}80%{transform:translateX(0) skewX(-15deg);opacity:1}to{transform:translateX(0) skewX(0deg);opacity:1}}.lightSpeedIn{animation-name:lightSpeedIn;animation-timing-function:ease-out}@keyframes lightSpeedOut{0%{transform:translateX(0) skewX(0deg);opacity:1}to{transform:translateX(100%) skewX(-30deg);opacity:0}}.lightSpeedOut{animation-name:lightSpeedOut;animation-timing-function:ease-in}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;transform:rotate(-90deg);opacity:0}to{transform-origin:left bottom;transform:rotate(0);opacity:1}}.rotateInDownLeft{animation-name:rotateInDownLeft}@keyframes rotateInDownRight{0%{transform-origin:right bottom;transform:rotate(90deg);opacity:0}to{transform-origin:right bottom;transform:rotate(0);opacity:1}}.rotateInDownRight{animation-name:rotateInDownRight}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;transform:rotate(90deg);opacity:0}to{transform-origin:left bottom;transform:rotate(0);opacity:1}}.rotateInUpLeft{animation-name:rotateInUpLeft}@keyframes rotateInUpRight{0%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}to{transform-origin:right bottom;transform:rotate(0);opacity:1}}.rotateInUpRight{animation-name:rotateInUpRight}@keyframes rotateOut{0%{transform-origin:center center;transform:rotate(0);opacity:1}to{transform-origin:center center;transform:rotate(200deg);opacity:0}}.rotateOut{animation-name:rotateOut}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;transform:rotate(0);opacity:1}to{transform-origin:left bottom;transform:rotate(90deg);opacity:0}}.rotateOutDownLeft{animation-name:rotateOutDownLeft}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;transform:rotate(0);opacity:1}to{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}}.rotateOutDownRight{animation-name:rotateOutDownRight}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;transform:rotate(0);opacity:1}to{transform-origin:left bottom;transform:rotate(-90deg);opacity:0}}.rotateOutUpLeft{animation-name:rotateOutUpLeft}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;transform:rotate(0);opacity:1}to{transform-origin:right bottom;transform:rotate(90deg);opacity:0}}.rotateOutUpRight{animation-name:rotateOutUpRight}@keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}.slideInUp{animation-name:slideInUp}@keyframes slideInDown{0%{opacity:0;transform:translateY(-2000px)}to{transform:translateY(0)}}.slideInDown{animation-name:slideInDown}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-2000px)}to{transform:translateX(0)}}.slideInLeft{animation-name:slideInLeft}@keyframes slideInRight{0%{opacity:0;transform:translateX(2000px)}to{transform:translateX(0)}}.slideInRight{animation-name:slideInRight}@keyframes slideOutLeft{0%{transform:translateX(0)}to{opacity:0;transform:translateX(-2000px)}}.slideOutLeft{animation-name:slideOutLeft}@keyframes slideOutRight{0%{transform:translateX(0)}to{opacity:0;transform:translateX(2000px)}}.slideOutRight{animation-name:slideOutRight}@keyframes slideOutUp{0%{transform:translateY(0)}to{opacity:0;transform:translateY(-2000px)}}.slideOutUp{animation-name:slideOutUp}@keyframes hinge{0%{transform:rotate(0);transform-origin:top left;animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);transform-origin:top left;animation-timing-function:ease-in-out}40%{transform:rotate(60deg);transform-origin:top left;animation-timing-function:ease-in-out}80%{transform:rotate(60deg) translateY(0);opacity:1;transform-origin:top left;animation-timing-function:ease-in-out}to{transform:translateY(700px);opacity:0}}.hinge{animation-name:hinge}@keyframes rollIn{0%{opacity:0;transform:translateX(-100%) rotate(-120deg)}to{opacity:1;transform:translateX(0) rotate(0deg)}}.rollIn{animation-name:rollIn}@keyframes rollInRight{0%{opacity:0;transform:translateX(100%) rotate(120deg)}to{opacity:1;transform:translateX(0) rotate(0deg)}}.rollInRight{animation-name:rollInRight}@keyframes rollOut{0%{opacity:1;transform:translateX(0) rotate(0deg)}to{opacity:0;transform:translateX(100%) rotate(120deg)}}.rollOut{animation-name:rollOut}@keyframes rotateIn{0%{transform-origin:center;transform:rotate(-200deg);opacity:0}to{transform-origin:center;transform:translateZ(0);opacity:1}}.rotateIn{animation-name:rotateIn}@keyframes jello{0%,11.1%,to{transform:translateZ(0)}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{transform:skewX(.390625deg) skewY(.390625deg)}88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{animation-name:jello;transform-origin:center}@keyframes rubberBand{0%{transform:scaleX(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}}.rubberBand{animation-name:rubberBand}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{animation-name:zoomIn}@keyframes jackInTheBox{0%{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}.jackInTheBox{animation-name:jackInTheBox}@keyframes zoomInUp{0%{opacity:0;transform:translateY(100px) scale(.6)}60%{opacity:1;transform:translate(0) scale(1)}}.zoomInUp{animation-name:zoomInUp}@keyframes heartBeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}.heartBeat{animation-name:heartBeat;animation-duration:1.3s;animation-timing-function:ease-in-out}.startop{animation-name:startop}@keyframes startop{0%{clip-path:polygon(0 0,100% 0,100% 0,0 0);transform:translateY(-200px);-webkit-transform:translateY(-200px)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transform:translateY(0);-webkit-transform:translateY(0)}}@-webit-keyframes startop{0%{clip-path:polygon(0 0,100% 0,100% 0,0 0);transform:translateY(-200px);-webkit-transform:translateY(-200px)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transform:translateY(0);-webkit-transform:translateY(0)}}.starbottom{animation-name:starbottom}@keyframes starbottom{0%{clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%);transform:translateY(-200px);-webkit-transform:translateY(-200px)}to{clip-path:polygon(0 100%,100% 100%,100% 0,0 0);transform:translateY(0);-webkit-transform:translateY(0)}}@-webit-keyframes starbottom{0%{clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%);transform:translateY(-100px);-webkit-transform:translateY(-100px)}to{clip-path:polygon(0 100%,100% 100%,100% 0,0 0);transform:translateY(0);-webkit-transform:translateY(0)}}.starleft{animation-name:starleft}@keyframes starleft{0%{clip-path:polygon(0 0,0 0,0 100%,0 100%);transform:translateX(200px);-webkit-transform:translateX(200px)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transform:translateX(0);-webkit-transform:translateX(0)}}@-webit-keyframes starleft{0%{clip-path:polygon(0 0,0 0,0 100%,0 100%);transform:translateX(200px);-webkit-transform:translateX(200px)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transform:translateX(0);-webkit-transform:translateX(0)}}.starright{animation-name:starright}@keyframes starright{0%{clip-path:polygon(100% 0,100% 100%,100% 100%,100% 0);transform:translateX(-200px);-webkit-transform:translateX(-200px)}to{clip-path:polygon(100% 0,100% 100%,0 100%,0 0);transform:translateX(0);-webkit-transform:translateX(0)}}@-webit-keyframes starright{0%{clip-path:polygon(100% 0,100% 100%,100% 100%,100% 0);transform:translateX(-200px);-webkit-transform:translateX(-200px)}to{clip-path:polygon(100% 0,100% 100%,0 100%,0 0);transform:translateX(0);-webkit-transform:translateX(0)}}:root{--default-color:#007bc7;--main-color:#505050;--second-color:#7fc2c3;--third-color:#ffe66f;--forth-color:#333;--fine-color:#2ac6b9;--medium-color:#ffd144;--bad-color:#d94052;--primary-color:#2990d2;--default-fontsize:16px;--second-fontsize:0.9375rem;--third-fontsize:1.875rem;--forth-fontsize:1.125rem;--fifth-fontsize:0.875rem;--sixth-fontsize:1.3125rem;--seventh-fontsize:0.75rem;--eighth-fontsize:0.8125rem;--ninth-fontsize:1.5rem}body{font-size:var(--default-fontsize);color:var(--main-color);font-family:Noto Sans TC,sans-serif,Arial,微軟正黑體,文泉驛正黑,WenQuanYi Zen Hei,儷黑 Pro,LiHei Pro,Microsoft JhengHei;background:url(../img/bg_001.96f11c09.jpg) 0 0 repeat}dl,ol,ul{margin-bottom:0}.page-wrapper{overflow:hidden;position:relative}.page-wrapper,.page-wrapper>div{min-height:100vh}a{transition:all .3s ease}a:hover{text-decoration:none}.pos-relative{position:relative}.pos-absolute{position:absolute}.btn{border:none;transition:all .3s ease}.btn:focus{box-shadow:none;outline:none}.btn.btn-primary{background-color:var(--primary-color);padding:5px 25px;border-radius:30px;position:relative;transition:transform .2s ease-in-out;will-change:transform;z-index:0;overflow:hidden}.btn.btn-primary:after{background-color:var(--third-color);border-radius:3rem;content:"";display:block;height:100%;width:100%;position:absolute;left:0;top:0;transform:translate(-100%) rotate(10deg);transform-origin:top left;transition:transform .2s ease-out;will-change:transform;z-index:-1}.btn.btn-primary:hover:after{transform:translate(0)}.btn.btn-primary:hover{border:2px solid transparent;color:var(--primary-color);transform:scale(1.05);will-change:transform}.icon{display:inline-block;background-repeat:no-repeat;background-position:50%;background-size:100%}.icon.icon-barchart,.icon.icon-book,.icon.icon-city,.icon.icon-cloud,.icon.icon-file,.icon.icon-file2,.icon.icon-fire,.icon.icon-map,.icon.icon-newcon,.icon.icon-newcon2{width:38px;height:38px}.icon.icon-fire{transform:scale(1.25)}.icon.icon-map{background-image:url(../img/icon_map.8794c65a.svg)}.icon.icon-file{background-image:url(../img/icon_file.a83d30c7.svg)}.icon.icon-file2{background-image:url(../img/icon_file2.6c8b76a4.svg)}.icon.icon-cloud{background-image:url(../img/icon_cloud-computing.8fed2cca.svg)}.icon.icon-book{background-image:url(../img/icon_book.66a92923.svg)}.icon.icon-barchart{background-image:url(../img/icon_bar-chart.b250a40f.svg)}.icon.icon-newcon{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABN5JREFUeNrsWEtsG1UUPfPzZ+y4/sWxnTQuSXDSxi0kTRO1ahGoCg2B8BELVAWkSKxgxZIVW5CQYMMKiUUlJMSqKqoqJNQCohSomoKUpqT50DRNsB038T+2x/PhjZ3aMY2aZ7digXLlGY+f5t05795zz9xnYNf+J8ZomvYp+X5666BSVBFfSSI8G4OqquB4Dp4OJ5r3OcGwzH+B6wy/CepZ/ZemyfoZqVga187dwNpSchM+4O9uRmi4E+6Afeu6wDD8v3xq5KMQX0o98Sn7Ydj7Az9WvCpyGoXMTOk6tZpH+FYYuVTVOcdL8HXnYbFbal2yBhjMe8EJTmjyOpTMn1CLa2WA1LgEsKZ28NZQZYitLlRuKOaaKqGQXYBKFqZkpgioe/WBqkS59vn8RiKG+N15Eso87G3WhkmRilyH2ZDAeqqAP+bjUAg3aaz3CTv8LhHp2DKSM2twBXrQ1OwH/+1H70DayKClO4ih8bcaBlbMJcBzKm6HM7jwywrhmEYdrBabgNjcTVz75iL8vYPwHRgEn08nHk95MwwEjsX+wB68+1qQRIwOmNdpqvktbaSRufc3+MdZ4zqYpWgW5y7fhUIZsef6vBgM2h8YfygwlmNIxbEo5lVqcALPwtFkAGXACC+5bce3BSYYWbR0mSHaeHg6zYgu5EjVaTA3cTukswzMaTMSYaZDZqwHmMXBI3TSATMBpl+7A0aSexVWp/BwHpP0pTckTP2VgKzQRdnvFslJpAOWLUrgHBokFCGliqW7GBsZlwvIpmrvFU2Gyqo5li09aHjAR03+rrYmuoitrKbw8ZmfqCWyr8ePibG+smTIKuaW0/j60iI1J0eG/BgZaNkZmMNmxujxbmodavdWK4onxRLwWjB2rI2Qn25+N5EXqojxRIt0ftAqN8cxNeRnyUkmaVQoOcYxDB2w9VQOFy7fouZIMlNAMOAuXcuKhjuRDM5fWSbANGp5aXV6dgbmdVnx2ftjDQms/pAj+92lox6TpeLOwGLxLD758kqpQaSxwVAbXj/ZWyY/Sd/07QS++m6ROuKjR1vxTMi1MzCBdKs2q6FUYTRmFY1b2z0YBDLfIlDPtxh5Oo6ZDDyeH+qiftd5XVUdIjIGr8OEU4N+6ojpVUxN/s/PTlLLxbFD7Zh4ua9C/lmiY1+cnwMlE/Dqib144QiFjrU4LTg9cpDacUdrVcf0tifYZsP4cAe13BwI2OkiliDlf/XGMmj7vAKpqH1+R6Xtiazn8Ot0jLq70KnTbKNoe3S909WfNpWiSXiw7SHdhUaJzETbXTgJqPHRp+gdG4WaV1Kn34rW5o465nNkHyLTdReiUWi4i2XJhlg0cvUJbKn117YHlgyHsXR9spxLahAcLB4PHD5fKfV6lHLpDNbDMSh5qQ7ll7C6uLI9sFwyiZlLF+vegEQ2igge7kfP4RDmpxfw+/dXwUkFiDx91DRNRbEg1fjlTTYHpGwaqiJjIx6vO3WRaALpeBLxaATRO4tIRNfgMBugkaMRM4hNsLp94I+//QFmfziL8Mxkg6xKkK42hamff9vUMg4sz0MwW+qMPguz3YUnT7xE9pZD4D1dB6EfjdqHp49CKla7A3GPE/2vvImBF8cfaSvIPupecmTiPVLyRlIIZMWiGV2HBtB/6o3dP/h27b79I8AATi3Y1nFwzfMAAAAASUVORK5CYII=)}.icon.icon-city{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyMEE3OEE4OUI0QzdFRDExODRCMkEwMkExQTQxOUQ4MyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDN0I5REYwNkM3QjQxMUVEQTEzQ0FEMTI2RDI4NzcxOCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDN0I5REYwNUM3QjQxMUVEQTEzQ0FEMTI2RDI4NzcxOCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyMEE3OEE4OUI0QzdFRDExODRCMkEwMkExQTQxOUQ4MyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyMEE3OEE4OUI0QzdFRDExODRCMkEwMkExQTQxOUQ4MyIvPiA8L3JkZjpEZXNjcmlwdGlv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)}.icon.icon-newcon2{background-image:url(../img/icon_newcon2.226ad47c.png)}.mark{display:inline-block;width:15px;height:15px;border-radius:50%;padding:0}.pmv.dark{background:#666}.pmv.gray{background:#cacaca}.pmv.green{background:#007bb8}.pmv.yellow{background:#f5ca00}.pmv.orange{background:#f49337}.pmv.red{background:#e81313}.pmv.purple{background:#924d93}.pmv.darkred{background:#810821}.tag{display:inline-block;font-size:var(--seventh-fontsize);border-radius:30px;display:flex;align-items:center;padding:5px 10px;color:#fff;justify-content:center;height:40px}.tag.only-color{width:8px;height:100%;border-radius:0;padding:0}.tag.school{background:#0025ff}.h2{font-size:var(--sixth-fontsize);margin-bottom:18px}.h2,.h3{font-weight:400;text-align:center}.h3{font-size:var(--third-fontsize);margin-bottom:20px}.h3.st{text-align:left}.h6{font-size:var(--forth-fontsize);font-family:Roboto,sans-serif;color:#292929;text-align:center;margin-bottom:13px}.form-control{border-radius:0;min-width:100px}.form-control:focus{outline:none;box-shadow:none;border-color:#2990d2}.alarm-txt{color:#a0a0a0;font-size:var(--eighth-fontsize);text-align:right;margin-top:10px;margin-bottom:20px}.tooltip-bar .ta-bar{display:block;width:100%;height:23px;border-radius:30px;background:#2ac6b9;background:linear-gradient(90deg,#2ac6b9 0,#ffd144 25%,#d94052 50%,#8635a8 75%,#721d04);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#2ac6b9",endColorstr="#721d04",GradientType=1)}.tooltip-bar .tooltip-title{font-size:var(--seventh-fontsize);margin-top:12px}.header{background-color:var(--default-color)}.header,.header a{color:#fff}.header .logo-area a{margin-right:0}.header .logo-area a .small-img{width:34px}.header .navbar>.container-fluid{display:block}.header .navbar .navbar-text{font-size:var(--third-fontsize)}.header .navbar .browse-info{font-size:var(--second-fontsize);text-align:right}.header .navbar .browse-info .txt{display:none}.header .navbar .navbar-collapse a{color:var(--forth-color);font-size:var(--forth-fontsize);display:flex;padding:10px 50px;align-items:center}.header .navbar .navbar-collapse li+li a{border-top:1px solid #dfdfdf}.header .navbar-toggler{position:absolute;top:13px;right:10px;outline:none;border:none;box-shadow:none}.header .navbar-toggler .icon-bar{display:block;width:28px;height:2px;border-radius:1px;transition:all .2s;background-color:#fff}.header .navbar-toggler .icon-bar+.icon-bar{margin-top:6px}.header .navbar-toggler .icon-bar:first-of-type{transform:rotate(45deg);transform-origin:10% 10%}.header .navbar-toggler .icon-bar:nth-of-type(2){opacity:0;filter:alpha(opacity=0)}.header .navbar-toggler .icon-bar:nth-of-type(3){transform:rotate(-45deg);transform-origin:10% 90%}.header .navbar-toggler.collapsed .icon-bar:first-of-type{transform:rotate(0)}.header .navbar-toggler.collapsed .icon-bar:nth-of-type(2){opacity:1;filter:alpha(opacity=100)}.header .navbar-toggler.collapsed .icon-bar:nth-of-type(3){transform:rotate(0)}.header .navbar-toggler .icon{font-size:2.2rem;color:#fff}.header .navbar-toggler:focus{outline:none;border:none;box-shadow:none}.header .navbar .navbar-collapse{background:#fff;margin:0 -15px;max-height:calc(100vh - 45px);overflow:auto}.header .navbar .navbar-collapse a .icon-area{margin-right:30px;display:flex;align-items:center}.header .navbar .navbar-collapse .nav-link{animation:none;opacity:0}.header .navbar .navbar-collapse.show .nav-link{animation:fadeInDown .5s forwards}.header .navbar .navbar-collapse.show .nav-item:nth-child(2) .nav-link{animation-delay:.1s}.header .navbar .navbar-collapse.show .nav-item:nth-child(3) .nav-link{animation-delay:.2s}.header .navbar .navbar-collapse.show .nav-item:nth-child(4) .nav-link{animation-delay:.3s}.header .navbar .navbar-collapse.show .nav-item:nth-child(5) .nav-link{animation-delay:.4s}.header .navbar .navbar-collapse.show .nav-item:nth-child(6) .nav-link{animation-delay:.5s}.float-menu{position:fixed;top:110px;left:20px;z-index:999;max-height:calc(100vh - 120px);overflow:auto;display:none}body.home .float-menu{top:150px}.float-menu .nav-item .nav-link{text-align:center;background:#fff;border-radius:20px;padding:16px;position:relative;transition:all .3s ease}.float-menu .nav-item+.nav-item .nav-link{margin-top:10px}.float-menu .nav-item .nav-link .txt{display:none}.float-menu .nav-item .nav-link .icon-area{position:relative;z-index:1;display:flex;align-items:center}.float-menu .nav-item .nav-link.router-link-active.router-link-exact-active,.float-menu .nav-item .nav-link:focus,.float-menu .nav-item .nav-link:hover{background:var(--third-color)}.float-menu .nav-item .nav-link:hover .icon-area{animation:smallbounce 1s .2s forwards}@keyframes smallbounce{0%{opacity:1;transform:scaleX(1)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}}.st0{fill:#3dc48b;stroke:#fff;stroke-width:2;stroke-miterlimit:10}.st0,.st1{transition:fill .3s ease}.st1{fill:#78c393;stroke:#fff;stroke-miterlimit:10}.st2{fill:#fff}.st3{font-family:MicrosoftJhengHeiBold}.st4{font-size:14px}.st5{fill:#ffc3c2}.st6{fill:#e63c39}.st7{font-family:MicrosoftJhengHeiRegular}.st8{font-size:8.5503px}.st9{fill:#4fc298;stroke:#fff;stroke-miterlimit:10;transition:fill .3s ease}.st10{fill:#eb97a8}.st11{fill:#810821}.st12{fill:#27b194;stroke:#fff;stroke-miterlimit:10;transition:fill .3s ease}.st13{fill:#ffcfa1}.st14{fill:#f49337}.st15{fill:#60c48b;stroke:#fff;stroke-miterlimit:10;transition:fill .3s ease}.st16{fill:#b0eef6}.st17{fill:#007bb8}.st18{fill:#28bd93;stroke:#fff;stroke-miterlimit:10;transition:fill .3s ease}.st19{fill:#fdf776}.st20{fill:#f5ca00}.st21{fill:#cacaca}.st22{fill:#3dc48b}.st22,.st23{stroke:#fff;stroke-miterlimit:10;transition:fill .3s ease}.st23{fill:#11b982}.st24{fill:#dbaadc}.st25{fill:#924d93}.st-none{fill:#cacaca}.st-none2{fill:#fff}#region_map .area-item:hover .gmap-item{fill:#d67676}#region_map .area-item:hover circle{animation:beat .5s forwards}.map-box{max-width:100%;width:1320px;margin:50px auto 0;padding-bottom:50px;z-index:999;position:relative}.home-decoration .decoElem{position:absolute}.home-decoration .decoBox.cloudArr.ca1 .decoElem{width:6%;top:30%;left:8%;max-width:99px}.home-decoration .decoBox.cloudArr.ca1 .decoElem.cloud.c2{top:calc(30% + 5px);left:calc(8% + 7px);max-width:99px;animation:horMoveAni1 3s infinite forwards;width:6%}.home-decoration .decoBox.cloudArr.ca1 .decoElem.cloud.c3{max-width:124px;width:7%;top:52%;left:63%;animation:horMoveAni1 2.5s infinite forwards}.home-decoration .decoBox.cloudArr.ca2 .decoElem{top:-18px;left:34%;max-width:122px;width:8%}.home-decoration .decoBox.cloudArr.ca2 .decoElem.cloud.c3{max-width:97px;width:6%;top:-10px;left:calc(34% + 7px);animation:updownAni1 1s infinite forwards}.home-decoration .decoBox.cloudArr.ca3 .decoElem{top:25%;left:69%;max-width:207px;width:11%}.home-decoration .decoBox.cloudArr.ca3 .decoElem.cloud.c6{max-width:193px;width:11%;top:calc(25% + 10px);left:70%;animation:updownAni1 2.2s infinite forwards}.home-decoration .decoBox.cloudArr.ca3 .decoElem.cloud.c5{max-width:139px;width:8%;top:calc(25% + 50px);left:73%}.home-decoration .decoBox.fishArr.fa1 .decoElem{top:9%;left:41%;max-width:86px;width:12%}.home-decoration .decoBox.fishArr.fa1 .decoElem.fish.f1{animation:fadeAni1 2.5s infinite forwards}.home-decoration .decoBox.fishArr.fa1 .decoElem.fish.f2{max-width:25px;width:11%;top:calc(9% - 20px);left:calc(41% + 40px)}.home-decoration .decoBox.fishArr.fa2 .decoElem{top:68%;left:43%;max-width:148px;width:12%}.home-decoration .decoBox.fishArr.fa2 .decoElem.fish.f2{max-width:45px;width:11%;top:calc(68% - 20px);left:calc(43% + 74px);animation:fadeAni2 5s infinite forwards}.home-decoration .decoBox.planeArr.pa1 .decoElem{top:15%;left:61%;max-width:204px;width:15%;transform:translate(0);transition:all .3s ease;animation:flyaway 5s cubic-bezier(.1,.1,.5,1) infinite forwards}.home-decoration .decoBox.plantArr.pla1 .decoElem{top:53%;left:12%;max-width:92px;width:5%}.home-decoration .decoBox.plantArr.pla2 .decoElem{top:85%;left:32%;max-width:87px;width:5%}.home-decoration .decoBox.plantArr.pla3 .decoElem{top:63%;left:56%;max-width:64px;width:7%}.home-decoration .decoBox.plantArr.pla4 .decoElem{top:15%;left:49%;max-width:127px;width:7%}.home-decoration .decoBox.plantArr.pla5 .decoElem{top:12%;right:5%;max-width:123px;width:7%}.home-decoration .decoBox.plantArr.pla6 .decoElem{top:41%;left:55%;max-width:126px;width:7%}.home-decoration .decoBox.boatArr.ba5 .decoElem{top:70%;left:8%;max-width:147px;width:10%}.home-decoration .decoBox.boatArr.ba5 .decoElem.bo1{top:calc(85% - 27px);animation:updownAni1 4s infinite forwards}.footer-decoration .decoElem{position:absolute}.footer-decoration .decoBox.treeArr.ta1 .decoElem{bottom:0;left:0}.footer-decoration .decoBox.treeArr.ta1 .decoElem.tr2{max-width:86px;width:5%;left:-20px;bottom:6%;animation:updownAni1 4s infinite forwards}.footer-decoration .decoBox.treeArr.ta1 .decoElem.tr1{max-width:73px;width:4%;left:50px;bottom:4%}.footer-decoration .decoBox.treeArr.ta2 .decoElem{bottom:0;left:64%}.footer-decoration .decoBox.treeArr.ta2 .decoElem.tr2{max-width:58px;width:4%;bottom:12%}.footer-decoration .decoBox.treeArr.ta2 .decoElem.tr1{max-width:95px;width:5%;left:calc(57% + 30px);bottom:21%;animation:updownAni1 2s infinite forwards}.footer-decoration .decoBox.treeArr.ta3 .decoElem{right:4px;bottom:67%;max-width:90px;width:5%}.footer-decoration .decoBox.treeArr.ta4 .decoElem{right:5%;bottom:74%;max-width:90px;width:5%}.footer-decoration .decoBox.peopleArr.pa1 .decoElem{left:56%;bottom:1%;max-width:48px;width:3%}.footer-decoration .decoBox.peopleArr.pa2 .decoElem{left:65%;bottom:10%;max-width:111px;width:6%;animation:updownAni1 1s infinite forwards}.footer-decoration .decoBox.peopleArr.pa3 .decoElem{left:75%;bottom:34%;max-width:35px;width:2%;animation:peopleMove 4s infinite forwards}.footer-decoration .decoBox.peopleArr.pa4 .decoElem{left:92%;bottom:28%;max-width:42px;width:3%}.footer-decoration .decoBox.peopleArr.pa5 .decoElem{left:95%;bottom:40%;max-width:46px;width:3%}.footer-decoration .decoBox.buildArr.bua5 .decoElem{left:53%}.footer-decoration .decoBox.buildArr.bua5 .decoElem.bu_ground{max-width:585px;bottom:0;width:31%;left:53%}.footer-decoration .decoBox.buildArr.bua5 .decoElem.bu1{max-width:134px;width:9%;bottom:calc(37% + 35px);left:calc(83% + 12px)}.footer-decoration .decoBox.buildArr.bua5 .decoElem.bu2{max-width:363px;width:20%;bottom:calc(35% + 13px);left:71%}.footer-decoration .decoBox.rainbowArr.ra5 .decoElem{bottom:87%;left:73%;max-width:285px;width:15%}.footer-decoration .decoBox.rainbowArr.ra5 .decoElem.rainb1{max-width:166px;bottom:calc(87% + 24px);left:calc(73% + 30px);animation:fadeAni3 1.8s infinite forwards;width:9%}.main-content{position:relative;z-index:2}.frame-area{padding:15px 0}.frame-box{background-color:hsla(0,0%,100%,.7);padding:15px 10px;border-radius:10px;position:relative}.frame-box.st{padding:30px 10px;border-radius:30px;margin-top:10px;margin-bottom:45px;background-color:hsla(0,0%,100%,.5)}.frame-box .close-area{position:absolute;content:"";display:block;font-size:20px;right:10px;top:9px}.frame-box .close-area a .txt{font-size:20px;transform:scaleX(1.5);color:#fff}.frame-box .close-area a{display:block;width:40px;height:40px;background:#34adbc;border-radius:50%;box-shadow:3px 3px 0 #10454c}.frame-box .close-area a:hover{background:#10454c;box-shadow:0 0 0 #34adbc}.info-list .list-item{background-color:#fff;border-radius:0 30px 30px 0}.info-list .list-item+.list-item{margin-top:10px}.info-list .list-item .det{padding:5px 5px 5px 0;cursor:pointer}.info-list .list-item .det:hover .title-t{color:#11b982}.info-list .list-item .number-t{font-family:Roboto,sans-serif;flex:1 0 0%}.info-list .list-item .number-t .number{font-size:var(--ninth-fontsize);margin-left:7px;margin-right:7px}.info-list .list-item .tag-t{margin-right:7px}.info-list .list-item .info-t{flex:0 0 auto;width:auto}.info-list .list-item .title-t{min-width:50px;transition:all .3s ease}.info-list .list-item .hint-t{width:80px;flex:0 0 80px}.info-list.st .list-item .title-t{width:80px;padding-right:10px}.info-list.st .list-item .number-t .number{margin-right:0}.footer{position:absolute;left:0;bottom:0;z-index:0}.footer,.footer .footer-bg{width:100%}.footer .footer-bg img{width:100%!important}.footer-indication-area{font-size:var(--fifth-fontsize);font-family:Roboto,sans-serif;background:#616161;color:#fff;width:100%;border-radius:0;text-align:center;padding:7px;position:absolute;right:0;bottom:0;z-index:20;display:none}body.home .footer-indication-area{display:block}.footer-indication-area .label{display:inline-block;background-color:#e09be0;border-radius:20px;color:#fff;padding:8px 14px 5px}.footer-indication-area .indication li{display:flex;align-items:center;border:none;padding:8px 8px;background:none}.footer-indication-area .indication li .txt{margin-left:5px;line-height:1;margin-top:2px}.daily-average-info-box .date{font-size:var(--fifth-fontsize);color:#fff;background-color:#18873d;border-radius:30px;padding:5px 10px;display:inline-block}.daily-average-info-box .daily-average-info-item+.daily-average-info-item,.daily-average-info-box .info-list{margin-top:30px}.tootip-area{padding:15px 20px}.tootip-area,.wind-ratio-area{border-radius:30px;background-color:#fff}.wind-ratio-area{margin-top:27px;overflow:hidden}.highcharts-data-table{width:100%;overflow:auto}.highcharts-data-table table,.highcharts-figure{min-width:360px;max-width:660px;margin:1em auto}.highcharts-data-table table{font-family:Verdana,sans-serif;border-collapse:collapse;border:1px solid #ebebeb;margin:10px auto;text-align:center;width:100%}.highcharts-data-table caption{padding:1em 0;font-size:var(--seventh-fontsize);color:var(--main-color);text-align:right}.highcharts-data-table th{font-weight:600;padding:.5em}.highcharts-data-table thead th{min-width:80px}.highcharts-data-table caption,.highcharts-data-table td,.highcharts-data-table th{padding:.5em;font-family:Roboto,sans-serif}.highcharts-data-table thead tr,.highcharts-data-table tr:nth-child(2n){background:#f1ffff;transition:all .3s ease}.highcharts-data-table thead tr{background:#7fc2c3;color:#fff}.highcharts-data-table tr:hover{background:#f1f7ff}.highcharts-data-table thead tr:hover{background:#7fc2c3}.highcharts-data-table tbody th{background:#95a6a7;color:#fff;font-weight:400}.highcharts-title{font-size:1.25rem!important}.highcharts-subtitle{font-size:1.125rem!important}svg.highcharts-root{padding:20px 0 0;background:#fff;border-radius:30px}.highcharts-container{height:450px!important}.highcharts-container .highcharts-root{height:100%!important}.highcharts-a11y-proxy-container{z-index:10;position:relative}.leaflet-area{height:100%;margin:30px 0;overflow:hidden}#leafletmap,.leaflet-area{width:100%;border-radius:30px}#leafletmap{height:200px;background:#333}.regin-select{position:absolute;top:20px;left:12px;z-index:999}.regin-select select{border-color:#dadada;padding:2px 10px;color:var(--main-color)}.regin-select select:focus{box-shadow:none;outline:none;border-color:var(--fine-color)}.leaflet-left .leaflet-control{margin-top:60px}.leafletmap-content,.leafletmap-school-content{z-index:9999;border-radius:30px;overflow:hidden;display:none}.leafletmap-content .frame-box,.leafletmap-school-content .frame-box{height:100%;overflow:auto}.search-area{background:#fff;border-radius:30px;padding:10px 10px 10px 10px}.results-area{margin-top:38px}.history-data-area{background:#fff;border-radius:30px;padding:20px 10px}.data-side .collapse-pane ul li{border:none;padding:0}.data-side .collapse-pane ul li a{display:block;text-decoration:none;border:1px solid #dadada;color:var(--main-color);padding:10px 15px;text-align:center;transition:all .3s ease}.data-side .collapse-pane ul li a.active,.data-side .collapse-pane ul li a:hover{background-color:var(--primary-color);color:#fff}.data-side2 .time-item ul li{padding:0}.data-side2 .time-item ul li.list-group-item:first-child,.data-side2 .time-item ul li.list-group-item:last-child{border-radius:0}.data-side2 .time-item ul li a{color:var(--main-color);text-decoration:none;padding:4px 10px;display:block;transition:all .3s ease}.data-side2 .time-item ul li a.active,.data-side2 .time-item ul li a:hover{background-color:var(--primary-color);color:#fff}[data-aos=show-circle]{transform:scale(0);transform-box:fill-box;transform-origin:center}[data-aos=show-circle].aos-animate{transform:scale(1)}[data-aos=show-left-to-right]{width:0}[data-aos=show-left-to-right].aos-animate{width:100%}@keyframes horMoveAni1{0%,to{transform:translateX(0)}40%{transform:translateX(3px)}60%{transform:translateX(-1px)}70%{transform:translateX(2px)}}@keyframes updownAni1{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}@keyframes fadeAni1{0%,to{opacity:1}50%{opacity:.2}}@keyframes fadeAni2{0%{opacity:1;transform:translateX(0) scale(1)}to{opacity:0;transform:translateX(-100px) scale(0)}}@keyframes fadeAni3{0%,to{opacity:1}50%{opacity:.5}}@keyframes flyaway{0%{opacity:0;transform:translate(0) scale(1)}10%,20%,30%{opacity:1;transform:translate(0) scale(1)}5%,15%,25%{transform:translateY(-5px) scale(1)}to{opacity:0;transform:translate(-100%,-100%) scale(0)}}@keyframes peopleMove{0%,to{transform:translate(0) scaleX(1)}40%{transform:translate(20px) scaleX(1)}50%{transform:translate(20px) scaleX(-1)}90%{transform:translate(0) scaleX(-1)}}@keyframes beat{0%,to{transform:scale(1);transform-box:fill-box;transform-origin:center}50%{transform:scale(1.2)}}.marquee-box{background:hsla(0,0%,100%,.5);padding:10px 20px;border-top:3px solid #2f778d;box-shadow:0 3px 7px rgba(0,0,0,.2)}.marquee-box .marquee-text ul li{display:inline-block;margin:0 20px;position:relative;padding-left:14px}.marquee-box .marquee-text ul li a{color:#23485b;text-decoration:none;transition:all .3s ease}.marquee-box .marquee-text ul li a:hover{opacity:.8}.marquee-box .marquee-text ul li:before{position:absolute;content:"";display:block;width:6px;height:6px;border-radius:50%;background:#23485b;left:0;top:50%;transform:translateY(-50%)}.info-list .list-item .station-info{width:100%;padding:5px 10px;background:hsla(0,0%,80%,.5);display:none}.info-list .list-item .station-info .item{width:33.33%;flex:0 0 33.33%}.info-list .list-item .station-info .info-det{display:flex;padding:10px}.info-list .list-item .station-info .item .value{display:inline-block;background:#48a0ab;padding:1px 10px;border-radius:20px;margin-left:10px;color:#fff}.info-list .list-item .station-info .item .value.yellow{background:#f5ca00}.info-list .list-item .station-info .item .value.orange{background:#f49337}.info-list .list-item .station-info .item .value.red{background:#e63c39}.info-list .list-item .station-info .item .value.purple{background:#924d93}.info-list .list-item .station-info .item .value.darkred{background:#810821}.info-list .list-item .station-info .item .value.gray{background:#cacaca}.sectit{font-size:20px;margin-bottom:10px;color:#505050}#gotocenter{background-color:#34adbc;position:absolute;left:-9999px}.tip{color:#0d6efd}#gotocenter:focus,a:focus{background:var(--third-color)}@media (min-width:576px){.info-list.st .list-item .title-t{width:208px;padding-right:0}body.device .info-list.st .list-item .title-t{width:100px}.tooltip-bar .tooltip-title{font-size:var(--fifth-fontsize)}.daily-average-info-box .daily-average-info-item+.daily-average-info-item{margin-top:60px}.frame-box.st{margin-top:30px}#leafletmap{height:300px}.info-list .list-item .number-t .number{font-size:var(--third-fontsize)}.info-list .list-item .tag-t{margin-right:16px}}@media (min-width:768px){.header .navbar-toggler{top:15px}.header .navbar-toggler .icon-bar{width:36px}.header .navbar-toggler .icon-bar+.icon-bar{margin-top:8px}}@media (min-width:992px){.header .navbar-toggler{display:block;display:none}.header .navbar .browse-info .txt{display:block}.header .navbar .navbar-collapse{display:none}.header .navbar .menu{width:263px;flex:0 0 263px}.float-menu{display:block}.footer-indication-area{font-size:var(--default-fontsize);right:2%;bottom:7%;color:#1b1b1b;background-color:#fff;width:auto;border-radius:20px;padding:0 13px 0 0;text-align:left}.leaflet-area{min-height:calc(100vh - 155px)}#leafletmap{height:calc(100vh - 155px)}.leafletmap-content,.leafletmap-school-content{position:absolute;top:45px;right:0;bottom:45px;width:50%}.collapse-pane{display:block!important}.history-data-area{padding:40px 33px 40px 65px}.data-side .collapse-pane ul{max-width:163px}.data-side .collapse-pane ul li+li{margin-top:10px}.search-area{padding:10px 10px 10px 60px}.frame-box.st{padding:45px 60px}}@media (min-width:1200px){.footer-indication-area{bottom:9%}.footer-decoration .decoBox.buildArr.bua5 .decoElem.bu1{bottom:30%}}@media (min-width:1400px){.section>.container{max-width:1660px}.home-decoration .decoBox.boatArr.ba5 .decoElem.bo1{top:calc(70% - 30px)}.footer-decoration .decoBox.rainbowArr.ra5 .decoElem{bottom:79%}.footer-decoration .decoBox.rainbowArr.ra5 .decoElem.rainb1{bottom:calc(79% + 40px);left:calc(73% + 46px)}.leafletmap-content,.leafletmap-school-content{width:35%}}@media (max-width:1399px){.map-box{padding-bottom:80px}.home-decoration .decoBox.boatArr.ba5 .decoElem.bo1{top:calc(70% - 22px)}.home-decoration .decoBox.boatArr.ba5 .decoElem{width:8%;left:3%}.home-decoration .decoBox.fishArr.fa2 .decoElem{width:9%;left:50%}.home-decoration .decoBox.plantArr.pla6 .decoElem{left:67%}.home-decoration .decoBox.cloudArr.ca3 .decoElem{left:81%}.home-decoration .decoBox.cloudArr.ca3 .decoElem.cloud.c6{left:83%}.home-decoration .decoBox.cloudArr.ca3 .decoElem.cloud.c5{left:87%}}@media (max-width:1199px){.footer-decoration .decoBox.buildArr.bua5 .decoElem.bu2{bottom:calc(33% + 13px)}.footer-decoration .decoBox.buildArr.bua5 .decoElem.bu1{bottom:calc(12% + 35px);width:7%}}@media (max-width:991px){.header{position:fixed;width:100%;top:0;left:0;z-index:1000}.header .navbar .navbar-text{padding:0}.header .navbar{padding-bottom:0}.main-content{padding-top:63px;padding-bottom:50px}.header .navbar .menubar{padding-bottom:.5rem}.header .logo-area a{padding:0}.data-side .collapse-pane ul{flex-direction:inherit;flex-wrap:wrap}.data-side .collapse-pane ul li{width:50%;margin-bottom:10px}.data-side .collapse-pane ul li:nth-child(2n){padding-left:5px}.data-side .collapse-pane ul li:nth-child(odd){padding-right:5px}.data-side .collapse-pane ul li:last-child{width:100%;padding:0}.search-area .btn-area{width:100%;margin-top:10px;text-align:center}}@media (max-width:767px){.header .navbar .navbar-text{font-size:var(--forth-fontsize)}.main-content{padding-top:50px}}@media (max-width:575px){.info-list.st .list-item .title-t{width:80px;padding-right:10px}.info-list.st .list-item .tag-t{margin-right:5px}.info-list.st .list-item .hint-t{width:60px;flex:0 0 60px}.info-list.st .diff-list .list-item .title-t{width:120px}.tooltip-bar .tooltip-title .tlp-item{max-width:16.6%}.frame-box .close-area a{width:30px;height:30px}.frame-box .close-area a .txt{font-size:16px;line-height:1;margin-left:-1px}}