/*        -------------------------------------------------------------
        Com51.com
        - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
        Description:        Çø¿éÑùʽ
        Filename:                gbox.css
        -------------------------------------------------------------        */
        /* =head
        --------------------------------------------------------*/
        /* =head-a*/
        .head-a,
        .head-a-yellow,
        .head-a-gray,
        .head-a-blue{
                line-height: 24px;
                height: 24px;
                padding-left: 10px;
        }
        .head-a-yellow{
                background: #FDF3D5;
                color:#C41200;
                /*border-bottom:1px solid #EFDDBD;*/
        }
        .head-a-gray{
                background: #EFEFEF;
        }
        .head-a-blue{
                background:#E0F0F9;
        }

        /* =head-b*/
        .head-b-orange{
                color: #E95E01;
        }
        .head-b-red{
                color: #C41200;
        }
   /* =box
        --------------------------------------------------------*/
        .box{
                position: relative;
                top: 0;
                left: 0;
        }


        /* =box-b*/
        .box-b,
        .box-b-yellow{
                position: relative;
                top: 0;
                left: 0;
        }

        .box-b-yellow{
                padding: 0;
                background: url(/images/bg/bg_box_b_yellow_right.gif) no-repeat right top;
        }
                .box-b-yellow .tl{
                        padding: 7px 7px 0 7px;
                        background: url(/images/bg/bg_box_b_yellow_left.gif) no-repeat left top;
                }
                .box-b-yellow .bl{
                        padding: 0 0 0 7px;
                        background: url(/images/bg/bg_box_b_yellow_left.gif) no-repeat left bottom;
                }
                .box-b-yellow .br{
                        padding: 0 7px 7px 0;
                        background: url(/images/bg/bg_box_b_yellow_right.gif) no-repeat right bottom;
                }

        /*=box-e*/
        .box-e-yellow{
                 background: url(/images/bg/bg_box_e_yellow_left.gif) no-repeat top left;
        }
        .box-e-yellow .tr{
                background: url(/images/bg/bg_box_e_yellow_right.gif) no-repeat top right;
                padding: 10px;
        }

        /* =box-f*/
        .box-f-yellow{
                background:#FDF3D5;
                padding: 2px;
        }


        /*box-i*/
        .box-i-yellow{
                border:1px solid #EFDDBD;
                background:#FFFEFA;
                padding:1px;
        }
        .box-i-yellow .top{
                background:url(/images/bg/bg_box_i_yellow.gif) repeat-x;
                height:24px;
                line-height:24px;
                padding:0 5px;
        }
        .box-i-yellow .content{
                padding:5px;
        }

        .box-i-yellow .top .nav-tab{
                font-size:14px;
        }
        .box-i-yellow .top .nav-tab li a#tab-select{
                background: #FFFEFA;
        }


        /* =table
        --------------------------------------------------------*/
        /* =table-top*/
        .table-top tr{
                 background: url(/images/bg/bg_dashed.gif) repeat-x left bottom;
        }

        .table-top td,
        .table-top th{
                text-align: center;
                font-size: 0.857em;
                padding: 5px 4px;
        }
        .table-top th{
                font-weight: normal;
        }
        .table-top .name{
                text-align: left;
        }
        .table-top .up{
                color: Red;
        }
        .table-top .low{
                color: Green;
        }
        /* =table-forum-list*/
        .table-forum-list th{
                 background: url(/images/bg/bg_yellow_dashed.gif) repeat-x left bottom;
        }
         .table-forum-list td{
                 background: url(/images/bg/bg_gray_dashed.gif) repeat-x left bottom;
        }
        .table-forum-list td,
        .table-forum-list th{
                text-align: left;
                font-size: 0.857em;
        /*        height: 28px;*/

        }
        .table-forum-list td{
                padding: 8px 0;
        }
        .table-forum-list th{
                padding: 6px 0 2px;
        }


        .table-forum-list th{
                font-weight: normal;
        }
        .table-forum-list tr.select{
                background: #FDFDD1 url(/images/bg/bg_dashed.gif) repeat-x left bottom;
        }


        .table-forum-list tr.alt{
                        background:#f9f9f9 url(/images/bg/bg_dashed.gif) repeat-x left bottom;
                }

