* {padding:0;margin:0;}
html,body {width:100%;height:100%;}
.board {width:100%;height:100%;background-color:#000;}
.intro {position:absolute;width:20%;height:60%;top:20%;left:0;background-color:#eee;}
.intro-title {width:100%;height:80px;line-height:80px;font-size:36px;font-weight:700;color:#333;text-align:center;}
.intro-body {width:calc(100% - 20px);height:calc(100% - 100px);padding:10px;font-size:14px;color:#333;}
.intro-body p {line-height:30px;padding:8px 0;text-indent:24px;}
.area {position:absolute;width:60%;height:60%;top:20%;left:20%;background:url(../img/area1.jpg);background-repeat:no-repeat;background-size:cover;}
.console {position:absolute;width:20%;height:60%;top:20%;left:80%;background-color:#333;}
.console-title {padding-left:20px;height:60px;line-height:60px;font-size:14px;color:#eee;border-bottom:1px solid #666;}
.console-list {width:100%;height:calc(100% - 61px);display:table;}
.console-item {display:table-row;height:36px;line-height:36px;font-size:12px;}
.console-item-label {display:table-cell;width:80px;padding:0 20px;color:#cecece;text-align:right;vertical-align:middle;border-right:1px solid #666;}
.console-item-value {display:table-cell;width:calc(100% - 160px);padding-left:40px;vertical-align:middle;}
.console-item-value input {outline:none;width:60px;height:24px;text-align:center;}