@charset "utf-8";

body {
    background: #343434;
    font-family: Arial, Helvetica, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif;
    font-size: 12px;
    color: #ffffff;
    min-height: 100%;
}

.wrapper {
    width: 820px;
    margin: 0 auto;
}

.topWrapper {
    background: #1a1a1a;
    height: 90px;
}

.topWrapper .logo {
    float: left;
    padding-left: 15px;
    padding-top: 12px;
}

.topWrapper .topRight {
    float: right;
    width: 501px;
    border-left: 1px solid #727272;
    padding-top: 10px;
    padding-left: 10px;
    color: #AAAAAA;
    text-align: left;
    height: 90px;
}

.topWrapper .topRight a {
    color: #AAAAAA;
}

.topWrapper .topRight a:hover {
    color: #FFFFFF;
    text-decoration: none;
}

.contentWrap {
    display: table;
}

.leftmenu {
    background: #252525;
    width: 220px;
    border-bottom: 5px solid #252525;
}

.leftmenu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.leftmenu ul li {
    float: left;
}

.leftmenu ul li a {
    width: 220px;
    border-top: #484848;
    border-bottom: 1px solid #484848;
    color: #999999;
    height: 36px;
    display: block;
    padding: 9px;
}

.leftmenu ul li a:hover,
.leftmenu ul li a.active {
    background: url(../images/common/subpage-title.jpg) repeat-x;
    color: #FFFFFF;
    text-decoration: none;
}

.rightcontent {
    background: #0c0c0c;
    width: 600px;
    border: 5px solid #121212;
    padding: 15px;
}

.rightWrap {
    height: 450px;
    overflow-x: hidden;
    overflow-y: auto;
}

.rightcontent .title {
    color: #2d7e8d;
    font-size: 14px;
    font-weight: bold;
}

.rightcontent a {
    color: #02ACE9;
}

.rightcontent a:hover,
.rightcontent a:focus {
    color: #02ACE9;
    text-decoration: none;
}