HTML,BODY {margin:0; padding:0; height:100%; width:100%; background:white}
@media screen and (-webkit-min-device-pixel-ratio:0) {HTML {overflow:auto!important}}

BODY.index {background:url('/img/bg-red-line.gif') 0 136px repeat-x fixed white}
BODY.top   {background:url('/img/bg-top.gif') 0 0 repeat-x #f0f2ee}
BODY.main  {overflow:auto}

BODY.top {min-width:1000px}

H1, H2 {font-weight:normal}
H3, H4, H5, H6 {font-weight:bold}
H1 {font-size:20px}
H2 {font-size:18px}
H3 {font-size:16px}
H4 {font-size:12px}

/*checkbox*/
LABEL {
    padding:0 5px 0 0;
    line-height:20px;
}

LABEL * {vertical-align:middle}

LABEL INPUT {
    margin:-2px 6px 0 0;
   _margin: 0 3px 0 -4px;
}

/*input&textarea*/
INPUT.text,
TEXTAREA {
    border-top:1px solid #bbb;
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    border-left:1px solid #bbb;
    padding:1px 0 2px 2px;
    width:150px;
   _height:150%;
}

SELECT {
    border-top:1px solid #bbb;
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    border-left:1px solid #bbb;
    width:150px;
}

TEXTAREA {width:100%; height:6.6em; _height:6.4em}

/*button*/
BUTTON {
    padding:1px 10px;
    overflow:visible;
    line-height:1.17em;
   _width:1px;
}

TABLE {border-collapse:collapse}

/*warning*/
.ok      {background:#daecde}

.warning {background:#eaeaea}
.error   {background:#f0e7e1}

.ok, .warning, .error {
    color:#000;
    margin-bottom:2px;
    padding:15px;
    width:50%;
}

.ok { background-image:url('/img/info.png'); background-position:7px 12px; background-repeat:no-repeat; font-size:11px; padding-left:40px; width:700px;}

A {color:#2880ce}
A:hover {color:#666}

.in {
    height:240px;
    overflow:visible;
    margin:-12px 30px 0;
    position:relative;
    min-width:886px;
}

.in .shadow-tl,
.in .shadow-tr {
    background:url('/img/shadow-tl.png') 0 0 no-repeat transparent;
    height:12px;
}

.in .shadow-tr {
    background-image:url('/img/shadow-tr.png');
    float:right;
    width:24px;
}

.in .shadow-l,
.in .shadow-r {
    background:url('/img/shadow-l.png') 0 0 no-repeat transparent;
    float:left;
    height:100%;
    width:12px;
}

.in .shadow-r {
    background-image:url('/img/shadow-r.png');
    float:right;
    right:30px;
}

.in .main {
    background:#fff;
    margin:0 12px;
    height:100%;
}

/*head*/
.head {height:80px; margin:0 42px; overflow:hidden}

.head .logo,
.head .news-head,
.head .balance,
.head .user    {height:100%; margin-top:-80px; position:relative}

.head .logo    {width:250px; margin:0; z-index:10}
.head .news-head    {width:50%}
.head .balance {width:20%; margin-left:50%}
.head .user    {width:25%; margin-left:75%}

/*logo*/
.logo a {
    display:block;
    height:100%;
    width:153px;
    width:246px;
    text-decoration:none;
}

.logo a:hover {opacity:.7}

.logo_1 { background:url('/img/logo_cop_1.gif') 0 50% no-repeat transparent; }
.logo_2 { background:url('/img/logo_cop_2.gif') 0 50% no-repeat transparent; }

/*news*/
.newsContent {margin:15px 0 0 260px}
.news-head {overflow:hidden}
.news-head P {
    width:100%;
    margin:0 0 4px;
    overflow:hidden;
    height:14px;
}
.news-head .date {
    border-right:1px solid #acacac;
    color:#2880ce;
    margin-right:7px;
    padding-right:7px;
}
.news-head A {color:#999}
.news-head A:hover {color:#666}

/*balance*/
.balanceContent {padding:15px 20px 0}
.balance {color:#999}
.balance A,
.balance SPAN {font-weight:800}
.balance SPAN {color:#d61a55; padding:0 5px; white-space:nowrap}
.balance P {padding:5px 0}
.balance DIV {white-space:nowrap}

/*user*/
.user {}
.user * {}

/*login*/
.login {padding-top:15px; width:100%}

.login .name {
    border-right:1px solid #999;
    color:#4c4c4c;
    font-size:12px;
    font-weight:800;
    margin-right:42px;
    height:16px;
    overflow:hidden;
    padding-right:5px;
    text-align:right;
}


.login .exit {
    color:#999;
    float:right;
    display:block;
    line-height:20px;
    margin-top:-18px;
}

.login A:hover {color:#666}

/*msg*/
.user .msg {margin-top:6px}

.user .msg A,
.user .msg .new,
.user .msg .num {float:right}

.user .msg A {
    font-weight:800;
    margin:0 7px;
}

.user .msg .new {
    border-left:1px solid #999;
    color:#999;
    padding-left:5px;
}

.user .msg .num {
    background:url('/img/mail-top.png') 50% 50% no-repeat transparent;
    border:1px dotted #fff;
    padding:2px 1px;
    margin-top:-3px;
    width:16px;
}

.user .msg .active {background-image:url('/img/mail-top-active.png')}


/*menu*/
.menu {
    height:23px;
    margin:0px auto 0;
    overflow:hidden;
}

.menu A {
    color:#4c4c4c;
    background:#f0e7e1;
    display:block;
    float:left;
    font-size:14px;
    height:23px;
    line-height:22px;
    padding:0 10px;
    text-decoration:none;
    margin-right:10px;
    white-space:nowrap;
    overflow:hidden;
}

.menu A:hover {background:#edefec}
.menu A.active,
.menu A.active:hover {background:url('/img/menu-link-bg.png') 0 0 repeat-x #980b28; color:white}

/*submenu*/
.submenu {margin:3px 0 0}
.submenu A {background:#e6eef4; font-size:13px; text-decoration:underline}
.submenu A.active {text-decoration:none}

.help,
.help-active {
    background:url('/img/help-bg.png') 0 0 no-repeat transparent;
    color:white;
    display:block;
    height:30px;
    width:72px;
    line-height:25px;
    text-align:center;
    float:right;
    margin-right:14px;
   _margin-right:7px;
    text-decoration:none;
}

A.help:hover {color:#fff; opacity:.7}

 .help-active,
A.help-active:hover {
    background-image:url('/img/help-bg-active.png');
    color:#fff;
    cursor:default;
    opacity:1;
}