.boxCtn.moveToBtnBox button,.circleBtn{border-radius:50%;width:2.5em;height:2.5em;border:1.5px solid #333;color:#333;text-align:center;background-color:hsla(0,0%,100%,.2)}.boxCtn.moveToBtnBox button:hover,.circleBtn:hover{-webkit-box-shadow:0 0 3px 2px rgba(89,89,89,.3);box-shadow:0 0 3px 2px rgba(89,89,89,.3)}[v-cloak]{display:none}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100vw;height:100vh;overflow:hidden;color:#333;background-color:#e5e1df}[data-v-3e395d13]{margin:0;padding:0}a[data-v-3e395d13],button[data-v-3e395d13]{background-color:transparent;outline:none;border:none;cursor:pointer}p[data-v-3e395d13]{text-align:left}h5[data-v-3e395d13],p[data-v-3e395d13]{font-size:.9em;line-height:1.6}.boxCtn.moveToBtnBox button[data-v-3e395d13],.circleBtn[data-v-3e395d13]{border-radius:50%;width:2.5em;height:2.5em;border:1.5px solid #333;color:#333;text-align:center;background-color:hsla(0,0%,100%,.2)}.boxCtn.moveToBtnBox button[data-v-3e395d13]:hover,.circleBtn[data-v-3e395d13]:hover{-webkit-box-shadow:0 0 3px 2px rgba(89,89,89,.3);box-shadow:0 0 3px 2px rgba(89,89,89,.3)}.fade-enter-active[data-v-3e395d13],.fade-leave-active[data-v-3e395d13]{-webkit-transition:all .8s ease;transition:all .8s ease}.fade-enter[data-v-3e395d13],.fade-leave-to[data-v-3e395d13]{opacity:0}.fade-enter[data-v-3e395d13]{-webkit-transform:translateY(-40px);transform:translateY(-40px)}.fade-enter.up[data-v-3e395d13]{-webkit-transform:translateY(80px);transform:translateY(80px)}.fade-enter.down[data-v-3e395d13]{-webkit-transform:translateY(-80px);transform:translateY(-80px)}.fade-leave-to[data-v-3e395d13]{-webkit-transform:translateY(40px);transform:translateY(40px)}.fade-leave-to.up[data-v-3e395d13]{-webkit-transform:translateY(-80px);transform:translateY(-80px)}.fade-leave-to.down[data-v-3e395d13]{-webkit-transform:translateY(80px);transform:translateY(80px)}@-webkit-keyframes zoomAnimate-data-v-3e395d13{0%{-webkit-transform:scale(1);transform:scale(1);-webkit-box-shadow:0 0 4px 2px rgba(51,51,51,.5);box-shadow:0 0 4px 2px rgba(51,51,51,.5)}50%{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-box-shadow:0 0 2px 1px rgba(51,51,51,.3);box-shadow:0 0 2px 1px rgba(51,51,51,.3)}to{-webkit-transform:scale(1);transform:scale(1);-webkit-box-shadow:0 0 4px 2px rgba(51,51,51,.5);box-shadow:0 0 4px 2px rgba(51,51,51,.5)}}@keyframes zoomAnimate-data-v-3e395d13{0%{-webkit-transform:scale(1);transform:scale(1);-webkit-box-shadow:0 0 4px 2px rgba(51,51,51,.5);box-shadow:0 0 4px 2px rgba(51,51,51,.5)}50%{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-box-shadow:0 0 2px 1px rgba(51,51,51,.3);box-shadow:0 0 2px 1px rgba(51,51,51,.3)}to{-webkit-transform:scale(1);transform:scale(1);-webkit-box-shadow:0 0 4px 2px rgba(51,51,51,.5);box-shadow:0 0 4px 2px rgba(51,51,51,.5)}}@-webkit-keyframes bounceBottom-data-v-3e395d13{0%{bottom:20px}to{bottom:30px}}@keyframes bounceBottom-data-v-3e395d13{0%{bottom:20px}to{bottom:30px}}.yearBox .lineBox[data-v-3e395d13]{position:absolute;width:100%;height:3px;top:2em;z-index:-1;background-color:#683c1f;pointer-events:none}.yearBox .yearBtnBox[data-v-3e395d13]{z-index:1}.yearBox .yearBtnBox button[data-v-3e395d13]{width:4em;height:4em;border-radius:50%;padding:.2em;font-size:1em;font-weight:700;color:#333;border:3px solid #683c1f;background-color:#e5e1df;margin-right:calc(15% - 4em)}.yearBox .yearBtnBox button[data-v-3e395d13]:first-child{margin-left:calc(15% - 4em)}.yearBox .yearBtnBox button[data-v-3e395d13]:hover{-webkit-box-shadow:0 0 3px 2px rgba(89,89,89,.3);box-shadow:0 0 3px 2px rgba(89,89,89,.3)}.yearBox .yearBtnBox button.yearActived[data-v-3e395d13]{color:#683c1f;background-color:#fff;-webkit-animation:zoomAnimate-data-v-3e395d13 2s ease-in infinite;animation:zoomAnimate-data-v-3e395d13 2s ease-in infinite}.boxCtn.moveToBtnBox[data-v-3e395d13]{right:50%;bottom:20px;z-index:1;margin-left:-1.25em;-webkit-animation:bounceBottom-data-v-3e395d13 1s;animation:bounceBottom-data-v-3e395d13 1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.boxCtn.moveToBtnBox button[data-v-3e395d13]{position:relative}.boxCtn.moveToBtnBox button[data-v-3e395d13]:after{content:"";position:absolute;width:4em;bottom:-1.5em;left:-1em;font-size:.6em;overflow:hidden}.boxCtn.moveToBtnBox button.map[data-v-3e395d13]:after{content:"\4E86\89E3\66F4\591A"}.boxCtn.moveToBtnBox button.text[data-v-3e395d13]:after{content:"\56DE\5230\5730\5716"}#mapCtn[data-v-3e395d13]{z-index:0;background:radial-gradient(circle,#fff,#683c1f)}#mapCtn .yearBox[data-v-3e395d13]{pointer-events:none;width:80%;left:10%;bottom:40px;z-index:3}#mapCtn .yearBox .instructionsBox.descBox[data-v-3e395d13]{position:absolute;width:7em;left:calc(50% - 4em);bottom:.25em}#mapCtn .yearBox .instructionsBox.descBox p[data-v-3e395d13]{text-align:center}#mapCtn .yearBox .instructionsBox.descBox[data-v-3e395d13]:before{top:-7px;right:45%}#mapCtn .typeBox[data-v-3e395d13]{top:10px;right:10px;padding-right:.5em;z-index:2}#mapCtn .typeBox button[data-v-3e395d13]{position:relative;display:block;width:100%;margin-bottom:.5em}#mapCtn .typeBox button p[data-v-3e395d13]{width:100%;font-size:1.5em;font-weight:700;text-align:right;letter-spacing:.1em;color:#4d4d4d;text-shadow:0 1px 1px #999}#mapCtn .typeBox button[data-v-3e395d13]:after{content:"";display:none;position:absolute;bottom:.3em;right:-.5em;width:0;height:0;border-style:solid;border-width:.3em 3.5em .2em 0;border-radius:2px;opacity:.5}#mapCtn .typeBox button:hover p[data-v-3e395d13]{color:#333}#mapCtn .typeBox button.typeActived p[data-v-3e395d13]{color:#000}#mapCtn .typeBox button.typeActived[data-v-3e395d13]:after,#mapCtn .typeBox button[data-v-3e395d13]:hover:after{opacity:.8;border-right-width:5em}#mapCtn .typeBox button.allDisplay[data-v-3e395d13]:after,#mapCtn .typeBox button.typeActived[data-v-3e395d13]:after{display:block}#mapCtn .typeBox .instructionsBox.descBox[data-v-3e395d13]:before{right:7px;top:-19px;margin-top:.75em}@media screen and (max-width:600px){#mapCtn .typeBox[data-v-3e395d13]{top:7em}#mapCtn .typeBox button[data-v-3e395d13]{margin-bottom:.2em}#mapCtn .typeBox button p[data-v-3e395d13]{font-size:1.2em}}*{margin:0;padding:0}a,button{background-color:transparent;outline:none;border:none;cursor:pointer}p{text-align:left}h5,p{font-size:.9em;line-height:1.6}#home .boxCtn.infoBtnBox button,.boxCtn.moveToBtnBox button,.circleBtn{border-radius:50%;width:2.5em;height:2.5em;border:1.5px solid #333;color:#333;text-align:center;background-color:hsla(0,0%,100%,.2)}#home .boxCtn.infoBtnBox button:hover,.boxCtn.moveToBtnBox button:hover,.circleBtn:hover{-webkit-box-shadow:0 0 3px 2px rgba(89,89,89,.3);box-shadow:0 0 3px 2px rgba(89,89,89,.3)}.fade-enter-active,.fade-leave-active{-webkit-transition:all .8s ease;transition:all .8s ease}.fade-enter,.fade-leave-to{opacity:0}.fade-enter{-webkit-transform:translateY(-40px);transform:translateY(-40px)}.fade-enter.up{-webkit-transform:translateY(80px);transform:translateY(80px)}.fade-enter.down{-webkit-transform:translateY(-80px);transform:translateY(-80px)}.fade-leave-to{-webkit-transform:translateY(40px);transform:translateY(40px)}.fade-leave-to.up{-webkit-transform:translateY(-80px);transform:translateY(-80px)}.fade-leave-to.down{-webkit-transform:translateY(80px);transform:translateY(80px)}@-webkit-keyframes zoomAnimate{0%{-webkit-transform:scale(1);transform:scale(1);-webkit-box-shadow:0 0 4px 2px rgba(51,51,51,.5);box-shadow:0 0 4px 2px rgba(51,51,51,.5)}50%{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-box-shadow:0 0 2px 1px rgba(51,51,51,.3);box-shadow:0 0 2px 1px rgba(51,51,51,.3)}to{-webkit-transform:scale(1);transform:scale(1);-webkit-box-shadow:0 0 4px 2px rgba(51,51,51,.5);box-shadow:0 0 4px 2px rgba(51,51,51,.5)}}@keyframes zoomAnimate{0%{-webkit-transform:scale(1);transform:scale(1);-webkit-box-shadow:0 0 4px 2px rgba(51,51,51,.5);box-shadow:0 0 4px 2px rgba(51,51,51,.5)}50%{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-box-shadow:0 0 2px 1px rgba(51,51,51,.3);box-shadow:0 0 2px 1px rgba(51,51,51,.3)}to{-webkit-transform:scale(1);transform:scale(1);-webkit-box-shadow:0 0 4px 2px rgba(51,51,51,.5);box-shadow:0 0 4px 2px rgba(51,51,51,.5)}}@-webkit-keyframes bounceBottom{0%{bottom:20px}to{bottom:30px}}@keyframes bounceBottom{0%{bottom:20px}to{bottom:30px}}.yearBox .lineBox{position:absolute;width:100%;height:3px;top:2em;z-index:-1;background-color:#683c1f;pointer-events:none}.yearBox .yearBtnBox{z-index:1}.yearBox .yearBtnBox button{width:4em;height:4em;border-radius:50%;padding:.2em;font-size:1em;font-weight:700;color:#333;border:3px solid #683c1f;background-color:#e5e1df;margin-right:calc(15% - 4em)}.yearBox .yearBtnBox button:first-child{margin-left:calc(15% - 4em)}.yearBox .yearBtnBox button:hover{-webkit-box-shadow:0 0 3px 2px rgba(89,89,89,.3);box-shadow:0 0 3px 2px rgba(89,89,89,.3)}.yearBox .yearBtnBox button.yearActived{color:#683c1f;background-color:#fff;-webkit-animation:zoomAnimate 2s ease-in infinite;animation:zoomAnimate 2s ease-in infinite}.boxCtn.moveToBtnBox{right:50%;bottom:20px;z-index:1;margin-left:-1.25em;-webkit-animation:bounceBottom 1s;animation:bounceBottom 1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.boxCtn.moveToBtnBox button{position:relative}.boxCtn.moveToBtnBox button:after{content:"";position:absolute;width:4em;bottom:-1.5em;left:-1em;font-size:.6em;overflow:hidden}.boxCtn.moveToBtnBox button.map:after{content:"\4E86\89E3\66F4\591A"}.boxCtn.moveToBtnBox button.text:after{content:"\56DE\5230\5730\5716"}#home{position:relative;height:100%}#home .mainBlock{position:fixed;width:100%;height:100%;background-color:#e5e1df}#home .boxCtn{-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;-webkit-transition:all 2s;transition:all 2s}#home .boxCtn.logoBox{top:10px;z-index:2}#home .boxCtn.logoBox.page0{left:3.5em}#home .boxCtn.logoBox.page1{left:10px}#home .boxCtn.logoBox a{display:inline-block;width:3em;height:3em}#home .boxCtn.logoBox a svg{fill:#543119}#home .boxCtn.logoBox a:hover svg{fill:#7c4725}#home .boxCtn.titleBox{width:47vw;z-index:1;pointer-events:none;text-align:left}#home .boxCtn.titleBox.page0{top:4em;left:10px}#home .boxCtn.titleBox .mainTitle{width:100%;margin-left:-15%}#home .boxCtn.titleBox .mainTitle.svg{margin-top:-20%}#home .boxCtn.titleBox .mainTitle.png{margin-top:-15%}#home .boxCtn.titleBox .title.svg{width:75%;margin-top:-30%}#home .boxCtn.titleBox .title.png{width:80%;margin-top:-25%;margin-left:-10%}#home .boxCtn.titleBox .shareBox{position:absolute;left:5%;top:75%}#home .boxCtn.titleBox .shareBox a{display:inline-block;width:1em;margin-right:.5em;pointer-events:auto}@media screen and (max-width:600px){#home .boxCtn.titleBox{width:calc(100vw - 4em);text-align:right}#home .boxCtn.titleBox.page0{top:0;right:0;left:auto}#home .boxCtn.titleBox .mainTitle.png{margin-top:-15%;margin-left:auto;margin-right:-15%}#home .boxCtn.titleBox .title.png{margin-top:-25%;margin-left:auto;margin-right:20%}#home .boxCtn.titleBox .shareBox{left:auto;right:3%;top:1em}#home .boxCtn.titleBox .shareBox a{display:block;margin-right:0;margin-bottom:.5em}}#home .boxCtn.editorBox{right:5px;bottom:1.1em;z-index:1;text-align:right}#home .boxCtn.editorBox a{display:block;color:#683c1f;text-decoration:none;font-size:.8em}#home .boxCtn.editorBox p{display:inline-block;color:#683c1f;font-size:.5em}#home .boxCtn.editorBox p span{margin:0 .1em}#home .boxCtn.infoBtnBox{bottom:10px;z-index:1}#home .boxCtn.infoBtnBox.instructionsBtn{left:10px}#home .boxCtn.infoBtnBox.explanationBtn{left:50px}#home .boxCtn.infoBtnBox button{font-weight:bolder;line-height:0;font-size:.8em}#home .instructionsBox{border-radius:3px}#home .instructionsBox h6,#home .instructionsBox p{text-align:left;font-family:"Noto Serif","PT Serif","source-han-serif-tc",Songti TC,serif;font-weight:700;font-size:.8em}#home .instructionsBox h6{margin-bottom:.5em}#home .instructionsBox.explanationBox{z-index:3;width:32em;left:calc(50vw - 16em);bottom:160px;padding:.5em 1em;background-color:hsla(0,0%,100%,.8)}#home .instructionsBox.explanationBox button{position:absolute;top:.1em;right:.1em;width:1.5em;height:1.5em}#home .instructionsBox.explanationBox button:after,#home .instructionsBox.explanationBox button:before{content:"";position:absolute;width:100%;top:50%;left:0;background:#f06c47;border-radius:5px;height:4px}#home .instructionsBox.explanationBox button:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}#home .instructionsBox.explanationBox button:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}#home .instructionsBox.explanationBox p{text-indent:2em}@media screen and (max-width:600px){#home .instructionsBox.explanationBox{width:calc(100vw - 10px);left:5px;bottom:25vh;padding:1em 1em .5em}}#home .instructionsBox.descBox{z-index:4;position:relative;padding:.2em .4em;background-color:hsla(0,0%,100%,.9)}#home .instructionsBox.descBox p{font-size:.7em}#home .instructionsBox.descBox p span{display:inline-block;width:.7em;height:.7em;border-radius:50%;margin:0 .3em;background-color:#0606ff}#home .instructionsBox.descBox:before{content:"";position:absolute;width:0;height:0;border-style:solid;border-width:0 5px 7px 5px;border-color:transparent transparent hsla(0,0%,100%,.9) transparent}.typeBox button:after{border-color:transparent}.typeBox button.type1:after{border-right-color:#00d605}.typeBox button.type2:after{border-right-color:#4db7ff}.typeBox button.type3:after{border-right-color:#fff92e}.typeBox button.type4:after{border-right-color:#ff2ef1}.typeBox button.type5:after{border-right-color:#ff0013}.typeBox button.type6:after{border-right-color:#0606ff}.typeBox button.type7:after{border-right-color:#10e09b}.point{margin-right:.3em;text-shadow:0 0 3px #333}.point.type1{color:#00d605}.point.type2{color:#4db7ff}.point.type3{color:#fff92e}.point.type4{color:#ff2ef1}.point.type5{color:#ff0013}.point.type6{color:#0606ff}.point.type7{color:#10e09b}.vue2leaflet-map{opacity:.7}.leaflet-container a{color:#683c1f}.leaflet-bar a:not(.leaflet-disabled){color:#776c64}.leaflet-bar a:not(.leaflet-disabled):hover{color:#91857d}.vue-slide-bar-component{position:absolute;width:100%;height:80px;min-height:80px!important;bottom:40px;pointer-events:auto}.vue-slide-bar-separate-text{padding:.2em .4em;border-radius:1em;font-size:1.25em;font-weight:700;color:#683c1f;border:2px solid #683c1f;background-color:#e5e1df;margin-top:-1px}.vue-slide-bar-separate-text:hover{background-color:#fff}.vue-slide-bar{background-color:#776c64!important}.vue-slide-bar-separate{background-color:#683c1f!important}.vue-slide-bar-process{background-color:#f06c47;background-image:linear-gradient(141deg,#c79081,#fddb92 51%,#f06c47 75%)}.vue-slide-bar-tooltip{background-color:#f06c47!important;border-color:#f06c47!important}.vue-slide-bar-tooltip:before{border-top-color:#f06c47!important}