BODY {
    MARGIN: 10px 0px 0px;
    FONT-FAMILY: Arial;
    FONT-SIZE: 12px
}

IMG {
    BORDER-BOTTOM: 0px;
    BORDER-LEFT: 0px;
    BORDER-TOP: 0px;
    BORDER-RIGHT: 0px
}

#Wrap {
    MARGIN: 0px auto;
    WIDTH: 950px
}

#Head {
    HEIGHT: 56px
}

#Logo {
    FLOAT: left
}

#HeadLinks {
    MARGIN-TOP: 32px;
    FLOAT: right
}

#HeadLinks A {
    COLOR: #666;
    MARGIN-LEFT: 5px;
    TEXT-DECORATION: none
}

#HeadLinks A:hover {
    TEXT-DECORATION: underline
}

#BannerIndex {
    POSITION: absolute;
    HEIGHT: 20px;
    TOP: 260px;
    LEFT: 20px
}

#BannerIndex A {
    TEXT-ALIGN: center;
    FILTER: alpha(opacity = 60);
    LINE-HEIGHT: 16px;
    BACKGROUND-COLOR: #fff;
    MARGIN: 1px 3px 1px 1px;
    WIDTH: 16px;
    ZOOM: 1;
    DISPLAY: inline;
    FLOAT: left;
    HEIGHT: 16px;
    COLOR: #666;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none;
    -moz-opacity: 0.6;
    opacity: 0.6
}

#BannerIndex A.current {
    FILTER: alpha(opacity = 100);
    -moz-opacity: 1;
    opacity: 1
}

#BannerIndex A.current:hover {
    BORDER-BOTTOM: #000 1px solid;
    FILTER: alpha(opacity = 99);
    BORDER-LEFT: #000 1px solid;
    BORDER-TOP: #000 1px solid;
    BORDER-RIGHT: #000 1px solid;
    -moz-opacity: 99;
    opacity: 0.99
}

#BannerIndex A:hover {
    BORDER-BOTTOM: #000 1px solid;
    FILTER: alpha(opacity = 40);
    BORDER-LEFT: #000 1px solid;
    MARGIN: 0px 2px 0px 0px;
    ZOOM: 1;
    BORDER-TOP: #000 1px solid;
    BORDER-RIGHT: #000 1px solid;
    -moz-opacity: 0.4;
    opacity: 0.4
}

#Banner {
    POSITION: relative;
    WIDTH: 950px;
    HEIGHT: 300px;
    OVERFLOW: hidden
}

#Banner A DIV {
    POSITION: absolute;
    WIDTH: 950px;
    HEIGHT: 300px;
    TOP: 0px;
    CURSOR: pointer;
    LEFT: 0px
}

#Login {
    POSITION: absolute;
    WIDTH: 280px;
    top: 10px;
    HEIGHT: 234px;
    LEFT: 657px;
}

#LoginForm {
    MARGIN: 0px;
    WIDTH: 280px;
    HEIGHT: 250px;
    TOP: 28px;
    background: #FFF;
    opacity: 0.9;
    clear: both;
    -moz-border-radius: 0px 0px 5px 5px;      /* Gecko browsers */
    -webkit-border-radius: 0px 0px 5px 5px;   /* Webkit browsers */
    border-radius:0px 0px 5px 5px;            /* W3C syntax */
}

TABLE {
    BORDER-BOTTOM: 0px;
    BORDER-LEFT: 0px;
    WIDTH: 235px;
    BORDER-TOP: 0px;
    BORDER-RIGHT: 0px;
    margin-left: 20px;
}

TABLE TD.label {
    HEIGHT: 30px;
    COLOR: #000;
    FONT-SIZE: 14px;
    FONT-WEIGHT: bold
}

TABLE TD.error {
    PADDING-BOTTOM: 2px;
    PADDING-LEFT: 5px;
    PADDING-RIGHT: 0px;
    COLOR: #f00;
    PADDING-TOP: 2px
}

TABLE TD A {
    COLOR: #5277c7;
    TEXT-DECORATION: none
}

TABLE TD A:hover {
    TEXT-DECORATION: underline
}

.login-input {
    BACKGROUND-IMAGE: url(../image/login-input.gif);
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 5px;
    WIDTH: 154px;
    PADDING-RIGHT: 0px;
    HEIGHT: 27px;
    OVERFLOW: hidden;
    PADDING-TOP: 3px
}

