html{color:#fff}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,PingFang TC,Noto Sans CJK TC,Noto Sans CJK,Source Han Sans,Hiragino Sans GB,Microsoft JhengHei,sans-serif}h1,h2,h3{font-weight:900}img{display:block}header{position:fixed;top:0;left:0;padding-top:10px;padding-left:10px;z-index:99}header a,header svg{display:block}a{cursor:pointer;user-select:none}main{padding-top:90px}@media (min-width:992px){main{display:grid;justify-content:center;align-items:center;grid-auto-flow:column;column-gap:100px;grid-template-columns:360px;max-width:1168px;margin-left:auto;margin-right:auto;padding:132px 27px 99px}}.intro{margin-bottom:48px;padding-left:27px;padding-right:27px}@media (min-width:992px){.intro{margin-bottom:0;padding-left:0;padding-right:0}}.intro p{font-size:15px;line-height:2;text-align:justify}@media (min-width:992px){.intro p{font-size:18px;letter-spacing:2px;line-height:1.6}}.intro p+p{margin-top:1em}h1{text-shadow:0 0 2px rgba(0,0,0,.25);font-size:46px;margin-bottom:36px;line-height:1.24}@media (min-width:992px){h1{font-size:66px;line-height:1.14;margin-bottom:47px}}.gallery{display:grid;row-gap:20px}@media (min-width:992px){.gallery{row-gap:19px}}.category{background-color:rgba(0,0,0,.65);padding-top:30px;overflow:hidden}@media (min-width:992px){.category{background-color:transparent;padding-top:0;display:grid;grid-auto-flow:column;column-gap:16px;grid-template-columns:20px}}.category img{width:100%;height:68px;object-fit:cover;margin-bottom:6px}@media (min-width:992px){.category img{height:120px;margin-bottom:0}}.category p{font-size:13px;line-height:1.5;letter-spacing:1px}.people{display:grid;grid-auto-flow:column;grid-auto-columns:100px;column-gap:20px;grid-template-columns:7px;overflow-x:auto;padding-bottom:30px}@media (min-width:992px){.people{column-gap:17px;grid-template-columns:none;grid-auto-columns:120px;padding-bottom:0}}.people a{color:inherit;text-decoration:none}@media (min-width:992px){.people a{position:relative}.people a div:first-child h3,.people a div:first-child p{display:none}}.people a[href*=tainan-trad02] img{object-position:50% 97%}.people a:hover .mask{opacity:1}.people .mask{display:none}@media (min-width:992px){.people .mask{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;background-color:rgba(0,0,0,.8);top:0;left:0;width:100%;height:100%;padding-left:18px;padding-right:18px;box-sizing:border-box;text-align:center;opacity:0;transition:opacity .45s}}.people:after,.people:before{content:""}@media (min-width:992px){.people:after,.people:before{content:none}}.people:after{width:7px}h2{font-size:18px;margin-bottom:20px;line-height:1.44;padding-left:27px}@media (min-width:992px){h2{padding-left:0;margin-bottom:0;line-height:1.1}}h3{margin-bottom:5px;font-size:16px;line-height:1.625}@media (min-width:992px){h3{font-size:18px;line-height:1.56;margin-bottom:8px}}footer{line-height:1.54;letter-spacing:1px;color:hsla(0,0%,100%,.66);font-size:13px;padding:20px 27px}@media (min-width:992px){footer{padding:0 29px 12px 0;display:flex;justify-content:flex-end}footer p:first-child{order:2;margin-left:31px}}footer p+p{margin-top:10px}@media (min-width:992px){footer p+p{margin-top:0}}.bg{position:fixed;top:0;left:0;width:100%;height:100%}.bg--main{background-image:url(/projects/tainancraftsmen/main-bg.6de9fa36.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat;z-index:-2}.bg--mask{background-image:linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.3) 83%);z-index:-1}@media (min-width:992px){.bg--mask{background-image:linear-gradient(180deg,hsla(0,0%,100%,.6),rgba(0,0,0,.6) 83%)}}
/*# sourceMappingURL=/projects/tainancraftsmen/css.0f30827b.css.map */