@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{margin-left:10%;position:relative;z-index:9999}#cookie-div{position:fixed;bottom:0;left:0;width:100%;background-color:rgba(0,0,0,.7);color:#fff;padding:15px;box-sizing:border-box;-webkit-animation:slideOut 5s ease 5s forwards;animation:slideOut 5s ease 5s forwards;display:none;z-index:999}#cookie-content{display:flex;justify-content:space-between;align-items:center}#close-button{cursor:pointer}@-webkit-keyframes slideOut{to{transform:translateY(100%);opacity:0}}@keyframes slideOut{to{transform:translateY(100%);opacity:0}}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{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce}@-webkit-keyframes bounceIn2{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);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)}}@keyframes bounceIn2{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);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{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:bounceIn2;animation-name:bounceIn2}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}@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;-webkit-animation-name:swing;animation-name:swing}@-webkit-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)}}@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{-webkit-animation-name:tada;animation-name:tada}@-webkit-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)}}@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{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-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)}}@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{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%{opacity:0;transform:translateY(-2000px)}60%{opacity:1;transform:translateY(30px)}80%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes bounceInDown{0%{opacity:0;transform:translateY(-2000px)}60%{opacity:1;transform:translateY(30px)}80%{transform:translateY(-10px)}to{transform:translateY(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%{opacity:0;transform:translateX(-2000px)}60%{opacity:1;transform:translateX(30px)}80%{transform:translateX(-10px)}to{transform:translateX(0)}}@keyframes bounceInLeft{0%{opacity:0;transform:translateX(-2000px)}60%{opacity:1;transform:translateX(30px)}80%{transform:translateX(-10px)}to{transform:translateX(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%{opacity:0;transform:translateX(2000px)}60%{opacity:1;transform:translateX(-30px)}80%{transform:translateX(10px)}to{transform:translateX(0)}}@keyframes bounceInRight{0%{opacity:0;transform:translateX(2000px)}60%{opacity:1;transform:translateX(-30px)}80%{transform:translateX(10px)}to{transform:translateX(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%{opacity:0;transform:translateY(2000px)}60%{opacity:1;transform:translateY(-30px)}80%{transform:translateY(10px)}to{transform:translateY(0)}}@keyframes bounceInUp{0%{opacity:0;transform:translateY(2000px)}60%{opacity:1;transform:translateY(-30px)}80%{transform:translateY(10px)}to{transform:translateY(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{0%{transform:scale(1)}25%{transform:scale(.95)}50%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(.3)}}@keyframes bounceOut{0%{transform:scale(1)}25%{transform:scale(.95)}50%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{0%{transform:translateY(0)}20%{opacity:1;transform:translateY(-20px)}to{opacity:0;transform:translateY(2000px)}}@keyframes bounceOutDown{0%{transform:translateY(0)}20%{opacity:1;transform:translateY(-20px)}to{opacity:0;transform:translateY(2000px)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{0%{transform:translateX(0)}20%{opacity:1;transform:translateX(20px)}to{opacity:0;transform:translateX(-2000px)}}@keyframes bounceOutLeft{0%{transform:translateX(0)}20%{opacity:1;transform:translateX(20px)}to{opacity:0;transform:translateX(-2000px)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{0%{transform:translateX(0)}20%{opacity:1;transform:translateX(-20px)}to{opacity:0;transform:translateX(2000px)}}@keyframes bounceOutRight{0%{transform:translateX(0)}20%{opacity:1;transform:translateX(-20px)}to{opacity:0;transform:translateX(2000px)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{0%{transform:translateY(0)}20%{opacity:1;transform:translateY(20px)}to{opacity:0;transform:translateY(-2000px)}}@keyframes bounceOutUp{0%{transform:translateY(0)}20%{opacity:1;transform:translateY(20px)}to{opacity:0;transform:translateY(-2000px)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;transform:translateY(-2000px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDownBig{0%{opacity:0;transform:translateY(-2000px)}to{opacity:1;transform:translateY(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInTopLeft{0%{opacity:0;transform:translate3d(-100%,-100%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInTopLeft{0%{opacity:0;transform:translate3d(-100%,-100%,0)}to{opacity:1;transform:translateZ(0)}}.fadeInTopLeft{-webkit-animation-name:fadeInTopLeft;animation-name:fadeInTopLeft}@-webkit-keyframes fadeInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;transform:translateX(-2000px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInLeftBig{0%{opacity:0;transform:translateX(-2000px)}to{opacity:1;transform:translateX(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;transform:translateX(2000px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRightBig{0%{opacity:0;transform:translateX(2000px)}to{opacity:1;transform:translateX(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;transform:translateY(2000px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUpBig{0%{opacity:0;transform:translateY(2000px)}to{opacity:1;transform:translateY(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(2000px)}}@keyframes fadeOutDownBig{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(2000px)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-20px)}}@keyframes fadeOutLeft{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-20px)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-2000px)}}@keyframes fadeOutLeftBig{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-2000px)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(20px)}}@keyframes fadeOutRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(20px)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(2000px)}}@keyframes fadeOutRightBig{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(2000px)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-2000px)}}@keyframes fadeOutUpBig{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-2000px)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{transform:perspective(400px) translateZ(0) rotateY(1turn) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{transform:perspective(400px) translateZ(0) rotateY(1turn) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{transform:perspective(400px) translateZ(0) rotateY(1turn) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{transform:perspective(400px) translateZ(0) rotateY(1turn) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-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}}@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{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-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}}@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{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{transform:perspective(400px) rotateX(0deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{transform:perspective(400px) rotateX(0deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{transform:perspective(400px) rotateY(0deg);opacity:1}to{transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{transform:perspective(400px) rotateY(0deg);opacity:1}to{transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-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}}@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{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{transform:translateX(0) skewX(0deg);opacity:1}to{transform:translateX(100%) skewX(-30deg);opacity:0}}@keyframes lightSpeedOut{0%{transform:translateX(0) skewX(0deg);opacity:1}to{transform:translateX(100%) skewX(-30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateInDownLeft{0%{transform-origin:left bottom;transform:rotate(-90deg);opacity:0}to{transform-origin:left bottom;transform:rotate(0);opacity:1}}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;transform:rotate(-90deg);opacity:0}to{transform-origin:left bottom;transform:rotate(0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{transform-origin:right bottom;transform:rotate(90deg);opacity:0}to{transform-origin:right bottom;transform:rotate(0);opacity:1}}@keyframes rotateInDownRight{0%{transform-origin:right bottom;transform:rotate(90deg);opacity:0}to{transform-origin:right bottom;transform:rotate(0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{transform-origin:left bottom;transform:rotate(90deg);opacity:0}to{transform-origin:left bottom;transform:rotate(0);opacity:1}}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;transform:rotate(90deg);opacity:0}to{transform-origin:left bottom;transform:rotate(0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}to{transform-origin:right bottom;transform:rotate(0);opacity:1}}@keyframes rotateInUpRight{0%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}to{transform-origin:right bottom;transform:rotate(0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{transform-origin:center center;transform:rotate(0);opacity:1}to{transform-origin:center center;transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{transform-origin:center center;transform:rotate(0);opacity:1}to{transform-origin:center center;transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{transform-origin:left bottom;transform:rotate(0);opacity:1}to{transform-origin:left bottom;transform:rotate(90deg);opacity:0}}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;transform:rotate(0);opacity:1}to{transform-origin:left bottom;transform:rotate(90deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{transform-origin:right bottom;transform:rotate(0);opacity:1}to{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;transform:rotate(0);opacity:1}to{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{transform-origin:left bottom;transform:rotate(0);opacity:1}to{transform-origin:left bottom;transform:rotate(-90deg);opacity:0}}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;transform:rotate(0);opacity:1}to{transform-origin:left bottom;transform:rotate(-90deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{transform-origin:right bottom;transform:rotate(0);opacity:1}to{transform-origin:right bottom;transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;transform:rotate(0);opacity:1}to{transform-origin:right bottom;transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideInDown{0%{opacity:0;transform:translateY(-2000px)}to{transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-2000px)}to{transform:translateY(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{opacity:0;transform:translateX(-2000px)}to{transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-2000px)}to{transform:translateX(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{opacity:0;transform:translateX(2000px)}to{transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(2000px)}to{transform:translateX(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideOutLeft{0%{transform:translateX(0)}to{opacity:0;transform:translateX(-2000px)}}@keyframes slideOutLeft{0%{transform:translateX(0)}to{opacity:0;transform:translateX(-2000px)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{transform:translateX(0)}to{opacity:0;transform:translateX(2000px)}}@keyframes slideOutRight{0%{transform:translateX(0)}to{opacity:0;transform:translateX(2000px)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{transform:translateY(0)}to{opacity:0;transform:translateY(-2000px)}}@keyframes slideOutUp{0%{transform:translateY(0)}to{opacity:0;transform:translateY(-2000px)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}@-webkit-keyframes hinge{0%{transform:rotate(0);transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%{transform:rotate(60deg);transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}80%{transform:rotate(60deg) translateY(0);opacity:1;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}to{transform:translateY(700px);opacity:0}}@keyframes hinge{0%{transform:rotate(0);transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%{transform:rotate(60deg);transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}80%{transform:rotate(60deg) translateY(0);opacity:1;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}to{transform:translateY(700px);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;transform:translateX(-100%) rotate(-120deg)}to{opacity:1;transform:translateX(0) rotate(0deg)}}@keyframes rollIn{0%{opacity:0;transform:translateX(-100%) rotate(-120deg)}to{opacity:1;transform:translateX(0) rotate(0deg)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollInRight{0%{opacity:0;transform:translateX(100%) rotate(120deg)}to{opacity:1;transform:translateX(0) rotate(0deg)}}@keyframes rollInRight{0%{opacity:0;transform:translateX(100%) rotate(120deg)}to{opacity:1;transform:translateX(0) rotate(0deg)}}.rollInRight{-webkit-animation-name:rollInRight;animation-name:rollInRight}@-webkit-keyframes rollOut{0%{opacity:1;transform:translateX(0) rotate(0deg)}to{opacity:0;transform:translateX(100%) rotate(120deg)}}@keyframes rollOut{0%{opacity:1;transform:translateX(0) rotate(0deg)}to{opacity:0;transform:translateX(100%) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes rotateIn{0%{transform-origin:center;transform:rotate(-200deg);opacity:0}to{transform-origin:center;transform:translateZ(0);opacity:1}}@keyframes rotateIn{0%{transform-origin:center;transform:rotate(-200deg);opacity:0}to{transform-origin:center;transform:translateZ(0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-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)}}@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{-webkit-animation-name:jello;animation-name:jello;transform-origin:center}@-webkit-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)}}@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{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-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)}}@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{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes zoomInUp{0%{opacity:0;transform:translateY(100px) scale(.6)}60%{opacity:1;transform:translate(0) scale(1)}}@keyframes zoomInUp{0%{opacity:0;transform:translateY(100px) scale(.6)}60%{opacity:1;transform:translate(0) scale(1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes heartBeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}@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{-webkit-animation-name:heartBeat;animation-name:heartBeat;-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.startop{-webkit-animation-name:startop;animation-name:startop}@-webkit-keyframes startop{0%{-webkit-clip-path:polygon(0 0,100% 0,100% 0,0 0);clip-path:polygon(0 0,100% 0,100% 0,0 0);transform:translateY(-200px);-webkit-transform:translateY(-200px)}to{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transform:translateY(0);-webkit-transform:translateY(0)}}@keyframes startop{0%{-webkit-clip-path:polygon(0 0,100% 0,100% 0,0 0);clip-path:polygon(0 0,100% 0,100% 0,0 0);transform:translateY(-200px);-webkit-transform:translateY(-200px)}to{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transform:translateY(0);-webkit-transform:translateY(0)}}@-webit-keyframes startop{0%{-webkit-clip-path:polygon(0 0,100% 0,100% 0,0 0);clip-path:polygon(0 0,100% 0,100% 0,0 0);transform:translateY(-200px);-webkit-transform:translateY(-200px)}to{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transform:translateY(0);-webkit-transform:translateY(0)}}.starbottom{-webkit-animation-name:starbottom;animation-name:starbottom}@-webkit-keyframes starbottom{0%{-webkit-clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%);clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%);transform:translateY(-200px);-webkit-transform:translateY(-200px)}to{-webkit-clip-path:polygon(0 100%,100% 100%,100% 0,0 0);clip-path:polygon(0 100%,100% 100%,100% 0,0 0);transform:translateY(0);-webkit-transform:translateY(0)}}@keyframes starbottom{0%{-webkit-clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%);clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%);transform:translateY(-200px);-webkit-transform:translateY(-200px)}to{-webkit-clip-path:polygon(0 100%,100% 100%,100% 0,0 0);clip-path:polygon(0 100%,100% 100%,100% 0,0 0);transform:translateY(0);-webkit-transform:translateY(0)}}@-webit-keyframes starbottom{0%{-webkit-clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%);clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%);transform:translateY(-100px);-webkit-transform:translateY(-100px)}to{-webkit-clip-path:polygon(0 100%,100% 100%,100% 0,0 0);clip-path:polygon(0 100%,100% 100%,100% 0,0 0);transform:translateY(0);-webkit-transform:translateY(0)}}.starleft{-webkit-animation-name:starleft;animation-name:starleft}@-webkit-keyframes starleft{0%{-webkit-clip-path:polygon(0 0,0 0,0 100%,0 100%);clip-path:polygon(0 0,0 0,0 100%,0 100%);transform:translateX(200px);-webkit-transform:translateX(200px)}to{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transform:translateX(0);-webkit-transform:translateX(0)}}@keyframes starleft{0%{-webkit-clip-path:polygon(0 0,0 0,0 100%,0 100%);clip-path:polygon(0 0,0 0,0 100%,0 100%);transform:translateX(200px);-webkit-transform:translateX(200px)}to{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transform:translateX(0);-webkit-transform:translateX(0)}}@-webit-keyframes starleft{0%{-webkit-clip-path:polygon(0 0,0 0,0 100%,0 100%);clip-path:polygon(0 0,0 0,0 100%,0 100%);transform:translateX(200px);-webkit-transform:translateX(200px)}to{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transform:translateX(0);-webkit-transform:translateX(0)}}.starright{-webkit-animation-name:starright;animation-name:starright}@-webkit-keyframes starright{0%{-webkit-clip-path:polygon(100% 0,100% 100%,100% 100%,100% 0);clip-path:polygon(100% 0,100% 100%,100% 100%,100% 0);transform:translateX(-200px);-webkit-transform:translateX(-200px)}to{-webkit-clip-path:polygon(100% 0,100% 100%,0 100%,0 0);clip-path:polygon(100% 0,100% 100%,0 100%,0 0);transform:translateX(0);-webkit-transform:translateX(0)}}@keyframes starright{0%{-webkit-clip-path:polygon(100% 0,100% 100%,100% 100%,100% 0);clip-path:polygon(100% 0,100% 100%,100% 100%,100% 0);transform:translateX(-200px);-webkit-transform:translateX(-200px)}to{-webkit-clip-path:polygon(100% 0,100% 100%,0 100%,0 0);clip-path:polygon(100% 0,100% 100%,0 100%,0 0);transform:translateX(0);-webkit-transform:translateX(0)}}@-webit-keyframes starright{0%{-webkit-clip-path:polygon(100% 0,100% 100%,100% 100%,100% 0);clip-path:polygon(100% 0,100% 100%,100% 100%,100% 0);transform:translateX(-200px);-webkit-transform:translateX(-200px)}to{-webkit-clip-path:polygon(100% 0,100% 100%,0 100%,0 0);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:#007cba;--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;border:3px solid #e63c39}.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-cloud,.icon.icon-file,.icon.icon-file2,.icon.icon-map,.icon.icon-newcon,.icon.icon-newcon2{width:38px;height:38px}.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(../img/icon_newcon.226ad47c.png)}.icon.icon-newcon2{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=)}.mark{display:inline-block;width:15px;height:15px;border-radius:50%;padding:0}.pmv.gray{background:#cacaca}.pmv.green{background:#00871d}.pmv.yellow{background:#f5ca00}.pmv.orange{background:#f49337}.pmv.red{background:#ed0000}.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:3px solid #e63c39}.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,.header .navbar .browse-info .txt .h2_add{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;border:3px solid #e63c39}.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{-webkit-animation:none;animation:none;opacity:0}.header .navbar .navbar-collapse.show .nav-link{-webkit-animation:fadeInDown .5s forwards;animation:fadeInDown .5s forwards}.header .navbar .navbar-collapse.show .nav-item:nth-child(2) .nav-link{-webkit-animation-delay:.1s;animation-delay:.1s}.header .navbar .navbar-collapse.show .nav-item:nth-child(3) .nav-link{-webkit-animation-delay:.2s;animation-delay:.2s}.header .navbar .navbar-collapse.show .nav-item:nth-child(4) .nav-link{-webkit-animation-delay:.3s;animation-delay:.3s}.header .navbar .navbar-collapse.show .nav-item:nth-child(5) .nav-link{-webkit-animation-delay:.4s;animation-delay:.4s}.header .navbar .navbar-collapse.show .nav-item:nth-child(6) .nav-link{-webkit-animation-delay:.5s;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{-webkit-animation:smallbounce 1s .2s forwards;animation:smallbounce 1s .2s forwards}@-webkit-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)}}@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:#b7f394}.st17{fill:#3a8530}.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}#region_map .area-item:hover .gmap-item{fill:#d67676}#region_map .area-item:hover circle{-webkit-animation:beat .5s forwards;animation:beat .5s forwards}.map-box{max-width:100%;width:1499px;margin:50px auto 0;padding-bottom:50px;z-index:999;position:relative}.home-decoration .decoElem{position:absolute}.home-decoration .decoBox.cloudArr.ca1 .decoElem{width:9%;top:15%;left:6%;max-width:158px}.home-decoration .decoBox.cloudArr.ca1 .decoElem.cloud.c2{top:calc(15% + 17px);left:calc(6% + 7px);max-width:135px;-webkit-animation:horMoveAni1 3s infinite forwards;animation:horMoveAni1 3s infinite forwards;width:8%}.home-decoration .decoBox.cloudArr.ca2 .decoElem{top:50px;left:32%;max-width:143px;width:8%}.home-decoration .decoBox.cloudArr.ca2 .decoElem.cloud.c3{max-width:113px;width:6%;top:66px;left:calc(32% + 7px);-webkit-animation:updownAni1 1s infinite forwards;animation:updownAni1 1s infinite forwards}.home-decoration .decoBox.cloudArr.ca3 .decoElem{top:30%;right:10px;max-width:207px;width:11%}.home-decoration .decoBox.cloudArr.ca3 .decoElem.cloud.c6{max-width:193px;width:11%;top:calc(30% + 10px);right:5px;-webkit-animation:updownAni1 2.2s infinite forwards;animation:updownAni1 2.2s infinite forwards}.home-decoration .decoBox.cloudArr.ca3 .decoElem.cloud.c5{max-width:139px;width:8%;top:calc(30% + 50px);right:15px}.home-decoration .decoBox.fishArr.fa1 .decoElem{top:18%;left:38%;max-width:85px;width:12%}.home-decoration .decoBox.fishArr.fa1 .decoElem.fish.f1{-webkit-animation:fadeAni1 2.5s infinite forwards;animation:fadeAni1 2.5s infinite forwards}.home-decoration .decoBox.fishArr.fa1 .decoElem.fish.f2{max-width:25px;width:11%;top:calc(18% - 20px);left:calc(38% + 40px)}.home-decoration .decoBox.fishArr.fa2 .decoElem{top:68%;left:60%;max-width:155px;width:12%}.home-decoration .decoBox.fishArr.fa2 .decoElem.fish.f2{max-width:45px;width:11%;top:calc(68% - 20px);left:calc(60% + 74px);-webkit-animation:fadeAni2 5s infinite forwards;animation:fadeAni2 5s infinite forwards}.home-decoration .decoBox.planeArr.pa1 .decoElem{top:100px;left:53%;max-width:258px;width:15%;transform:translate(0);transition:all .3s ease;-webkit-animation:flyaway 5s cubic-bezier(.1,.1,.5,1) infinite forwards;animation:flyaway 5s cubic-bezier(.1,.1,.5,1) infinite forwards}.home-decoration .decoBox.plantArr.pla1 .decoElem{top:77%;left:5%;max-width:90px;width:5%}.home-decoration .decoBox.plantArr.pla2 .decoElem{top:90%;left:40%;max-width:90px;width:5%}.home-decoration .decoBox.plantArr.pla3 .decoElem{top:80%;left:45%;max-width:126px;width:7%}.home-decoration .decoBox.plantArr.pla4 .decoElem{top:20%;left:51%;max-width:123px;width:7%}.home-decoration .decoBox.plantArr.pla5 .decoElem{top:12%;right:5%;max-width:123px;width:7%}.home-decoration .decoBox.boatArr.ba5 .decoElem{top:85%;left:10%;max-width:183px;width:10%}.home-decoration .decoBox.boatArr.ba5 .decoElem.bo1{top:calc(85% - 27px);-webkit-animation:updownAni1 4s infinite forwards;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%;-webkit-animation:updownAni1 4s infinite forwards;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:90px;width:5%;left:calc(64% + 30px);bottom:15%;-webkit-animation:updownAni1 2s infinite forwards;animation:updownAni1 2s infinite forwards}.footer-decoration .decoBox.treeArr.ta3 .decoElem{right:-4%;bottom:64%;max-width:189px;width:10%}.footer-decoration .decoBox.peopleArr.pa1 .decoElem{left:55%;bottom:3%;max-width:48px;width:3%}.footer-decoration .decoBox.peopleArr.pa2 .decoElem{left:60%;bottom:10%;max-width:35px;width:2%}.footer-decoration .decoBox.peopleArr.pa3 .decoElem{left:75%;bottom:34%;max-width:35px;width:2%;-webkit-animation:peopleMove 4s infinite forwards;animation:peopleMove 4s infinite forwards}.footer-decoration .decoBox.peopleArr.pa4 .decoElem{left:92%;bottom:30%;max-width:42px;width:3%}.footer-decoration .decoBox.peopleArr.pa5 .decoElem{left:95%;bottom:33%;max-width:40px;width:3%}.footer-decoration .decoBox.buildArr.bua5 .decoElem{left:71%}.footer-decoration .decoBox.buildArr.bua5 .decoElem.bu_ground{max-width:480px;bottom:37%;width:26%}.footer-decoration .decoBox.buildArr.bua5 .decoElem.bu1{max-width:266px;width:9%;bottom:calc(37% + 35px);left:calc(71% + 12px)}.footer-decoration .decoBox.buildArr.bua5 .decoElem.bu2{max-width:328px;width:18%;bottom:calc(37% + 13px);left:calc(71% + 135px)}.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);-webkit-animation:fadeAni3 1.8s infinite forwards;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}.frame-box.st{padding:30px 10px;border-radius:30px;margin-top:10px;margin-bottom:45px;background-color:hsla(0,0%,100%,.5)}.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:#23485b;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:#008575;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:3px solid #e63c39}.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%}@-webkit-keyframes horMoveAni1{0%,to{transform:translateX(0)}40%{transform:translateX(5px)}60%{transform:translateX(-6px)}70%{transform:translateX(2px)}}@keyframes horMoveAni1{0%,to{transform:translateX(0)}40%{transform:translateX(3px)}60%{transform:translateX(-1px)}70%{transform:translateX(2px)}}@-webkit-keyframes updownAni1{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}@keyframes updownAni1{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}@-webkit-keyframes fadeAni1{0%,to{opacity:1}50%{opacity:.2}}@keyframes fadeAni1{0%,to{opacity:1}50%{opacity:.2}}@-webkit-keyframes fadeAni2{0%{opacity:1;transform:translateX(0) scale(1)}to{opacity:0;transform:translateX(-100px) scale(0)}}@keyframes fadeAni2{0%{opacity:1;transform:translateX(0) scale(1)}to{opacity:0;transform:translateX(-100px) scale(0)}}@-webkit-keyframes fadeAni3{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeAni3{0%,to{opacity:1}50%{opacity:.5}}@-webkit-keyframes flyaway{0%{opacity:0;transform:translate(0) scale(1)}10%,20%,30%,40%{opacity:1;transform:translate(0) scale(1)}5%,15%,25%,35%{transform:translateY(-5px) scale(1)}to{opacity:0;transform:translate(-100%,-100%) scale(0)}}@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)}}@-webkit-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 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)}}@-webkit-keyframes beat{0%,to{transform:scale(1);transform-box:fill-box;transform-origin:center}50%{transform:scale(1.2)}}@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:#6db941;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}a:focus{background:var(--third-color)}.gotocenter{background-color:#34adbc;position:absolute;left:-9999px;z-index:9}.tip{color:#0d6efd}.gotocenter:focus{background:var(--third-color);left:0}@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:15%}.footer-decoration .decoBox.buildArr.bua5 .decoElem.bu1{bottom:54%}}@media (min-width:1400px){.section>.container{max-width:1660px}.home-decoration .decoBox.boatArr.ba5 .decoElem.bo1{top:calc(85% - 40px)}.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: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}.tooltip-bar .tooltip-title .tlp-item{max-width:16.6%}}