.login-input-hover {
    BACKGROUND-POSITION: 0px -30px
}

.code-input {
    BACKGROUND-IMAGE: url(../image/code-input.gif);
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 5px;
    WIDTH: 73px;
    PADDING-RIGHT: 0px;
    FLOAT: left;
    HEIGHT: 27px;
    OVERFLOW: hidden;
    PADDING-TOP: 3px
}

.code-input-hover {
    BACKGROUND-POSITION: 0px -30px
}

INPUT {
    BORDER-BOTTOM: 0px;
    BORDER-LEFT: 0px;
    PADDING-BOTTOM: 4px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    FONT-FAMILY: Arial;
    BACKGROUND: none transparent scroll repeat 0% 0%;
    HEIGHT: 16px;
    COLOR: #666;
    FONT-SIZE: 12px;
    BORDER-TOP: 0px;
    FONT-WEIGHT: bold;
    BORDER-RIGHT: 0px;
    PADDING-TOP: 4px
}

#UserName {
    WIDTH: 150px
}

#Password {
    WIDTH: 150px
}

#Code {
    WIDTH: 69px
}

#UserName:focus {
    OUTLINE-STYLE: none;
    OUTLINE-COLOR: invert;
    OUTLINE-WIDTH: medium
}

#Password:focus {
    OUTLINE-STYLE: none;
    OUTLINE-COLOR: invert;
    OUTLINE-WIDTH: medium
}

#Code:focus {
    OUTLINE-STYLE: none;
    OUTLINE-COLOR: invert;
    OUTLINE-WIDTH: medium
}

#Loading {
    MARGIN: 7px 0px 0px 3px;
    FLOAT: left;
    COLOR: #666
}

#CodeImg {
    WIDTH: 80px;
    FLOAT: left;
    HEIGHT: 30px;
    MARGIN-LEFT: 3px
}

#Submit {
    BACKGROUND-IMAGE: url(../image/submit.png);
    BORDER-BOTTOM: 0px;
    BORDER-LEFT: 0px;
    WIDTH: 103px;
    FLOAT: left;
    HEIGHT: 46px;
    BORDER-TOP: 0px;
    BORDER-RIGHT: 0px;
    TEXT-DECORATION: none;
    _background-image: url(../image/submit.gif)
}

#Submit:hover {
    BACKGROUND-POSITION: 0px -46px;
    _background-position: 0px -46px
}

#Forget {
    MARGIN: 14px 0px 0px 3px;
    FLOAT: left
}

#BannerBottom {
    POSITION: relative;
    HEIGHT: 46px
}

#Tip1 {
    POSITION: absolute;
    WIDTH: 111px;
    BACKGROUND: url(../image/tip1.gif);
    HEIGHT: 37px;
    TOP: 0px;
    LEFT: 547px
}

#LoginBottom {
    POSITION: absolute;
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 35px;
    WIDTH: 241px;
    PADDING-RIGHT: 0px;
    BACKGROUND: url(../image/login-bottom.gif);
    HEIGHT: 30px;
    COLOR: #999;
    TOP: 0px;
    PADDING-TOP: 7px;
    LEFT: 658px
}

#LoginBottom A {
    COLOR: #1b6bbc;
    TEXT-DECORATION: none
}

#LoginBottom A:hover {
    TEXT-DECORATION: underline
}

#Products {
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 80px;
    WIDTH: 880px;
    PADDING-RIGHT: 0px;
    BACKGROUND: url(../image/products-bg.gif) no-repeat;
    HEIGHT: 175px;
    PADDING-TOP: 30px
}

#Products A {
    BACKGROUND-IMAGE: url(../image/products.jpg);
    WIDTH: 117px;
    FLOAT: left;
    HEIGHT: 139px;
    TEXT-DECORATION: none
}

A#Product5 {
    WIDTH: 117px;
    BACKGROUND-POSITION: -4px -11px;
    MARGIN-RIGHT: 1px
}

A#Product1 {
    WIDTH: 118px
}

A#Product7 {
    WIDTH: 118px
}

#Product1 {
    BACKGROUND-POSITION: -120px -11px
}

#Product2 {
    BACKGROUND-POSITION: -237px -11px
}

#Product3 {
    BACKGROUND-POSITION: -353px -11px
}

