@charset "UTF-8";@layer components{.page.page--map{display:flex;align-items:stretch;justify-content:flex-start;flex-direction:column;height:100%;overflow-y:auto}}@layer components{.header{position:static !important;z-index:initial}.header-app-show{display:block}.header-app-show__bg{display:block}@media(min-width:991px){.page--map .header-app-show{left:0;right:auto}.page--map .header-app-show--hidden{left:-100%;right:auto}}.header-app-show__btn-toggle{display:none}@media(min-width:991px){.page--map .header-app-show__btn-close{margin:.75rem auto .75rem .75rem}}}@layer components{#menu-toggle{display:none;width:50px;height:100%;padding:0;border:0;background-color:#fff;border-left:1px rgba(0,0,0,0.08) solid}#menu-toggle:hover{background-color:#eee}#menu-toggle>svg{width:20px;height:20px;fill:#888}.tab-choose #menu-toggle{border-left:1px rgba(0,0,0,0.08) solid;background-color:#eee}.tab-choose #menu-toggle:hover{background-color:#e1e1e1}#menu-toggle.is-selected{background-color:var(--color-sub4)}#menu-toggle.is-selected>svg{fill:#fff}@media(max-width:940px){#menu-toggle{display:flex}}}@layer components{.default-ac-title-img{width:180px;margin:0 auto 1rem auto}.default-ac-title-1,.default-ac-title-2{width:100%;margin-bottom:1rem;text-align:center}.default-ac-title-1{color:var(--color-sub4)}.default-ac{flex:1;flex-direction:column;padding:1rem .5rem;border:.25rem #fff solid;background-color:#f6f6f6}.default-ac:hover{background-color:#eee}.default-ac.is-selected{background-color:var(--color-sub);color:#fff}.default-ac-img{width:75%;margin-bottom:.5rem}.default-ac-img-show{width:80px;display:block;margin:0 auto 1rem auto}}@layer components{#map-section{width:100%;height:100%;position:relative}#map{width:100%;height:100%}#map.leaflet-grab.has-feature-info{cursor:pointer}#map-show-logo{width:60px;height:44px;position:absolute;top:10px;left:calc(50% - 30px);z-index:1001;border:0;background-color:transparent;background-image:url("https://goocean.namr.gov.tw/Common/NsGetCurrentSystemLogo");background-size:contain;background-repeat:no-repeat}#map-legend{width:auto;max-width:450px;position:absolute;left:calc(50% + 75px);right:150px;top:0;z-index:500;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,0.3)}#map-legend .legend-title{padding:10px 15px;font-size:.8rem}#map-legend>img{max-width:100%}@media(max-width:940px){#map-legend{left:50px;right:50px}}.map-left-legend{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;max-height:calc(100% - 215px);position:absolute;left:0;top:130px;z-index:500;overflow-y:auto;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,0.3)}@media(max-width:1260px){.map-left-legend{max-height:calc(100% - 300px)}}.map-left-legend.is-trigger-hidden{display:none !important}.map-left-legend-title{flex-grow:0;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;padding:.5rem .25rem .5rem .5rem;color:#aaa;font-size:.9rem}#map-left-legend-content{flex-grow:1;flex-shrink:1;width:100%;height:100%;overflow-y:auto}#button-hide-left-legend{display:flex;align-items:center;justify-content:center;width:1.8rem;height:1.8rem;border:0;border-radius:50%;background-color:transparent;padding:0}.map-left-legend-item{border-top:1px #eee solid}.map-left-legend-item:nth-child(odd){background-color:#f9f9f9}.mlli-div{display:flex;align-items:center;justify-content:flex-start;width:100%;padding:.5rem .8rem;border:0;background-color:transparent;font-size:.8rem}.mlli-subs .mlli-div{padding-top:.25rem;padding-bottom:.25rem}.mlli-div.is-hide-subs+.mlli-subs{display:none}.mlli-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.2rem;width:1.6rem;height:1.6rem;color:var(--color-sub4);margin-right:.25rem;text-align:center}.mlli-layer-content{width:100%;flex-shrink:1;flex-grow:1;text-align:left}.mlli-layer-name-main{display:flex;align-items:center;justify-content:flex-start;font-size:.84rem}.mlli-layer-name-main>div,.mlli-layer-name-sub>div{line-height:1.2}.mlli-icon-more{font-size:1rem;margin-left:auto;transform:scale(0.6);transition:transform ease-in-out .3s;color:#aaa}.mlli-div.is-hide-subs .mlli-icon-more{transform:scale(0.6) rotate(-90deg)}.mlli-layer-name-sub{padding-left:.5em}.mlli-extra-show{color:#aaa}.mlli-extra-show,.mlli-extra-show .btn-outside-link{font-size:.8rem;line-height:1.2}.map-left-legend-item-img{flex-shrink:0;display:block;margin:0 auto;width:90%;height:90%}.legend-oc{padding:6px 2px;background-color:#000}.legend-oc-img{width:100%}.map-left-legend .legend-title{padding-bottom:10px;text-align:left;font-size:.8rem;line-height:1.4}#button-toggle-left-legend{position:absolute;top:130px;left:10px;z-index:500;box-shadow:0 0 10px rgba(0,0,0,0.5)}#button-toggle-left-legend.is-selected{display:none;background-color:var(--color-sub4);color:#fff}@media(max-width:940px){#button-toggle-left-legend{top:5.75rem}.map-left-legend{top:5.5rem;max-width:20%;min-width:120px;max-height:calc(100% - 11.25rem)}.map-left-legend.is-hidden{display:none !important}.mlli-div{padding-left:.5rem;padding-right:.5rem}}#point-legends{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;padding:2px 8px;position:absolute;top:5px;left:95px;z-index:500;background-color:rgba(255,255,255,0.8);border-radius:4px;box-shadow:0 0 10px rgba(0,0,0,0.5)}#point-legends-toggle{width:2rem;height:2rem;position:absolute;bottom:5px;right:5px;border:0;border-radius:50%;box-shadow:0 0 10px rgba(0,0,0,0.5)}.point-legend{display:flex;align-items:center;justify-content:flex-start;margin:2px 0;font-size:.8rem}.point-legend+.point-legend{margin-top:4px}.point-legend-item{display:flex;align-items:center;justify-content:flex-start;margin:2px 4px}.point-legend-img{width:20px;height:20px;margin-right:2px}.point-legend-color{width:15px;height:6px;margin-right:4px}.point-legend-color-2{background-color:#50ada9}.point-legend-color-1{background-color:#dbb638}.point-legend-color-0{background-color:#dc884a}.point-legend-color-forbidden{background-color:#e64c4e}#point-legends.is-selected{padding:0}#point-legends:not(.is-selected) #point-legends-toggle{background-color:var(--color-sub4);color:#fff;bottom:calc(100% - 2rem - 5px)}#point-legends:not(.is-selected) .point-legend:first-child{padding-right:calc(2rem - 4px)}#point-legends.is-selected .point-legend{display:none}@media(min-width:941px){#point-legends-toggle{display:none}}@media(max-width:940px){#point-legends{width:100%;max-width:100%;padding:6px;top:auto;bottom:84px;left:0;border-radius:0}.point-legend{flex-wrap:wrap}}#map-animate-control{display:flex;align-items:stretch;justify-content:flex-start;position:absolute;left:50%;bottom:15px;transform:translateX(-50%);z-index:500}@media(max-width:1260px){#map-animate-control{width:100%;height:52px;padding:0;left:0;bottom:32px;border-top:1px #fff solid;background-color:#fff;overflow-x:auto;transform:initial}}#mac-start{width:3rem;height:3rem;margin-right:30px;padding:0;border:1px transparent solid;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:#eee;color:#666;font-size:1rem;box-shadow:0 0 0 3px #eee,0 0 20px rgba(0,0,0,0.5)}#mac-start::before{content:"▶"}#mac-start.is-played{background-color:var(--color-sub4);color:#fff;font-size:1rem}#mac-start.is-played::before{content:"█"}#mac-title{margin-top:6px;text-shadow:2px 0 0 #eee,-2px 0 0 #eee,0 2px 0 #eee,0 -2px 0 #eee,1px 1px #eee,-1px -1px 0 #eee,1px -1px 0 #eee,-1px 1px 0 #eee;font-weight:bold;letter-spacing:2px;text-align:center}#mac-title>.i18n-dynamic{position:relative}.mac-title__loading-text{display:flex;align-items:center;justify-content:flex-start;gap:.25rem;position:absolute;left:100%;top:50%;transform:translateY(-50%);white-space:nowrap;margin-left:.75rem;color:var(--color-main);opacity:0}.mac-title__loading-icon{height:1.5em}#mac-title.mac-title--loading{color:#999}#mac-title.mac-title--loading>.i18n-dynamic>.mac-title__loading-text{opacity:1}#mac-bar{align-items:center !important;position:relative}#mac-bar::after{content:"";width:calc(100% - 1rem);height:4px;background-color:#fff;position:absolute;top:calc(50% - 2px);left:.5rem;z-index:-1;opacity:.4}.mac-bar-btn{flex-grow:0;flex-shrink:0;width:.8rem;height:.8rem;padding:0;border:0;border-radius:50%;background-color:#eee;position:relative}.mac-bar-date-text{content:attr(data-time);padding:.6em .5em;min-width:4em;position:absolute;top:-2.2em;text-shadow:2px 0 0 #eee,-2px 0 0 #eee,0 2px 0 #eee,0 -2px 0 #eee,1px 1px #eee,-1px -1px 0 #eee,1px -1px 0 #eee,-1px 1px 0 #eee;font-weight:bold;font-size:.8rem}.mac-bar-btn-hour,.mac-bar-btn.is-selected .mac-bar-btn-hour{padding:.6em .5em;min-width:4em;position:absolute;top:-2.2em;text-shadow:2px 0 0 #eee,-2px 0 0 #eee,0 2px 0 #eee,0 -2px 0 #eee,1px 1px #eee,-1px -1px 0 #eee,1px -1px 0 #eee,-1px 1px 0 #eee;font-weight:bold;font-size:.8rem}.mac-bar-date-btn{width:2.2rem;height:2.2rem;padding:6px;background-color:transparent}.mac-bar-date-btn:hover{background-color:rgba(0,0,0,0.1)}@media(min-width:1260px){.mac-bar-date-btn .bi{text-shadow:2px 0 0 #eee,-2px 0 0 #eee,0 2px 0 #eee,0 -2px 0 #eee,1px 1px #eee,-1px -1px 0 #eee,1px -1px 0 #eee,-1px 1px 0 #eee}}@media(max-width:1260px){.mac-bar-date-btn .bi{color:#fff}}.mac-bar-date-btn svg{width:100%;height:100%;fill:#eee}#mac-bar-date-last svg{transform:rotate(180deg);transform-origin:center}#mac-bar-date-last::before,#mac-bar-date-next::before{display:none}.mac-bar-btn.is-selected .mac-bar-btn-hour{top:-3.2em;font-size:1rem;background-color:#eee;border-radius:4px;z-index:5;box-shadow:0 0 10px rgba(0,0,0,0.5)}.i18n-zh-tw .mac-bar-btn.is-selected .mac-bar-btn-hour::after{margin-left:.25rem;content:"時"}.i18n-en .mac-bar-btn.is-selected .mac-bar-btn-hour-am::after{content:"am";margin-top:.25rem;margin-left:.25rem;font-size:.8rem}.i18n-en .mac-bar-btn.is-selected .mac-bar-btn-hour-pm::after{content:"pm";margin-top:.25rem;margin-left:.25rem;font-size:.8rem}.mac-bar-btn.is-selected::after{content:"";display:block;width:0;height:0;border-style:solid;border-width:5px 5px 0 5px;border-color:#eee transparent transparent transparent;position:absolute;top:calc(-3em + 31px);left:calc(50% - 5px);z-index:6}.mac-bar-btn+.mac-bar-btn{margin-left:12px}.mac-bar-btn.is-selected{background-color:var(--color-main);box-shadow:0 0 0 2px var(--color-main),0 0 0 5px #eee}@media(min-width:1260px){#mac-bar-date-last{margin-right:10px}#mac-bar-date-next{margin-left:10px}.animate-control-s #mac-bar-date-next{margin-left:0}.animate-control-s #mac-bar-date-last{margin-right:0}.mac-bar-btn:nth-child(even):not(.is-selected,.mac-bar-date-btn) .mac-bar-btn-hour{display:none}.mac-bar-current-location-btn{color:#4069b5}}@media(max-width:1260px){#map-animate-control>.f-cen{flex-grow:0;flex-shrink:0}#mac-start{width:3.6rem;height:100%;margin-right:0;border-right:1px #fff solid;box-shadow:none;border-radius:0;background-color:#5b7f8e;color:#fff}#map-animate-control>.f-c{display:block;flex-grow:1;flex-shrink:1;overflow-x:auto}#mac-title{display:flex;align-items:center;justify-content:center;width:100%;height:32px;margin-top:0;position:fixed;bottom:0;left:0;background:#eee;border-top:1px #b6cad3 solid}#mac-bar{justify-content:flex-start;align-items:flex-end;height:100%;position:relative;overflow-y:hidden;overflow-x:auto}#mac-bar::after{display:none}#mac-btn-bar{height:100%}.mac-bar-date-btn{background-color:#a6c0cb !important}.mac-bar-date-btn:hover{background-color:#94acb6 !important}#mac-bar-date-last{border-right:1px #fff solid}#mac-bar-date-next{border-left:1px #fff solid}.mac-bar-btn{width:3.6rem;height:100%;border:0;border-radius:0}.mac-bar-current-btn{width:3.2rem;border-right:1px #ddd solid}.mac-bar-current-location-btn{width:3.2rem;border-left:1px #ddd solid;background-color:#4069b5 !important;font-size:1.1rem}.mac-bar-current-location-btn:hover{background-color:#385da1 !important}.mac-bar-current-location-btn .mac-bar-date-text{display:none}.mac-bar-btn:nth-child(even):not(.is-selected){background-color:#e1e1e1}.mac-bar-btn.is-selected{z-index:5}.mac-bar-btn+.mac-bar-btn{margin-left:0}.mac-bar-date-text,.mac-bar-btn-hour,.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}.mac-bar-btn:nth-child(even) .mac-bar-btn-hour{display:flex}.mac-bar-current-btn::before,.mac-bar-btn.is-selected::after,.mac-bar-date-btn .bi,.mac-bar-date-btn svg{display:none}.mac-bar-current-location-btn .bi{display:block}}@media(max-width:480px){#map-animate-control>.f-c{overflow:hidden}#mac-bar{box-sizing:content-box;height:calc(100% + 10px);padding-bottom:10px}}.animate-control-s .map-right-divs{max-height:calc(100% - 55px)}.animate-control-s #quick-position{left:10px}.animate-control-s #point-legends{left:55px}.animate-control-s #map-bot-divs{bottom:70px}.animate-control-s #map-animate-control{width:100%;height:52px;padding:0;left:0;bottom:0;border-top:1px #fff solid;background-color:#fff;overflow-x:auto;transform:initial}.animate-control-s #map-animate-control>.f-cen{flex-grow:0;flex-shrink:0}.animate-control-s #mac-start{width:4rem;height:100%;margin-right:0;border-right:1px #fff solid;box-shadow:none;border-radius:0;background-color:#5b7f8e;color:#fff}.animate-control-s #map-animate-control>.f-c{display:block;flex-grow:1;flex-shrink:1;overflow-x:auto}.animate-control-s #mac-title{display:none}.animate-control-s #mac-bar{justify-content:flex-start;align-items:flex-end;height:100%;position:relative;overflow-y:hidden;overflow-x:auto}.animate-control-s #mac-bar::after{display:none}.animate-control-s #mac-btn-bar{height:100%}.animate-control-s .mac-bar-date-btn{background-color:#a6c0cb}.animate-control-s .mac-bar-date-btn:hover{background-color:#94acb6}.animate-control-s #mac-bar-date-last{border-right:1px #fff solid}.animate-control-s #mac-bar-date-next{border-left:1px #fff solid}.animate-control-s .mac-bar-btn{width:3.8rem;height:100%;border:0;border-radius:0}.animate-control-s .mac-bar-btn:nth-child(even):not(.is-selected){background-color:#e1e1e1}.animate-control-s .mac-bar-btn.is-selected{z-index:5}.animate-control-s .mac-bar-btn+.mac-bar-btn{margin-left:0}.animate-control-s .mac-bar-btn::before,.animate-control-s .mac-bar-btn.is-selected::before{position:static;background-color:transparent;width:100%;height:100%;display:flex;align-items:center;justify-content:center;box-shadow:none;padding:0}.animate-control-s .mac-bar-btn:nth-child(odd)::before,.animate-control-s .mac-bar-btn:nth-child(even)::before{display:flex}.animate-control-s .mac-bar-btn.is-selected::after{display:none}.map-value-legend{display:none;width:100%;height:auto;border-top:1px #fff solid;position:fixed;bottom:84px;left:0;z-index:501;text-align:right}.map-value-legend img{width:100%;height:100%;display:block;position:absolute;top:0;left:0}.map-value-legend-div{display:flex;align-items:center;justify-content:flex-start;height:32px}.mvls{width:100%;padding-right:.4rem;border-right:1px rgba(255,255,255,0.4) solid;padding-top:.25rem;padding-bottom:.25rem;flex:1;font-size:.8rem;color:#fff;position:relative}.mvls-unit{width:auto;padding-right:0;border-right:0;position:absolute;left:.25rem;text-align:left;color:#fff}@media(min-width:941px){.mvls-unit{top:50%;transform:translateY(-50%)}.mvl-wind .mvls-unit,.mvl-hs .mvls-unit,.mvl-salinity .mvls-unit,.mvl-oxygen .mvls-unit,.mvl-sand_01 .mvls-unit,.mvl-zeta .mvls-unit{color:#666}}.animate-control-s .mvls-unit{bottom:100%;margin-bottom:6px;color:#595959;text-shadow:2px 0 0 #eee,-2px 0 0 #eee,0 2px 0 #eee,0 -2px 0 #eee,1px 1px #eee,-1px -1px 0 #eee,1px -1px 0 #eee,-1px 1px 0 #eee}@media(max-width:940px){.mvls-unit{bottom:100%;margin-bottom:6px;color:#595959;text-shadow:2px 0 0 #eee,-2px 0 0 #eee,0 2px 0 #eee,0 -2px 0 #eee,1px 1px #eee,-1px -1px 0 #eee,1px -1px 0 #eee,-1px 1px 0 #eee}}.mvls-0{flex:0.75}.mvls:last-child{flex:1.25;border-right:0}.mvl-wind .mvls:nth-child(3),.mvl-hs .mvls:nth-child(3),.mvl-salinity .mvls:nth-child(3),.mvl-chlorophyll .mvls:nth-last-child(2),.mvl-chlorophyll .mvls:last-child,.mvl-oxygen .mvls:nth-child(3),.mvl-sand_01 .mvls:nth-child(3),.mvl-sand_01 .mvls:nth-child(4),.mvl-sand_01 .mvls:nth-child(5),.mvl-sand_01 .mvls:nth-child(6),.mvl-zeta .mvls:nth-child(3){color:#666}.mvl-wind .mvls:nth-child(3),.mvl-hs .mvls:nth-child(3),.mvl-salinity .mvls:nth-child(3),.mvl-chlorophyll .mvls:nth-last-child(2),.mvl-oxygen .mvls:nth-child(3),.mvl-sand_01 .mvls:nth-child(3),.mvl-sand_01 .mvls:nth-child(4),.mvl-sand_01 .mvls:nth-child(5),.mvl-sand_01 .mvls:nth-child(6),.mvl-zeta .mvls:nth-child(3){border-right-color:rgba(102,102,102,0.4)}.has-value-legend .animate-control-s .map-value-legend{display:block}@media(min-width:941px){.has-value-legend .animate-control-s .map-left-legend-value-item{display:none}}@media(max-width:940px){.has-value-legend .map-value-legend{display:block}.has-value-legend .map-left-legend-value-item{display:none}}.mrs-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:0;border-radius:50% !important;box-shadow:0 0 10px rgba(0,0,0,0.5);color:var(--color-sub4);background-color:#fff;line-height:1;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;cursor:pointer}.mrs-btn{position:relative;box-shadow:none;background-color:transparent}.mrs-btn+.mrs-btn,.mrs-group{margin-top:4px}.mrs-btn:hover{background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,0.5)}.mrs-btn.is-selected,.mrs-btn.is-selected:hover{box-shadow:0 0 0 4px #fff;background-color:var(--color-main);color:#fff}.wave-arrow-svg{position:absolute;left:100%}.map-right-divs{max-height:calc(100% - 3rem);padding:1rem .675rem 1rem 10rem;position:absolute;top:3rem;right:0;z-index:400;overflow-y:auto;transition:background-color ease-in-out .3s}@media(min-width:941px){.i18n-en .map-right-divs{padding-left:21rem}}@media(max-width:1260px){.map-right-divs{max-height:calc(100% - 84px)}}@media(min-width:941px){.map-right-divs:hover{background-color:rgba(0,0,0,0.4)}}#button-toggle-right{display:none;position:fixed;top:62px;right:10px;z-index:500}#button-close-right{display:none}@media(max-width:940px){.map-right-divs{width:210px;height:100%;max-height:100%;padding:.75rem .5rem 1.5rem 10.75rem;top:0;right:-210px;z-index:9999;overflow-y:auto;overflow:hidden;background-color:rgba(0,0,0,0.4);transition:right .3s ease-in-out}.map-right-divs.is-selected{right:0;overflow-y:auto}#button-toggle-right,#button-close-right{display:flex;padding:0;box-shadow:0 0 10px rgba(0,0,0,0.5);background-color:#fff;text-align:center}#button-toggle-right .mrs-label{right:0;padding-right:0;top:calc(100% + 6px)}.map-right-divs.is-selected #button-toggle-right{background-color:var(--color-sub4);color:#fff}.map-right-divs .map-right-settings{margin-top:20px}}.map-right-settings{position:relative}.map-right-settings::before{content:"";width:2rem;height:calc(100% + 20px);position:absolute;left:0;top:-10px;background-color:#fff;border-radius:50px;z-index:-1;box-shadow:0 0 10px rgba(0,0,0,0.5)}.map-right-settings+.map-right-settings{margin-top:30px}@media(max-height:940px){.map-right-settings+.map-right-settings .mrs-label{padding-left:10px;left:100%;right:auto}.map-right-settings+.map-right-settings{margin-top:0;position:fixed;top:95px;left:10px}}.mrs-label{padding-right:10px;position:absolute;right:100%;color:#fff;word-break:keep-all;white-space:nowrap;font-size:.9rem;letter-spacing:.5px;user-select:none;text-shadow:0 0 4px #000;text-align:right}.layer-classification-show .mrs-label{font-size:.8rem}.mrs-label>i{font-size:12px;margin-left:4px}.mrs-sub-val{display:block;margin-top:2px;font-size:.8rem;word-break:keep-all;white-space:nowrap}.layers .switch-box-label{flex-grow:0;flex-shrink:0;margin:0 12px 0 0}.layer{width:100%;padding:10px 12px;display:flex;align-items:center;justify-content:center}.layer:hover{background-color:rgba(0,0,0,0.06)}.layer-visible,.layer-show-quick,.layer-all,.layer-legend,.layer-opacity{flex-grow:0;flex-shrink:0;margin:0}.layer-visible,.layer-show-quick,.layer-all{margin-right:10px}.layer-visible:checked+.layer-name,.layer-visible:checked ~ .bi,.layer-visible:checked ~ .layer-name,.layer-show-quick:checked+.layer-name,.layer-all:checked+.layer-name{color:var(--color-sub4)}.layer-visible{display:none}.layer-name{width:100%;flex-grow:1;flex-shrink:1;letter-spacing:.5px}.layer-name>i,.layer>.legend-icon,.layer>.bi{margin-right:8px}.layer-legend{margin:0 6px;visibility:hidden}.layer-icon{display:flex;align-items:center;justify-content:center;flex-grow:0;flex-shrink:0;width:1.8rem;height:1.8rem;margin-left:10px;border-radius:50%;font-size:.9rem}.layer-opacity{width:80px;padding:0;visibility:hidden}.layer-visible:checked ~ .layer-legend,.layer-visible:checked ~ .layer-opacity,.layer-visible:checked ~ .layer-icon,.layer-show-quick:checked ~ .layer-legend,.layer-show-quick:checked ~ .layer-opacity,.layer-show-quick:checked ~ .layer-icon{visibility:visible}.layer-group-toggle{width:2rem;height:2rem;margin-left:5px;border:1px transparent solid;border-radius:50%;background-color:transparent;transform-origin:center}.layer-group-toggle:hover{background-color:rgba(0,0,0,0.06)}.sub-layer{display:none;padding-left:20px;font-size:.9rem;max-height:200px;overflow-y:scroll;background-color:#fff}#layers-satellites{max-height:inherit}.layer-group-title.is-opened .layer-group-toggle{color:var(--color-sub4);transform:rotate(90deg)}.layer-group-title.is-opened+.sub-layer{display:block}.layer-group-title>.layer>.switch-box-label{visibility:hidden}.status-li{padding:10px;text-align:center;opacity:.5}.layer-classification{display:none}.layer-classification:checked+.layer-classification-toggle-div{background-color:#cfd9f7;border-radius:50px 50px 0 0}.layer-classification:checked+.layer-classification-toggle-div .mrs-btn{box-shadow:0 0 0 4px #ddd;background-color:var(--color-main);color:#fff}.layer-classification:checked+.layer-classification-toggle-div .mrs-btn .mrs-label{display:block}.layer-classification+.layer-classification-toggle-div .mrs-btn .mrs-label i::before{transition:transform .3s}.layer-classification:checked+.layer-classification-toggle-div .mrs-btn .mrs-label i::before{transform:rotate(180deg)}.layer-classification+.layer-classification-toggle-div+.layer-classification-show,.layer-classification+.layer-classification-toggle-div.is-hidden,.layer-classification+.layer-classification-toggle-div+.layer-classification-show.is-hidden,.layer-classification:checked+.layer-classification-toggle-div+.layer-classification-show.is-hidden{display:none}.layer-classification:checked+.layer-classification-toggle-div+.layer-classification-show{display:block}.layer-classification-show{padding:4px 0;background-color:#ddd;border-radius:0 0 50px 50px}.layer-classification-show .mrs-btn{color:var(--color-sub4)}.layer-classification-show .mrs-btn.is-selected,.layer-classification-show .mrs-btn.is-selected:hover{background-color:var(--color-sub4);color:#fff}@media(max-width:940px){.layer-classification:checked+.layer-classification-toggle-div{width:28px}.layer-classification:checked+.layer-classification-toggle-div+.layer-classification-show{width:28px}}.legend-icon{width:1rem;height:1rem;flex-shrink:0}.sub-layer .legend-icon{flex-grow:0;flex-shrink:0;margin-right:8px}.legend-icon-point{border:2px #fff solid;border-radius:50%}.legend-icon-image{background-size:contain;background-position:center;background-repeat:no-repeat}.legend-icon-line::before{content:"／";font-weight:bold}.legend-icon-polygon{border:2px #fff solid}.legend-icon-yacht-berth{background-color:#54569c}.legend-icon-limit-area-0{background-color:rgba(255,0,0,0.4);border-color:red}.legend-icon-limit-area-1{background-color:rgba(0,128,0,0.4);border-color:green}.legend-icon-typhoon-alert{background-color:rgba(247,218,0,0.4);border-color:#f7db00}.legend-icon-circle.legend-icon-td-0{background-color:rgba(249,215,47,0.2);border-color:red;display:flex;align-items:center;justify-content:center}.legend-icon-circle.legend-icon-td-0::before{content:"";display:block;width:.8rem;height:.8rem;background-image:url(../../img/fifows_typhoon/typhoon-position.png);background-size:contain;background-position:center}.legend-icon-circle.legend-icon-td-1{background-color:rgba(200,200,200,0.2);border-color:#aaa;display:flex;align-items:center;justify-content:center}.legend-icon-circle.legend-icon-td-1::before{content:"";display:block;width:.8rem;height:.8rem;background-image:url(../../img/fifows_typhoon/typhoon.png);background-size:contain;background-position:center}.legend-icon-td-2{color:#a99}.legend-icon-typhoon-probability{background-color:#519f8b;position:relative}.legend-icon-typhoon-probability::before{content:"";width:60%;height:60%;background-color:#e5b54a;position:absolute;top:20%;left:20%}.legend-icon-typhoon-probability::after{content:"";width:40%;height:40%;background-color:#b06262;position:absolute;top:30%;left:30%}.legend-icon-tsunami-namr-normal{background-color:#3988c7}.tsunami-namr-value-normal{color:#3988c7}.legend-icon-tsunami-namr-alert{background-color:#cd0d0d}.tsunami-namr-value-alert{color:#cd0d0d}.legend-icon-CGAScope{color:blue}.legend-icon-CGABranchArea{border:1px #000 solid;background-color:rgba(127,229,204,0.5)}.legend-icon-ChaoJing-b-0{border:2px #46ab63 solid;background-color:rgba(70,171,99,0.75)}.legend-icon-ChaoJing-b-1{border:2px #ddd solid;background-color:rgba(255,255,255,0.75)}.legend-icon-ChaoJing-b-2{border:2px #888 solid;background-color:rgba(136,136,136,0.75)}.legend-icon-ChaoJing-b-3{border:2px #7a63e2 solid;background-color:rgba(122,99,226,0.75)}.legend-icon-tp-0{border:0;background-color:rgba(255,0,0,0.5)}.legend-icon-tp-1{border:0;background-color:rgba(255,157,0,0.5)}.legend-icon-tp-2{border:0;background-color:rgba(255,213,0,0.5)}.legend-icon-tp-3{border:0;background-color:rgba(51,204,51,0.5)}.legend-icon-tp-4{border:0;background-color:rgba(0,153,51,0.5)}.legend-icon-tn-0{border:0;border-radius:50%;background-color:#3988c7}.legend-icon-tn-1{border:0;border-radius:50%;background-color:#cd0d0d}.legend-risk-map-legend-1{color:#63b56f}.legend-risk-map-legend-2{color:#aacc57}.legend-risk-map-legend-3{color:#dfd64f}.legend-risk-map-legend-4{color:#e79b5e}.legend-risk-map-legend-5{color:#cc5757}.legend-icon-north-traditional-survey{background-image:url("../../img/measurements/north-traditional-survey.webp")}.legend-icon-information-board{background-image:url("../../img/measurements/information-board.webp")}.legend-icon-billboard{background-image:url("../../img/measurements/billboard.svg")}.legend-icon-restroom,.legend-icon-normal-restroom{background-image:url("../../img/measurements/restroom.svg")}.legend-icon-accessible-restroom{background-image:url("../../img/facility/24.webp")}.legend-icon-accessible-ramp{background-image:url("../../img/measurements/accessible_ramp.webp")}.legend-icon-rinse{background-image:url("../../img/measurements/rinse.webp")}.legend-icon-park,.legend-icon-normal-park{background-image:url("../../img/measurements/park.webp")}.legend-icon-accessible-park{background-image:url("../../img/measurements/accessible_park.webp")}.legend-icon-stages{background-image:url("../../img/measurements/stages.svg")}.legend-icon-security-checkpoint{background-image:url("../../img/measurements/security-checkpoint.svg")}.legend-icon-friendly-fishing-spot{background-image:url("../../img/measurements/friendly_fishing_spot.svg")}.legend-icon-rescue-pole{background-image:url("../../img/measurements/rescue_pole.svg")}.legend-icon-rescue-board{background-image:url("../../img/measurements/rescue_board.svg")}.legend-icon-lifeguard-station{background-image:url("../../img/measurements/lifeguard_station.svg")}.legend-icon-life-saving,.legend-icon-lifebuoy{background-image:url("../../img/measurements/lifebuoy.svg")}.legend-icon-lifering-box{background-image:url("../../img/measurements/lifering_box.svg")}.legend-icon-rope-ladder{background-image:url("../../img/measurements/rope_ladder.svg")}.legend-icon-typhoon-dynamics{background-image:url("../../img/fifows_typhoon/typhoon.png")}.legend-icon-Sailing-Buoy,.legend-icon-Sailing-Buoy-Path{background-image:url("../../img/Event/2024_Sailing/SailingBuoy.png")}.legend-icon-north-traditional-survey-line{color:#880e4f}.legend-icon-coastalWaters{color:#a4abfc}.legend-icon-beaches{color:#b265d5}.legend-icon-reefs{color:#3e67a1}.legend-icon-potentialFishingSpots{color:#277191}.legend-icon-niceFishingSpots{color:#2efff1}.legend-icon-highest-tidal{color:#487bb6}.legend-icon-north-traditional-survey-area{border-color:#000;background-color:rgba(0,0,0,0.4)}.legend-icon-coastalLand{border-color:#696;background-color:rgba(102,153,102,0.4)}.legend-icon-seaArea{border-color:#2f36d3;background-color:rgba(47,54,210,0.1)}.self-mrs-btn{z-index:500;box-shadow:0 0 10px rgb(0 0 0 / 50%);color:var(--color-sub4);background-color:#fff}.self-mrs-btn:hover{background-color:#ddd}.self-mrs-btn svg{width:14px;height:14px;fill:var(--color-sub4)}#quick-position{position:absolute;top:.675rem;right:.675rem;margin-top:0}@media(max-width:940px){#quick-position{top:.75rem;right:3.5rem}}.feature-filters{flex-wrap:wrap}.feature-filter{display:flex;align-items:stretch;justify-content:flex-start;font-size:.94rem;margin:.25rem}.feature-filter-label{display:flex;align-items:center;justify-content:center;border-radius:4px 0 0 4px;padding:.5rem;background-color:#eee;border:1px #ddd solid;border-right:0;color:#595959}.inp.feature-filter-inp{padding:.25rem;border-radius:0 4px 4px 0;font-size:.94rem}select.inp.feature-filter-inp{padding-right:2.25rem}#ff-keyword,#MapOperationalTeaching-Keyword{width:6rem}.btn.btn-ff,.btn.btn-MapOperationalTeaching{width:100%;text-align:left;justify-content:flex-start;padding:.5rem}.feature-info-main tr:nth-child(odd) .btn.btn-ff,.feature-info-main tr:nth-child(odd) .btn.btn-MapOperationalTeaching{background-color:#eee}.feature-info-main tr:nth-child(even) .btn.btn-ff,.feature-info-main tr:nth-child(even) .btn.btn-MapOperationalTeaching{background-color:#f3f3f3}.feature-info-main tr:nth-child(odd) .btn.btn-ff:hover,.feature-info-main tr:nth-child(even) .btn.btn-ff:hover,.feature-info-main tr:nth-child(odd) .btn.btn-MapOperationalTeaching:hover,.feature-info-main tr:nth-child(even) .btn.btn-MapOperationalTeaching:hover{background-color:var(--color-sub4);color:#fff}.feature-info-main div.dt-container.dt-empty-footer .dt-scroll-body{border-bottom:1px transparent solid}.feature-info-main .btn.btn-ff,.feature-info-main .btn.btn-MapOperationalTeaching{margin:.25rem 0}.feature-info-main .dt-paging{width:100%;justify-content:center}.btn.btn-ff:hover .btn-ff-name{color:#fff}.btn.btn-ff:hover .btn-ff-tag{color:#ddd}.btn-ff .bi{margin-right:.5rem}.btn-ff-icon,.btn-MapOperationalTeaching-icon{width:2rem;height:2rem;padding:.5rem;border-radius:50%;background-color:#fff;transform:scale(0.85);transform-origin:center;line-height:1}.btn-MapOperationalTeaching-icon{color:#222}.btn-ff-text{width:100%;flex-wrap:wrap}.btn-ff-name{margin-left:.5rem;color:var(--color-sub4);line-height:1.2}.btn-ff-tag{color:#999;font-size:.8rem;letter-spacing:.5px}@media(max-width:940px){.btn.btn-ff,.btn.btn-MapOperationalTeaching{padding:.75rem}.btn-ff-name{width:calc(100% - 2.5rem)}.btn-ff-tag{margin-top:.125rem}.btn-ff-tag.mr-2{margin-left:auto}}#btn-map-basic-teaching,.mrs-btn+.mrs-btn#btn-map-basic-teaching{margin-top:0;position:absolute;top:.675rem;left:3rem}@media(max-width:940px){#btn-map-basic-teaching,.mrs-btn+.mrs-btn#btn-map-basic-teaching{left:3.25rem}}#Btn-TempAnnouncement{margin-top:0;position:absolute;top:3.125rem;left:3rem}@media(max-width:940px){#Btn-TempAnnouncement{top:3rem;left:3.25rem}}#Btn-Alert{margin-top:0;position:absolute;top:3.125rem;left:3rem}@media(max-width:940px){#Btn-Alert{top:3rem;left:3.25rem}}#Btn-Alert.HasData{background-color:#d33;color:#fff;animation-name:btnAlert;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes btnAlert{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}.btn-change-edition,.mrs-btn+.mrs-btn.btn-change-edition{width:auto;margin-top:0;padding-inline:.75rem;position:absolute;top:.675rem;left:5.375rem;border-radius:100px !important;font-size:.9rem}@media(max-width:940px){.btn-change-edition,.mrs-btn+.mrs-btn.btn-change-edition{left:5.75rem}}.btn-change-edition>.bi{margin-right:.375rem;font-size:1rem}#map-bot-divs{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;position:absolute;bottom:10px;left:10px;z-index:400}@media(max-width:1260px){#map-bot-divs{bottom:97px}}@media(max-width:940px){#map-bot-divs{display:none}}#map-bot-divs .f+.f{margin-top:30px}.map-bot-settings{display:flex;align-items:center;justify-content:center;position:relative}.map-bot-settings::before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background-color:#fff;border-radius:50px;z-index:-1;box-shadow:0 0 10px rgba(0,0,0,0.5)}.map-bot-settings-title{display:block;margin-bottom:5px;position:absolute;top:-1.2rem;left:0;text-shadow:0 0 4px #000;color:#fff;font-size:.8rem}.map-bot-settings+.map-bot-settings{margin-left:25px}@media(max-width:940px){.map-bot-settings-title{top:-1.4rem}}.map-bot-settings .mrs-btn+.mrs-btn{margin-top:0}.map-bot-settings .action-img{width:64%;height:64%;background-size:contain;background-repeat:no-repeat;background-position:center}#action-settings .mrs-btn{width:2.4rem;height:2.4rem;padding:0}.action-setting-17 .action-img,.s-action-17 .action-img{background-image:url("../../img/sea-activities/17.webp")}.action-setting-17.is-selected .action-img,.s-action-17.is-selected .action-img{background-image:url("../../img/sea-activities/17-selected.webp")}.action-setting-20 .action-img,.s-action-20 .action-img{background-image:url("../../img/sea-activities/20.webp")}.action-setting-20.is-selected .action-img,.s-action-20.is-selected .action-img{background-image:url("../../img/sea-activities/20-selected.webp")}.action-setting-16 .action-img,.s-action-16 .action-img{background-image:url("../../img/sea-activities/16.webp")}.action-setting-16.is-selected .action-img,.s-action-16.is-selected .action-img{background-image:url("../../img/sea-activities/16-selected.webp")}.action-setting-1 .action-img,.s-action-1 .action-img{background-image:url("../../img/sea-activities/1.webp")}.action-setting-1.is-selected .action-img,.s-action-1.is-selected .action-img{background-image:url("../../img/sea-activities/1-selected.webp")}.action-setting-12 .action-img,.s-action-12 .action-img{background-image:url("../../img/sea-activities/12.webp")}.action-setting-12.is-selected .action-img,.s-action-12.is-selected .action-img{background-image:url("../../img/sea-activities/12-selected.webp")}.action-setting-15 .action-img,.s-action-15 .action-img{background-image:url("../../img/sea-activities/15.webp")}.action-setting-15.is-selected .action-img,.s-action-15.is-selected .action-img{background-image:url("../../img/sea-activities/15-selected.webp")}.action-setting-26 .action-img,.s-action-26 .action-img{background-image:url("../../img/sea-activities/26.webp")}.action-setting-26.is-selected .action-img,.s-action-26.is-selected .action-img{background-image:url("../../img/sea-activities/26-selected.webp")}.action-setting-30 .action-img,.s-action-30 .action-img{background-image:url("../../img/sea-activities/30.webp")}.action-setting-30.is-selected .action-img,.s-action-30.is-selected .action-img{background-image:url("../../img/sea-activities/30-selected.webp")}.info-part{display:none;flex-direction:column;width:calc(100% - 33% + 200px);height:100%;overflow-y:auto;position:absolute;top:0;left:calc(33% - 200px);z-index:9999;background-color:#fff}.info-part .item-sub{display:flex;flex-wrap:wrap;width:100%;border-top:0;font-size:1.4rem}.info-part .item-sub li{padding:10px;font-size:1rem}.info-part .item-main>h2{font-size:1.6rem}.info-part .item-update-time{margin-top:10px;font-size:.9em;color:#aaa}.info-part-main{padding:20px}.info-part-btn{display:none;width:100%;padding:1.25rem 1.25rem 0 1.25rem}@media(max-width:940px){.info-part{align-items:center;justify-content:center;flex-direction:column;width:calc(100% - 1.25rem);height:calc(100% - 1.25rem);top:.625rem;left:.625rem;box-shadow:0 0 6px rgba(0,0,0,0.4)}.info-part-btn{flex-grow:0;flex-shrink:0;display:flex;order:2;width:100%;padding:0}.info-part-main{flex-grow:1;flex-shrink:1;order:1;width:100%;overflow-y:auto}.info-part .item-sub{flex-direction:column;display:flex}}.info-section{width:100%;margin-top:20px;padding-bottom:10px}.info-section+.info-section{border-top:0}.info-section img{max-width:100%;display:block;margin:0 auto}.info-section h3{margin:25px 0 15px 0}@media(max-width:940px){.info-section h3{margin:20px 0 10px 0}}@media(min-width:941px){.info-part.left-info{width:430px;right:auto;left:50px;justify-content:flex-start}}.info-part-fixed-title{display:none;flex-direction:column;width:calc(100% - 33% + 200px);height:100%;position:absolute;top:0;left:calc(33% - 200px);z-index:600;overflow-y:auto;background-color:#fff}@media(min-width:941px){.info-part-fixed-title{display:none;align-items:stretch;justify-content:flex-start;width:540px;height:auto;max-height:calc(100% - 1.35rem);margin:0;position:absolute;top:.675rem;left:auto;right:3.25rem;z-index:600;overflow-y:auto;box-shadow:0 0 15px rgba(0,0,0,0.2);border-radius:4px;background-color:rgba(255,255,255,0.94);font-size:1rem}}.info-part-fixed-title.is-shown{display:flex}@media(max-width:940px){.info-part-fixed-title{align-items:center;justify-content:center;flex-direction:column;width:calc(100% - 20px);height:calc(100% - 20px);top:.675rem;left:10px;box-shadow:0 0 6px rgb(0 0 0 / 40%)}.info-part-fixed-title .info-part-btn{display:flex;align-items:stretch;justify-content:flex-start}}.info-part h2{margin:0 0 20px 0;color:var(--color-sub4);font-size:2rem;line-height:1.2;letter-spacing:2px}.info-part-fixed-title h2{margin:0;color:var(--color-main);font-size:2rem;line-height:1.2;letter-spacing:2px}@media(max-width:940px){.info-part h2,.info-part-fixed-title h2{font-size:2rem}}.info-part .sub-title,.info-part-fixed-title .sub-title{margin-bottom:.375rem;color:#888;letter-spacing:.5px;font-weight:normal;font-size:.9rem}.ipft-main .ipft-part-Content-Type::before,.info-part .sub-title .g-type::before,.info-part-fixed-title .sub-title .g-type::before{content:"｜";margin:0 4px}.ipft-main{display:flex;align-items:stretch;justify-content:flex-start;flex-direction:column;flex-grow:1;flex-shrink:1;width:100%;height:100%;padding:0;overflow-y:auto}.ipft-title{flex-grow:0;flex-shrink:0;padding:1.25rem 1.25rem 1rem}.ipft-title .ipft-title-top.ipft-title-top-has-data{display:flex;align-items:center;justify-content:flex-start;position:relative;font-size:.775rem;letter-spacing:.5px;color:#888;border-bottom:1px #ddd dashed;padding-bottom:.5rem;margin-bottom:.75rem}.ipft-title .ipft-title-top.ipft-title-top-has-data .ipft-part-SeaWeatherRefer{font-size:.8rem;color:#444}.ipft-title .ipft-title-top.ipft-title-top-has-data .data-mode-tag{display:flex;align-items:center;justify-content:center;margin-right:.5rem;padding:.375rem .5rem;border-radius:2rem;color:#fff;line-height:1;font-size:.9rem}@media(max-width:940px){.ipft-title .ipft-title-top.ipft-title-top-has-data .data-mode-tag{order:2;margin-right:0}}.ipft-title .ipft-title-top.ipft-title-top-has-data .data-mode-tag.data-mode-prev{background-color:var(--color-sub4);color:#fff}.ipft-title .ipft-title-top.ipft-title-top-has-data .data-mode-tag.data-mode-obs{background-color:var(--color-main);color:#fff}.ipft-title .ipft-title-top .ls-init{list-style:initial}.ipft-title .ipft-title-top .btn-outside-link{font-size:.775rem}.ipft-title-top-has-data{margin-bottom:1.5rem}@media(min-width:941px){.ipft-title-top-has-data{margin-bottom:1.25rem}}.ipft-title-top>.bi{margin-right:.375rem}.ipft-title-top-text{display:flex;align-items:center;justify-content:flex-start}.circle-btn{width:2rem;height:2rem;border:0;border-radius:50%;background:transparent;position:absolute;top:10px;right:32px;z-index:1;color:#aaa;font-size:1.4rem}.circle-btn:hover{background-color:rgba(0,0,0,0.06)}.ipft-title .circle-btn{margin-left:auto;top:-1rem;right:-1rem}.ipft-title .ipft-title-top .circle-btn{margin-left:auto;top:.5rem;right:.5rem}.ipft-title .ipft-title-top.ipft-title-top-has-data .circle-btn{margin-left:auto;top:-1rem;right:-1rem}@media(max-width:940px){.circle-btn{display:none}}.ipft-content{flex-grow:1;flex-shrink:1;height:100%;padding:.25rem 1.25rem;overflow-y:auto}.ipft-main-no-footer .ipft-content{padding-bottom:1.25rem}.ipft-part-div{margin:2rem 0}.ipft-part-div.ipft-part-div-first-show{margin-top:0}.ipft-part-div.ipft-part-div-last-show{margin-bottom:0}.ipft-part-Header-div{display:flex;align-items:flex-start;justify-content:flex-start;margin-bottom:1rem}.ipft-part-Title-Icon{flex-grow:0;flex-shrink:0;color:var(--color-sub4);font-size:1.25rem;margin-right:.5rem}.ipft-part-Title-div{flex-grow:1;flex-shrink:1;width:100%}.ipft-part-Title-div.f-n{flex-grow:0;flex-shrink:0;width:auto}.ipft-part-Title{color:var(--color-sub4);font-size:1.25rem}.ipft-part-Title-Other{margin-top:.375rem;font-size:.75rem;color:#999}.ipft-part-Title-Other .btn-outside-link{font-size:.75rem}.ipft-part-Header-Right{flex-grow:0;flex-shrink:0;margin-left:1rem}.ipft-part-Header-Link{padding:.25rem;border:0;border-radius:.25rem;background-color:transparent;color:#666;font-size:.8rem;line-height:1}.ipft-part-Header-Link:hover{color:#222}.ipft-part-Content-Sub{display:flex;align-items:center;justify-content:flex-start;line-height:1.4}.ipft-part-Content-Sub+.ipft-part-Content-Sub{margin-top:.75rem}.ipft-part-Content-Sub-Icon{flex-grow:0;flex-shrink:0;margin-right:.75rem}.ipft-part-Content-Sub-Content{flex-grow:1;flex-shrink:1;width:100%;line-height:1.4;text-align:justify}.show-coastal-facilitys-div{display:flex;align-items:center;justify-content:flex-start;font-size:.75rem}.show-coastal-facilitys-title{margin-right:.5rem;line-height:1.2;text-align:right}.ipft-part-Content-Items{display:flex;align-items:stretch;justify-content:flex-start;flex-wrap:wrap;line-height:1.1}.ipft-part-Content-Item{display:flex;align-items:stretch;justify-content:flex-start;flex-direction:column;width:4.5rem;margin:.5rem;border:0;border-radius:.125rem;background-color:transparent}.ipft-part-Content-Item-Icon{flex-grow:0;flex-shrink:0;display:block;width:2.5rem;height:2.5rem;margin:0 auto}.ipft-part-Content-Item-Text{width:100%;margin-top:.25rem;text-align:center;font-size:.8rem;line-height:1.1}.ipft-part-Content-Item-Text.has-Limit{margin-bottom:.375rem}.ipft-part-Content-Item-Limit{margin-top:auto;padding:.25rem;border:0;border-radius:.125rem;background-color:#f3eaea;text-align:center;color:#9f2929;line-height:1.2;font-size:.8rem}.ipft-footer{flex-grow:0;flex-shrink:0;padding:1rem 1.25rem 1.25rem}@media(min-width:941px){.ipft-title{padding:1.75rem 1.75rem .75rem}.ipft-content{padding:.25rem 1.75rem}.ipft-main-no-footer .ipft-content{padding-bottom:1.75rem}.ipft-footer{padding:1rem 1.75rem 1.75rem}}.back-to-list,.to-top{background-color:transparent;border:0;font-size:1rem;color:var(--color-sub4);letter-spacing:1px}.back-to-list:hover,.to-top:hover{color:#2d839d}.back-to-list>.icon,.to-top>.icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;margin-right:10px;line-height:1;background-color:#eee;font-size:1rem;border-radius:50%}@media(max-width:940px){.back-to-list,.to-top{width:100%;padding:4px;background-color:var(--color-sub4);color:#fff}.back-to-list:hover,.to-top:hover{background-color:#2d839d;color:#fff}.back-to-list>.icon,.to-top>.icon{background-color:transparent}}.SeaWeatherMsg-Loading{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:1rem}.SeaWeatherMsg-Loading-img{width:4rem}.SeaWeatherMsg-Loading-text{margin-top:.5rem;font-size:.8rem;color:#888}.basic-coastal-weather-div{position:relative}.basic-coastal-weather-div>.board-top-btns{position:absolute;top:0;right:0;z-index:1}@media(max-width:940px){.basic-coastal-weather-div>.board-top-btns{right:-1.5rem}}.basic-coastal-weather-disabled{font-size:.9rem;color:#aaa;letter-spacing:.5px}.basic-coastal-weather{max-width:22rem;margin:0 auto;position:relative}.basic-coastal-weather-main-status-div{display:flex;align-items:center;justify-content:center;width:30%;height:30%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:.5%}.basic-coastal-weather-main-status-img{width:100%}.basic-coastal-weather-main-status-text{width:100%;position:absolute;top:100%;left:0;text-align:center;font-size:.9rem;line-height:1.2}.basic-coastal-weather-extra{padding-top:.75rem}.basic-coastal-weather-factor-div{position:absolute;text-align:center;transform:translateX(-50%);pointer-events:none}.basic-coastal-status{pointer-events:none;cursor:pointer}.basic-coastal-part{fill:#fff;stroke:rgba(0,0,0,0.1)}.basic-coastal-part:hover{fill:#f2f2f2}.basic-coastal-weather-factor-wind{top:2.5rem;left:50%}.basic-coastal-weather-factor-current{top:6.5rem;left:79%}.basic-coastal-weather-factor-tidal{top:14rem;left:67%}.basic-coastal-weather-factor-sun{top:14rem;left:33%}.basic-coastal-weather-factor-wave{top:6.5rem;left:21%}@media(max-width:940px){.basic-coastal-weather-factor-wind{top:2rem}.basic-coastal-weather-factor-current,.basic-coastal-weather-factor-wave{top:5.75rem}.basic-coastal-weather-factor-tidal,.basic-coastal-weather-factor-sun{top:13rem}}.basic-coastal-weather-factor-bi{font-size:1.5rem}.basic-coastal-weather-factor-text{margin-top:.5rem;font-size:1rem;color:#999}.basic-coastal-weather-factor-text .bi{font-size:1.2rem}.basic-coastal-weather-factor-div .unit{font-size:.8rem;margin-left:.125rem}.btn.btn-to-professional{padding:0;position:relative;background-color:transparent}.btn-to-professional-img{width:100%;display:block;opacity:.4}.btn-to-professional-text{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:3rem;position:absolute;top:0;left:0;z-index:1;text-align:left}.btn-to-professional-text .bi{font-size:1.5rem}.base-maps-div{display:flex;align-items:stretch;justify-content:flex-start;flex-wrap:wrap}.base-map{flex-direction:column;width:33.333%;padding:0;border:1px #fff solid;background-color:transparent;position:relative}.base-map:hover{background-color:rgba(0,0,0,0.06);color:#aaa}.base-map:active{background-color:rgba(0,0,0,0.08)}.base-map>span{display:flex;align-items:flex-end;justify-content:flex-end;padding:.25rem;position:absolute;left:0;right:0;top:0;bottom:0;border:6px transparent solid;font-size:.9rem;text-align:left}.base-map.is-selected>span{border-color:var(--color-sub4);color:#fff}.base-map img{display:block;width:100%}*::-ms-backdrop,.base-map{height:150px}*::-ms-backdrop,.base-map img{height:100%}.ValueModes{display:flex;align-items:stretch;justify-content:flex-start;flex-wrap:wrap;gap:.375rem}.ValueModes input{display:none}.ValueMode{display:flex;align-items:center;justify-content:center;padding:.675rem 1.5rem;border-radius:2rem;background-color:#eee;font-size:.9rem;border:1px #fff solid;text-align:center}.ValueMode:hover{background-color:#e1e1e1}.ValueModes input:checked+.ValueMode,.bottom-value-mode .ValueMode.Is-Selected{background-color:var(--color-main);border-color:var(--color-main);color:#fff}.ValueModes input:disabled+.ValueMode,.ValueModes input:disabled+.ValueMode:hover{opacity:.6;background-color:#eee;color:#aaa;cursor:not-allowed;pointer-events:none}.ChooseModes{display:flex;align-items:stretch;justify-content:flex-start}.ChooseModes input{display:none}.ChooseMode{flex:1;display:flex;align-items:center;justify-content:center;padding:.75rem 1rem;background-color:#eee;text-align:center}.ChooseMode:hover,.choose-style:hover{background-color:#e1e1e1}.ChooseModes input:checked+.ChooseMode{background-color:var(--color-sub4);color:#fff}.ChooseModes input:disabled+.ChooseMode,.ChooseModes input:disabled+.ChooseMode:hover{opacity:.6;background-color:#eee;color:#aaa;cursor:not-allowed;pointer-events:none}.ChooseMode:first-of-type{border-radius:.25rem 0 0 .25rem;border-right:0}.ChooseMode:last-of-type{border-radius:0 .25rem .25rem 0}.style-setting{display:flex;align-items:center;justify-content:center;width:100%}.style-setting+.style-setting{margin-top:8px}.style-setting-title{margin-right:auto;letter-spacing:.5px}.style-setting-title-main{margin-right:2px;font-weight:bold}.style-setting-info{flex-grow:0;flex-shrink:0;width:.9rem;height:.9rem;margin-right:12px;background-color:transparent;border:0;border-radius:50%;color:var(--color-sub4);font-size:.9rem}.choose-style{flex-grow:0;flex-shrink:0;padding:15px;background-color:#eee;text-align:center}.layer-info-table th,.layer-info-table td{padding:8px;border-top:1px #e1e1e1 solid;font-size:.9rem;line-height:1.4;word-break:break-all}.layer-info-table th{width:110px;font-weight:normal;color:#888;text-align:left}.li52-div{position:relative;padding:24px 0 28px}.li52-line{width:100%;height:2px;background-color:#ccc}.li52-div-marker{position:absolute;top:calc(0.8rem - 10px)}.li52-div-0{left:0}.li52-div-1{left:100%}.li52-top-word{margin-bottom:4px;font-size:.8rem}.li52-marker{height:12px;width:4px;background-color:#999}.li52-div-value .li52-top-word{color:var(--color-sub4);font-weight:bold}.li52-div-value .li52-marker{background-color:var(--color-sub4)}.li52-word{margin-top:6px;font-size:.8rem}.li52-div-1 .li52-word{position:absolute;right:0;word-break:keep-all}.li53-div-out{display:flex;align-items:center;justify-content:flex-start}.li53-padding-div{padding:2.5rem;position:relative}.li53-div-compass{width:100px;height:100px;position:absolute;left:50%;top:50%;z-index:1;transform:translate(-50%,-50%);opacity:.6}.li53-div-wave-direction-arrow-text{width:3.6rem;height:50%;position:absolute;left:50%;bottom:55%;z-index:1;transform-origin:left bottom;text-align:center;color:var(--color-sub4);font-size:.8rem}.li53-div-wave-direction-arrow-text div{position:relative;left:-1.6rem;top:-2rem}@media(min-width:941px){.li53-div-out .li53-text{margin-left:16px}}.li53-div{flex-grow:0;flex-shrink:0;position:relative;width:150px;height:150px;border:2px #d9d9d9 solid;border-radius:100%}.li53-div .main{height:100%;background-color:var(--color-sub4);border-radius:100px}.li53-div .common{position:absolute;top:0;width:50%;height:100%;background-color:#fff}.li53-div .mask1{border-radius:100px 0 0 100px;left:0;transform-origin:right center}.li53-div .mask2{transform-origin:left center;left:50%;border-radius:0 100px 100px 0}@media(max-width:940px){.li53-div{width:130px;height:130px}.li53-div-out{flex-direction:column}.li53-div-out .li53-text{margin-top:10px}.layer-info-table th.li53-th{width:75px}}.tsunami-show-txt{min-height:1.5rem;overflow-y:inherit;color:#aaa}#btn-back-tsunami-namr{margin:.25rem .25rem 1rem .25rem;padding:.25rem;font-size:.9rem}.tsunami-namr-list{overflow-y:initial;padding:.25rem}.tsunami-namr-li+.tsunami-namr-li{border-top:1px solid #ddd}.btn-tsunami-namr{display:flex;align-items:center;justify-content:flex-start;width:100%;padding:.75rem;border:0;border-radius:.25rem;background-color:transparent}.btn-tsunami-namr:hover{background-color:#fff}.tsunami-namr-name{margin-right:1rem;padding:.75rem;color:#fff}.tsunami-namr-item{display:flex;align-items:flex-end;justify-content:flex-start}.tsunami-namr-item+.tsunami-namr-item{margin-top:.5rem}.tsunami-namr-item>.bi{margin-right:.5rem}.tsunami-namr-item-tag{display:block;margin-left:.25rem;padding:.25rem;font-size:.75rem;background:var(--color-sub4);color:#fff;border-radius:.25rem}.text-note,.tsunami-namr-note{color:#999;font-size:.9rem}.tsunami-namr-note{margin:1rem}.g-vhf-legend{margin-right:20px;min-width:65px}.vhf-items{display:flex;align-items:stretch;justify-content:flex-start;flex-wrap:wrap;margin-bottom:30px}.vhf-item{flex-direction:column;width:50%;border:1px #e4e4e4 solid;padding:25px 10px;background-color:#eee}.vhf-item:hover{background-color:#e1e1e1}.vhf-item i{font-size:1.6rem;margin-bottom:8px}.vhf-item span{line-height:1.2}.vhf-item.is-selected{background-color:var(--color-sub4);color:#fff}.vhf-item-empty{width:100%;color:#aaa;padding:1rem 0;text-align:center}.g-vhf-bot{display:flex;align-items:flex-start;justify-content:flex-start}.g-radar-opacity{display:flex;align-items:stretch;justify-content:space-between}#radar-opacity{padding-left:0;padding-right:0}@media(max-width:940px){.g-radar-opacity{flex-direction:column}#radar-opacity{margin-top:10px}}.vhf-legend-div{display:flex;align-items:stretch;justify-content:flex-start;margin-bottom:10px}.vhf-legend-div img{height:300px}.vhf-legends{display:flex;align-items:stretch;justify-content:flex-start;flex-direction:column;padding-left:5px;overflow-y:hidden;font-size:.8rem}.vhf-legend{flex:1;display:flex;align-items:flex-end;justify-content:flex-start}.g-multi-controller,.g-radar-controller{margin-top:30px}.radar-opacity-label{display:block;margin-right:10px;margin-bottom:4px;color:var(--color-sub4);letter-spacing:1px}#view-multi-info,#view-radar-info{margin-left:auto}.ipft-part-Content-MultiInfoPoints{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap}.btn.btn-multi-station-point{margin:.25rem;padding:0;font-size:1rem}#close-multi-info{margin-top:1.5rem;margin-left:auto}#biological-info.info-part h2{margin:0;font-size:2.4rem}.ipft-part-Content-PlaceDescription{line-height:1.4;text-align:justify}.g-biological,.g-diving{width:100%;margin-top:10px;padding:15px;background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.1)}.g-biological-main-img.preview-img{width:120px;height:120px;margin-right:0;justify-content:flex-start;background-color:#eee}.g-biological-main-img.preview-img>img{width:100%;object-fit:cover}*::-ms-backdrop,.g-biological-main-img.preview-img>img{width:auto}#biological-info .preview-img-none{width:140px;min-height:100px}.g-biological-content{margin-left:16px}.g-biological-title,.g-diving-title{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;margin-bottom:6px}.swal2-content .g-diving-title{justify-content:center}.g-biological-name,.g-diving-name{margin-right:4px;font-size:1.4rem;color:var(--color-sub4)}.g-biological-scientific-name,.g-diving-entrance{color:var(--color-sub4);margin-bottom:12px;font-style:italic}.g-biological-scientific-name-en{margin-top:.5rem;font-size:1.4rem;font-style:italic}.g-biological-vernacular-name{margin-top:1rem;color:#888;font-size:1.25rem;font-weight:normal}.g-diving-entrance{margin-top:10px;color:#666;font-size:.9rem;line-height:1.2}.swal2-content .g-diving-entrance{text-align:center}#btn-biological-site{margin-bottom:.5rem;padding:.5rem;background-color:transparent;letter-spacing:.125px;font-size:.94rem}#btn-biological-site:hover{color:var(--color-sub4)}.g-biological-tag,.g-diving-tag{margin-left:6px;padding:4px;border-radius:4px;background-color:rgba(0,0,0,0.1);font-size:.84rem}.g-biological-scientific-name-tw .g-biological-tag{margin-top:.5rem;margin-bottom:.5rem;color:#595959;font-weight:normal;letter-spacing:initial;vertical-align:middle}.g-biological-poisonous{background-color:rgba(221,130,130,0.4)}.g-biological-special{background-color:rgb(221,177,130,0.4)}.g-biological-sub{display:flex;align-items:flex-start;justify-content:flex-start;font-size:.9rem}.g-biological-sub+.g-biological-sub{margin-top:.125rem}.g-biological-sub-title{font-size:.8rem}.g-biological-sub-title::after{content:"｜"}.btn-biological-seen-record{padding:.25rem;background-color:rgba(0,0,0,0.06);font-size:.8rem;color:var(--color-sub4);line-height:1}.btn-biological-seen-record:hover{background-color:rgba(0,0,0,0.08);color:var(--color-sub4)}.btn-diving{width:2rem;height:2rem;padding:0;border-radius:50%;font-size:1rem;border:0;background-color:#eee}.btn-diving:hover,.btn-diving:focus{background-color:#d9d9d9}.btn-diving:active{background-color:#d1d1d1}.btn-diving-position.is-selected{background-color:var(--color-sub4);color:#fff}.btn-diving img{width:1.1rem}.g-biological-sub-imgs{margin-top:4px;flex-wrap:wrap}.g-biological-sub-imgs .preview-img{height:30px}.g-diving-features{padding-left:1.5rem;overflow:inherit}.g-diving-features li{list-style:disc;line-height:1.2}.g-diving-features li+li{margin-top:2px}.g-diving-links{flex-wrap:wrap;margin-top:12px;font-size:.8rem}.g-diving-links .btn-outside-link{font-size:.8rem}.g-diving-links span,.g-diving-links a{line-height:1.2}.g-diving-link-coastal{margin-top:.5rem}.g-diving-link-coastal,.btn-position-place{font-size:.8rem}.g-diving-link-coastal span{line-height:1.2}.btn-position-place{padding:0 .25rem;border:0;background-color:transparent;color:var(--color-sub4)}.btn-position-place:hover,.btn-position-place:focus{color:#2e84a8}.btn-position-place:active{color:#287393}.limit-notice-underline{border-bottom:1px #a95353 solid}.limit-area-info .swal2-modal{max-height:100%}.limit-area-info .swal2-header,.limit-area-info .swal2-actions{flex-grow:0;flex-shrink:0}.limit-area-info .swal2-header{padding:0}.limit-area-info .swal2-header-main{padding:0 1.5rem}.limit-area-info .swal2-title{flex-direction:column}.limit-area-info .swal2-content{flex-grow:1;flex-shrink:1;height:100%;overflow-y:auto}.limit-positions{overflow-y:initial;padding-left:2rem;margin-top:.5rem}.limit-positions li{list-style:initial;margin:.25rem auto 0 auto;line-height:1.2}.limit-img{display:block;margin:.75rem auto 0 auto;max-width:100%}@media(max-width:940px){.g-biological{margin-top:30px;padding:0;box-shadow:none}.g-biological-scientific-name{margin-bottom:8px}.g-biological-main-img.preview-img{width:90px;height:60px}#biological-info .preview-img-none{width:90px;min-height:60px}}.biologicals-search-div{position:relative}#biologicals-search{width:3rem;padding:.375rem 1rem;border-radius:50px;border-color:transparent;background-color:transparent;transition:width ease-in-out .3s,padding-left ease-in-out .3s,border-color ease-in-out .3s,background-color ease-in-out .3s}#biologicals-search.has-biologicals-search,#biologicals-search:focus{width:10rem;padding-left:2.5rem;border-color:#ddd;background-color:#fff}.biologicals-search-icon{position:absolute;top:50%;transform:translateY(-50%);left:1rem;pointer-events:none}#table-biologicals .g-biological{margin-top:0;margin-bottom:.5rem}.table-biologicals-info{margin-bottom:1rem}@media(max-width:940px){#comment-info .info-part-btn{display:flex;align-items:stretch;justify-content:flex-start}}#comment-info .to-top,#comment-info .back-to-list{flex:1;width:100%}#comment-info .to-top{border-right:1px #fff solid}#comment-info.info-part h2{margin:0;font-size:2rem}.coastal-actions{display:flex;align-items:stretch;justify-content:center;width:100%;margin-top:.75rem;padding:0}.coastal-actions .s-action{flex:1;flex-direction:column;padding:.5rem;border:0;background-color:#eee;border-radius:0}.coastal-actions .s-action+.s-action{border-left:1px solid #fff}.coastal-actions .s-action .action-circle{width:1.5rem;height:1.5rem;border-radius:0}.coastal-actions .s-action .action-img{width:100%;height:100%;margin-top:0;background-size:contain;background-repeat:no-repeat;background-position:center}.coastal-actions .s-action .action-name{font-size:.8rem;margin-top:.25rem}.coastal-actions .s-action.is-selected{background-color:var(--color-sub4)}.coastal-actions .s-action.is-selected .action-circle{background-color:transparent}.coastal-actions .s-action.is-selected .action-name{color:#fff}.SeaWeather-Boards-Div{position:relative}.SeaWeather-Boards-Div>.board-top-btns{flex-direction:column;margin-bottom:0;position:absolute;top:0;right:0;z-index:10;align-items:flex-end}.SeaWeather-Boards{position:relative}.SeaWeather-Boards .slick-prev,.SeaWeather-Boards .slick-next{position:absolute;top:0;height:100%;padding:.25rem;border:0;border-radius:.25rem;background-color:transparent;line-height:1;color:#444;opacity:.3}.SeaWeather-Boards .slick-prev{right:100%}.SeaWeather-Boards .slick-next{left:100%}.SeaWeather-Boards .slick-prev:hover,.SeaWeather-Boards .slick-prev:focus,.SeaWeather-Boards .slick-next:hover,.SeaWeather-Boards .slick-next:focus{opacity:1}.board-div{justify-content:space-between;flex-wrap:wrap}.board-main-div{width:100%;display:flex;align-items:stretch;justify-content:flex-start;flex-wrap:wrap}.board-main-div>.board{width:calc(25% - 0.5rem)}#station-info .board-main-div>.board,#station-multi-info .board-main-div>.board,.board-main-div>.board.board-3,.basic-coastal-weather-div .board-main-div>.board{width:calc(33% - 0.5rem)}.board{margin:.375rem .25rem;background-color:#fff;border:4px #ddd solid;box-shadow:0 0 .75rem rgba(0,0,0,0.15)}.basic-coastal-weather-div .board-main-div>.board{margin:.25rem}@media(max-width:940px){.board-main-div>.board,#station-info .board-main-div>.board,#station-multi-info .board-main-div>.board,.basic-coastal-weather-div .board-main-div>.board{width:calc(33.33% - 0.5rem)}.basic-coastal-weather-div .board-main-div>.board{flex:1;width:calc(33% - 0.5rem);border-width:2px}.basic-coastal-weather-div .board-main-div .board:last-child:nth-child(2n-1){margin-right:0}.basic-coastal-weather-div .b-short-name{display:block;margin-right:0;margin-bottom:.25rem}.basic-coastal-weather-div .board-icon{font-size:2rem}.basic-coastal-weather-div .board-value-div{min-height:52px}}.board-icon{padding:1rem .5rem;color:var(--color-sub4);font-size:2rem;text-align:center}.board-icon svg{width:2rem;height:2rem;margin:0 auto;fill:var(--color-sub4)}.board-icon img{width:2rem;height:2rem;margin:0 auto}.board-value-div{min-height:40px;padding:.5rem;background-color:#eee}.board-forbidden .board-value-div{background-color:#e78383}.board-value-dir{font-size:1.1rem;margin-left:.5rem}.board-value-dir .bi{transform-origin:center}.board-0 .board-value-dir .bi{color:#b87d53}.board-1 .board-value-dir .bi{color:#a68d26}.board-2 .board-value-dir .bi{color:#3a9491}.board-present .board-value-dir .bi{color:#888}.board-forbidden .board-value-dir .bi{color:#fff}.board-value-others{padding:.25rem 0}.board-value-other{padding:.25rem .5rem;position:relative;text-align:center}.board-value-other-li6-remark{display:none;position:absolute;padding:.25rem;border-radius:.25rem;color:#fff;font-size:.85rem;line-height:1.2;margin-top:.25rem;box-shadow:.25rem .25rem .25rem rgba(0,0,0,0.2)}.board-value-other-li6:hover .board-value-other-li6-remark{display:block}.b-short-name{margin-right:.25rem;color:#666;font-size:.8rem}.board-forbidden .b-short-name{color:#ddd}.b-type{width:99%;margin-bottom:5px;font-size:.84rem;color:#666;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.b-mark{color:#3456bb;font-size:.9rem}.b-mark.fs-09r{font-size:.9rem}.number .b-mark{color:#3456bb;font-size:1.1rem;font-weight:bold}.b-unit{margin-left:.25rem;color:#666;font-size:.75rem}.b-unit.fs-08r{font-size:.8rem}@media(max-width:940px){.board{background-color:#f9f9f9}.board-icon{font-size:1.8rem}.board-value-dir{font-size:1.2rem}.number .b-mark{font-size:1.25rem}.board-value-other{padding-top:.375rem;padding-bottom:.5rem}.b-short-name{font-size:.95rem}.b-mark{font-size:1.05rem}}.board-other-div{width:100%;display:flex}.board-other-div>.board{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;width:100%;padding:8px}.other-board{width:25%;min-width:95px;padding:.75rem .375rem;text-align:center}@media(min-width:941px){.other-board:nth-child(4n+1):last-child{margin-right:75%}.other-board:nth-child(4n+2):last-child{margin-right:50%}.other-board:nth-child(4n+3):last-child{margin-right:25%}}.other-board .bi{display:block;margin-bottom:10px;color:var(--color-sub4);font-size:2rem;text-align:center}.other-board img{width:2.4rem;height:2.4rem;display:block;margin:0 auto 6px auto}.other-board-sunrise{height:calc(2rem + 2px);display:flex;align-items:stretch;justify-content:flex-start;flex-direction:column;margin-bottom:10px;position:relative}.other-board-sunrise .b-unit:first-child{margin-left:0}.other-board-sunrise .bi{margin-bottom:0;margin-top:-2px}.bi.other-board-sunrise-bi{display:inline-block;margin-bottom:0;margin-right:4px;color:#666;font-size:.8rem}.other-board-underwater{width:2rem;height:2rem;margin:0 auto 10px auto;position:relative;color:#3a9eba}.other-board-underwater-underMeter{position:absolute;top:10px;right:0;transform:scale(0.8)}.other-board-underwater-underMeter .b-unit{margin-left:1px}.other-board-underwater .bi{margin-bottom:0}.other-board-temperature-to{margin:0 2px;color:#666;font-size:.9rem;font-weight:normal}@media(max-width:940px){.board-other-div>.board{flex-wrap:wrap}.other-board{width:25%;min-width:auto}}.board-legend-div{align-items:center;justify-content:flex-start;flex-wrap:wrap;margin-bottom:10px;font-size:.8rem}#radar-legend{margin-bottom:0;margin-right:auto}.board-legend{margin:5px 0;margin-right:18px}.board-legend-icon{width:12px;height:12px;margin-right:4px;border-width:2px;border-style:solid;background-color:#fff}.board-legend-svg{width:24px;height:24px;margin-right:4px}.board-legend-svg svg{width:100%;height:100%}@media(max-width:940px){.board-legend{margin-right:8px}}.board-0,.board-legend-icon-0{border-color:rgba(246,132,50,0.6)}.board-0 .b-mark,.basic-coastal-weather-factor-status-0>.bi{color:#dd884b}.basic-coastal-status-0{fill:#dd884b}.board-1,.board-legend-icon-1{border-color:rgba(200,165,18,0.6)}.board-1 .b-mark,.basic-coastal-weather-factor-status-1>.bi{color:#b79b29}.basic-coastal-status-1{fill:#b79b29}.board-2,.board-legend-icon-2{border-color:rgba(65,167,164,0.6)}.board-2 .b-mark,.basic-coastal-weather-factor-status-2>.bi{color:#41a7a4}.basic-coastal-status-2{fill:#41a7a4}.board-forbidden,.board-legend-icon-forbidden,.board-legend-icon-forbidden.icon-info-board-legend-icon{border-color:#e64d4d;background-color:#e64d4d}.board-forbidden .board-icon,.board-forbidden .b-type,.board-forbidden .b-mark,.board-forbidden .b-unit{color:#fff}.basic-coastal-weather-factor-status-forbidden>.bi{color:#e64d4d}.basic-coastal-status-forbidden{fill:#e64d4d}.board-present .b-mark,.basic-coastal-weather-factor-status-present>.bi{color:#888}.basic-coastal-status-present{fill:#bbb}.board-legend-icon-present{border-color:#ddd}.ipft-part-SurfingIndicators .bi-surfing-indicators::before,.item-surfing-indicators .bi-surfing-indicators::before{width:1.25rem;height:1.25rem}.ipft-part-Content-SurfingIndicators{font-size:1.25rem}.surfing-indicator-level::after{margin-left:.25rem}.surfing-indicator-level-0{color:#3cb1d0}.surfing-indicator-level-0::after{content:"（戲水等級）"}.surfing-indicator-level-1{color:#ae9b27}.surfing-indicator-level-1::after{content:"（初學等級）"}.surfing-indicator-level-2{color:#be689c}.surfing-indicator-level-2::after{content:"（專家等級）"}.ipft-part-FishingType .bi-fish::before,.item-fishing-type .bi-fish::before{width:1.25rem;height:1.25rem}.ipft-part-Content-FishingType{font-size:1.25rem}#stages-fb-link{padding:.375rem;border-radius:.25rem}#stages-fb-link:hover{background-color:rgba(0,0,0,0.06)}#stages-fb-link i{margin-right:.25rem;color:#3873b7;font-size:1.1rem}.facility-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0;border-radius:50%;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,0.25);pointer-events:none}.facility-icon img{width:70%;height:70%}.board-top-btns{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;margin-bottom:.25rem}.btn-board-top{font-size:.8rem;padding:4px;margin:.125rem .25rem;border:1px transparent solid;background-color:transparent;border-radius:.25rem}.btn-board-top:hover,.btn-board-top:focus{color:var(--color-sub4)}.btn-board-top i{margin-right:.25rem}.icon-info-div+.icon-info-div{margin-top:2rem}.icon-info-title{font-size:1.4rem;font-weight:bold;margin-top:1.5rem;margin-bottom:1rem}.icon-info-content{display:flex;align-items:stretch;justify-content:flex-start;flex-wrap:wrap}.icon-info-item{display:flex;align-items:center;justify-content:center;flex-direction:column;margin:.25rem;padding:1rem .5rem;background-color:#f9f9f9}.icon-info-item-title{line-height:1.2;font-size:.85rem}@media(min-width:941px){.icon-info-item{width:calc(20% - 8px)}}@media(max-width:940px){.icon-info-item{width:calc(33% - 8px)}.icon-info-item-title{font-size:.9rem}.icon-info-item-icon{margin-bottom:12px;font-size:3rem}.icon-info-item-icon.board-icon img{width:3rem;height:3rem}.icon-info-div .number .b-mark{font-size:1.2rem}.icon-info-div .board-value-dir{font-size:1.1rem}}.icon-info-title-remark{margin-bottom:.75rem;color:#999;text-align:left;font-size:.9rem}.icon-info-item-icon{padding:0;margin-bottom:.5rem;font-size:1.6rem}.icon-info-item-img{width:2.4rem;margin-bottom:.5rem}.icon-info-content-borad{display:block;margin-right:1rem}.icon-info-item-board{display:flex;align-items:center;justify-content:flex-start;margin:.25rem;padding:1rem .5rem;background-color:#f9f9f9}.icon-info-board-legend-icon{width:1rem;height:1rem;margin-right:.5rem;border-width:2px;border-style:solid;background-color:#fff}.icon-info-div .board-main-div{width:28%}@media(max-width:940px){.icon-info-div .board-main-div{width:36%}}.icon-info-div .board-main-div>.board{width:100%}#bottom-info{display:none;border-radius:0;overflow-y:auto}@media(min-width:941px){#bottom-info{width:100%;max-height:50vh;padding:0;position:fixed;top:auto;bottom:0;left:0}}#bottom-info.is-opened{display:flex}@media(min-width:941px){#bottom-info.is-loading,#bottom-info.is-error{min-height:40vh}}#bottom-info .loading,#bottom-info .bottom-error{display:none}#bottom-info.is-loading .loading,#bottom-info.is-error .bottom-error{display:flex;width:100%;height:100%;position:absolute;top:0;left:0;z-index:9;background-color:#fff}#bottom-info .swal2-icon{margin-top:0;margin-bottom:0}#bottom-info .bottom-error-content{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;height:100%;padding:1rem}#bottom-info .bottom-error-content-title{margin-top:1.5rem;font-size:1.5rem}#bottom-info .bottom-error-content-text{margin-top:1rem;margin-bottom:2rem;line-height:1.4}#bottom-loading .circle-btn{top:.5rem;right:.5rem}@media(max-width:940px){#bottom-info.is-loading .loading,#bottom-info.is-error .bottom-error{height:calc(100% - 3rem)}#bottom-loading .circle-btn{display:none}}#bottom-title-div{margin-bottom:1.25rem}#bottom-info.is-loading #bottom-title-div,#bottom-info.is-loading .info-part-main,#bottom-info.is-error #bottom-title-div,#bottom-info.is-error .info-part-main{visibility:hidden}#bottom-title-div{width:100%;margin:0;padding:20px 15px;font-weight:bold;color:var(--color-sub4);letter-spacing:.5px}@media(max-width:940px){#bottom-title-div{padding:20px 15px 10px 15px}}#bottom-title{display:flex;align-items:center;justify-content:center;position:relative;margin:0;font-size:1.4rem}@media(max-width:940px){#bottom-title{flex-direction:column}}#bottom-close{position:static}.bottom-value-mode{margin-left:auto;font-weight:normal;font-size:.9rem;color:#888}.bottom-value-mode-title{margin-right:.375rem}.bottom-value-mode .ValueMode{font-size:.8rem;padding:.375rem 1rem}#point-set{margin-left:4px;font-size:.9rem;color:#888}#point-set::before{content:"（"}#point-set::after{content:"）"}#bottom-close:hover,#bottom-close:focus{color:#999}#bottom-content{padding:0 15px 15px 15px;overflow-y:auto}#weather-source{position:absolute;right:0;padding:6px;border:0;border-radius:4px;background-color:transparent;color:#888;letter-spacing:.5px;font-weight:normal;font-size:.9rem}#weather-source:hover{color:#444}#weather-source .bi{margin-left:4px;color:var(--color-sub4)}.weather-source-link{display:block;padding:8px;border-radius:4px}.weather-source-link+.weather-source-link{margin-top:4px}@media(max-width:940px){#weather-source{position:static;margin-top:8px;align-self:flex-end}}.weather-goocean-logo{position:absolute;top:0;left:0;width:3rem}@media(max-width:940px){.weather-goocean-logo{display:none}}.marker-radar{z-index:999 !important}.coastal-limit-area-text{padding:3px;text-align:center;line-height:1.4;border:0;background-color:transparent;text-shadow:3px 0 0 #fff,-3px 0 0 #fff,0 3px 0 #fff,0 -3px 0 #fff,2px 2px #fff,-2px -2px 0 #fff,2px -2px 0 #fff,-2px 2px 0 #fff;color:#b10a0a;font-size:1rem;font-weight:bold;box-shadow:none}.coastal-limit-area-text-opened{color:#257439}.text-ChaoJing-b-0,.text-ChaoJing-b-1,.text-ChaoJing-b-2,.text-ChaoJing-b-3{padding:3px;text-align:center;line-height:1.4;border:0;background-color:transparent;text-shadow:3px 0 0 #fff,-3px 0 0 #fff,0 3px 0 #fff,0 -3px 0 #fff,2px 2px #fff,-2px -2px 0 #fff,2px -2px 0 #fff,-2px 2px 0 #fff;font-size:1rem;font-weight:bold;box-shadow:none}.text-ChaoJing-b-0{color:#33854a}.text-ChaoJing-b-1{color:#b97318}.text-ChaoJing-b-2{color:#666}.text-ChaoJing-b-3{color:#37277c}.drag-popup .drag-close{position:absolute;top:0;right:0;border:0;border-radius:50%;background-color:transparent;color:#c3c3c3;font-size:1rem;padding:4px}.drag-popup .drag-close:hover{color:#999}.waiting{display:block;width:40px;height:40px}.feature-popup-item{padding:8px}.feature-popup-title{margin-bottom:8px;text-align:left;font-weight:bold;font-size:.94rem}.feature-popup-div{display:flex;align-items:flex-end;justify-content:flex-start}.feature-popup-content{font-size:1.5rem;font-weight:bold;color:var(--color-sub4)}.feature-popup-div .unit{margin-left:4px;font-size:.94rem}.feature-popup-no-data{width:100%;margin-top:4px;color:#aaa;font-size:.94rem}.feature-popup-div+.feature-popup-title{margin-top:15px}.feature-popup-wind-img{width:1.8rem;height:1.8rem;transform-origin:center}.feature-popup-wind-dir-text{margin-left:6px;margin-right:8px;align-self:center;text-align:center;font-size:.9rem}.feature-popup-water-quality.feature-popup-position{width:100%;font-size:1rem}.feature-popup-position-title{margin-bottom:6px;text-align:left;font-weight:bold}.feature-popup-position-div{line-height:1.2}.feature-popup-water-qualitys{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;width:250px}.feature-popup-water-quality{width:50%;padding:8px}.featureInfo{min-width:250px}.namr-feature{width:215px;height:215px;transform:translate(-50%,-50%);border-radius:50%;border:2px rgba(255,255,255,0.6) solid;position:relative}.namr-feature-dot{width:10px;height:10px;border-radius:50%;background-color:#fff;position:absolute;top:50%;left:50%;z-index:10;transform:translate(-50%,-50%);box-shadow:0 0 .25rem .25rem rgba(0,0,0,0.2)}.namr-feature-item{display:flex;align-items:center;justify-content:flex-end;width:155px;height:30px;line-height:30px;position:absolute;top:calc(50% - 16px);left:calc(50% - 1px);z-index:5;transform-origin:left center;text-align:right;color:#fff;letter-spacing:1px;font-size:.725rem;background-repeat:no-repeat}.namr-feature-item-name{width:3rem;text-align:right;padding-right:1.125rem}.namr-feature-item.is-unfocus{opacity:.5;z-index:4}.namr-feature-wind{background-image:url(../../img/namr-feature/namr-feature-wind.webp)}.namr-feature-wave{background-image:url(../../img/namr-feature/namr-feature-wave.webp)}.namr-feature-wave2{background-image:url(../../img/namr-feature/namr-feature-wave2.webp)}.namr-feature-current{background-image:url(../../img/namr-feature/namr-feature-current.webp)}.namr-feature-position{width:100%;position:absolute;top:calc(100% + 50px);left:0;text-align:center;color:#fff;text-shadow:0 0 4px #000;opacity:.8}.namr-feature-eles{display:flex;align-items:center;justify-content:center;width:100%;position:absolute;top:calc(100% + 68px);left:0}.namr-feature-ele{padding:4px;border:0;border:1px rgba(255,255,255,40%) solid;border-radius:2px;color:#fff;font-size:.8rem;line-height:1}.namr-feature-ele.is-unfocus{opacity:.5}.namr-feature-ele+.namr-feature-ele{margin-left:5px}.namr-feature-ele-wind{background-color:#4ca879}.namr-feature-ele-wave{background-color:#5163a9}.namr-feature-ele-wave2{background-color:#72649d}.namr-feature-ele-current{background-color:#a87b4d}.namr-feature-circle-btn{display:flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;padding:0;margin-left:2px;border:0;border-radius:50%;background-color:rgba(0,0,0,0.3);color:#fff;font-size:.9rem}.namr-feature-circle-btn:hover{background-color:rgba(0,0,0,0.4)}.namr-feature-weather{margin-left:4px}.HistoryDateSet-items{position:absolute;bottom:1rem;right:1rem;z-index:500;padding:1rem;border:1px #fff solid;border-radius:.2rem;background-color:rgba(255,255,255,0.9);font-size:.9rem;box-shadow:0 0 1rem rgba(0,0,0,0.2)}@media(max-width:1260px){.HistoryDateSet-items{bottom:6rem}}@media(max-width:940px){.HistoryDateSet-items{bottom:7rem}}.HistoryDateSet-items>.HistoryDateSet-item+.HistoryDateSet-item{margin-top:.75rem}.HistoryDateSet-items .HistoryDateSet-item-header{margin-bottom:.5rem;color:var(--color-sub4)}.HistoryDateSet-items .HistoryDateSet-item-header .bi{margin-right:.375rem}.HistoryDateSet-items .inp{padding:.5rem;border-radius:.25rem;letter-spacing:0}.HistoryDateSet-items select.inp{padding-right:2rem}#teaching-box-bg{position:fixed;top:0;left:0;bottom:0;right:0;z-index:10001}#teaching-box{position:fixed;z-index:10002;box-shadow:0 0 30px rgba(255,255,255,0.6),0 0 0 5000px rgba(0,0,0,0.7);border-radius:.25rem}#teaching-box-tip{position:absolute;left:50%;bottom:calc(100% + 12px);padding:1rem;background-color:#fff;border-radius:.25rem;transform:translateX(-50%);box-shadow:0 0 10px rgba(0,0,0,0.6)}#teaching-box-tip::after{content:"";display:block;width:0;height:0;border-style:solid;border-width:8px 5px 0 5px;border-color:#fff transparent transparent transparent;position:absolute;left:50%;margin-left:-5px;top:100%;z-index:1}.teaching-box-tip-horizontal #teaching-box-tip{top:50%;bottom:auto;left:calc(100% + 8px);transform:translateY(-50%)}.teaching-box-tip-horizontal #teaching-box-tip.tip-arrow-horizontal-right{left:auto;right:calc(100% + 8px) !important}.teaching-box-tip-horizontal #teaching-box-tip::after{top:calc(50% - 4px);bottom:auto;margin-left:auto}.tip-bottom #teaching-box-tip{bottom:auto;top:calc(100% + 12px)}.tip-bottom #teaching-box-tip::after{top:auto;bottom:100%;border-width:0 5px 8px 5px;border-color:transparent transparent #fff transparent}#teaching-box-tip.tip-arrow-left::after{left:10px;margin-left:0}#teaching-box-tip.tip-arrow-right::after{left:auto;right:10px;margin-left:0}.teaching-box-tip-horizontal #teaching-box-tip::after{left:auto;right:100%;border-width:5px 8px 5px 0;border-color:transparent #fff transparent transparent}.teaching-box-tip-horizontal #teaching-box-tip.tip-arrow-horizontal-right::after{left:100%;right:auto;border-width:5px 0 5px 8px;border-color:transparent transparent transparent #fff}.teaching-box-tip-content{line-height:1.4;font-size:1.1rem}.teaching-box-tip-action{margin-top:.75rem}#btn-teaching-next{min-width:5rem;margin-left:.5rem}#btn-teaching-cancel{margin-left:auto;background-color:transparent;color:#aaa}.teaching-compares{display:flex;align-items:flex-start;justify-content:flex-start}.teaching-compare+.teaching-compare{margin-left:1rem}.teaching-compare{margin-top:1rem;font-weight:bold}@media(max-width:940px){.teaching-compares{display:block}.teaching-compare+.teaching-compare{margin-left:0}}.teaching-img{display:block;margin:0 auto;max-width:100%}.teaching-tip-important{margin:0 2px;color:#bb9134;font-weight:bold}.navigations{border-top:1px #e2e2e2 solid;border-bottom:1px #e2e2e2 solid}.navigation,.btn-outside-link.navigation{display:flex;align-items:stretch;justify-content:center;width:100%;color:#666}.navigation.navigation-title:nth-child(odd):hover{background-color:transparent}.navigation:not(.navigation-title){cursor:pointer}.navigation:nth-child(odd){background-color:#fff}.navigation:nth-child(odd):hover{background-color:#f1f1f1}.navigation:nth-child(even){background-color:#f9f9f9}.navigation:nth-child(even):hover{background-color:#eee}.navigation-type{flex-grow:0;flex-shrink:0;display:flex;align-items:center;justify-content:flex-start;width:190px;padding:15px 8px;text-align:left}.navigation-type>.legend-icon{margin-right:10px}.navigation-beach{flex-grow:1;flex-shrink:1;padding:15px 8px;text-align:left}.navigation-tags{display:flex;align-items:center;justify-content:flex-start;padding:0 8px}.navigation-tag{flex-shrink:0;flex-grow:0;padding:6px;border-radius:4px;background-color:transparent;border:1px transparent solid;color:#999;margin:10px 8px;font-size:.9rem;white-space:nowrap}.navigation-tag::before{content:"#";margin-right:2px}.navigation-tag:hover{background-color:rgba(0,0,0,0.06)}.navigation-tag.is-selected{background-color:var(--color-sub4);color:#fff}@media(max-width:940px){.navigation,.btn-outside-link.navigation{display:block}.navigation-title{display:none}.navigation-type{width:100%;font-size:.9rem;padding:15px 15px 5px 15px}.navigation-beach{padding:5px 15px 15px 15px;font-size:1.3rem}}.notLoginNoticeDiv{text-align:left;list-style:1.2}.notLoginNoticeTitle{margin-bottom:1rem;padding-left:2rem}.notLoginNoticeList{overflow-y:initial;list-style-type:disc;padding-left:2rem}.notLoginNoticeList li{list-style:disc;margin-top:.25rem}.simple-suggestion .m-comment-stars{margin-bottom:0}.simple-suggestion .m-comment-stars-title{min-width:5rem}.simple-suggestion .simple-suggestion-main{margin:.5rem 0 1rem}.simple-suggestion .simple-suggestion-main .to-comment-star{font-size:2rem}.EnableLocationPermissions-TeachingDetail{width:100%}.EnableLocationPermissions-TeachingDetail>summary{padding:.375rem .5rem;border:1px #ccc solid;border-radius:.25rem;cursor:pointer}.EnableLocationPermissions-TeachingDetail>summary:hover{background-color:#f9f9f9}.EnableLocationPermissions-TeachingDetail[open]>summary{border-radius:.25rem .25rem 0 0;border-bottom-style:dashed}.EnableLocationPermissions-TeachingDetail-Content{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:.375rem;padding:.375rem .5rem;border:1px #ccc solid;border-top-width:0;border-radius:0 0 .25rem .25rem}.EnableLocationPermissions-TeachingDetail-Content ol{margin:0;padding-left:1.5rem}.EnableLocationPermissions-TeachingDetail-Content ol>li{list-style-type:decimal;margin-top:.25rem}.EnableLocationPermissions-TeachingDetail-Content .block-img{margin-left:0;border:1px #ccc solid}.EnableLocationPermissions-TeachingDetail-Content .block-img-app{max-width:18rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}