.demo-container { box-sizing: border-box; width: 850px; height: 450px; padding: 20px 15px 15px 15px; margin: 15px auto 30px auto; border: 1px solid #ddd; background: #fff; background: linear-gradient(#f6f6f6 0, #fff 50px); background: -o-linear-gradient(#f6f6f6 0, #fff 50px); background: -ms-linear-gradient(#f6f6f6 0, #fff 50px); background: -moz-linear-gradient(#f6f6f6 0, #fff 50px); background: -webkit-linear-gradient(#f6f6f6 0, #fff 50px); box-shadow: 0 3px 10px rgba(0,0,0,0.15); -o-box-shadow: 0 3px 10px rgba(0,0,0,0.1); -ms-box-shadow: 0 3px 10px rgba(0,0,0,0.1); -moz-box-shadow: 0 3px 10px rgba(0,0,0,0.1); -webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.1); } .demo-placeholder { width: 100%; height: 100%; font-size: 14px; line-height: 1.2em; } .table { font-size:12px; font-family: 'verdana', 'Microsoft YaHei', 'Consolas', 'Deja Vu Sans Mono', 'Bitstream Vera Sans Mono'; margin-bottom: 0px; margin-top: 10px; } #main { margin:0px auto; text-align:center; width: 1300px; height:400px; } #event { padding-left:15px; padding-right:15px; padding-bottom:15px; } #alarm_title{ text-align:center; margin-top: 20px; } .col-sm-2 { padding-right:0px; padding-left:0px; } .all { padding-left:12px; padding-right:12px; } footer { clear: both; color: #9A9994; font-size: 12px; line-height: 15.4px; margin-top: 30px; overflow: hidden; padding: 20px 0 40px; } footer .sfc-member { float: right; text-align: right; padding-right: 15px; } footer a { color: #403F3C; }