#Product7 {
    BACKGROUND-POSITION: -469px -11px
}

#Product6 {
    BACKGROUND-POSITION: -586px -11px
}

A#Product4 {
    WIDTH: 117px;
    BACKGROUND-POSITION: -702px -11px;
    MARGIN-LEFT: 7px
}

#Product5:hover {
    BACKGROUND-POSITION: -1px 139px
}

#Product1:hover {
    BACKGROUND-POSITION: -117px 139px
}

#Product2:hover {
    BACKGROUND-POSITION: -234px 139px
}

#Product3:hover {
    BACKGROUND-POSITION: -350px 139px
}

#Product7:hover {
    BACKGROUND-POSITION: -466px 139px
}

#Product6:hover {
    BACKGROUND-POSITION: -583px 139px
}

#Product4:hover {
    BACKGROUND-POSITION: -699px 139px
}

#Topics {
    WIDTH: 960px;
    MARGIN-BOTTOM: 30px;
    BACKGROUND: url(../image/tip2.gif) no-repeat right top;
    HEIGHT: 170px
}

#LeftBar {
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 5px;
    WIDTH: 20px;
    PADDING-RIGHT: 0px;
    HEIGHT: 135px;
    PADDING-TOP: 25px
}

#RightBar {
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 5px;
    WIDTH: 20px;
    PADDING-RIGHT: 0px;
    HEIGHT: 135px;
    PADDING-TOP: 25px
}

#LeftBar {
    FLOAT: left
}

#RightBar {
    FLOAT: right
}

#LeftRoll {
    WIDTH: 16px;
    DISPLAY: block;
    HEIGHT: 29px;
    TEXT-DECORATION: none
}

#RightRoll {
    WIDTH: 16px;
    DISPLAY: block;
    HEIGHT: 29px;
    TEXT-DECORATION: none
}

#LeftRoll {
    BACKGROUND-IMAGE: url(../image/l-roll.gif)
}

#RightRoll {
    BACKGROUND-IMAGE: url(../image/r-roll.gif)
}

#LeftRoll:hover {
    BACKGROUND-POSITION: 0px -29px
}

#RightRoll:hover {
    BACKGROUND-POSITION: 0px -29px
}

#LeftDisable {
    WIDTH: 16px;
    BACKGROUND: url(../image/l-roll.gif) 0px -58px;
    HEIGHT: 29px
}

#RightDisable {
    WIDTH: 16px;
    BACKGROUND: url(../image/r-roll.gif) 0px -58px;
    HEIGHT: 29px
}

#MarqueeWrap {
    POSITION: relative;
    WIDTH: 900px;
    FLOAT: left;
    HEIGHT: 170px;
    OVERFLOW: hidden
}

#Marquee {
    POSITION: absolute;
    HEIGHT: 170px;
    LEFT: 0px
}

#Marquee A {
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 10px;
    WIDTH: 160px;
    PADDING-RIGHT: 10px;
    FLOAT: left;
    HEIGHT: 160px;
    TEXT-DECORATION: none;
    PADDING-TOP: 10px
}

#Marquee A:hover {
    BACKGROUND: url(../image/top-bg.gif)
}

#Marquee A IMG {
    WIDTH: 160px;
    MARGIN-BOTTOM: 12px;
    HEIGHT: 90px
}

.title {
    WIDTH: 160px;
    CURSOR: pointer
}

.description {
    WIDTH: 160px;
    CURSOR: pointer
}

.title {
    MARGIN-BOTTOM: 7px;
    COLOR: #333
}

.description {
    WORD-WRAP: break-word;
    HEIGHT: 32px;
    COLOR: #999;
    WORD-BREAK: break-all
}

#Foot {
    TEXT-ALIGN: center;
    HEIGHT: 11px;
    COLOR: #999;
    PADDING-TOP: 23px
}

#Foot A {
    COLOR: #999;
    MARGIN-LEFT: 5px
}

.tips {
    BORDER-BOTTOM: #eee495 1px solid;
    BORDER-LEFT: #eee495 1px solid;
    PADDING-BOTTOM: 8px;
    LINE-HEIGHT: 18px;
    PADDING-LEFT: 12px;
    PADDING-RIGHT: 12px;
    MARGIN-BOTTOM: 10px;
    BACKGROUND: #fff9c8;
    FONT-SIZE: 14px;
    BORDER-TOP: #eee495 1px solid;
    BORDER-RIGHT: #eee495 1px solid;
    PADDING-TOP: 8px
}