/*        .table-forum-list td.last{
                font-size: 12px;
                color: #666;
                font-family:Arial;
                text-align: left;
        }*/
        .table-forum-list td.title{
                font-size: 14px;
                text-align: left;
        }
/*        .table-forum-list th.last{
                text-align: left;
        }*/
/*        .table-forum-list th.title{
                 text-align: left;
        }*/

         /* =table-form*/
         .table-form th,
         .table-form td{
                 font-size: 0.928em;
                font-weight: normal;
         }
         .table-form td{
                 text-align: left;
                padding: 0 10px 10px 0;
         }

         .table-form th{
          text-align: right;
          padding: 0 10px 10px 0;
/*          color: #C41200;*/
         }

         .table-form th.top{
          padding: 5px 10px 10px 0;
          vertical-align: top;
         }


         /* =table-li*/
         .table-li td{
                 font-size: 13px;
                padding: 5px;
         }

         .table-li.cen td{
                 text-align: center;
         }

        /* Ìæ»»ºóɾ³ý*/
         /*=table-pic*/
         .table-pic{
                 margin-top:5px;
         }
         .table-pic td{
                  vertical-align: top;
                 text-align: center;
                 padding: 5px;
                 font-size: 12px;
                 line-height: 1.5
         }
         .table-pic td img{
                    margin: 0 auto;
          }
         .table-pic td .title{
                display: block;
                margin-top:4px;
                text-align: center;
                line-height: 1.5em;
        }
        .table-pic .ico-head{
                  margin: 0 auto;
         }

         /*t-param-s*/
         .t-param-s{
                 border-top:1px solid #EFEFEF;
                border-left:1px solid #EFEFEF;
         }
         .t-param-s td,
         .t-param-s th{
                 padding: 5px;
                border-right: 1px solid #EFEFEF;
                border-bottom: 1px solid #EFEFEF;
                font-size: 12px;
         }
        /* =t-param*/
        .t-param{
                border-top:1px solid #EFEFEF;
                border-left:1px solid #EFEFEF;
        }
        .t-param td,
        .t-param th{
                padding:5px;
                border-right: 1px solid #EFEFEF;
                border-bottom: 1px solid #EFEFEF;
                font-size: 13px;
                text-align: left;
        }
        .t-param th{
                background: #f9f9f9;
                font-weight: normal;
        }
        .t-param caption{
                 line-height: 1.5em;
                 font-weight: bold;
        }
        /* =t-pd*/
        .t-pd-10 td{
                padding:10px;
        }
        .t-pd-5 td{
                padding: 5px;
        }
        .t-top td{
                vertical-align: top;
        }

        /*t-grid*/
        .t-grid td{
                 vertical-align: top;
                 text-align: center;
                 padding: 5px;
                 font-size: 12px;
        }
        .t-grid li.name{
                line-height: 1.5em;
        }
        .t-grid li.member{
                margin-top:5px;
        }
        .t-grid li.remark a{
                color: #666;
        }

        /*end t-grid*/


         /*=commend-user*/
  .commend-user td{
                  text-align: center;
                padding: 5px;
                vertical-align: top;
  }
  .commend-user img{
           margin: 0 auto;
  }
  .commend-user .member{
                  margin-top: 5px;
                font-size: 12px;
  }
  .commend-user .num{
                  font-size: 12px;
                font-family: Arial, Helvetica, sans-serif;
                /*margin-top:3px;*/
                color: #666;
  }
  /* =comment-list*/

        /* =bbs
        --------------------------------------------------------*/
                /* =read-doc*/
        .read-doc{
                border-bottom:1px solid #E5E5E5;
                border-right:1px solid #E5E5E5;
                /*background:#F6F5F0 url(/images/bg/bg_main_line.gif) repeat-y left top;*/
                /*background:#f6f6f6 url(/images/bg/bg_main_line_1.gif) repeat-y left top;*/
                background:#FFFDF9 url(/images/bg/bg_main_line_1.gif) repeat-y left top;
                position: relative;
                top: 0;
                left: 0;
        }

