https://www.eastcoast-nsa.gov.tw/_next/static/chunks/pages/service/traveltips-83efbeeecc4d3620.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3014],{9493:(e,s,t)=>{"use strict";t.d(s,{A:()=>c});var l=t(37876),a=t(14232),n=t(6065),i=t(38148),r=t(90658),x=t(81093);let c=a.memo(({title:e,desc:s,bg:t,texts:a,unit:c,breadcrumbData:d,className:m})=>{let o=(0,x.A)("(min-width: 1200px)");return(0,r.Ym)(),(0,l.jsxs)("section",{className:"d-flex align-items-center full-width position-relative bg-info",children:[(0,l.jsx)("div",{className:"fill-parent bg-hero-center d-block",style:t?{backgroundImage:`url(${t.replace("1024x768","1920x1080")})`}:null}),(0,l.jsx)("div",{className:"position-relative w-100 maw-1200px mx-auto pt-7 pt-md-13px pt-xl-10 pb-3 pb-xl-5 z-10 text-white mih-190px d-flex align-items-center justify-content-center",children:(0,l.jsxs)("div",{className:"mt-auto d-block",children:[(0,l.jsx)("h2",{className:"mb-2 fz-30px fz-xl-34px font-weight-bold text-shadow-title text-center",children:(0,l.jsx)(n.Ay,{children:e})}),s&&(0,l.jsx)("div",{className:"mb-3 mb-xl-4 fz-20px fz-xl-28px text-shadow text-center",children:s}),o&&a&&(0,l.jsx)("div",{className:"mb-3 mb-xl-4 fz-18px text-shadow text-center",dangerouslySetInnerHTML:{__html:a}}),(0,l.jsx)("div",{className:"w-8 h-4px bg-white mx-auto"})]})}),(0,l.jsx)("div",{className:"w-100 absolute-top-left z-1000 px-2 px-md-3",children:(0,l.jsx)("div",{className:"maw-1600px mx-auto",children:(0,l.jsx)(i.A,{className:"text-center text-white",unit:c,data:d})})})]})})},16796:(e,s,t)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/service/traveltips",function(){return t(95657)}])},53098:(e,s,t)=>{"use strict";t.d(s,{A:()=>r});var l=t(37876),a=t(14232),n=t(6065),i=t(90658);let r=a.memo(({data:e,className:s})=>{let t=(0,i.Ym)();return(0,l.jsx)("ul",{className:`d-flex flex-wrap ${s}`,children:e.map((e,s)=>(0,l.jsx)("li",{className:"mt-1 mr-2 mr-0-last",children:(0,l.jsxs)("a",{href:e.url,title:`${e.name}${(0,n.Tl)("另開視窗",t)}`,target:"_blank",rel:"noopener noreferrer",className:"d-flex align-items-center hover-secondary trs-all text-dark",children:[(0,l.jsx)("span",{className:"underline-secondary",children:e.name}),(0,l.jsx)("i",{className:"icon icon-link-out ml-4px text-secondary fz-16px","aria-hidden":"true"})]})},s))})})},70208:(e,s,t)=>{"use strict";t.d(s,{A:()=>r});var l=t(37876),a=t(14232),n=t(6065),i=t(90658);let r=a.memo(({data:e,className:s})=>{let t=(0,i.Ym)();return(0,l.jsx)("ul",{className:`d-flex flex-wrap ${s}`,children:e.map((e,s)=>(0,l.jsx)("li",{className:"mt-1 mr-2 mr-0-last",children:(0,l.jsxs)("a",{href:e.src,title:`${e.title}${(0,n.Tl)("另開視窗",t)}`,target:"_blank",rel:"noopener noreferrer",className:"d-flex align-items-center hover-secondary trs-all text-dark",children:[(0,l.jsxs)("span",{className:"underline-secondary",children:[e.title,"(",e.ext,")"]}),(0,l.jsx)("i",{className:"icon icon-download ml-4px text-secondary fz-16px","aria-hidden":"true"})]})},s))})})},71940:(e,s,t)=>{"use strict";t.d(s,{A:()=>c});

