@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;700&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App,body,html{height:100%;background-color:#222;color:#fff;font-family:"Helvetica Neue","Helvetica","Noto Sans TC","PingFang SC","Lantinghei SC","Arial",sans-serif}#root{height:100%}.section{padding:0 70px;margin:12.5% 0;position:relative;box-sizing:border-box}@media (max-width:768px){.section{padding:25px;margin:40px 0}}mark{display:inline-block;line-height:0;padding-bottom:.55em;color:#fff;background-color:#c41f1f}.chart__title{font-size:40px;letter-spacing:.1em;width:80%}@media (max-width:768px){.chart__title{font-size:20px;width:100%}}.icon{width:30px;height:30px;display:inline-block;background-size:auto 100%;background-position:50%;background-repeat:no-repeat}.icon.play{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 176 205' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10.03v184.44c0 5.523 4.477 10 10 10a10 10 0 005.09-1.392l155.975-92.22c4.754-2.81 6.33-8.943 3.519-13.697a10 10 0 00-3.519-3.519L15.09 1.422C10.335-1.39 4.203.186 1.392 4.94A10 10 0 000 10.03z' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E")}.icon.pause{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 154 187' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M41 .25c5.523 0 10 4.477 10 10v166c0 5.523-4.477 10-10 10H10c-5.523 0-10-4.477-10-10v-166c0-5.523 4.477-10 10-10h31zm103 0c5.523 0 10 4.477 10 10v166c0 5.523-4.477 10-10 10h-31c-5.523 0-10-4.477-10-10v-166c0-5.523 4.477-10 10-10h31z' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E")}@media (max-width:768px){.icon{width:15px;height:15px}}.logo{width:50px;height:50px;position:absolute;right:40px;top:30px;display:block}.logo img{width:100%}@media (max-width:768px){.logo{width:40px;height:40px;right:25px;top:25px}}a{color:#fff}.remark{font-size:15px;letter-spacing:.1em;margin-top:25px;color:#ccc;width:80%;max-width:800px}@media (max-width:768px){.remark{font-size:12px}}@media (max-width:768px){#barChartCWrapper,#barchartD,#barchartE,#barchartF,#chartB,#circleChart,#horiscrollA,#horiscrollB,#linechart{display:none}}#barChartCWrapperMobile,#barchartDMobile,#barchartEMobile,#barchartFMobile,#chartBMobile,#circleChartMobile,#horiscrollC,#horiscrollD,#linechartMobile{display:none}@media (max-width:768px){#barChartCWrapperMobile,#barchartDMobile,#barchartEMobile,#barchartFMobile,#chartBMobile,#circleChartMobile,#horiscrollC,#horiscrollD,#linechartMobile{display:inherit}}.cover{height:100vh;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.cover__text{position:fixed;width:100%;top:0;z-index:1000;pointer-events:none}.cover__bg,.cover__bg--mask{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);background-size:cover;width:100%;height:100%;object-fit:cover}.cover__bg--mask{-webkit-mask-image:url(../../static/media/heading.25503996.svg);mask-image:url(../../static/media/heading.25503996.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;opacity:0}@media (max-width:768px){.cover__bg--mask{-webkit-mask-image:url(../../static/media/heading_mobile.66557a17.svg);mask-image:url(../../static/media/heading_mobile.66557a17.svg)}}.cover__invert{position:absolute;width:100%;height:100%;background-image:url(../../static/media/heading.25503996.svg);background-size:contain;background-repeat:no-repeat;background-position:50%;opacity:0;background-color:#222}@media (max-width:768px){.cover__invert{background-image:url(../../static/media/heading_mobile.66557a17.svg)}}.cover__chart{width:100%;height:100vh;position:absolute;top:0;opacity:0;padding:70px;box-sizing:border-box;display:flex;flex-direction:column;align-content:center;justify-content:space-between;background-color:rgba(0,0,0,.3)}.cover__chart svg{height:100%;width:70%}@media (max-width:768px){.cover__chart svg{width:100%}}.cover__chart__a,.cover__chart__b{position:relative}@media (max-width:768px){.cover__chart__a,.cover__chart__b{display:flex;flex-direction:column-reverse}}.cover__chart__a{color:#6db76d;height:39.4%}@media (max-width:768px){.cover__chart__a{margin-bottom:25px}}.cover__chart__b{height:56%}@media (max-width:768px){.cover__chart{padding:40px 25px}}.cover__chartmark{position:absolute;right:0;text-align:right}@media (max-width:768px){.cover__chartmark{top:auto;bottom:0;position:relative}}.cover__chartmark.middle{color:#fff}@media (max-width:768px){.cover__chartmark.middle{right:auto;left:0;top:auto;bottom:0}}.cover__chartmark.bottom{bottom:0;top:auto;color:#c41f1f}@media (max-width:768px){.cover__chartmark.bottom{right:0;top:auto;bottom:0}}.cover__charttitle{font-size:20px;margin-right:.5em;font-weight:700}@media (max-width:768px){.cover__charttitle{font-size:16px;display:inline-block}}.cover__chartnumber{font-size:10vw;font-weight:700;line-height:1}@media (max-width:768px){.cover__chartnumber{display:inline-block;font-size:60px;font-size:9vw;line-height:1.2}}@-webkit-keyframes fadeout{0%{opacity:1}to{opacity:0}}@keyframes fadeout{0%{opacity:1}to{opacity:0}}@-webkit-keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes fadein{0%{opacity:0}to{opacity:1}}.text__highlight{font-size:40px;line-height:1.5;letter-spacing:.16em;width:70%;text-align:justify}@media (max-width:768px){.text__highlight{font-size:20px;width:100%}}.text__content{font-size:20px;line-height:2;width:40%;margin-left:auto;letter-spacing:.1em}@media (max-width:768px){.text__content{font-size:16px;width:80%}}.text__center{font-size:20px;line-height:2;width:40%;margin-left:auto;margin-right:auto;letter-spacing:.1em}@media (max-width:768px){.text__center{font-size:16px;width:80%}}.textbullet{width:100%;margin-left:auto}.textbullet__title{font-size:56px;letter-spacing:.1em;width:40%;display:block;margin-left:auto}@media (max-width:768px){.textbullet__title{font-size:32px;width:80%}}.textbullet__content{width:40%;font-size:20px;line-height:2;margin-left:auto;letter-spacing:.1em}@media (max-width:768px){.textbullet__content{font-size:16px;width:80%}}.textbullet ol{list-style:none;counter-reset:my-awesome-counter;padding-left:2em}.textbullet ol li{counter-increment:my-awesome-counter}.textbullet ol li:before{content:counter(my-awesome-counter);color:#222;background-color:#c41f1f;width:1.4em;height:1.4em;border-radius:50%;font-weight:700;display:inline-block;text-align:center;line-height:1.4em;margin-left:-2em;margin-right:.6em}.voice{display:flex;justify-content:flex-end}.voice button{left:0;width:120px;height:60px;background-color:#c41f1f;border:none;outline:none;border-radius:30px;display:flex;justify-content:space-around;align-items:center;padding:0 15px;margin-top:20px;color:#fff}.voice button:hover{cursor:pointer}@media (max-width:768px){.voice button{width:80px;height:40px;margin-top:10px;font-size:12px;padding:0 10px}}.voice__waveform{width:40%;height:100px}@media (max-width:768px){.voice__waveform{width:calc(100% - 80px);height:60px}}.voice__waveform wave{height:100%!important}.leaflet-container{height:100vh;width:100%;position:-webkit-sticky!important;position:sticky!important;top:0;left:0}.leaflet-control-container{display:none}.intermap{padding:0;height:250vh}.intermap__desc{margin-top:-100vh;width:100%;position:-webkit-sticky;position:sticky;right:0;top:0;z-index:500;padding-right:70px;box-sizing:border-box;text-align:right;margin-bottom:40vh;padding-top:70px}.intermap__desc span{font-size:40px;font-weight:700;letter-spacing:.1em;display:block}.intermap__desc strong{font-size:100px}.intermap__desc br{display:none}@media (max-width:768px){.intermap__desc{padding-right:25px;width:calc(45% - 10px);right:0;margin-left:auto;padding-top:30px}.intermap__desc span{font-size:16px}.intermap__desc strong{font-size:53px}.intermap__desc br{display:block}}.intermap__events{z-index:2;position:-webkit-sticky;text-align:left;top:0;font-size:20px;line-height:2;width:calc(40% - 56px);letter-spacing:.1em;position:sticky;left:0;z-index:500;box-sizing:border-box;padding-left:70px;padding-top:70px}.intermap__events span,.intermap__events strong{display:block;line-height:1.5}.intermap__events strong{margin-bottom:1em;margin-top:.3em}@media (max-width:768px){.intermap__events{font-size:14px;width:calc(53% - 10px);padding-left:25px;padding-top:30px;padding-bottom:30px}}.intermap:after{content:"";position:absolute;width:100%;height:100%;top:0}.photo img{width:100%}.photo__small .photo__image{width:calc(60% + 70px);margin-left:-70px;padding-top:calc(39.96% + 46.2px);background-size:contain;background-repeat:no-repeat}@media (max-width:768px){.photo__small .photo__image{width:100%;margin-left:0;margin-right:0;padding-top:66.6%}}.photo__full .photo__image{width:100%;padding-top:66.6%;background-size:contain;background-repeat:no-repeat}.voicePhoto button{left:0;width:120px;height:60px;background-color:#c41f1f;border:none;outline:none;border-radius:30px;display:flex;justify-content:space-around;align-items:center;padding:0 15px;margin-top:20px;color:#fff;z-index:4}.voicePhoto button:hover{cursor:pointer}@media (max-width:768px){.voicePhoto button{width:80px;height:40px;margin-top:10px;font-size:12px;padding:0 10px}}.voicePhoto__waveform{width:40%;height:100px}@media (max-width:768px){.voicePhoto__waveform{width:calc(100% - 80px);height:60px}}.voicePhoto__waveform wave{height:100%!important}.voicePhoto__wrapper{display:flex;justify-content:flex-end;margin-top:-100px}@media (max-width:768px){.voicePhoto__wrapper{margin-top:-60px}}.voicePhoto__imagewrapper{width:calc(60% + 70px);margin-left:-70px}@media (max-width:768px){.voicePhoto__imagewrapper{width:calc(100% + 25px);margin-left:-25px}}.voicePhoto__image{padding-top:66.6%;background-size:contain;background-repeat:no-repeat}.piechart{width:80%;max-width:800px;text-align:center;margin-left:auto;margin-right:auto}@media (max-width:768px){.piechart{width:80%}}.piechart .chart__title{width:100%;text-align:left}.piechart svg{max-width:800px}.piechart .remark{text-align:left;margin-bottom:10%}@media (max-width:768px){#chartA .text-label{font-size:36px!important}#chartA .text-label:nth-child(7){transform:translate(15px)!important}#chartA .text-label:nth-child(10){transform:translate(-40px)!important}#chartA .text-label:last-child{transform:translate(-10px,-140px)!important}}.bar{fill:#c41f1f}@media (max-width:768px){#chartB .text-label,#chartBMobile .text-label{font-size:36px!important}#chartB .text-label:nth-child(10),#chartBMobile .text-label:nth-child(10){transform:translate(-40px)!important}#chartB .text-label:last-child,#chartBMobile .text-label:last-child{transform:translate(-10px,-140px)!important}}.bar__arrest{fill:#c41f1f}.bar__highlight{fill:#fff}.axis{font-size:13px}.axis line,.axis path{display:none}.label{font-size:13px}.chart{padding-top:70px}.chart svg{background-color:#222}.chart h2{margin-top:0;position:relative}.chart h2 span{position:absolute;top:0;left:0}.chart h2 span:first-child{position:relative}.chart__summary{position:absolute;background-color:transparent!important}.axis line,.axis path{fill:none;stroke:#000;shape-rendering:crispEdges}.horiscroll{width:200%;height:100%;display:flex;flex-wrap:nowrap;margin-left:50%;align-items:flex-end;margin-top:-10vh}.horiscroll__wrapper{height:100%;width:100%;overflow-x:hidden}@media (max-width:768px){.horiscroll__wrapper{padding:0;overflow:visible;height:auto}}@media (max-width:768px){.horiscroll{margin-top:10%;display:block;margin-left:0;height:auto;padding:0;width:100%}}.panel{width:50%;padding-top:16.6%;height:0;font-weight:700;font-size:1.5em;text-align:center;color:#fff;position:relative;box-sizing:border-box;background-color:#222;background-size:cover;background-position:50%}@media (max-width:768px){.panel{padding-top:66.6%;width:100%}}.vertiscroll{width:100%;display:flex}.vertiscroll__image{width:60%;position:relative;margin-left:-70px}.vertiscroll__image .image{width:100%;display:block;position:absolute;top:0}@media (max-width:768px){.vertiscroll__image .image{padding-bottom:20px;background-color:#222}}.vertiscroll__image .image img{width:100%}@media (max-width:768px){.vertiscroll__image{width:100%;margin-left:0}}.vertiscroll__text{font-size:20px;line-height:2;width:40%;margin-left:70px;letter-spacing:.1em}@media (max-width:768px){.vertiscroll__text{padding-top:80%;width:80%;font-size:16px;margin-left:auto;margin-right:0}}@media (max-width:768px){.vertiscroll{display:block;padding-top:0}}.photogallery{width:100%;box-sizing:border-box;height:250vh;overflow:hidden;padding-top:50vh;margin-bottom:-20vh}.photogallery__image{width:100%;height:50%;position:relative}.photogallery .thumbnail{position:absolute;width:32vw;z-index:-1;left:calc(42vw - 16vh);top:calc(50% - 9.4vw);padding:1% 3%;background-color:#ddd}@media (max-width:768px){.photogallery .thumbnail{width:50%}}.photogallery__title{z-index:-1;font-size:4vw;text-align:center;color:#fff;background-color:#c41f1f;width:55%;left:22.5%;top:40%;position:absolute;padding:2% 0;transform:translateY(-50%);font-weight:700}@media (max-width:768px){.photogallery__title{height:90vw;top:40%;width:25%;left:37.5%;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;font-size:6vw;line-height:2;padding:0}}.texttable__content{width:60%;display:flex;flex-wrap:wrap}@media (max-width:768px){.texttable__content{width:100%}}.texttable__title{font-size:56px;letter-spacing:.1em;width:60%}@media (max-width:768px){.texttable__title{font-size:32px;width:100%}}.texttable__item{margin-bottom:10%}.texttable__item:nth-child(odd){padding-right:10px;width:calc(50% - 10px)}@media (max-width:768px){.texttable__item:nth-child(odd){width:100%}}.texttable__item:nth-child(2n){padding-left:10px;width:calc(50% - 10px)}@media (max-width:768px){.texttable__item:nth-child(2n){width:100%;padding-left:0}}.texttable__number{font-size:10vw;color:#c41f1f;font-weight:700}.texttable__number span{font-size:40px}.texttable__desc{font-size:20px;line-height:2;letter-spacing:.1em;max-width:400px}@media (max-width:768px){.texttable__desc{font-size:16px}}.textbg{background-size:100% auto;display:flex;justify-content:flex-end;align-items:flex-end;padding-bottom:80px;padding-top:50vh;background-repeat:no-repeat;background-color:#000}.textbg:after{content:"";position:absolute;width:100%;height:100%;background-color:rgba(196,31,31,.6);top:0;left:0}.textbg__wrapper{width:40%}@media (max-width:768px){.textbg__wrapper{width:80%}}.textbg__item{font-size:20px;line-height:2;letter-spacing:.1em;width:100%;margin-bottom:1em}.textbg__item:before{content:"";position:absolute;height:20px;background-color:#222;width:100%;left:0;margin-top:10px;z-index:1}.textbg__item span{z-index:1;position:relative}@media (max-width:768px){.textbg__item{font-size:16px}}@media (max-width:768px){.textbg{padding-bottom:40px;padding-top:30vh}}.textbanner{height:50vh;background-color:#c41f1f;display:flex;justify-content:center;align-items:center}.textbanner__number{font-size:10vw;color:#222;text-align:center;font-weight:700}.textbanner__number span{font-size:40px;font-weight:700}@media (max-width:768px){.textbanner__number span{font-size:20px}}@media (max-width:768px){.textbanner__number{font-size:20vw}}.textbanner__desc{font-size:20px;line-height:2;margin-left:auto;margin-right:auto;letter-spacing:.1em;width:80%;max-width:500px}@media (max-width:768px){.textbanner__desc{font-size:16px}}.linechart .tick text{font-size:10px}@media (max-width:768px){.linechart .tick text{font-size:20px}}.linechart .remark{margin-bottom:25px}#linechart .axis.x .tick:nth-child(2),#linechart .axis.x .tick:nth-child(3),#linechart .axis.x .tick:nth-child(5),#linechart .axis.x .tick:nth-child(6),#linechart .axis.x .tick:nth-child(7),#linechart .axis.x .tick:nth-child(8),#linechart .axis.x .tick:nth-child(10),#linechart .axis.x .tick:nth-child(11),#linechart .axis.x .tick:nth-child(12),#linechart .axis.x .tick:nth-child(13),#linechart .axis.x .tick:nth-child(15),#linechart .axis.x .tick:nth-child(16),#linechart .axis.x .tick:nth-child(17),#linechart .axis.x .tick:nth-child(18),#linechart .axis.x .tick:nth-child(20),#linechart .axis.x .tick:nth-child(21),#linechart .axis.x .tick:nth-child(22),#linechart .axis.x .tick:nth-child(23),#linechartMobile .axis.x .tick:nth-child(2),#linechartMobile .axis.x .tick:nth-child(3),#linechartMobile .axis.x .tick:nth-child(5),#linechartMobile .axis.x .tick:nth-child(6),#linechartMobile .axis.x .tick:nth-child(7),#linechartMobile .axis.x .tick:nth-child(8),#linechartMobile .axis.x .tick:nth-child(10),#linechartMobile .axis.x .tick:nth-child(11),#linechartMobile .axis.x .tick:nth-child(12),#linechartMobile .axis.x .tick:nth-child(13),#linechartMobile .axis.x .tick:nth-child(15),#linechartMobile .axis.x .tick:nth-child(16),#linechartMobile .axis.x .tick:nth-child(17),#linechartMobile .axis.x .tick:nth-child(18),#linechartMobile .axis.x .tick:nth-child(20),#linechartMobile .axis.x .tick:nth-child(21),#linechartMobile .axis.x .tick:nth-child(22),#linechartMobile .axis.x .tick:nth-child(23){display:none}.ending{height:auto;position:relative;opacity:1;min-height:100vh}.ending.cover__chart{display:block}.ending .cover__chartnumber{font-size:4.5vw}.ending .cover__chart__b{height:auto}.ending .cover__chart__b:first-child{margin-bottom:3%}.ending .cover__chart__b:nth-child(2){min-height:12.5vw}.ending .cover__chart__b:nth-child(2) .cover__chartmark.middle{color:#6db76d}.ending .cover__chart__b:nth-child(2) .cover__chartmark.bottom{color:#a1a1a1}@media (max-width:768px){.ending .cover__chartmark{margin-top:10px}}.ending svg{max-width:100vh}@media (max-width:768px){.ending svg{height:auto}}.ending__credit{position:absolute;width:100%;height:100%;top:0;background-color:rgba(196,31,31,.95);left:0;display:flex;justify-content:center;flex-direction:column;align-items:center}.ending__credit h3{width:80%}.ending__credit ul{width:80%;list-style:none;padding-left:0}.ending__credit ul li{text-align:left}.ending__credit ul span{display:inline-block;width:calc(100% - 120px);vertical-align:top;margin-bottom:5px}.ending__credit ul span:first-child{font-weight:700;width:100px}.ending__wrapper{height:120vh}
/*# sourceMappingURL=main.d96b0693.chunk.css.map */