@charset "UTF-8";body,html{width:100%;height:100%;font-family:Arial,Helvetica,"微軟正黑體",Microsoft JhengHei,Apple LiGothic,"蘋果儷中黑";font-size:50px;background:rgba(250,247,190,0.1);line-height:1.5;background-color:#8c8965}body{overflow-y:scroll}.wrapper{width:100%;max-width:1920px;min-height:100%;margin:0 auto;position:relative;overflow:hidden;-webkit-box-shadow:0 0 15px rgba(0,0,0,0.3);box-shadow:0 0 15px rgba(0,0,0,0.3)}.container2{position:relative;max-width:1920px;margin:0 auto}.container{width:calc(100% - 60px);max-width:1200px;margin:auto;padding-left:30px;padding-right:30px}.bolder{font-weight:900}header{position:fixed;top:0;right:0;width:100%;z-index:999}.hdBB{position:absolute;top:0;right:0;background-color:#8c8965;height:100vh;width:0;-webkit-transition:width 0.4s ease-out 0.35s;transition:width 0.4s ease-out 0.35s;overflow:hidden}header.navOpen .hdBB{width:7.4rem}header.navOpen .headerBox{-webkit-transition:0.9s ease-out 0.4s;transition:0.9s ease-out 0.4s;padding:4rem 1rem 5.2rem 1rem}.headerBox{padding:4rem 1rem 5.2rem 3rem;-webkit-box-sizing:border-box;box-sizing:border-box;width:5.4rem;margin:auto;-webkit-transition:0.4s ease-out 0.3s;transition:0.4s ease-out 0.3s;white-space:nowrap;height:100%}nav{height:100%;font-size:0.36rem;line-height:0.6rem;letter-spacing:0.1em;color:#ffffff;position:relative}.goIndex{width:0.6rem;position:absolute;left:0;bottom:calc(100% + 0.4rem)}.goIndex img{-webkit-transition:0.2s;transition:0.2s}.goIndex a{padding-bottom:0}.goIndex a:after,.goIndex a:before{display:none}.goIndex a:hover img{-webkit-transform:scale(1.2);transform:scale(1.2)}nav ul{height:100%;position:relative}nav ul:before{content:"";display:block;width:1px;height:calc(100% - 2.2rem);background-color:rgba(255,255,255,0.6);position:absolute;left:0;bottom:0}nav li{margin-bottom:0.1rem}nav a{color:#ffffff;display:inline-block;position:relative;padding-bottom:0.4rem}nav a:after,nav a:before{content:"";display:block;width:0.3em;height:0.3em;background-color:#ffffff;position:absolute;bottom:0.4em;right:calc(100% - 0.3em);opacity:0;-webkit-transition:0.25s;transition:0.25s}nav a.active,nav a:hover{font-size:0.44rem;font-weight:bold;font-family:Arial black}nav a:hover:before{opacity:1;left:auto;right:0.1em}nav a:hover:after{opacity:1;left:auto;right:0.8em;-webkit-transition:0.5s;transition:0.5s}.contactBox{padding-top:0.8rem;position:absolute;left:auto;top:calc(100% - 5.2rem);color:#ffffff;white-space:nowrap}.ctM{font-size:0.32rem;line-height:1;font-weight:600;position:relative;margin-bottom:0.7rem}.ctM:after{content:"+";display:inline-block;margin-left:0.5em;-webkit-transition:0.5s;transition:0.5s}.contactBox:hover .ctM:after{-webkit-transform:rotate(360deg);transform:rotate(360deg)}.info{font-size:0.28rem;line-height:2;padding-left:0.7rem;position:relative;margin-bottom:0.4em;color:#ffffff;letter-spacing:0.05em}.info:before{content:"";display:block;width:0.4rem;height:2em;background-repeat:no-repeat;background-position:center;background-size:contain;position:absolute;left:0;top:0}.info.tel:before{background-image:url(../images/icon_tel.png)}.info.mail:before{background-image:url(../images/icon_mail.png)}.navBtn{width:1.4rem;height:2rem;background-color:#8c8965;border:0.5rem solid #8c8965;border-top:0.3rem solid #8c8965;position:absolute;top:0;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;z-index:999;-webkit-transition:0.3s 0.3s;transition:0.3s 0.3s}header:not(.navOpen) .navBtn.noTop{border:0.3rem solid #8c8965;top:-0.5rem}.navBtn:before{content:"MENU";display:block;position:absolute;color:#ffffff;font-size:0.36rem;line-height:1;font-weight:bold;left:50%;bottom:-0.3em;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:0.35s;transition:0.35s;-webkit-transition-delay:0s;transition-delay:0s}.navBtn.open{}.navBtn.open:before{-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:100%,100%;transform-origin:100%,100%;bottom:0.75rem;left:calc(50% - 0.1em);-webkit-transition:0.4s;transition:0.4s;-webkit-transition-delay:0.25s;transition-delay:0.25s}.navBtn.open span{-webkit-transition:0.28s ease-out 0.2s;transition:0.28s ease-out 0.2s}.navBtn.open span,.navBtn.open span:after,.navBtn.open span:before{width:0.8rem}.navBtn.open span:before{-webkit-transition:0.32s ease-out 0.32s;transition:0.32s ease-out 0.32s}.navBtn.open span:after{-webkit-transition:0.25s ease-out 0s;transition:0.25s ease-out 0s}.navBtn span{display:block;width:1.4rem;height:3px;background-color:#ffffff;position:relative;-webkit-transition:0.35s;transition:0.35s;-webkit-transition-delay:0.15s;transition-delay:0.15s}.navBtn span:after,.navBtn span:before{content:"";display:block;width:1.4rem;height:100%;background-color:#ffffff;position:absolute;left:0}.navBtn span:before{top:-0.36rem;-webkit-transition:0.35s;transition:0.35s;-webkit-transition-delay:0s;transition-delay:0s}.navBtn span:after{bottom:-0.36rem;-webkit-transition:0.4s;transition:0.4s;-webkit-transition-delay:0.3s;transition-delay:0.3s}footer{position:absolute;left:0;bottom:0;padding-left:1.4rem;padding-bottom:1.2rem;font-size:0.26rem;letter-spacing:0.05em;color:rgba(255,255,255,0.6);-webkit-box-sizing:border-box;box-sizing:border-box}#works footer{width:100%;text-align:center;line-height:1;padding-left:0;padding-bottom:1.4rem}.navFoot{font-size:0.3rem;letter-spacing:0.05em;color:#ffffff;margin-bottom:0.4rem}.designer{font-size:0.28rem;letter-spacing:0.2em;color:rgba(255,255,255,0.5)}.loadingPage{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#8c8965;z-index:9999}.loadingPage:after,.loadingPage:before{content:"";display:block;width:calc(46% - 6.5rem);height:1px;background-color:rgba(255,255,255,0.3);position:absolute;top:50%}.loadingPage:before{left:4%}.loadingPage:after{right:4%}.loadingPage>.flexBox{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%}.chihBox{width:5.3rem;height:5.3rem;position:relative;z-index:0;-webkit-transform-style:flat;transform-style:flat}.chihC{background-color:#56543e;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;padding:1rem;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-animation:5s 0.5s ease-in-out rotateChih infinite;animation:5s 0.5s ease-in-out rotateChih infinite;z-index:5;position:relative}.loadCir{position:absolute;width:100%;top:0;z-index:-1}.loadCir img{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.lCir01{left:60%;opacity:0.2;-webkit-animation:1s ease-in-out loadingMove02 alternate infinite;animation:1s ease-in-out loadingMove02 alternate infinite}.lCir02{right:60%;opacity:0.4;-webkit-animation:1s ease-in-out loadingMove alternate infinite;animation:1s ease-in-out loadingMove alternate infinite}@-webkit-keyframes rotateChih{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}15%{-webkit-transform:scaleX(-1);transform:scaleX(-1)}30%{-webkit-transform:scaleX(1);transform:scaleX(1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rotateChih{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}15%{-webkit-transform:scaleX(-1);transform:scaleX(-1)}30%{-webkit-transform:scaleX(1);transform:scaleX(1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@-webkit-keyframes loadingMove{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(120%);transform:translateX(120%)}}@keyframes loadingMove{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(120%);transform:translateX(120%)}}@-webkit-keyframes loadingMove02{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-120%);transform:translateX(-120%)}}@keyframes loadingMove02{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-120%);transform:translateX(-120%)}}@media screen and (max-width:1680px){body,html{font-size:48px}}@media screen and (max-width:1440px){body,html{font-size:46px}}@media screen and (max-width:1160px){body,html{font-size:44px}}@media screen and (max-width:1024px){body,html{font-size:42px}}@media screen and (max-width:900px){body,html{font-size:40px}}@media screen and (max-width:767px){body,html{font-size:56px}.pc{display:none}.mobile{display:block}.container{width:calc(100% - 30px);padding-left:15px;padding-right:15px}header{width:100%;position:fixed}header.navOpen .hdBB{width:100%}header.navOpen .headerBox{padding:0 1.1rem}.headerBox{height:100%;padding:0 1.1rem;width:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}nav{height:calc(80% - 5.2rem);margin-bottom:2rem}nav ul:before{height:calc(100% - 2.2rem)}.navBtn{width:0.8rem;height:1rem;border:0.3rem solid #8c8965;border-top:0.3rem solid #8c8965;border-bottom:0.35rem solid #8c8965;right:0rem;position:fixed}header:not(.navOpen) .navBtn.noTop{border:0.2rem solid #8c8965;top:-0.3rem;border-radius:10px}.navBtn:before{font-size:0.24rem;bottom:-0.5em}.navBtn.open:before{bottom:0.35rem;left:calc(50% - 0.5em)}.navBtn.open span,.navBtn.open span:after,.navBtn.open span:before{width:0.4rem}.navBtn span{width:0.88rem;height:2px}.navBtn span:after,.navBtn span:before{width:0.8rem}.navBtn span:before{top:-0.2rem}.navBtn span:after{bottom:-0.2rem}footer{padding-left:1.1rem;padding-bottom:1rem;z-index:999}footer.open{position:fixed}#works footer.open{position:absolute}#works footer{padding-bottom:0.8rem;z-index:0}.navFoot{font-size:0.26rem;margin-bottom:0.3rem}.designer{font-size:0.24rem}.loadingPage:after,.loadingPage:before{width:calc(50% - 3rem)}.loadingPage:before{left:0}.loadingPage:after{right:0}.chihBox{width:2.5rem;height:2.5rem}.chihC{padding:0.6rem}}@media screen and (max-width:640px){body,html{font-size:54px}}@media screen and (max-width:585px){body,html{font-size:52px}}@media screen and (max-width:480px){body,html{font-size:50px}.navBtn{right:0rem}#works footer.open,footer{padding-left:0.5rem;padding-bottom:0.6rem}}@media screen and (max-width:319px){body,html{font-size:48px}}
/*# sourceMappingURL=main.css.map */