html{font-family:'Noto Sans TC',sans-serif;height:100%;margin:0;padding:0}body{margin:0;padding:0;height:auto;height:100%}div,p,span{margin:0;padding:0}h1{margin:15px 0 5px 0;padding:0}.wrapper{margin-left:30px;min-height:100%;margin-bottom:100px}header{height:80px;background:#202020;color:#fff}header img,header p{vertical-align:middle;display:inline-block}header img{height:54px;margin-left:20px}header p{font-size:28px;margin-left:15px}a{text-decoration:none;color:#1149ce}.inputTitle{color:#5e5e5e;font-weight:700;margin-top:20px}textarea,input{font-family:'Noto Sans TC',sans-serif;padding:6px;font-size:16px;border:1px solid silver;width:100%;max-width:400px;box-sizing:border-box}textarea{padding-top:2px;height:200px}.messageWrapper{width:100%;max-width:600px}.statusSpan{background:#dfeaff;color:#202020;border-radius:2px;padding:2px 8px}.replyWrapper{margin-top:20px;padding:10px;box-sizing:border-box;border-radius:4px;background:#e9fff1;border:1px solid #d5f0df;border-bottom:2px solid #d5f0df}.replyWrapper .inputTitle{margin-top:0;color:#2f2f2f;font-size:20px;font-weight:700}.blueButton{-moz-appearance:none;font-size:16px;background:#0089cf none repeat scroll 0% 0%!important;border:medium none!important;border-radius:4px!important;box-shadow:0 1px 0 rgba(255,255,255,.1) inset,0 -3px 0 rgba(0,0,0,.1) inset,0 2px 5px rgba(0,0,0,.1);color:#fff!important;cursor:pointer;outline:medium none;vertical-align:top;min-width:160px!important;line-height:20px;padding:11px 12px 12px 12px!important;font-weight:400;transition:background linear 80ms;text-align:center;box-sizing:border-box;margin-top:20px}.head{line-height:80px}.logoTextWrapper{display:inline-block}.logoText{line-height:26px}footer{height:65px;background:#f0f0f0;border-top:1px solid #e0e0e0;position:fixed;left:0;bottom:0;width:100%}@media(max-width:479px){.wrapper{margin-left:20px}.logoTextWrapper{width:calc(100% - 80px)}.logoText{font-size:20px}.messageWrapper,textarea,input{max-width:calc(100% - 20px)}footer{height:110px;position:relative;bottom:0}}