/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    background: transparent;
    font-size:12px;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* Styles Begin Here @allen 11:55 2009-8-4 */

body { background:#fff url(bg.jpg) repeat-x; }

a:link,
a:active,
a:visited {
    color:#000;
    font-size:12px;
    text-decoration:none;
    }
a:hover {
    color:#c30;
    }
.red:link,
.red:active,
.red:visited {
    color:#c30;
    font-size:12px;
    text-decoration:underline;
    }
.red:hover {
    color:#000;
    }
.u { text-decoration:underline; }
.b { font-weight:bold; }
.fixed { clear:both; }
.after-fixed:after {
    display:block;
    content:'.';
    height:0;
    visibility:hidden;
    clear:both;
    }
.tc { text-align:center; }
.mtop {
    margin-top:10px;
    }
.mleft {
    margin-left:10px;
    _display:inline;
    }


/* Common Style Begin Here */
.colmun-box { /* Without Not 940px Width's Box Using On */
    width:940px;
    margin:0 auto;
    margin-top:10px;
    }

.left-col,
.right-col {
    float:left;
    _display:inline; /* 修复著名的IE6双倍外边距BUG，FUCK IE6!!! */
    }
.small-col,
.middle-col,
.big-col {
    float:left;
    margin-left:10px;
    _display:inline; /* 修复著名的IE6双倍外边距BUG，FUCK IE6!!! */
    }
.left-col {
    width:720px;
    }
.right-col {
    width:240px;
    }
.small-col { /* The small column's class, they define width style in here. // e.g. ID:member-login && ID:categories */
    width:220px;
    }
.middle-col { /* e.g. ID:vr-player */
    width:480px;
    }
.big-col { /* e.g. ID:pop-tab */
    width:710px;
    }

/* Picture Style Begin here */
a:hover .pic {
    border:1px #e60 solid;
    background:#e60;
    }
.pic {
    padding:2px;
    background:#fff;
    border:1px #ccc solid;
    }

/* Round Box */
.robox {}
    .robox h3,
    .robox .footer {
        background:url(round-box.gif) no-repeat;
        }
    .robox h3 {
        height:56px;
        text-indent:-999em;
        }
    .robox .body {
        border:1px #d3d3d3 solid;
        border-width:0 1px;
        background:#fff;
        }
    .robox .footer {
        height:5px;
        background-position:0 -223px;
        _overflow:hidden;
        }

/* Base List */
.base-list {}
    .base-list li span{
        float:right;
        }
    .base-list li strong {
        color:#c30;
        }

/* Colorful Links */
.gray:link,
.gray:visited,
.gray:active {
    color:#999;
    }
.gray:hover {
    color:#c30;
    }

.red:link,
.red:visited,
.red:active {
    color:#c30;
    }
.red:hover {
    color:#333;
    }

.blue:link,
.blue:visited,
.blue:active {
    color:#0cf;
    }
.blue:hover {
    color:#c30;
    }

/* Layout Begin here */
#wrap {
    width:960px;
    margin:0 auto;
    }
    #header { height:138px; }
        #inner-header { height:87px; }
            #logo,
            #menu,
            #topnav {
                height:87px;
                float:left;
                }
            #logo {
                width:216px;
                }
                #logo h1 a {
                    display:block;
                    height:87px;
                    background:url(zsvr.net.jpg) no-repeat 10px 19px;
                    text-indent:-999em;
                    }
            #menu {
                margin-top:8px;
                height:78px;
                width:465px;
                }
                #menu ul {}
                    #menu ul li {
                        display:block;
                        float:left;
                        width:58px;
                        height:78px;
                        margin-left:35px;
                        _display:inline; /* 修复著名的IE6双倍外边距BUG，FUCK IE6!!! */
                        }
                        #menu ul li a {
                            display:block;
                            width:58px;
                            height:58px;
                            background:url(menu-icons.jpg) no-repeat;
                            text-indent:-999em;
                            }
                            #menu ul li span {
                                display:block;
                                height:20px;
                                line-height:20px;
                                text-align:center;
                                }
                            #menu ul li span a {
                                height:20px;
                                line-height:20px;
                                background:none;
                                text-indent:0;
                                }
                            #menu ul li span a:link,
                            #menu ul li span a:visited,
                            #menu ul li span a:active {
                                color:#666;
                                }
                            #menu ul li span a:hover {
                                color:#c30;
                                }
                    /* Menus Begin */
                    #m-shopping {}
                        #m-shopping a {}
                        #m-shopping a:hover { background-position:0 -58px; }
                    #m-food {}
                        #m-food a:link,
                        #m-food a:visited,
                        #m-food a:active { background-position:-58px 0; }
                        #m-food a:hover { background-position:-58px -58px; }
                    #m-house {}
                        #m-house a:link,
                        #m-house a:visited,
                        #m-house a:active { background-position:-116px 0; }
                        #m-house a:hover { background-position:-116px -58px; }
                    #m-business {}
                        #m-business a:link,
                        #m-business a:visited,
                        #m-business a:active { background-position:-174px 0; }
                        #m-business a:hover { background-position:-174px -58px; }
                    #m-fun {}
                        #m-fun a:link,
                        #m-fun a:visited,
                        #m-fun a:active { background-position:-232px 0; }
                        #m-fun a:hover { background-position:-232px -58px; }
                    /* Menus End */
            #topnav { margin-left:35px;}
                #toplogin {
                    width:220px;
                    height:22px;
                    line-height:22px;
                    text-align:center;
                    background:url(tmbg.gif) no-repeat;
                    }
                    #toplogin a {
                        padding:0 8px;
                        }
                #shopbar {
                    margin-top:18px;
                    width:220px;
                    height:46px;
                    background:url(tsi.jpg) no-repeat;
                    }
                    #shopbar a {
                        display:block;
                        float:left;
                        width:110px;
                        height:23px;
                        text-indent:-999em;
                        }
        #search {
            height:51px;
            background:url(search-bg-l.jpg) repeat-x;
            }
            #search .search {
                width:495px;
                float:left;
                text-align:left;
                height:51px;
                background:url(search-t.jpg) no-repeat;
                }
                #search .search form {
                    margin-left:86px;
                    height:34px;
                    padding-top:8px;
                    vertical-align:middle;
                    }
                    #search .search form select {
                        border:0;
                        font-size:12px;
                        height:18px;
                        text-align:center;
                        }
                        #search .search form select option {
                            text-align:left;
                            }
                    #search .search form input {
                        width:229px;
                        height:16px;
                        border:0;
                        background:url(search-i.jpg) no-repeat;
                        font-size:12px;
                        color:#ccc;
                        padding:3px 0 0 10px;
                        }
            #search .hot-keywords {
                width:465px;
                float:left;
                height:51px;
                background:url(search-bg-r.jpg) repeat-x;
                }
                #search .hot-keywords .hot-keywords-l {
                    height:51px;
                    background:url(search-splite.jpg) no-repeat;
                    }
                    #search .hot-keywords .hot-keywords-r {
                        height:51px;
                        background:url(search-f.jpg) no-repeat right;
                        }
                        #search .hot-keywords .hot-keywords-r dl {
                            height:34px;
                            margin-left:20px;
                            }
                            #search .hot-keywords .hot-keywords-r dl dt,
                            #search .hot-keywords .hot-keywords-r dl dd {
                                display:inline;
                                height:34px;
                                line-height:34px;
                                }
                            #search .hot-keywords .hot-keywords-r dl dt {
                                font-weight:bold;
                                color:#c30;
                                }
                                #search .hot-keywords .hot-keywords-r dl dd a:link,
                                #search .hot-keywords .hot-keywords-r dl dd a:active,
                                #search .hot-keywords .hot-keywords-r dl dd a:visited {
                                    color:#fff;
                                    text-decoration:underline;
                                    }
                                #search .hot-keywords .hot-keywords-r dl dd a:hover {
                                    color:#c30;
                                    }
    #footer-box {
        height:190px;
        background:url(fbox-bg.gif) repeat-y;
        }
        #footer-box .fbox-t,
        #footer-box .fbox-b {
            _overflow:hidden;
            height:8px;
            background:url(fbox.gif) no-repeat;
            }
        #footer-box .fbox-b {
            background-position:0 -8px;
            background-color:#fff;
            }
        #footer-box .fbox {
            height:174px;
            }
            #fb-service,
            #fb-help,
            #fb-comment {
                float:left;
                }
            #fb-service {
                width:230px;
                }
                #fb-service h3,
                #fb-service span,
                #fb-service .mailto,
                #fb-service .online {
                    background:url(fb-service.gif) no-repeat;
                    text-indent:-999em;
                    }
                #fb-service span,
                #fb-service .mailto,
                #fb-service .online {
                    display:block;
                    }
                #fb-service h3 {
                    height:35px;
                    background-position:17px 7px;
                    }
                #fb-service span {
                    margin-top:20px;
                    height:30px;
                    background-position:53px -28px;
                    }
                #fb-service .mailto {
                    margin-top:18px;
                    height:12px;
                    background-position:53px -59px;
                    }
                #fb-service .online {
                    margin-top:18px;
                    height:43px;
                    background-position:53px -71px;
                    }
            #fb-help {
                width:480px;
                }
                #fb-help h3,
                #fb-help .help-list {
                    background:url(fb-help.gif) no-repeat;
                    }
                #fb-help h3 {
                    height:35px;
                    line-height:35px;
                    text-align:right;
                    background-position:21px 8px;
                    }
                    #fb-help h3 span {
                        color:#999;
                        font-weight:100;
                        padding-right:25px;
                        }
                #fb-help .help-list {}
                    #fb-help .help-list h4 {
                        height:36px;
                        line-height:36px;
                        text-indent:3.2em;
                        }
                    #fb-help .help-list ul {
                        margin-left:30px;
                        }
                        #fb-help .help-list ul li {
                            height:22px;
                            }
                            #fb-help .help-list ul li strong {
                                color:#c30;
                                }
                #fb-help .business-help,
                #fb-help .user-help {
                    float:left;
                    margin-left:10px;
                    margin-right:10px;
                    _margin-right:0px;
                    margin-top:15px;
                    width:220px;
                    }
                #fb-help .business-icon {
                    background-position:0 -27px;
                    }
                #fb-help .user-icon {
                    background-position:0 -168px;
                    }
            #fb-comment {
                width:230px;
                }
                #fb-comment h3 {
                    height:35px;
                    line-height:35px;
                    background:url(fb-comment.gif) no-repeat 18px 8px;
                    text-indent:-999em;
                    }
                #fb-comment ul {
                    width:194px;
                    margin:0 auto;
                    margin-top:10px;
                    }
                    #fb-comment ul li {
                        height:25px;
                        line-height:25px;
                        color:#999;
                        }
                        #fb-comment ul li cite {
                            color:#c30;
                            }
                        #fb-comment ul li span {
                            float:right;
                            }

    #links,
    #links .l-n,
    #links .r-n {
        background:url(links-icons.gif);
        }
    #links .l-n,
    #links .r-n {
        display:block;
        height:35px;
        width:5px;
        background-repeat:no-repeat;
        }
    #links {
        height:35px;
        background-repeat:repeat-x;
        background-position:0 -35px;
        }
        #links .l-n { float:left; }
        #links .r-n {
            float:right;
            background-position:-5px 0;
            }
        #links .links-list {
            float:left;
            height:35px;
            overflow:hidden;
            padding:0 10px;
            }
            #links .links-list dl {
                height:35px;
                }
                #links .links-list dl dt,
                #links .links-list dl dd {
                    display:inline;
                    height:35px;
                    line-height:35px;
                    }
                #links .links-list dl dt {}
                #links .links-list dl .more a:link,
                #links .links-list dl .more a:active,
                #links .links-list dl .more a:visited {
                    text-decoration:underline;
                    }
                #links .links-list dl .more a:hover {
                    text-decoration:none;
                    }
                #links .links-list dl .swap-links a:link,
                #links .links-list dl .swap-links a:active,
                #links .links-list dl .swap-links a:visited {
                    color:#c30;
                    }
                #links .links-list dl .swap-links a:hover {
                    text-decoration:underline;
                    }

    #footer {
        border-top:5px #c30 solid;
        background:url(ft-bg.gif) repeat-x;
        height:90px;
        }
        #footer .ft-links {
            text-align:center;
            height:30px;
            margin-top:20px;
            }
            #footer .ft-links ul {}
                #footer .ft-links ul li {
                    display:inline;
                    }
        #footer .copyright {
            height:20px;
            line-height:20px;
            text-align:center;
            font-family:arial;
            }

    #categories h3 {
        background-position:0 -168px;
        }
    #categories .body {
        height:673px;
        }
        #categories .body dl {
            width:186px;
            margin:0 auto;
            border-bottom:1px #eaeaea solid;
            padding-bottom:10px;
            }
        #categories .body .underline {
            border:0;
            }
            #categories .body dl dt {
                height:35px;
                line-height:35px;
                background:url(red-dot.gif) no-repeat 0 -9px;
                text-indent:15px;
                }
                #categories .body dl dt a:link,
                #categories .body dl dt a:visited,
                #categories .body dl dt a:active {
                    font-weight:bold;
                    }
                #categories .body dl dt a:hover {}
            #categories .body dl dd {
                float:left;
                height:22px;
                line-height:22px;
                padding:0 3px;
                color:#666;
                }
                #categories .body dl dd a:link,
                #categories .body dl dd a:visited,
                #categories .body dl dd a:active {
                    color:#666;
                    }
                #categories .body dl dd a:hover {
                    color:#c30;
                    }