html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}.main{position:relative;width:100%}.main__content{width:calc(100% - 60px);padding:15px 30px;max-width:1366px;margin:0 auto}.filter{position:relative;width:100%;margin:20px 0}.filter:after{content:'';display:block;clear:both}.filter__type{float:right}.filter__type a{color:#333;font-size:1.5em;padding:5px 10px;text-decoration:none}.filter__type:after{content:'';display:block;clear:both}body{background-color:#f2ece3}.wrap{position:relative;width:100%;margin:0;padding:0;padding-top:90px}.header{position:fixed;width:100%;z-index:999;top:0;background-color:rgba(242,236,227,0.9)}@media screen and (min-width: 768px){.header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.header--active{background-color:rgba(230,230,230,0.5)}.header__content{width:calc(100% - 60px);padding:15px 30px;max-width:1366px;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.header__menu{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (min-width: 768px){.header__menu{width:auto}}.header__menu .home{display:block;text-decoration:none;margin-left:-4px;font-weight:bold;color:#333;font-size:200%;padding:10px;font-family:'EB Garamond', serif}@media screen and (min-width: 768px){.header__menu .home{font-size:250%}}.header__menu .menu{text-decoration:none;display:block}@media screen and (min-width: 768px){.header__menu .menu{display:none}}.header__menu .menu span{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;width:30px;height:4px;background-color:#333;margin:4px 0;display:block;-webkit-transform-origin:left center;transform-origin:left center}.header__menu .menu--active span{margin:6.5px 0}.header__menu .menu--active span:nth-child(1){-webkit-transform:rotate(45deg);transform:rotate(45deg)}.header__menu .menu--active span:nth-child(2){opacity:0}.header__menu .menu--active span:nth-child(3){-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.header__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;-webkit-transition:all 0.3s;transition:all 0.3s}@media screen and (max-width: 768px){.header__list{position:relative;top:0;left:0;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;height:0;opacity:0;pointer-events:none;-webkit-transition:all 0.6s;transition:all 0.6s}}@media screen and (max-width: 768px){.header__list--active{height:calc(100vh - 75px);opacity:1;pointer-events:auto}}.header__list a{display:block;font-size:1.5em;padding:10px;margin:0 5px;text-decoration:none;font-family:'EB Garamond', serif;color:#333}.header__list a:after{display:block;content:'';width:0%;height:1px;background-color:#333;-webkit-transition:width 0.3s;transition:width 0.3s}.header__list a:hover:after{width:100%}@media screen and (max-width: 768px){.header__list a{width:auto;text-align:center;margin:15px auto;font-size:2em;display:inline-block}}.works{position:relative;width:100%;margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.works__group{position:relative;display:block;margin-bottom:30px;width:325px}@media (max-width: 1420px){.works__group{width:calc(calc(100% / 3) - 15px)}}@media (max-width: 992px){.works__group{width:calc(calc(100% / 2) - 15px)}}@media (max-width: 576px){.works__group{width:100%}}.works__group .img{position:relative;width:100%;height:0;padding-bottom:60%;display:block;cursor:pointer;background-position:center;background-repeat:no-repeat;background-size:cover}.works__group .img span{position:absolute;bottom:0;width:100%;height:0%;background-color:rgba(0,0,0,0.7);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all .3s;transition:all .3s;pointer-events:none;opacity:0}.works__group .img span i{color:#FFF;font-size:36px}.works__group .img:hover span{pointer-events:auto;opacity:1;height:100%}.works__group h2{font-size:22px;margin:15px 0;display:block;font-family:'Noto Serif TC', serif;font-weight:600;color:#333}.works__group h2:after{content:'.';display:inline-block;margin-left:5px}.works__group p{font-size:16px;margin:15px 0;display:block;font-family:'Noto Serif TC', serif;color:#333}
/*# sourceMappingURL=index.min.css.map */