/*        .read-doc .read-br{
                background: url(/images/bg/bg_main_line.gif) repeat-y right top;

        }*/

        .read-doc .read-top{
                background: url(/images/bg/bg_read_top.gif) no-repeat;
                padding: 10px;

        }
        .read-doc ul.top{
                margin-top:10px;
                line-height: 27px;
                border-bottom: 1px solid #ccc;
                padding-bottom: 10px;
        }
        .read-doc ul.top .head,
        .read-doc ul.top .info{
                float: left;
                display: inline;
        }
        .read-doc ul.top .info{
                margin-left: 10px;
        }
        .read-doc ul.top .ctrl{
                float: right;
                font-size: 0.928em;
        }
/*        .read-doc table.top{
                 margin-top: 10px;
                 font-size: 13px;
        }
        */
        .read-doc .content{
                margin-top:10px;
                font-size: 1.142em;
                word-wrap: break-word;
                line-height: 1.7em;
/*                padding-top: 10px;
                border-top: 1px solid #ccc;*/
        }


        /* =read-review*/
        .read-review{
                border:1px solid #E5E5E5;
                padding:10px;
                margin-top: 10px;
        }
        .read-review .top{
                font-size: 0.928em;
                padding-bottom: 5px;
        }
        .read-review .head{
                 float: left;
                 display: inline;
                 width:60px;
                 margin-right:-65px;
        }
        .read-review .head .mhead-48{
                margin:0;
        }
        .read-review .content{
                font-size: 1.142em;
                word-wrap: break-word;
                line-height: 1.7em;
                margin-left: 65px;


        }
        .read-review .content-13{
                font-size: 13px;
                word-wrap: break-word;
                line-height: 1.7em;
                margin-left: 65px;
        }
        .read-review.alt{
                /*background: #f6f6f6;*/
                background: #FFFDF9;
        }

        /* =repost*/
        .repost{
                margin-top: 20px;
/*                width: 740px;*/
        }
        .repost .br{
                padding: 7px;
        }
        .repost textarea{
                margin-top:10px;
                width: 700px;
        }
        .repost ul.login{
                font-size: 0.928em;
                margin-top: 10px;
        }
        .repost ul.login li{
                float: left;
                display: inline;
                margin-right: 5px;
                line-height: 26px;
        }

        .repost-m{
                width: 100%;
        }

        .repost-m .repost{
                 float: left;
                 width: 70%;
                 display: inline;
        }
        .repost-m .mutu{
                float: right;
                width: 29%;
        }




        /* =list
        --------------------------------------------------------*/
        /* =list-a*/
        .list-a li{
                line-height: 25px;
                clear: both;
                border-bottom: 1px dashed #ccc;
                height: 28px;
                display: block;
   }
                .list-a li.alt,
                .list-c ul.alt{
                        background:#f9f9f9;
                }
                .list-a span.remark,
                .list-c span.remark{
                        font-size: 0.857em;
                        color: #666;
                }
                        .list-a span.remark a,
                        .list-c span.remark a{
                                color: #666;
                        }
                        .list-a span.remark a:hover,
                        .list-c span.remark a:hover{
                                color: #ff6600;
                        }

        /* =list-b*/
        .list-b li{
                line-height: 1.6em;
                font-size: 0.928em;
        }

        /* =list-h*/
        .list-h li{
                padding-top:5px;  
                line-height: 1.7em;
                font-size: 0.928em;
        }

        /* =list-c*/

        .list-c{
                width:100%;
        }
        .list-c .left{
                display:inline;
                float:left;
        }
        .list-c .right{
                float:right;
        }
        .list-c ul{
                clear:both;
                height:28px;
                line-height:28px;
                margin:0;
                border-bottom: 1px dashed #ccc;
                padding:0 5px;
        }
        /*user-products*/

        ul.user-goods li{
                margin-top:5px;
                text-align: center;
                font-size: 13px;

        }
        ul.user-goods li.member{
                font-size:12px;
                line-height: 1.5;
                color: #666;
        }
        ul.user-goods li.group a{
                 color: #666;
                 font-size: 12px;
        }
        ul.user-goods li.group a:hover{
                color: #ff6600;
        }
        ul.user-goods li.name{
                line-height: 1.5;
        }

        /* =att-goods*/
        dl.att-goods-560 dd{
                float: left;
                display: inline;
                margin-left: 20px;
        }

        ul.att-goods{
                width: 150px;
                clear: both;
                margin-top: 10px
        }
        ul.att-goods li{
                float: left;
                font-size: 13px;
        }
        ul.att-goods li.pic{
                width: 85px;
                height: 85px;
                margin-right:10px;
        }
        ul.att-goods li.name{
                clear: both;
                text-align: center;
                display: block;
                width: 100%;
                margin-top: 5px;
        }
        ul.att-goods li.item{
                margin-top: 8px
        }
        ul.att-goods li.item a{
                color: #555;
        }
  ul.att-goods li.item a:hover {
                color: #ff6600;
                text-decoration: underline;
        }

        ul.att-goods li.new a{
                color: #F60;
        }

        /* =select-list*/
        ul.select-list{
                padding:10px;
                height: 192px;
                overflow:auto;
        }
        ul.select-list li{
                font-size: 12px;
                padding: 2px;
                border:1px solid #FFFEFA;

        }

        ul.select-list a{
                 text-decoration: none;
                 color: #000;
        }

        ul.select-list a:hover{
                text-decoration: none;
                color: #000;
        }

        ul.select-list li.select{
                border:1px solid #92CDDC;
                background: #DBEEF3;
        }


        dl.dl-list dd{
                line-height:1.7;
                font-size: 13px;
        }


        /* =pages
        --------------------------------------------------------*/
        .pages{
                line-height: 20px;
                font-size: 12px;
                margin: 0 auto;
        }
                .pages a{
                 color: #004499;
                 text-decoration: none;
                 border: 1px solid #9aafe5;
                 /*padding: 3px 6px 2px 6px;*/
                 padding: 0 6px 0 6px;
                 margin-right: 1px;
            display: block;
                 float: left;
                 /*display:inline-block;
                 overflow:hidden;*/
           }
                .pages a:hover{
                        border: 1px solid #0066CC;
                        color: #ff6600;
                        text-decoration: none;

                }
                .pages span.current{
        /*         padding: 4px 7px 3px 7px;*/
                 padding: 1px 7px 1px 7px;
                         color: #fff;
                         font-weight: bold;
                         background-color: #004499;
                         margin-right: 1px;
                         display: block;
                         float: left;
                        /* display:inline-block;
                    overflow:hidden;*/
                }
                .pages span.point{
                         padding: 4px 7px 3px 7px;
        /*                 padding: 1px 7px 1px 7px;*/
                         margin-right: 1px;
                         display: block;
                         float: left;
                        /* display:inline-block;
                    overflow:hidden;*/
                }

                .pages span.lapse{
                         padding: 0 6px 0 6px;
                         color: #999;
                         border: 1px solid #ddd;
                         margin-right: 1px;
                         display: block;
                         float: left;
                        /* display:inline-block;
                    overflow:hidden;*/
                }

                /* =pages-m*/
                .pages-m a{
                         /*padding: 3px 6px 2px 6px;*/
                         padding: 0 6px 0 6px;
           }
