@import url("https://fonts.googleapis.com/css2?family=Poppins&display=swap");@import url("https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:wght@300&display=swap");@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400&display=swap");@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC&family=Shippori+Antique+B1&display=swap");.main{padding:0}.back{cursor:pointer;position:relative;display:block;width:fit-content;margin:100px auto}.back:hover:before{width:100%}.back:before{content:"";position:absolute;width:0%;height:100%;left:0;background:#e8e8e8;z-index:-1;-moz-transition:width .3s;-o-transition:width .3s;-webkit-transition:width .3s;transition:width .3s}.back span{display:block;padding:10px 30px;border:solid 1px #ddd;font-size:.875em}.gallery{padding:0 10%}.gallery-block{position:relative;margin:0 0 100px 0}.gallery-top{position:relative;margin:0 0 300px}.gallery-top-photo{height:100vh;margin:0 -12.5%;background-position:center;background-size:cover}.gallery-top-title{position:absolute;top:50%;left:50%;color:#fff;text-shadow:0 0 3px #aaa;text-align:center;-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.gallery-top-title p:nth-child(1){font-size:1.25em}.gallery-top-title p:nth-child(2){font-size:1.2em}.gallery-info{position:relative}.gallery-info.title{padding:0 20%;margin:0 0 50px 0}.gallery-info.info{padding:50px 20%;background:#efefef}.gallery-info.info:before{content:"";position:absolute;width:calc(100% / .8);height:100%;bottom:0;left:calc(-100% / 8)}.gallery-info-title span{display:block}.gallery-info-title span:nth-child(1){color:#888}.gallery-info-title span:nth-child(2){width:1px;height:120px;margin:-42px 0 0px 48px;background:#666;-moz-transform:rotate(60deg);-ms-transform:rotate(60deg);-webkit-transform:rotate(60deg);transform:rotate(60deg)}.gallery-info-title span:nth-child(3){font-size:1.25em}.gallery-info-in{position:relative;width:calc(100% - 5vw);margin-left:auto;color:#666}.gallery-info-in p{padding:5px 0}.gallery-info-in p.en{font-size:.875em}.gallery-img li{margin:0 0 50px}.gallery-img li.imgs{display:flex}.gallery-img li.imgs .right{margin:0 0 0 50px}.gallery-img li:last-child{margin:0}.gallery-img img{width:100%}.gallery-info:before{opacity:0;-moz-transform:translateY(20px);-ms-transform:translateY(20px);-webkit-transform:translateY(20px);transform:translateY(20px);-moz-transition:all .6s;-o-transition:all .6s;-webkit-transition:all .6s;transition:all .6s}.gallery-top-title,.gallery-info,.gallery-title,.gallery-info-in p,.gallery-img li,.back{opacity:0;-moz-transform:translateY(-20px);-ms-transform:translateY(-20px);-webkit-transform:translateY(-20px);transform:translateY(-20px);-moz-transition:all .6s;-o-transition:all .6s;-webkit-transition:all .6s;transition:all .6s}.gallery-top-title.show,.gallery-info.show,.gallery-info.show:before,.gallery-title.show,.gallery-info-in p.show,.gallery-img li.show,.back.show{opacity:1;-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}.gallery-top-title{-moz-transform:translate(-50%, -30%);-ms-transform:translate(-50%, -30%);-webkit-transform:translate(-50%, -30%);transform:translate(-50%, -30%)}.gallery-top-title.show{-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-moz-transition-delay:1.8s;-o-transition-delay:1.8s;-webkit-transition-delay:1.8s;transition-delay:1.8s}.gallery-info:before{-moz-transform:translateY(20px) scale(1, 1);-ms-transform:translateY(20px) scale(1, 1);-webkit-transform:translateY(20px) scale(1, 1);transform:translateY(20px) scale(1, 1)}.gallery-info.show:before{-moz-transform:translateY(0px) scale(.8, 1);-ms-transform:translateY(0px) scale(.8, 1);-webkit-transform:translateY(0px) scale(.8, 1);transform:translateY(0px) scale(.8, 1)}@media screen and (max-width: 1100px){.gallery-info.title{padding:0 10%}.gallery-info.info{padding:50px 10%}.gallery-info-title span:nth-child(2){font-size:1.75em}.gallery-info-title span:nth-child(3){font-size:1.25em}}@media screen and (max-width: 900px){.gallery-info.title{padding:0}.gallery-info.info{padding:50px 0}.gallery-info.show:before{-moz-transform:translateY(0px) scale(1, 1);-ms-transform:translateY(0px) scale(1, 1);-webkit-transform:translateY(0px) scale(1, 1);transform:translateY(0px) scale(1, 1)}.gallery-info-in{width:100%}}@media screen and (max-width: 720px){.gallery-top-title p:nth-child(1){font-size:1.2em}.gallery-top-title p:nth-child(2){font-size:1.05em}}@media screen and (max-width: 640px){.gallery{padding:0}.gallery-top-title p:nth-child(1){font-size:1.05em}.gallery-top-title p:nth-child(2){font-size:.875em}.gallery-info.title{padding:0 30px}.gallery-info.info{padding:30px;margin:50px 0 0 0}.gallery-info-title span:nth-child(3){font-size:1.05em}.gallery-info-title span:nth-child(4){font-size:.875em}.gallery-img li{margin:0 0 20px}.gallery-img li.imgs .right{margin:0 0 0 20px}.back{margin:30px auto}}@media screen and (max-width: 480px){.gallery-img li.imgs{-webkit-flex-flow:column;flex-flow:column;margin:0}.gallery-img li.imgs .right{margin:20px 0}}