1var l=t(37876),a=t(14232),n=t(6065),i=t(53098),r=t(70208);let x=a.memo(({data:e,icon:s})=>{let[t,x]=(0,a.useState)(null),{id:c,answer:d,links:m,files:o,name:h}=e;return(0,l.jsxs)("div",{className:"d-flex flex-column p-2 pb-3",children:[(0,l.jsxs)("button",{className:"fz-18px fz-xl-20px font-weight-bold text-left d-flex align-items-center  flex-fill miw-0 rounded-16px hover-secondary trs-all",onClick:()=>{c===t?x(null):x(c)},children:[(0,l.jsx)("i",{className:`mb-auto icon icon-${s} fz-24px fz-xl-26px text-primary p-1`,"aria-hidden":"true"}),(0,l.jsx)("div",{className:"",children:h}),(0,l.jsx)("i",{className:`mb-auto icon ml-auto fz-20px fz-xl-24px text-secondary p-1 ${t===c?"icon-minus":"icon-add"}`,"aria-hidden":"true"})]}),(0,l.jsxs)("div",{className:`fz-16px fz-xl-18px px-md-5 text-dark text-wrap ${t===c?"":"d-none"}`,children:[(0,l.jsx)("div",{className:"mt-2 mt-xl-3 text-break",dangerouslySetInnerHTML:{__html:d.replaceAll("\r\n","<br/>")}}),!!m?.length&&(0,l.jsxs)("div",{className:"mt-2",children:[(0,l.jsxs)("div",{className:"d-flex justify-content-center align-items-center",children:[(0,l.jsx)("div",{className:"font-weight-bold flex-shrink-0 pr-1",children:(0,l.jsx)(n.Ay,{children:"相關連結"})}),(0,l.jsx)("div",{className:"flex-fill miw-0 bg-info h-1px w-100"})]}),(0,l.jsx)(i.A,{data:m})]}),!!o?.length&&(0,l.jsxs)("div",{className:"mt-2",children:[(0,l.jsxs)("div",{className:"d-flex justify-content-center align-items-center",children:[(0,l.jsx)("div",{className:"font-weight-bold flex-shrink-0 pr-1",children:(0,l.jsx)(n.Ay,{children:"檔案下載"})}),(0,l.jsx)("div",{className:"flex-fill miw-0 bg-info h-1px w-100"})]}),(0,l.jsx)(r.A,{data:o})]})]})]})}),c=a.memo(({data:e,currentIdx:s,icon:t})=>(0,l.jsx)("ul",{className:"pb-3 pb-md-4 pb-xl-5",children:e.filter((e,t)=>t<s).map((e,s)=>(0,l.jsx)("li",{className:"mb-2 mb-0-last bg-white rounded-16px",children:(0,l.jsx)(x,{data:e,icon:t})},s))}))},95657:(e,s,t)=>{"use strict";t.r(s),t.d(s,{__N_SSP:()=>u,default:()=>f});var l=t(37876),a=t(14232),n=t(89099),i=t(53567),r=t(6065),x=t(75752),c=t(73402),d=t(38631),m=t(71940),o=t(95077),h=t(9493),p=t(60899);t(90658);var u=!0;let f=({title:e,locale:s})=>{let{query:t}=(0,n.useRouter)(),[u,f]=(0,a.useState)(null);(0,a.useEffect)(()=>{fetch(`${o.QQ.getFaqs}`,{method:"POST",headers:{"X-Requested-With":"XMLHttpRequest"}}).then(e=>e.json()).then(({data:e,category:s})=>{e.forEach(e=>{e.name=e.question}),f(e.filter(e=>e.categories.includes(20768)))}).catch(console.error)},[]);let j=(0,x.nd)(u,t);return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(i.A,{title:`${(0,r.Tl)(e,s)}`}),(0,l.jsx)(h.A,{title:"旅遊安全須知",unit:"traveltips",bg:"/images/banner/banner-init.jpg"}),(0,l.jsxs)("div",{className:"w-100 maw-900px mx-auto",children:[(0,l.jsx)("div",{className:"d-xl-flex align-items-center mt-2 mt-md-3 mt-xl-5 mb-xl-3 justify-content-between",children:(0,l.jsx)("div",{className:"ml-md-auto maw-xl-520px flex-fill",children:(0,l.jsx)(c.A,{data:u,query:t,options:{noAdvance:!0}})})}),(0,l.jsxs)("div",{className:"maw-900px mx-auto",children:[!j&&(0,l.jsx)("div",{className:"d-flex justify-content-center p-5",children:(0,l.jsx)(p.A,{size:18})}),j&&(0,l.jsx)(d.A,{data:j,component:({data:e,currentIdx:s,className:t})=>(0,l.jsx)(m.A,{data:e,currentIdx:s,className:t,icon:"warn-circle"})})]})]})]})}}},e=>{e.O(0,[2867,7160,395,636,6593,8792],()=>e(e.s=16796)),_N_E=e.O()}]);