body{font-family:'Titillium Web','Noto Sans TC',arial,'Microsoft JhengHei',sans-serif;width:100%;margin:0 auto;font-size:19px;line-height:30px;background:#222;color:#fff}a{text-decoration:none}.btn{width:auto!important;min-width:30px;height:auto!important;display:block;font-size:30px;padding:15px;color:#fff;z-index:1000;text-align:center;text-shadow:0 0 2px #000;opacity:.5;transition:opacity .3s}.btn.no_link{opacity:.5!important}.btn:focus,.btn:hover{opacity:1}.btn span{position:absolute;top:-9999px}#menu_btn{display:none;position:fixed;top:0;right:0;opacity:1}#menu_btn .fa-times{display:none}#menu{position:absolute;z-index:999;left:50%;bottom:50px;margin:0;margin-left:-268px;padding:0}#menu li{display:inline-block}#menu li:nth-child(1){display:none}#menu li a{display:inline-block;padding:10px;color:#fff;text-decoration:none;text-align:center;line-height:22px;border-bottom:3px solid transparent;font-weight:300;opacity:.7;transition:opacity .5s}#menu li a:focus,#menu li a:hover{border-bottom:3px solid #fff}.artwork #menu_btn{display:block}.artwork #menu_btn.active .fa-bars{display:none}.artwork #menu_btn.active .fa-times{display:block}.artwork #menu{position:fixed;width:100%;height:100%;left:-9999px;bottom:0;margin-left:0;background:rgba(0,0,0,.6);opacity:0;transition:opacity .5s}.artwork #menu.active{left:0;opacity:1}.artwork #menu li{display:block;text-align:center}.artwork #menu li:nth-child(1){display:block;margin-top:60px}@media (max-width:767px){#menu_btn{display:block}#menu_btn.active .fa-bars{display:none}#menu_btn.active .fa-times{display:block}#menu{position:fixed;width:100%;height:100%;left:-9999px;bottom:0;margin-left:0;background:rgba(0,0,0,.6);opacity:0;transition:opacity .5s}#menu.active{left:0;opacity:1}#menu li{display:block;text-align:center}#menu li:nth-child(2){margin-top:20px}.artwork #menu li:nth-child(1){margin-top:20px}.artwork #menu li:nth-child(2){margin-top:0}}@media (max-height:767px){#menu li a{font-size:16px;line-height:19px;padding:7px 10px}.artwork #menu li:nth-child(1){margin-top:20px}}#contact{position:fixed;list-style:none;margin:0;padding:0;bottom:0;left:0;z-index:998}#contact .btn{position:relative;left:-20px;font-size:25px;padding:10px;opacity:.3;transition:all .3s}#contact .btn:focus,#contact .btn:hover{left:0;opacity:1}#footer{position:fixed;right:0;bottom:0;z-index:2;padding:15px;opacity:.2;pointer-events:none}@media (max-width:575px){#footer{font-size:16px}}