/*                .pages-m a:hover {
                         background: #f1f1f1;
                }*/

                .pages-m span.current{
                         /*padding: 4px 7px 3px 7px;*/
                         padding: 0 5px 0 5px;
                         color: #000;
                         font-weight: bold;
                /*         background-color: #004499;*/
                }
                .pages-m span.lapse{
                         padding: 0 6px 0 6px;
                         color: #999;
                }

                .pages-m.cen{
                        text-align: center;
                        background:#FDF9F7;
                        border-bottom:1px solid #F0F0F0;
                        padding: 5px;
                        font-size: 13px;
                }


        /* other
        --------------------------------------------------------*/
        .more-content{
                position: absolute;
                font-size: 0.875em;
                top:5px;
                right:10px;
        }
        .more-content-br{
                font-size: 12px;
                text-align: right;
        }

        /* error
        --------------------------------------------------------*/
        #error-404{
                        width: 500px;
                        height: 200px;
                        background: Black url(/images/bg/bg_error.jpg) no-repeat;
                        margin: 0 auto;
                        padding: 0;
                        margin-top: 100px;
                }
        #error-404 .content{
                padding: 25px 0 0 210px;
        }
         /* =search-box
        --------------------------------------------------------*/
        .search-box{
                background: url(/images/bg/search_box_cen.gif);
                height: 50px;
        }
        .search-box .tl{
                background: url(/images/bg/search_box_left.gif) no-repeat;
                height: 50px
        }
        .search-box ul{
                background: url(/images/bg/search_box_right.gif) no-repeat right top;
                padding: 12px;
                height: 26px;
                text-align: center;
                vertical-align: middle;
        }
        .search-box li{
                margin-left:10px;
                float: left;
                display: inline;
        }
        .search-box li.ico{
                padding-left:25px;
                background: url(/images/ico/search.gif) no-repeat 0 2px;
        }

        /*=search-box-1*/
        .search-box-1 li{
                float: left;
                display: inline;
        }

        /* =junpbox
        --------------------------------------------------------*/
        .jumpbox{
                        /* border:1px solid #3A5774; */
                        border-top:1px solid #F8D5A9;
                        border-left:1px solid #F8D5A9;
                        border-bottom:1px solid #B57787;
                        border-right:1px solid #B57787;
                        padding:5px;
                        background:#F8D5A9;
                        width:100%
                }
                .jumpbox .inner{
                        background:#fff;
                        position:relative;
                        top:0;
                        left:0;
                }
                .jumpbox h5{
                        line-height:24px;
                        height:24px;
                        background:#FDF4D7;
                        padding-left:5px;
                }

                .jumpbox .content{
                        padding:10px;
                }
                .jumpbox .close{
                        position:absolute;
                        top:4px;
                        right:5px;
                }
                .jumpbox .close img{
                        display:block;
                        border:none;
                }

                /* Hide form IE-Mac \*/
                * html .jumpbox .close{
                        position:absolute;
                        top:4px;
                        right:10px;
                }
                /* End hide from IE-Mac */
                /* End hide from IE-Mac */


        /* =setp
        --------------------------------------------------------*/
        ul.step{
                margin-top:10px;
                display: block;
        }

        ul.step li{
                border-bottom: 5px solid #ccc;
                float: left;
                display: inline;
                height: 30px;
                line-height: 30px;
                margin-right: 5px;
                padding-right: 20px;
        }

        ul.step li.select{
                border-bottom: 5px solid #9DD161;
                font-weight: bold;
        }

        /* =tip*/
        .tip,
        .tip-blue,
        .tip-green{
                padding: 5px;
                font-size: 13px;
                line-height: 1.5em;
        }
        .tip{
                background: #FFFFF0;
                border:1px solid #EFDDBD;
        }

        .tip-blue{
                background: #F7FBFD;
                border:1px solid #BFDEED;
        }
        .tip-green{
                background:#F7FEF4;
                border: 1px solid #C1E6C1
        }

        .stud{
                background: url(/images/ico/stud.gif) no-repeat 0 0;
                text-indent:20px;
        }
        /* =roll*/
        .roll{
                 overflow:auto;
        }

        /* =mpic
        --------------------------------------------------------*/
        .mpic-85,
        .mpic-96{
                margin:0 auto;
        }

        .mpic-85{
                width:85px;
                height: 85px;
        }
        .mpic-96{
                width:96px;
                height: 96px;
        }
        /* =mhead
        --------------------------------------------------------*/
        .mhead-96,
        .mhead-48,
        .mhead-85{
                vertical-align: top;
                padding: 2px;
                border:1px solid #ddd;
                margin:0 auto;
        }

        .mhead-96 img,
        .mhead-48 img,
        .mhead-85 img{
                display: block;
        }


        .mhead-96{
                width:96px;
                height:96px;
                background: url(/images/head/default/head_bg_96.gif) no-repeat 2px;
        }
        .mhead-85{
                width:85px;
                height:85px;
                background: url(/images/head/default/head_bg_85.gif) no-repeat 2px;
        }
        .mhead-48{
                width: 48px;
                height: 48px;
                background: url(/images/head/default/head_bg_48.gif) no-repeat 2px;
        }




        /* =cbb
        --------------------------------------------------------*/
        .cbox .bt,
        .cbox .bb{
                margin:0 0 0 5px;
                height:5px;
        }

        .cbox .bt div,
        .cbox .bb div{
                width:5px;
                height:5px;
                line-height:0em;
                font-size:0;
                position:relative;
                left:-5px;
        }
        .cbox .i1{
                padding-left:1px;
        }
        .cbox .i2{
                padding-right:1px;
        }
        .cbox .i3{
                padding: 3px;
        }

        .cbox .i5{
                padding: 5px;
        }
        /* =cbox-h-yellow*/

        .cbox-h-yellow .bt{
                background:url(/images/bg/cbox_h_yellow.gif) no-repeat 100% 0px;
        }
        .cbox-h-yellow .bt div{
                background:url(/images/bg/cbox_h_yellow.gif) no-repeat 0px 0px;
        }
        .cbox-h-yellow .bb{
                background:url(/images/bg/cbox_h_yellow.gif) no-repeat 100% 100%;
        }
        .cbox-h-yellow .bb div{
                background:url(/images/bg/cbox_h_yellow.gif) no-repeat 0px 100%;
        }
        .cbox-h-yellow .i1{
                background:url(/images/bg/cbox_h_yellow_border.gif) repeat-y;
        }
        .cbox-h-yellow .i2{
                background:url(/images/bg/cbox_h_yellow_border.gif) 100% 0 repeat-y;
        }
        .cbox-h-yellow .i3{
                background:#FFFEFA url(/images/bg/cbox_h_yellow_bg.gif) repeat-x;
                padding:2px 9px 5px 9px;
        }
        .cbox-h-yellow .i5{
                background:#FFFEFA url(/images/bg/cbox_h_yellow_bg.gif) repeat-x;
                padding:2px 9px 5px 9px;
        }
        /* =cbox-user-comment*/
        .cbox-user-comment .bt{
                background:url(/images/bg/cbox_user_comment.gif) no-repeat 100% 0px;
        }
        .cbox-user-comment .bt div{
                background:url(/images/bg/cbox_user_comment.gif) no-repeat 0px 0px;
        }
        .cbox-user-comment .bb{
                background:url(/images/bg/cbox_user_comment.gif) no-repeat 100% 100%;
        }
        .cbox-user-comment .bb div{
                background:url(/images/bg/cbox_user_comment.gif) no-repeat 0px 100%;
        }
        .cbox-user-comment .i1{
                background:url(/images/bg/cbox_user_comment_border.gif) repeat-y;
        }
        .cbox-user-comment .i2{
                background:url(/images/bg/cbox_user_comment_border.gif) 100% 0 repeat-y;
        }
        .cbox-user-comment .i3{
                background: White;
                padding:0 3px;
        }
         .cbox-user-comment .i5{
                background: White;
                padding:0 5px;
        }
        /* =cbox-userinfo*/
        .cbox-userinfo .bt{
                background:url(/images/bg/cbox_userinfo.gif) no-repeat 100% 0px;
        }
        .cbox-userinfo .bt div{
                background:url(/images/bg/cbox_userinfo.gif) no-repeat 0px 0px;
        }
        .cbox-userinfo .bb{
                background:url(/images/bg/cbox_userinfo.gif) no-repeat 100% 100%;
        }
        .cbox-userinfo .bb div{
                background:url(/images/bg/cbox_userinfo.gif) no-repeat 0px 100%;
        }
        .cbox-userinfo .i1{
                background:url(/images/bg/cbox_userinfo_border.gif) repeat-y;
                padding-left:1px;
        }
        .cbox-userinfo .i2{
                background:url(/images/bg/cbox_userinfo_border.gif) 100% 0 repeat-y;
                padding-right:1px;
        }
        .cbox-userinfo .i3{
                background: url(/images/bg/cbox_userinfo_bg.gif) repeat-x;
                padding:2px 9px 5px 9px;
        }
        /* =cbox-j*/
        .cbox-j .bt{
                background:url(/images/bg/cbox_j.gif) no-repeat 100% 0px;
        }
        .cbox-j .bt div{
                background:url(/images/bg/cbox_j.gif) no-repeat 0px 0px;
        }
        .cbox-j .bb{
                background:url(/images/bg/cbox_j.gif) no-repeat 100% 100%;
        }
        .cbox-j .bb div{
                background:url(/images/bg/cbox_j.gif) no-repeat 0px 100%;
        }
        .cbox-j .i1{
                background:url(/images/bg/cbox_h_yellow_border.gif) repeat-y;
        }
        .cbox-j .i2{
                background:url(/images/bg/cbox_h_yellow_border.gif) 100% 0 repeat-y;
        }
        .cbox-j .i3{
                background:#fff url(/images/bg/cbox_j_bg.gif) repeat-x;
                padding:2px 9px 5px 9px;
        }