@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{position:relative;margin:-50px 0 0}.back-in{cursor:pointer;position:relative;display:block;width:100px;margin:auto}.back-in: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-in:hover:before{width:100%}.back-in span{display:block;padding:10px 30px;border:solid 1px #ddd;font-size:.875em}.gallery{margin:auto}.gallery-block{position:relative;display:flex;-webkit-flex-flow:wrap;flex-flow:wrap;margin:100px 0}.gallery-title{position:relative;display:flex;-webkit-flex-flow:wrap;flex-flow:wrap;-webkit-align-items:baseline;align-items:baseline;-webkit-justify-content:space-between;justify-content:space-between;width:100%;margin-bottom:100px}.gallery-title a{display:block;width:fit-content}.gallery-title h3{width:100%;display:flex;-webkit-align-items:flex-end;align-items:flex-end;color:#bb9b6e;font-weight:normal;letter-spacing:3px}.gallery-title h4{display:flex;-webkit-align-items:baseline;align-items:baseline;padding:0 10px 0 0;color:#888;font-weight:normal}.gallery-title-line{width:100%;height:1px;margin:10px 0 0 0;background:#ddd}.gallery-title-tri{width:6px;height:6px;margin:15px 10px 0 20px;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-share{width:200px}.gallery-share .btn-link{cursor:pointer;display:inline-flex;padding:0;border:unset;letter-spacing:1px;font-family:"Microsoft JhengHei",Helvetica,Arial,"Noto Sans TC",sans-serif;background:transparent}.gallery-share .btn-link i{padding:4.5px 3.6px;margin:0 10px 0 0;color:#fff;font-size:12px;border-radius:3px;background:#aaa}.gallery-share .btn-link:hover i{background:#333}.gallery-share .btn-link:hover span{opacity:1;-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0);-moz-transition:-moz-transform .6s,opacity .6s .3s;-o-transition:-o-transform .6s,opacity .6s .3s;-webkit-transition:-webkit-transform .6s,opacity .6s;-webkit-transition-delay:0s,.3s;transition:transform .6s,opacity .6s .3s}.gallery-share .btn{display:flex;margin:4px 0}.gallery-share .btn i{margin:0 10px 0 0;color:#aaa;font-size:22px}.gallery-share .btn:hover i{color:#333}.gallery-share .btn:hover span{opacity:1;-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0);-moz-transition:-moz-transform .6s,opacity .6s .3s;-o-transition:-o-transform .6s,opacity .6s .3s;-webkit-transition:-webkit-transform .6s,opacity .6s;-webkit-transition-delay:0s,.3s;transition:transform .6s,opacity .6s .3s}.gallery-share span{display:block;font-size:.875em;opacity:0;-moz-transform:translate(-100%, 0);-ms-transform:translate(-100%, 0);-webkit-transform:translate(-100%, 0);transform:translate(-100%, 0);-moz-transition:-moz-transform .6s,opacity .3s;-o-transition:-o-transform .6s,opacity .3s;-webkit-transition:-webkit-transform .6s,opacity .3s;transition:transform .6s,opacity .3s}.gallery-info{position:relative;width:calc(100% - 200px)}.gallery-info p{margin:15px 0}.gallery-info span{display:block;padding:2px 10px;margin-bottom:30px;background:#eee}.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 50px 100px}}@media screen and (max-width: 1300px){.gallery{padding:50px 100px 100px}}@media screen and (max-width: 1100px){.gallery-block{-webkit-flex-flow:column;flex-flow:column}.gallery-title{margin-bottom:0}.gallery-share{width:auto;display:flex;margin:15px -10px 50px auto}.gallery-share span{display:none}.gallery-share .btn-link{display:inline-block}.gallery-share .btn-link i{padding:4px 3.6px}.gallery-share .btn{margin:0}.gallery-info{width:auto}}@media screen and (max-width: 900px){.gallery{padding:50px 50px 100px}}@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 a{margin:0 0 80px}.gallery-title p{padding:5px;margin:0 0 10px;box-shadow:unset;background:#eee}.gallery-title span:nth-child(1){font-size:1em}.gallery-share{width:auto;display:flex;margin:10px 30px 30px}.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}}