html,body{width:100%;height:100%;}body{font-family:Arial,Helvetica,sans-serif;font-size:11px;line-height:16px;color:#252525;text-align:center;background:#d7d8da;position:fixed;overflow:hidden;}#base{position:relative;left:0;top:0;width:calc(100% - 40px);max-width:970px;height:auto !important;min-height:calc(100% - 80px);padding:20px;margin:20px auto 20px auto;background:#fff;text-align:left;-moz-border-radius:9px;-o-border-radius:9px;-webkit-border-radius:9px;border-radius:9px;-moz-box-shadow:4px 4px 4px rgba(0,0,0,0.35);-webkit-box-shadow:4px 4px 4px rgba(0,0,0,0.35);box-shadow:4px 4px 4px rgba(0,0,0,0.35);}header{height:70px;text-align:center;padding:0 51px 0 36px;}#content{height:100%;overflow:hidden;}#content iframe{position:absolute;width:calc(100% - 40px);height:calc(100% - 100px - 40px);text-align:left;}footer{position:absolute;bottom:20px;width:calc(100% - 87px - 40px);height:30px;padding:0 51px 0 36px;text-align:center;}@media screen and (max-width:972px){body{font-size:13px;line-height:18px;background:#fff;}#base{width:100%;max-width:100%;height:100%;min-height:100%;padding:0;margin:0;-moz-border-radius:0;-o-border-radius:0;-webkit-border-radius:0;border-radius:0;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;}header{padding:0;}#content{position:fixed;width:100%;height:calc(100% - 110px);overflow:hidden;}#content iframe{width:100%;height:calc(100% + 16px);}footer{position:fixed;bottom:0;padding:0;width:100%;height:40px;}}