P {
    PADDING-BOTTOM: 5px;
    MARGIN: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 5px
}

#E {
    WIDTH: 150px;
    TEXT-OVERFLOW: ellipsis;
    WHITE-SPACE: nowrap;
    OVERFLOW: hidden;
    CURSOR: default
}

.fl {
    FLOAT: left
}

.clear {
    HEIGHT: 1px;
    CLEAR: both;
    OVERFLOW: hidden
}

#question {
    POSITION: absolute;
    WIDTH: 266px;
    BOTTOM: 0px;
    HEIGHT: 228px;
    OVERFLOW: hidden;
    LEFT: 663px
}

#question .i_title {
    POSITION: relative;
    LINE-HEIGHT: 31px;
    TEXT-INDENT: 15px;
    WIDTH: 266px;
    BACKGROUND: url(../image/head.gif);
    HEIGHT: 31px
}

#question .i_content {
    PADDING-BOTTOM: 14px;
    PADDING-LEFT: 14px;
    PADDING-RIGHT: 14px;
    BACKGROUND: #f7f0d4;
    HEIGHT: 177px;
    FONT-SIZE: 12px;
    PADDING-TOP: 8px
}

#question .i_content .i_name {

}

#question .i_content .i_name DIV {
    LINE-HEIGHT: 24px
}

#question .i_content .i_name DIV#s_uname_wrap {
    PADDING-BOTTOM: 1px;
    LINE-HEIGHT: 19px;
    PADDING-LEFT: 2px;
    WIDTH: 111px;
    PADDING-RIGHT: 2px;
    BACKGROUND: url(../image/input.gif);
    HEIGHT: 21px;
    PADDING-TOP: 1px
}

#question .i_content .i_name DIV.focus#s_uname_wrap {
    BACKGROUND: url(../image/input.gif) no-repeat 0px -23px
}

#s_uname_wrap INPUT {
    PADDING-BOTTOM: 1px;
    LINE-HEIGHT: 19px;
    PADDING-LEFT: 2px;
    WIDTH: 107px;
    PADDING-RIGHT: 2px;
    PADDING-TOP: 1px
}

#question .i_satisfaction {
    LINE-HEIGHT: 24px;
    MARGIN: 2px 0px 6px;
    HEIGHT: 24px
}

.i_satisfaction A {
    PADDING-BOTTOM: 5px;
    PADDING-LEFT: 3px;
    WIDTH: 15px;
    PADDING-RIGHT: 0px;
    DISPLAY: block;
    BACKGROUND: url(../image/star.gif) no-repeat 3px 5px;
    FLOAT: left;
    HEIGHT: 14px;
    OVERFLOW: hidden;
    PADDING-TOP: 5px
}

#stars {
    HEIGHT: 24px
}

.i_satisfaction A.dark {
    BACKGROUND: url(../image/star.gif) no-repeat -18px 5px
}

#score {
    LINE-HEIGHT: 24px;
    FLOAT: left;
    MARGIN-LEFT: 8px;
    FONT-SIZE: 14px
}

#suggest {
    BORDER-BOTTOM: #9d9d9c 1px solid;
    BORDER-LEFT: #9d9d9c 1px solid;
    MARGIN-TOP: 9px;
    WIDTH: 239px;
    FONT-FAMILY: Arial;
    HEIGHT: 63px;
    COLOR: #666;
    FONT-SIZE: 12px;
    OVERFLOW: auto;
    BORDER-TOP: #9d9d9c 1px solid;
    BORDER-RIGHT: #9d9d9c 1px solid
}

.focus#suggest {
    FONT-FAMILY: Arial;
    BACKGROUND: #edf3c1
}

.btn_box {
    TEXT-ALIGN: center;
    MARGIN: 7px 0px
}

#s_close {
    PADDING-BOTTOM: 0px;
    LINE-HEIGHT: 22px;
    PADDING-LEFT: 0px;
    WIDTH: 50px;
    PADDING-RIGHT: 0px;
    BACKGROUND: url(../image/tuiguang.gif);
    HEIGHT: 22px;
    COLOR: #000;
    CURSOR: pointer;
    FONT-WEIGHT: normal;
    PADDING-TOP: 0px
}

