@charset "utf-8";
body { background: #F5F5F5; }
#header { height: 80px; line-height: 80px; background: #4B5B6B; box-shadow: 0 0 10px #999; }
#header .x4 { font-size: 30px; color: #BCC8D6;  }
.form_editor { width: 100%; height: 260px;}
#content { padding: 20px 0;}
#left { width: 130px; float: left; background: #FFF; padding: 0 10px 10px 10px !important; }
.leftfixed { position: fixed; top: 5px;}
#sidebar dt { background: #4B5B6B; height: 32px; text-align: center; color: #FFF; line-height: 32px; margin-top: 10px; box-shadow: 0 0 10px #CCC; }
#sidebar dd a { display: block; background: #EEE; height: 32px; text-align: center; line-height: 32px; margin-top: 6px; color: #4B5B6B; }
#sidebar dd a:hover { background: #FC5A4B; color: #FFF; border-radius: 5px; }
#sidebar dd .current { background: #FC5A4B; color: #FFF; border-radius: 5px;}

#right { width: 1060px; float: right; background: #FFF; padding: 0 10px 0 10px !important;}
.ch { background: #4B5B6B; height: 32px; line-height: 32px; padding: 0 10px;  color: #FFF; margin-top: 10px; box-shadow: 0 0 10px #CCC;}
.cb { padding: 20px 0;}
.page_turner { margin-top: 20px; }
.page_turner a, .page_turner span { display: inline-block; height: 40px; line-height: 40px; min-width: 40px; text-align: center; background: #F2F2F2; margin-right: 2px; }
.page_turner a:link, .page_turner a:visited { text-decoration: none; }
.page_turner a:hover, .page_turner a.current { background: #0A8; color: #FFF; }

#footer { background: #4B5B6B; padding: 10px 0; color: #F8F8F8;}

#login_wrap { width: 320px; height: 400px; border-radius: 5px; background: #FFF; padding:55px 40px; position: absolute; top: 50%; left: 50%; margin-top: -200px; margin-left: -160px;  }
#login_wrap form { padding: 0 15px; }
#login_wrap .name { text-align: center; font-size: 24px; }
#login_wrap .version { text-align: center; font-size: 12px; padding: 10px 0; color: #999; }