@import url("https://fonts.googleapis.com/css2?family=Carrois+Gothic&display=swap");@import url("https://fonts.googleapis.com/css2?family=Carrois+Gothic&family=Poiret+One&display=swap");@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap");@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400&display=swap");@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC&family=Shippori+Antique+B1&display=swap");header{padding:25px 10px 20px}header:after{background:#fff}.nav a{color:#333}.nav span:nth-child(1){font-weight:bold}.menu-follow a{border:solid 1px #aaa}.menu-follow a:hover{background:#aaa}.menu-follow a:hover i{color:#fff}.menu-follow i{color:#aaa}.menu-follow p{color:#333;border:solid 1px #aaa}.menu-burger span{background:#aaa}.main{padding:0}.back{cursor:pointer;position:relative;display:block;width:fit-content;margin:auto}.back:hover:before{width:100%}.back:before{content:"";position:absolute;width:0%;height:100%;left:0;background:#eee;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{margin:auto}.gallery-block{position:relative;margin:100px 0}.gallery-title{position:relative;display:flex;width:100%}.gallery-title p{display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;padding:0 50px;font-size:.875em;box-shadow:0 0 5px #ddd}.gallery-title h3{width:100%}.gallery-title span{display:block;padding:8px 20px;font-weight:normal}.gallery-title span:nth-child(1){font-size:1.05em;letter-spacing:5px;border-bottom:solid 1px #eee}.gallery-title span:nth-child(2){font-size:.875em}.gallery-info{position:relative;margin-top:80px}.gallery-info li{margin:15px 0}.gallery-info li.line{padding:5px}.gallery-part{position:relative;margin-bottom:50px}.gallery-part h4{display:flex;-webkit-align-items:baseline;align-items:baseline;font-weight:normal;letter-spacing:3px}.gallery-part-tri{width:15px;height:9px;margin:15px 15px 0 0;border-top:double 3px #888;border-right:solid 1px #888;-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.gallery-img img{width:100%}.gallery-img li{margin:0 0 50px}.gallery-img li:last-child{margin:0}.gallery-img .two{display:flex}.gallery-img .right{margin-left:50px}.gallery-title p,.gallery-photo,.gallery-part,.gallery-info li,.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-title p.show,.gallery-photo.show,.gallery-part.show,.gallery-info li.show,.gallery-img li.show,.back.show{opacity:1;-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}@media screen and (min-width: 1301px){.gallery{max-width:1000px;padding:50px}}@media screen and (max-width: 1300px){.gallery{padding:50px 100px}}@media screen and (max-width: 900px){.gallery{padding:50px}}@media screen and (max-width: 720px){header{width:100%;margin:0;padding:10px 20px}}@media screen and (max-width: 640px){.nav-show .logo{left:120px}.gallery{padding:50px 0}.gallery-title{width:auto;padding:0 30px;-webkit-flex-flow:column;flex-flow:column}.gallery-title p{padding:5px;margin:0 0 10px;box-shadow:unset;background:#eee}.gallery-title h3{text-align:center}.gallery-title span:nth-child(1){font-size:1em}.gallery-part{margin-bottom:30px;text-align:center}.gallery-part-tri{display:none}.gallery-part h4{display:block;font-size:1.05em}.gallery-info{padding:0 30px}.gallery-img li{margin:0 0 20px}.gallery-img .two{display:block}.gallery-img .right{margin-top:20px;margin-left:0px}}
