@charset "UTF-8";.zoom-div{display:none;background:rgba(0,0,0,.8);width:100%;height:100%;position:fixed;z-index:9999;top:0;left:0;padding:5rem}.zoom-div #close-img{position:absolute;right:5rem;top:5rem;color:#fff;font-size:2rem;cursor:pointer}.zoom-div #close-img:hover{color:#85af4b}.zoom-div .zoom-img{position:relative;height:100%;width:100%}.zoom-div .zoom-img img{display:block;margin:auto;position:absolute;top:0;left:0;bottom:0;right:0;transform:scale(2.5)}.zoom-li li{cursor:pointer;opacity:.5!important;transition:all .5s ease!important}.zoom-li li:hover{opacity:1!important}.displayNone{display:none}.displayFlex{display:inline-flex}.inline-block{display:inline-block}body,html{font-family:microsoft jhenghei;font-size:1.15rem}a,.header .logo,.header .header-inner .navigation>ul>li,.header .header-inner .navigation>ul>li>a:not(.button),.header .header-inner .dropdown>.nav-icon{font-family:microsoft jhenghei}.fs-bullet-nav{background:#eda729}.fs-bullet-nav.active{background:#5b9637}.background-image{background:url("../images/frontImg/photo4.jpg") no-repeat;background-size:cover}.lightgreen-panel{background-color:#eceee8!important}.fullscreen-sections-wrapper{background-color:#fff}.subtitle{font-size:1.5rem}.orangeText{color:#eda729}.greenText{color:#5b9637}.button,button{background:transparent;padding:.3rem 2.5rem}.bkg-hover:hover{background:#5b9637;border:1px solid #5b9637}.header{font-size:1.4rem}.header .logo-inneer{font-size:2rem;color:#fff}.header .logo img{width:30%;height:auto}.header a:nth-child(1){color:#1f1f1f}.ui-tooltip{box-shadow:none;padding:0;background:rgba(0,0,0,.9);color:#fff;cursor:pointer;border-radius:3px}.ui-tooltip .ui-tooltip-content{position:relative;font-family:微軟正黑體;font-size:1.1rem;text-align:left;padding:0 10px}footer{background:#1f1f1f}.footer-top h4{color:#fff}.footer-top .column{border-right:1px solid #4d4d4d}.footer-top .column:last-child{border-right:none}.footer-top a:not(.button){font-size:1.15rem;color:#999}.footer-top a:hover{color:#5b9637}html{font-size:100%}@media all and (min-width:768px)and (max-width:959px){html{font-size:90%}}@media all and (min-width:350px)and (max-width:767px){html{font-size:80%}}@media all and (max-width:350px){html{font-size:70%}}.secondary-navigation .icon-menu{vertical-align:middle}.secondary-navigation .icon-menu-cus{background:url("../images/menu.svg") no-repeat;height:100%;display:block!important;width:3.2rem;background-position:50%;background-size:50%}.element-reveal-right{-webkit-transform:translate3d(-80%,0,0)!important;transform:translate3d(-80%,0,0)!important}.header-transparent .header-inner{border-bottom:1px solid rgba(255,255,255,.3)}.side-navigation-wrapper.enter-right.push-in{width:80%!important}.side-navigation-inner{width:25rem!important}@media all and (min-width:960px){.footlayout{width:100%;height:200px;margin-top:3rem!important}.footlayout ul{display:inline-block}.footlayout ul li{float:left}}@media all and (min-width:768px)and (max-width:959px){.side-navigation-wrapper.enter-right.push-in{width:80%!important}.side-navigation-inner{width:25rem!important}#feedback-screenshot-tab{display:none}.footlayout{position:static}.footlayout ul{display:inline-block}.footlayout ul li{clear:left}.footlayout ul span{display:none}}@media all and (min-width:350px)and (max-width:767px){.side-navigation-wrapper.enter-right.push-in{width:80%!important}.side-navigation-inner{width:25rem!important}#feedback-screenshot-tab{display:none}.footlayout{position:static}.footlayout ul{display:inline-block}.footlayout ul li{clear:left}.footlayout ul span{display:none}}@media all and (max-width:350px){.side-navigation-wrapper.enter-right.push-in{width:80%!important}.side-navigation-inner{width:25rem!important}#feedback-screenshot-tab{display:none}.footlayout{position:static}.footlayout ul{display:inline-block}.footlayout ul li{clear:left}.footlayout ul span{display:none}}.tm-loader #circle{border-bottom-color:#69fe19!important}.blockUI,.blockMsg,.blockPage{border:none!important}.cus-1border{border-bottom:1px solid #eda729}iframe{width:100%;margin:0;padding:0;margin:0 auto;height:680px}.iframeImg{display:none}.header .logo{width:15rem}.section-index{color:#fff}.section-index .title-bg-white{background:rgba(255,255,255,.6);padding:3rem;color:#000;width:80%;margin:0 auto}.section-index h3{font-size:2.8rem;font-weight:700;margin:0 0 2.5rem}.section-index li:nth-child(1){background:url("../images/archiveImg/index2.jpg") no-repeat;background-size:cover}.section-index li:nth-child(1):before{content:'';position:absolute;top:0;bottom:0;right:0;left:0;background:transparent}.title-white{color:#fff;font-size:2.2rem;display:table;white-space:nowrap;border-spacing:15px 0;margin:50px auto}.title-white:before,.title-white:after{content:"";display:table-cell;width:30%;background:-webkit-linear-gradient(#fff,#fff) repeat-x left center;background:-moz-linear-gradient(#fff,#fff) repeat-x left center;background:-ms-linear-gradient(#fff,#fff) repeat-x left center;background:linear-gradient(#fff,#fff) repeat-x left center;background-size:1px 1px}.title-gray{color:#4d4d4d;font-size:2.2rem;display:table;white-space:nowrap;border-spacing:15px 0;margin:50px auto}.title-gray:before,.title-gray:after{content:"";display:table-cell;width:30%;background:-webkit-linear-gradient(#4d4d4d,#4d4d4d) repeat-x left center;background:-moz-linear-gradient(#4d4d4d,#4d4d4d) repeat-x left center;background:-ms-linear-gradient(#4d4d4d,#4d4d4d) repeat-x left center;background:linear-gradient(#4d4d4d,#4d4d4d) repeat-x left center;background-size:1px 1px}.subtitle{font-size:1.5rem}.title-sound{margin:0 0 .8rem 0}.title-sound h4{margin-bottom:0!important}.title-sound span{display:block}.timeline.vertical-indication .timeline-title:after{border:5px solid transparent;background-color:transparent}.vertical-indication li:first-child .timeline-title:after{border:5px solid #85af4b;background-color:#85af4b}.side-navigation>ul>li>a{font-size:1.5rem}.custom-ul li{font-size:8px}.thumbnail{box-shadow:none;border:none}.header .logo span,.header-compact .logo span{font-size:1.2rem;line-height:2rem}.header .logo img,.header-compact .logo img{width:20%;height:auto}.bg-color1{background:#f0eddf!important}.bg-color2{background:#e5e8dd!important}.bg-color3{background-color:#0095a4!important}.lineBg{background:url(../images/species/line.svg) no-repeat,#f0eddf!important}.work label{cursor:pointer}.team-content-info p{color:#fef0b6}.timelineBlock{border-bottom:8px solid #a2b819}#timelinetest{list-style:none;margin:50px 0 0 300px;padding-left:30px;border-left:8px solid #a2b819;padding-bottom:60px}#timelinetest li{position:relative}.date{padding-top:18px;margin-top:-10px;top:0%;left:-200px;line-height:20px;position:absolute}.date p{margin-top:5px;font-size:.8rem}.circle{margin-top:-10px;top:50%;left:-44px;width:10px;height:10px;background:#a2b819;border:5px solid #a2b819;border-radius:50%;display:block;position:absolute;box-sizing:content-box}.contentText{max-height:20px;padding:10px;border-color:transparent;border-width:2px;border-style:solid;border-radius:.5em;position:relative;margin-top:-65px}.contentText:before,.content:after{content:"";width:0;height:0;border:solid transparent;position:absolute;pointer-events:none;right:100%}.contentText:before{border-right-color:inherit;border-width:20px;top:50%;margin-top:-20px}.contentText:after{border-right-color:#48b379;border-width:17px;top:50%;margin-top:-17px}.contentText p{margin:0;max-height:100%;color:transparent;text-align:justify;word-break:break-word;hyphens:auto;overflow:hidden}.labelContent{font-size:1.3em;position:absolute;z-index:100;cursor:pointer;transition:transform .2s linear}.radio{display:none}.radio:checked+.relative .labelContent{cursor:auto;transform:translateX(42px)}.radio:checked+.relative .circle{background:#f98262}.radio:checked~.contentText{margin-bottom:30px;margin-top:-65px;max-height:100%;border-color:#666;margin-right:20px;transform:translateX(20px);transition:max-height .4s linear,border-color .5s linear,transform .2s linear}.radio:checked~.contentText p{max-height:100%;color:#666;transition:color .3s linear .3s}.workText{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease;border-bottom:10px solid #a2b819}.workText:hover{color:#5b9637}.no-1 .relative{width:55.08%}.no-1 .circleBg{left:60px;background:#b3d385}.no-1 .circleBg:hover{background:#d6e7bd}.no-1 .percent{background:#b3d385}.no-1 .workText{border-bottom:10px solid #b3d385}.no-1 .radio:checked~.contentText{border-color:#b3d385}.no-2 .relative{width:50.85%}.no-2 .circleBg{left:23px;background:#e6e495}.no-2 .circleBg:hover{background:#f5f4d3}.no-2 .percent{background:#e6e495}.no-2 .workText{border-bottom:10px solid #e6e495}.no-2 .radio:checked~.contentText{border-color:#e6e495}.no-3 .relative{width:58.5%}.no-3 .circleBg{left:91px;background:#a0dce8}.no-3 .circleBg:hover{background:#def3f7}.no-3 .percent{background:#a0dce8}.no-3 .workText{border-bottom:10px solid #a0dce8}.no-3 .radio:checked~.contentText{border-color:#a0dce8}.no-4 .relative{width:60.71%}.no-4 .circleBg{left:109px;background:#faccad}.no-4 .circleBg:hover{background:#fef9f5}.no-4 .circleBg:hover .workText{border-bottom:10px solid #faccad}.no-4 .percent{background:#faccad}.no-4 .workText{border-bottom:10px solid #faccad}.no-4 .radio:checked~.contentText{border-color:#faccad}.circleBg{top:-65px;left:-37px;width:1em;height:1em;display:inline-block;background-color:#b3d385;font-size:88px;text-align:center;border-radius:50%;position:relative}.pietest{position:absolute;background-color:#e7e9e4;z-index:20;top:10px;right:10px;bottom:10px;left:10px;text-align:center;border-radius:50%}.slice-right{position:absolute;z-index:11;background-color:#ff913b;width:100%;height:100%;clip:rect(0,.5em,.5em,.5em);border-radius:50%}.slice-left{position:absolute;z-index:11;background-color:#ff913b;width:100%;height:100%;clip:rect(.5em,.5em,1em,.5em);border-radius:50%}.percent{position:absolute;z-index:20;top:3px;right:3px;bottom:3px;left:3px;background:#b3d385;border-radius:50%}.number{position:absolute;z-index:30;width:100%;height:100%;padding-top:8%;line-height:0;font-size:1.2rem}.number p:last-child{color:#603813;font-size:.8rem;margin-top:25px}.slice-right{-webkit-animation-delay:1.2s;-webkit-animation-duration:.3s;-webkit-animation-name:right-slice;-webkit-animation-iteration-count:1;-webkit-animation-fill-mode:forwards}.slice-left{-webkit-animation-delay:1.5s;-webkit-animation-duration:.3s;-webkit-animation-name:left-slice;-webkit-animation-iteration-count:1;-webkit-animation-timing-function:ease-out;-webkit-animation-fill-mode:forwards}@-webkit-keyframes right-slice{from{clip:rect(0,50%,.5em,.5em)}50%{clip:rect(0,1em,.5em,.5em)}to{clip:rect(0,1em,1em,.5em)}}@-webkit-keyframes left-slice{from{clip:rect(.5em,.5em,1em,.5em)}50%{clip:rect(.5em,.5em,1em,0)}to{clip:rect(.3em,.5em,1em,0)}}.forestKnow-Bg{color:#fff;text-shadow:0 0 10px rgba(31,31,31,.5);background:url("../images/contribute.jpg") no-repeat}.forestKnow-Bg:before{content:'';position:absolute;top:0;bottom:0;right:0;left:0;background:#5b9637;background:-webkit-linear-gradient(300deg,rgba(91,150,55,.6) 0%,rgba(62,180,144,.6) 60%,rgba(179,238,243,.6) 100%);background:-moz-linear-gradient(300deg,rgba(91,150,55,.6) 0%,rgba(62,180,144,.6),60%,rgba(179,238,243,.6) 100%);background:linear-gradient(300deg,rgba(91,150,55,.6) 0%,rgba(62,180,144,.6) 60%,rgba(179,238,243,.6) 100%)}.custom-section{height:100%!important}.custom-section .custom-grid .grid-item{margin-bottom:0;width:20%;padding-left:.5rem;padding-right:.5rem}.custom-section .custom-grid .grid-item img{width:65px;height:65px}.claro{height:400px}#timeMap{padding:0;margin:0;height:100%}.tmp-content-inner.v-align-top{padding-top:1rem!important}#timeMap{position:relative}#bottomPanel{left:0;right:0;margin:0 20px;position:absolute;bottom:2.5em}#timeInfo{border-radius:4px;border:solid 2px #ccc;background-color:#fff;display:block;padding:5px;position:relative;text-align:center;width:100%;z-index:99}.chartPic{height:400px;min-height:400px;min-width:320px;background:none}.chartLegend ul>li{font-size:.9rem}.tabs[class*="style-"]:not(.style-3) .tab-panes{padding:0 0 0 0}.tabs .tab-nav>li a{padding:.5rem 1.5rem}.tabs.style-1 .tab-nav>li.active a,.tabs.style-1 .tab-nav>li.active a:hover{background:#505050}.shareBar{position:relative;width:100%;background:#505050;height:45px}.shareBar .shareBtn{cursor:pointer;float:right;width:40px;height:45px;background:url("../images/frontImg/openicon.svg") no-repeat,transparent;background-position:50%;background-size:55%}.shareBar .shareBtn:hover{width:40px;height:45px;background:url("../images/frontImg/openicon-hover.svg") no-repeat,transparent;background-position:50%;background-size:55%}.shareBar .shareBtn2{cursor:pointer;float:right;width:40px;height:45px;background:url("../images/frontImg/iframeicon.svg") no-repeat,transparent;background-position:50%;background-size:75%}.shareBar .shareBtn2:hover{width:40px;height:45px;background:url("../images/frontImg/iframeicon-hover.svg") no-repeat,transparent;background-position:50%;background-size:75%}.embed-container{position:relative;max-height:700px;min-height:500px;max-width:100%}.embed-container iframe,.embed-container object,.embed-container iframe{position:absolute;top:0;left:0;width:100%;max-height:700px;min-height:500px}small{position:absolute;z-index:40;bottom:0;margin-bottom:-15px}@media screen and (min-width:768px)and (max-width:1200px){.no-1 .relative,.no-2 .relative,.no-3 .relative,.no-4 .relative{width:100%}.no-1 .circleBg,.no-2 .circleBg,.no-3 .circleBg,.no-4 .circleBg{left:50%}.no-1 .radio:checked~.contentText,.no-2 .radio:checked~.contentText,.no-3 .radio:checked~.contentText,.no-4 .radio:checked~.contentText{border-color:transparent;margin-top:-100px}#timelinetest{margin:50px 0 0 168px}}@media screen and (max-width:767px){#timelinetest{margin:0;padding-left:0;border-left:0 solid #a2b819}#timelinetest li{margin:50px 0}.relative{margin-left:0}.relative label{text-indent:2rem;text-indent:0}.relative .labelContent{width:85%;font-size:1.1em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block;transform:translateX(18px)}.no-1 .relative,.no-2 .relative,.no-3 .relative,.no-4 .relative{width:100%}.no-1 .circleBg,.no-2 .circleBg,.no-3 .circleBg,.no-4 .circleBg{left:0}.no-1 .radio:checked~.contentText,.no-2 .radio:checked~.contentText,.no-3 .radio:checked~.contentText,.no-4 .radio:checked~.contentText{margin-top:-50px}.workText{text-align:center;padding-bottom:60px}.date{padding-top:0;margin-top:0;top:0%;left:0;line-height:20px;position:relative}.date p{margin-bottom:6px}.contentText{padding-top:10px;border-color:transparent}.contentText:before,.contentText:after{border:solid transparent;bottom:100%}.contentText:before{border-bottom-color:inherit;border-width:17px;top:-16px;left:50px;margin-left:-17px}.contentText:after{border-bottom-color:#48b379;border-width:20px;top:-20px;left:50px;margin-left:-20px}.contentText p{line-height:1.4}.circle{display:none}.divider,hr{margin:1rem 0}}@media all and (min-width:768px)and (max-width:959px){.iframeMap{display:none}.iframeImg{display:block}.dijitRuleLabelH{top:.5rem;transform-origin:bottom;transform:rotate(-40deg)}}@media all and (min-width:350px)and (max-width:767px){.iframeMap{display:none}.iframeImg{display:block}.tm-parallax img{height:750px!important}.custom-section .custom-grid .grid-item{width:100%;margin-bottom:.5rem}.custom-section .custom-grid .grid-item p{margin:0}.custom-section .custom-grid .grid-item img{display:none}.dijitRuleLabelH{top:.5rem;transform-origin:bottom;transform:rotate(-40deg)}}@media all and (max-width:768px){.sound-info{height:20%;position:absolute;z-index:99}.sound-info h4{margin:0}.sound-info #accordionSp{display:none}#imgIcon{bottom:3.5rem!important;right:2rem!important}#soundApp{height:37rem;top:20%;padding:0 1.5rem 1.5rem 1.5rem;background:#434344}#imgAndAudio{top:40%;width:30%;right:1.5rem}#imgAndAudio img{width:auto;height:auto;display:block;margin:0 auto}#imgAndAudio #specVoice{margin:0 auto;display:block;width:100%}.sound-section{padding-bottom:9rem}}@media all and (max-width:350px){.iframeMap{display:none}.iframeImg{display:block}.tm-parallax img{height:750px!important}.custom-section p{font-size:.85rem}.custom-section .custom-grid .grid-item{width:100%;margin-bottom:.5rem}.custom-section .custom-grid .grid-item p{margin:0}.custom-section .custom-grid .grid-item img{display:none}.dijitRuleLabelH{top:.5rem;transform-origin:bottom;transform:rotate(-40deg)}}.recent-slider{min-height:unset}.changeBtnBlock{width:100%;position:absolute;top:calc(50% - 22px);z-index:9999}.changeBtnBlock .previous-recent-slider{position:absolute;left:0;width:3rem;height:3rem;border-radius:100%;margin-right:.5rem;line-height:3rem;text-align:center;display:inline-block;background:url(../images/frontImg/ShapeL.svg) no-repeat,#5b9637;background-position:50%;border:none;cursor:pointer}.changeBtnBlock .previous-recent-slider:hover{background:url(../images/frontImg/ShapeL.svg) no-repeat,#85af4b;background-position:50%}.changeBtnBlock .next-recent-slider{position:absolute;right:0;width:3rem;height:3rem;border-radius:100%;margin-right:.5rem;line-height:3rem;text-align:center;display:inline-block;background:url(../images/frontImg/ShapeR.svg) no-repeat,#5b9637;background-position:50%;border:none;cursor:pointer}.changeBtnBlock .next-recent-slider:hover{background:url(../images/frontImg/ShapeR.svg) no-repeat,#85af4b;background-position:50%}.tms-content-scalable{padding-bottom:0}.linkeBtn{color:#fff;font-size:1.5rem;background:url("../images/presentImg/pattern.svg"),#85af4b;border-radius:100px;display:inline-block!important;line-height:3rem!important;vertical-align:middle;padding:0 1rem;box-shadow:0 0 10px rgba(0,0,0,.3);margin:4px 0}.linkeBtn:before{content:"";background:url(../images/presentImg/link.svg) no-repeat;width:30px;height:3rem;display:inline-block;background-size:70%;background-position:50%;vertical-align:middle;margin:0 .5rem}.linkeBtn:hover{color:#fff;background:url("../images/presentImg/pattern.svg"),#eda729}.esriSimpleSliderIncrementButton>span,.esriSimpleSliderDecrementButton>span{color:#000!important}li.birdItem,li.mammalItem,li.frogItem{cursor:pointer;padding:.25em 2.2em}li.birdItem:hover,li.mammalItem:hover,li.frogItem:hover{background:#85af4b}.ui-accordion .ui-accordion-content{padding:0}.esriAttribution{background:rgba(255,255,255,0)!important}.logo-med{display:none!important}div#imgHD{padding:.2rem .8rem}.search-foot{padding:.5em .5em .5em .7em!important;font-size:100%!important;height:auto!important;border-radius:3px!important;width:calc(100% - 2.6rem)}.search-icon{border:1px solid #fff;text-align:center;line-height:2.5rem;width:2.5rem;height:2.5rem;border-radius:3px;float:right;cursor:pointer;background-image:none}.search-icon:hover{background:#85af4b}.isactive{background:#496a1a}.ui-state-active{border-color:#fff;background:#72c57b}:focus{outline:none}input:focus:required:invalid:focus,input[type="text"]:focus{border-color:#66a50c}input:focus:invalid:focus{box-shadow:none}#search{color:#666!important}.sound-info{height:100%;padding:1rem;background-color:rgba(48,49,51,.9);position:relative;overflow:hidden}#soundApp{height:45rem;margin-right:0;position:relative}#imgAndAudio{z-index:15;position:absolute;top:1rem;right:1rem;width:300px;background-color:#2a333c;border-radius:5px}