#s_submit {
    PADDING-BOTTOM: 0px;
    LINE-HEIGHT: 22px;
    PADDING-LEFT: 0px;
    WIDTH: 50px;
    PADDING-RIGHT: 0px;
    BACKGROUND: url(../image/tuiguang.gif);
    HEIGHT: 22px;
    COLOR: #000;
    CURSOR: pointer;
    FONT-WEIGHT: normal;
    PADDING-TOP: 0px
}

#s_cancel {
    PADDING-BOTTOM: 0px;
    LINE-HEIGHT: 22px;
    PADDING-LEFT: 0px;
    WIDTH: 50px;
    PADDING-RIGHT: 0px;
    BACKGROUND: url(../image/tuiguang.gif);
    HEIGHT: 22px;
    COLOR: #000;
    CURSOR: pointer;
    FONT-WEIGHT: normal;
    PADDING-TOP: 0px
}

.over#s_close {
    BACKGROUND: url(../image/tuiguang.gif) 0px -35px
}

.over#s_submit {
    BACKGROUND: url(../image/tuiguang.gif) 0px -35px
}

.over#s_cancel {
    BACKGROUND: url(../image/tuiguang.gif) 0px -35px
}

.down#s_close {
    BACKGROUND: url(../image/tuiguang.gif) 0px -70px
}

.down#s_submit {
    BACKGROUND: url(../image/tuiguang.gif) 0px -70px
}

.down#s_cancel {
    BACKGROUND: url(../image/tuiguang.gif) 0px -70px
}

.error#s_uname {
    COLOR: red
}

#suggestBtn {
    PADDING-BOTTOM: 0px;
    LINE-HEIGHT: 25px;
    PADDING-LEFT: 0px;
    WIDTH: 59px;
    PADDING-RIGHT: 0px;
    BACKGROUND: url(../image/suggest.gif);
    HEIGHT: 20px;
    MARGIN-LEFT: 12px;
    CURSOR: pointer;
    PADDING-TOP: 0px
}

INPUT#suggestBtn {
    _line-height: 24px;
    _margin-top: 1px
}

.over#suggestBtn {
    BACKGROUND: url(../image/suggest.gif) 0px -33px
}

.down#suggestBtn {
    BACKGROUND: url(../image/suggest.gif) 0px -67px
}

#close {
    POSITION: absolute;
    WIDTH: 10px;
    DISPLAY: block;
    BACKGROUND: url(../image/close.gif);
    HEIGHT: 9px;
    OVERFLOW: hidden;
    TOP: 5px;
    CURSOR: pointer;
    RIGHT: 5px
}

#close:hover {
    BACKGROUND: url(../image/close.gif) -10px 0px
}

#notice {
    COLOR: #cc0000
}

#score_comment {
    MARGIN-LEFT: 5px;
    FONT-SIZE: 12px
}

.i_success {
    TEXT-ALIGN: center;
    COLOR: #6cab44;
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold
}

.i_success IMG {
    MARGIN: 20px 0px 0px 85px;
    DISPLAY: block;
    _margin-left: 0px
}

#suggestBtn {
    PADDING-BOTTOM: 0px;
    LINE-HEIGHT: 20px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    COLOR: #cc0000;
    FONT-WEIGHT: normal;
    PADDING-TOP: 0px
}

.nowUserType{
    padding-top: 5px;
    width: 280px;
    height: 30px;
    font-size: 16px;
    font-family: "Microsoft YaHei";
    float: left;
    color: #333333;
    background: #fff;
    opacity: 0.9;
    text-align: center;
    -moz-border-radius: 5px 5px 0px 0px;        /* Gecko browsers */
    -webkit-border-radius: 5px 5px 0px 0px;     /* Webkit browsers */
    border-radius:5px 5px 0px 0px;              /* W3C syntax */
}

.userType{
    padding-top: 5px;
    width: 140px;
    height: 30px;
    font-size: 16px;
    color: #FFF;
    background: #669BA9;
    font-family: "Microsoft YaHei";
    float: left;
    opacity: 0.9;
    text-align: center;
    -moz-border-radius: 5px 5px 0px 0px;       /* Gecko browsers */
    -webkit-border-radius: 5px 5px 0px 0px;     /* Webkit browsers */
    border-radius:5px 5px 0px 0px;            /* W3C syntax */
    cursor: pointer;
}