@charset "UTF-8";@font-face{font-family:'BpmfZihiSans';src:url('../Fonts/BpmfZihiSans-ExtraLight.woff2') format('woff2'),url('../Fonts/BpmfZihiSans-ExtraLight.woff') format('woff');font-weight:200;font-style:normal}@font-face{font-family:'BpmfZihiSans';src:url('../Fonts/BpmfZihiSans-Light.woff2') format('woff2'),url('../Fonts/BpmfZihiSans-Light.woff') format('woff');font-weight:300;font-style:normal}@font-face{font-family:'BpmfZihiSans';src:url('../Fonts/BpmfZihiSans-Regular.woff2') format('woff2'),url('../Fonts/BpmfZihiSans-Regular.woff') format('woff');font-weight:400;font-style:normal}@font-face{font-family:'BpmfZihiSans';src:url('../Fonts/BpmfZihiSans-Medium.woff2') format('woff2'),url('../Fonts/BpmfZihiSans-Medium.woff') format('woff');font-weight:500;font-style:normal}@font-face{font-family:'BpmfZihiSans';src:url('../Fonts/BpmfZihiSans-Heavy.woff2') format('woff2'),url('../Fonts/BpmfZihiSans-Heavy.woff') format('woff');font-weight:900;font-style:normal}@layer components{body{height:auto;background-color:#000;--color-main-blue:#004077;--color-main-yellow:#fcb841;--color-main-orange:#f65400;--color-main-orange-hover:#d44700;--color-main-orange-active:#bb3f01;--part-padding-x:2rem;font-family:'Noto Sans TC',sans-serif !important}@media(max-width:940px){body{--part-padding-x:1rem}}body.LangSet-Tw-Bopomofo{font-family:'BpmfZihiSans','Noto Sans TC',sans-serif !important}body.LangSet-Tw-Bopomofo input,body.LangSet-Tw-Bopomofo select,body.LangSet-Tw-Bopomofo button{font-family:'BpmfZihiSans','Noto Sans TC',sans-serif !important}.Text-Yellow{color:var(--color-main-yellow) !important}nav{width:100%;height:50px;border-bottom:1px #eee solid}.Page-Content-Sub{max-width:80rem;margin:0 auto}.Page-Content-Sub-Title{margin:0 0 1rem 12rem;position:relative;font-size:3rem;color:var(--color-main-blue)}.Page-Content-Sub-Title-Text{position:relative;z-index:1}.Page-Content-Sub-Title-Bg{position:absolute;z-index:0;-webkit-text-stroke:1rem #fff;text-shadow:-1px -1px 0 white,1px -1px 0 white,-1px 1px 0 white,1px 1px 0 white;color:#fff}.Page-Content-Sub-Icon{position:absolute;bottom:calc(100% - 2rem);left:0;z-index:10001}@media(max-width:940px){.Page-Content-Sub-Icon{width:5rem;bottom:100%}.Page-Content-Sub-Title{margin:0 0 .75rem 7rem;font-size:2rem}.Page-Content-Sub-Title-Bg{-webkit-text-stroke:.5rem #fff}}.Page-Title-Container{padding:6rem var(--part-padding-x) 1rem var(--part-padding-x);background-color:#4eb6ff;position:relative}@media(max-width:940px){.Page-Title-Container{padding:4rem var(--part-padding-x) .5rem var(--part-padding-x)}}.Bg-Cloud1{max-width:8%;position:absolute;top:20%;left:10%}.Bg-Cloud2{max-width:8%;position:absolute;top:26%;right:10%}@media(max-width:940px){.Bg-Cloud1{top:10%}.Bg-Cloud2{top:62%}}h1.Page-Title{margin-top:0;margin-bottom:2.5rem;color:#fff;font-size:4rem;text-align:center;line-height:1.3;text-shadow:0 0 .25rem rgba(0,0,0,0.4);position:relative}body.LangSet-Tw-Bopomofo h1.Page-Title{font-size:3.25rem}@media(max-width:940px){h1.Page-Title{font-size:2.5rem}body.LangSet-Tw-Bopomofo h1.Page-Title{font-size:2rem}}.LangSet-Div{--langset-border-width:.5rem;--langset-border-color:#fff;--langset-border-style:solid;--langset-padding-y:1rem;--langset-padding-x:1rem;--langset-padding-x-out:1.5rem;display:flex;align-items:stretch;justify-content:flex-end;font-size:1.5rem;line-height:1}body.LangSet-Tw-Bopomofo .LangSet-Div{font-size:1.25rem}@media(max-width:940px){.LangSet-Div{--langset-padding-y:.75rem;--langset-padding-x:.75rem;--langset-padding-x-out:1rem;font-size:1.05rem}body.LangSet-Tw-Bopomofo .LangSet-Div{font-size:1rem}}.DownTitle{display:flex;align-items:flex-start;justify-content:end}#Btn-PWA{display:flex;align-items:center;justify-content:center;border-radius:20rem;background-color:#eee;padding:.75rem 1rem;border:1px transparent solid;font-size:1rem}.LangSet-Title{display:flex;align-items:center;justify-content:center;border-radius:20rem 0 0 20rem;background-color:#eee;padding:var(--langset-padding-y) var(--langset-padding-x) var(--langset-padding-y) var(--langset-padding-x-out);border-top:var(--langset-border-width) var(--langset-border-color) var(--langset-border-style);border-bottom:var(--langset-border-width) var(--langset-border-color) var(--langset-border-style);border-left:var(--langset-border-width) var(--langset-border-color) var(--langset-border-style)}.Btn-LangSet{padding:var(--langset-padding-y) var(--langset-padding-x);background-color:#eee;border-radius:0;border-left:1px solid #ddd;border-top:var(--langset-border-width) var(--langset-border-color) var(--langset-border-style);border-bottom:var(--langset-border-width) var(--langset-border-color) var(--langset-border-style);font-size:inherit;line-height:inherit}.Btn-LangSet:hover,.Btn-LangSet:focus{background-color:#e2e2e2}.Btn-LangSet:active{background-color:#ddd}.Btn-LangSet:last-child{border-radius:0 20rem 20rem 0;padding-right:var(--langset-padding-x-out);border-right:var(--langset-border-width) var(--langset-border-color) var(--langset-border-style)}.Btn-LangSet.Is-Selected{background-color:var(--color-sub4);color:#fff}.Btn-LangSet.Is-Selected:hover,.Btn-LangSet.Is-Selected:focus{background-color:var(--color-sub4-hover)}.Btn-LangSet.Is-Selected:active{background-color:var(--color-sub4-active)}body button.Btn-LangSet-Tw{font-family:'Noto Sans TC',sans-serif !important}body button.Btn-LangSet-Tw-Bopomofo{font-family:'BpmfZihiSans','Noto Sans TC',sans-serif !important}body button.Btn-i18n-en{font-family:'Noto Sans TC',sans-serif !important}.Map-Container{position:relative;overflow-x:hidden;background:linear-gradient(#168eff,#0076e5);--map-border-radius:4rem}.Map-Container .Page-Content-Sub{padding:4rem var(--part-padding-x) 0 var(--part-padding-x)}@media(max-width:940px){.Map-Container .Page-Content-Sub{padding:2rem var(--part-padding-x) 8rem var(--part-padding-x)}}.Map-Content{width:100%;height:54rem;position:relative;border:1rem #fff solid;border-radius:var(--map-border-radius);background-color:#fff}.Map-Content-Loading{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;height:100%;position:absolute;top:0;left:0;z-index:10000;background-color:#fff;border-radius:var(--map-border-radius)}.Map-Content-Loading>img{width:6rem}@media(max-width:940px){.Map-Content{max-height:80vh}}#map-section{overflow:hidden}.Map-Dolphin{width:26rem;position:absolute;left:-10rem;top:15%}.Map-Octopus{width:14rem;position:absolute;right:7rem;top:12%}.Map-Fish{width:14rem;position:absolute;right:-2rem;top:40%}.Map-Top{display:block;width:100%}.Map-Bottom{display:block;width:100%;margin-top:-10rem}@media(max-width:940px){.Map-Dolphin{width:14rem}.Map-Octopus{width:4rem;position:absolute;right:0;top:10%}.Map-Fish{width:5rem;right:-2rem}}#map{border-radius:var(--map-border-radius);overflow:hidden}@media(max-width:1260px){#mac-title{position:absolute}}#button-toggle-right{display:flex;padding:0;box-shadow:0 0 10px rgba(0,0,0,0.5);background-color:#fff;text-align:center;position:absolute;top:1rem;right:1rem;color:var(--color-main-blue)}#button-toggle-right .mrs-label{right:0;padding-right:0;top:calc(100% + 6px)}#button-close-right{display:flex;width:1.8rem;height:1.8rem;padding:0;position:absolute;top:.5rem;right:.75rem;background-color:var(--color-main-blue);color:#fff;font-size:1.5rem;line-height:1}#button-close-right>.bi{pointer-events:none}#button-close-right>.mrs-label{display:none}.legend-icon-current-videos{background-color:var(--color-sub4)}.leaflet-touch .leaflet-bar a,.mrs-btn{color:var(--color-main-blue)}.map-right-divs{width:18rem;height:100%;max-height:initial;top:0;right:-18rem;background-color:#fff;padding:1rem 0 1rem 1rem;border-radius:1.5rem 2rem 0 1.5rem;overflow-y:auto}@media(min-width:941px){.i18n-en .map-right-divs{padding-left:1rem}}@media(max-width:940px){.map-right-divs{width:20rem;right:-20rem}}.map-right-divs:hover{background-color:#fff}.map-right-divs.is-selected{right:0;box-shadow:0 0 .5rem rgba(0,0,0,0.2)}.map-animate-control-play-div{display:none}.ipft-title .ipft-title-top.ipft-title-top-has-data .circle-btn{display:flex;width:1.8rem;height:1.8rem;padding:0;background-color:var(--color-main-blue);color:#fff;font-size:1.5rem;line-height:1}.info-part-fixed-title{border-radius:1.5rem;background-color:#fff}.back-to-list,.to-top{background-color:var(--color-main-blue);color:#fff}.animate-control-s #map-animate-control{height:calc(55px + 2.5rem);border-radius:0 0 var(--map-border-radius) var(--map-border-radius)}.animate-control-s #map-animate-control>.f-c{display:flex;overflow-y:hidden}.animate-control-s #mac-title{display:flex;align-items:center;justify-content:center;width:100%;height:2.5rem;margin-top:0;position:static;background:#eee;border-top:1px #b6cad3 solid}.animate-control-s .map-right-divs{max-height:calc(100% - 55px - 2.5rem)}.ChaoJing-Layers{display:flex;align-items:stretch;justify-content:flex-start;flex-wrap:wrap}.Btn-Layer-Div{width:50%;padding:.25rem}.Btn-Layer-Div-Position{width:100%}.Btn-Layer,.Btn-LayerGroup{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.5rem;width:100%;height:100%;padding:.875rem .5rem;border-radius:.5rem;border:0;background-color:#fff;text-align:center}.Btn-Layer:hover,.Btn-LayerGroup:hover{background-color:#eee}.Btn-Layer.Is-Selected,.Btn-LayerGroup.Is-Selected{background-color:var(--color-sub4);color:#fff}.Btn-Layer-Icon{color:#666}.Btn-Layer.Is-Selected .Btn-Layer-Icon,.Btn-LayerGroup.Is-Selected .Btn-Layer-Icon{color:#fff}.Btn-Layer-Text{display:flex;align-items:center;justify-content:center;gap:.25rem;font-weight:bold}.Btn-LayerGroup .bi-caret-right-fill{display:block}.Btn-LayerGroup.Is-Opened .bi-caret-right-fill{transform:rotate(90deg)}.LayerGroup-Divs{display:flex;align-items:flex-start;justify-content:center;gap:.25rem;width:100%;margin:.25rem 0 .5rem;background-color:#d8e4f5;padding:.5rem}.Btn-LayerGroup-Div{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.5rem;padding:.5rem .5rem;text-align:center;background-color:transparent;border:0;border-radius:.5rem}.Btn-LayerGroup-Div.Is-Selected{background-color:var(--color-main-blue);color:#fff}.Btn-LayerGroup-Icon{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background-color:var(--color-sub4);color:#fff;border-radius:50%;box-shadow:0 0 .5rem rgba(0,0,0,0.2)}.Btn-LayerGroup-Text{font-weight:bold}@media(min-width:1260px){.animate-control-s .mac-bar-btn:nth-child(even):not(.is-selected,.animate-control-s .mac-bar-date-btn) .mac-bar-btn-hour{display:flex}}@media(min-width:941px){.info-part-fixed-title{right:18.5rem;max-height:calc(100% - 55px - 2.5rem - 1rem)}body.LangSet-Tw-Bopomofo .info-part-fixed-title.Is-Right-Closed{right:4.5rem}.info-part-fixed-title.Is-Right-Closed{right:3.5rem}.animate-control-s .mac-bar-current-btn::before,.animate-control-s .mac-bar-btn.is-selected::after,.animate-control-s .mac-bar-date-btn .bi,.animate-control-s .mac-bar-date-btn svg{display:none}.animate-control-s .mac-bar-date-text,.animate-control-s .mac-bar-btn-hour,.animate-control-s .mac-bar-btn.is-selected .mac-bar-btn-hour{position:static;background-color:transparent;width:100%;height:100%;display:flex;align-items:center;justify-content:center;box-shadow:none;padding:0}}@media(max-width:940px){#comment-info .ipft-title .circle-btn{display:none}.map-left-legend{max-width:30%;min-width:10rem}}@media(max-width:480px){#mac-bar{padding-bottom:0}}.Footer-Container{padding:var(--part-padding-x);border-top:.5rem solid #000;background-color:#333;color:#fff}.Partners-Content{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:1.5rem}.Partners-Content+.Partners-Content{margin-top:1rem}#Partners-Title{line-height:1.3}.Partner-Imgs{display:flex;align-items:center;justify-content:flex-start;gap:1rem}.Partner-Img-Div{height:4.5rem;padding:1rem;background-color:#fff;border-radius:1rem}.Partner-Img-Div>img{height:100%}.Info-Title{width:4rem;line-height:1.3}body.LangSet-Tw-Bopomofo .Info-Title{width:6rem}body.i18n-en .Info-Title{width:11rem}.cr{opacity:.5;font-size:.9rem;text-align:center}@media(max-width:940px){#Partners-Title{display:flex}.Partners-Content{gap:.5rem}.Partners-Content+.Partners-Content{margin-top:1.5rem}.Partner-Imgs{width:100%;flex-direction:column}.Partner-Img-Div,.Partner-Img-Div{width:100%;text-align:center}.Info-Title,body.LangSet-Tw-Bopomofo .Info-Title,body.i18n-en .Info-Title{width:auto}}.swal2-container{z-index:10010}#pwa-tab-0{white-space:nowrap}.tab-content ul{padding-left:2rem}.tab-content li{list-style:disc}mark{padding:.125rem;background-color:#f2f3b7}.App-Back-Xband{padding:.75rem;color:#565656}}