@import url("layout.css");
#logo a
{
    float: left;
    width: 380px;
    height: 80px;
    background: url(Images/logo.gif) 0 16px no-repeat;
}
#logo span
{
    display: none;
    text-indent: -9999px;
}
#headnav
{
    width: 280px;
    float: right;
    height: auto;
    line-height: 30px;
    color: #666666;
    overflow: hidden;
}
.headnavleft
{
    float: left;
    width: 12px;
    height: 30px;
    background: url(Images/headnav_bg.png) no-repeat;
}
.headnavmid
{
    float: left;
    width: 190px;
    height: 30px;
    background: url(Images/headnav_bg.png) 0 -80px repeat-x;
}
.headnavright
{
    float: left;
    width: 12px;
    height: 30px;
    background: url(Images/headnav_bg.png) right -40px no-repeat;
    _background: url(Images/headnav_bg.png) right -39px no-repeat;
}
#headnav ul
{
    clear: both;
    display: block;
    margin: 0;
    padding: 0;
}
#headnav ul li
{
    float: left;
    width: auto;
    margin: 0 0 0 8px;
    padding: 0 0 0 8px;
    list-style: none;
    background: url(Images/headnav_bg.png) 0 -120px no-repeat;
}
#headsearch
{
    float: right;
    width: 500px;
    height: auto;
    margin-top: 12px;
    overflow: hidden;
}
#advsearch
{
    clear: both;
    width: auto;
    height: auto;
    overflow: hidden;
}
#headsearch .search ul
{
    display: block;
    float: right;
    margin: 0;
    padding: 0;
}
#advsearch .search ul
{
    display: block;
    float: left;
    margin: 0;
    padding: 0;
}
.search ul li
{
    list-style: none;
    width: auto;
}
.search ul li.searchinput
{
    float: left;
}
.search ul li.searchselect
{
    float: left;
    _margin-top: 1px; +margin-top:1px;
}
.search ul li.searchclass
{
    float: left;
    _margin-top: 1px; +margin-top:1px;
}
.search ul li.searchsubmit
{
    float: left;
    _margin-top: 1px; +margin-top:1px;}
.search .keyword
{
    width: 176px;
    height: 21px;
    line-height: 20px;
    color: black;
    border: 1px solid #999;
    border-right: none;
    padding-left: 20px;
    background: #fff url(Images/searchicon.gif) 3px 2px no-repeat;
    font-size: 12px;
}
.search .searchbtn
{
    width: 37px;
    height: 23px;
    background: url(Images/searchbtn.gif) no-repeat;
    cursor: hand;
    border: none;
}
#jobdetail
{
    clear: both;
    margin: 10px 0 0 0;
    padding: 0;
    background: #fff;
    width: auto;
    height: auto;
    border: 1px solid #D4D4D4;
    overflow: hidden;
}
#jobdetail ul
{
    margin: 0;
    padding: 0;
}
#jobdetail ul li
{
    float: left;
    height: auto;
    line-height: 25px;
    margin-bottom: 1px;
    padding: 2px;
    list-style: none;
}
#jobdetail ul li.title
{
    width: 80px;
    background: #eee;
    font-weight: bold;
    text-align: right;
}
#jobdetail ul li.datas
{
    width: 260px;
    background: #f7f7f7;
    font-weight: normal;
    padding-left: 5px;
}
#jobbtn
{
    display: block;
    clear: both;
    float: right;
    margin: 10px 0 0 20px;
    padding: 0;
}
#jobbtn a
{
    display: block;
    float: right;
    width: 127px;
    height: 31px;
    background: url(Images/btn-applyjob.gif) top right no-repeat;
}
#jobbtn span
{
    display: none;
    text-indent: -9999px;
}
#applyjob
{
    margin: 0;
    padding: 0;
    line-height: 180%;
    table-layout: fixed;
    word-wrap: break-word;
    text-align: justify;
    text-justify: inter-ideograph;
    color: #666666;
}
#applyjob ul
{
    padding: 0;
    margin: 0;
}
#applyjob li
{
    clear: both;
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 25px;
    margin-bottom: 5px;
}
#applyjob .formlabel
{
    float: left;
    display: block;
    width: 100px;
    text-align: left;
}
#newslist
{
    clear: both;
    margin: 0;
    padding: 2px;
}
#newslist h2
{
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #D4D4D4;
    font-size: 9pt;
    font-weight: bold;
    color: #000;
}
#newslist ul
{
    margin: 0;
    padding: 0;
}
#newslist ul li
{
    clear: both;
    height: 22px;
    list-style: none;
    background: url(Images/dotline.gif) repeat-x bottom;
    line-height: 22px;
}
#newslist ul li a
{
    float: left;
    background: url(Images/newsitem.gif) 0 6px no-repeat;
    color: #666;
    text-indent: 15px;
}
#newslist ul li a:hover
{
    color: #000;
}
#newslist .time
{
    float: right;
    font-size: 9px;
    color: #999;
}
.banner
{
    margin: 0 0 5px 0;
    padding: 0;
}
#location
{
    clear: both;
    margin: 10px 0 10px 0;
    padding: 0;
    color: #999;
    background: url(Images/sitemapitem.gif) no-repeat;
    text-indent: 20px;
}
#subject
{
    clear: both;
    margin: 0;
    padding: 0;
}
#subject h1
{
    clear: both;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #D4D4D4;
    background: url(Images/content_h1_item.gif) no-repeat;
    font-size: 9pt;
    font-weight: bold;
    color: #000;
    text-indent: 20px;
    line-height: 180%;
}
#content
{
    clear: both;
    margin: 0;
    width: auto;
    height: auto;
    padding: 0 0 0 20px;
    overflow: hidden;
}
#content h2
{
    clear: both;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #D4D4D4;
    background: url(Images/content_h2_item.gif) no-repeat;
    font-size: 9pt;
    font-weight: bold;
    color: #000;
    text-align: left;
    text-indent: 15px;
    line-height: 180%;
    color: #cc0000;
}
#content p
{
    margin: 10px 0 10px 0;
    padding: 0;
    table-layout: fixed;
    word-wrap: break-word;
}
.content
{
    clear: both;
    margin: 0;
    padding: 10px 10px 10px 0;
    font-size: 9pt;
    color: #666;
    line-height: 180%;
    table-layout: fixed;
    word-wrap: break-word;
    text-align: justify;
    text-justify: inter-ideograph;
    overflow: hidden;
}
.content p
{
    margin: 10px 0 10px 0;
    padding: 0;
    table-layout: fixed;
    word-wrap: break-word;
    text-indent: 2em;
}
.content a:link
{
    text-decoration: none;
    color: #666;
}
.content a:visited
{
    text-decoration: none;
    color: #666;
}
.content a:hover
{
    text-decoration: underline;
    color: #666;
}
.content a:active
{
    text-decoration: none;
    color: #666;
}
.articlehead
{
    text-align: center;
    margin: 0;
    padding: 0;
    color: #999;
    border-bottom: 1px #D4D4D4 solid;
}
.articlehead h1
{
    clear: both;
    margin: 10px 0 10px 0;
    padding: 0;
    height: auto;
    line-height: 20px;
    font-size: 14px;
    font-weight: bold;
    color: #000;
}
.articlehead a
{
    color: #999;
}
.articlehead a:hover
{
    color: #999;
    text-decoration: underline;
}
.content-bottom
{
    clear: both;
    color: #666;
    text-align: right;
    padding: 0;
    height: 30px;
    line-height: 30px;
}
#prenextnav
{
    clear: both;
    height: auto;
    line-height: 20px;
    background: #EEE;
    margin: 0 0 10px 0;
    padding: 0;
    overflow: hidden;
}
#prenextnav .prepage
{
    float: left;
    width: 48%;
    text-align: left;
}
#prenextnav .nextpage
{
    float: right;
    width: 48%;
    text-align: right;
}
#comment
{
    clear: both;
    margin: 0;
    padding: 0;
}
#comment p
{
    margin: 0;
    padding: 0;
    line-height: 180%;
}
#comment .poster
{
    clear: both;
    background: #EEEEEE;
}
#comment .post
{
    clear: both;
    background: #FFF;
    table-layout: fixed;
    word-wrap: break-word;
    text-align: justify;
    text-justify: inter-ideograph;
}
#comment .repost
{
    clear: both;
    background: #FFF;
    table-layout: fixed;
    word-wrap: break-word;
    text-align: justify;
    text-justify: inter-ideograph;
    color: #666;
}
#comment ol
{
    margin: 0;
    padding: 0;
}
#comment ol li
{
    margin: 0;
    padding: 0;
    list-style: none;
}
#feedback
{
    margin: 0;
    padding: 0;
    line-height: 180%;
    table-layout: fixed;
    word-wrap: break-word;
    text-align: justify;
    text-justify: inter-ideograph;
    color: #666666;
}
#feedback ul
{
    padding: 0;
    margin: 0;
}
#feedback li
{
    clear: both;
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 30px;
}
#feedback .formlabel
{
    float: left;
    display: block;
    width: 80px;
    text-align: left;
}
#page
{
    clear: both;
    margin: 0;
    padding: 10px 0 0 0;
    height: auto;
    width: auto;
    height: 40px;
    color: #666;
    text-align: center;
    font-family: "宋体";
}
#page span.pageactive
{
    padding: 2px 4px 2px 4px;
    border: 1px #D4D4D4 solid;
    background: #D4D4D4;
}
#page span.pagelink
{
    padding: 2px 4px 2px 4px;
    border: 1px #D4D4D4 solid;
}
#page span.pagefirst, #page .pageprev, #page .pagenext, #page .pagelast
{
    padding: 2px 4px 2px 4px;
    border: 1px #D4D4D4 solid;
}
#page .pageinput
{
    border: 1px solid #999;
    font-size: 10px;
    width: 20px;
    height: 12px;
    padding: 2px 0 0 0;
    text-align: center;
}
#page .pagebutton
{
    border: 1px solid #999;
    font-size: 11px;
    height: 16px;
    background: #D4D4D4;
}
.page
{
    clear: both;
    height: auto;
    width: auto;
    line-height: 40px;
    color: #666;
    text-align: center;
}
.page a
{
    color: #666;
    font-size: 12px;
    text-decoration: none;
    font-weight: bold;
    padding: 2px 4px;
}
.page strong, .page a:hover
{
    color: #fff;
    font-size: 12px;
    padding: 2px 4px;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    background: #999;
}
#pagenav
{
    clear: both;
    height: auto;
    width: auto;
    line-height: 40px;
    color: #666;
    text-align: right;
    font: 12px Tahoma,Verdana,Helvetica,Arial,sans-serif;
}
#pagenav a
{
    display: block;
    margin: 0;
    padding: 2px 4px;
    width: 20px;
    float: left;
    text-align: center;
}
#pagenav a.current
{
    color: #FFF;
    text-decoration: none;
    font-weight: bold;
    padding: 2px 4px;
    border: 1px #D4D4D4 solid;
    background: #d4d4d4;
}
#pagenav a.active
{
    color: #666;
    text-decoration: none;
    padding: 2px 4px;
    border: 1px #D4D4D4 solid;
    background: #EEE;
}
#pagenav a:hover
{
    color: #FFF;
    text-decoration: none;
    padding: 2px 4px;
    border: 1px #D4D4D4 solid;
    background: #d4d4d4;
}
.maintablelist
{
    width: 98%;
    height: auto;
    overflow: hidden;
    border: 1px solid #eee;
    margin-top: 10px;
}
.maintablelist td
{
    line-height: 180%;
    height: 26px;
    table-layout: fixed;
    word-wrap: break-word;
    padding-left: 5px;
}
th
{
    height: 26px;
    font-weight: bold;
    background-color: #D4D4D4;
    text-align: center;
}
tr.odd
{
    background: #EEE;
}
tr.highlight
{
    background: #FFFAAA;
}
tr.selected
{
    background: #FFFAAA;
    color: #fff;
}
td
{
    text-align: left;
}
td + td + td
{
    text-align: left;
}
#Tabbox
{
    width: auto;
    margin: 0;
    padding: 10px 0 0 0;
}
.Menubox
{
    width: 100%;
    height: 28px;
    line-height: 28px;
}
.Menubox ul
{
    margin: 0;
    padding: 0;
}
.Menubox li
{
    background: #EEE;
    border: #CCCCCC solid 1px;
    border-bottom: none;
    float: left;
    display: block;
    cursor: pointer;
    padding: 0 10px;
    text-align: center;
    color: #666;
    list-style: none;
}
.Menubox li.hover
{
    background: #CCC repeat-x;
    padding: 0px;
    padding: 0 10px;
    color: #000;
    font-weight: bold;
}
.Contentbox
{
    clear: both;
    border-top: #CCCCCC solid 1px;
    margin: 0 0 20px 0;
    padding: 5px 0 0 0;
}
.Contentbox p
{
    margin: 0;
    padding: 0;
}
#con_tab_1, #con_tab_2, #con_tab_3, #con_tab_4, #con_tab_5, #con_tab_6
{
    margin: 0 -1px -1px 0;
    padding: 0 0 15px 0;
}
.imground
{
    clear: both;
    height: auto;
    padding: 5px;
}
.imground img
{
    float: left;
    width: auto;
    padding: 2px;
    border: #D4D4D4 solid 1px;
    margin: 6px;
}
.imground p
{
    text-indent: 2em;
    line-height: 200%;
}
#maillist
{
    clear: both;
    padding: 2px;
}
#maillist ul
{
    margin: 0;
    padding: 0;
}
#maillist ul li
{
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
    height: 24px;
}
#maillist .input
{
    width: 200px;
    color: #666;
    padding-left: 5px;
}
#maillist .maillabel
{
    margin: 0 0 0 5px;
    color: #666;
}
#vote
{
    clear: both;
    padding: 2px;
}
#vote h1
{
    clear: both;
    margin: 0;
    padding: 0;
    background: none no-repeat;
    font-size: 9pt;
    font-weight: bold;
    color: #000;
    text-align: left;
    text-indent: 0;
    line-height: 150%;
}
#vote h2
{
    clear: both;
    margin: 0;
    padding: 0;
    background: none;
    font-size: 9pt;
    font-weight: bold;
    color: #000;
    text-align: left;
    line-height: 150%;
    text-indent: 0;
}
#vote ul
{
    margin: 0;
    padding: 0;
}
#vote ul li
{
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
    height: 25px;
}
#vote .votelabel
{
    margin: 0 0 0 5px;
    color: #666;
}
#piclist
{
    clear: both;
    margin: 0;
    padding: 10px 0 0 0;
    width: 100%;
    overflow: hidden;
}
#piclist ul
{
    margin: 0;
    padding: 0;
}
#piclist li
{
    float: left;
    width: auto;
    margin: 0 15px 20px 0;
    padding: 0;
    list-style: none;
    background: #FFF;
    text-align: center;
}
#piclist .box
{
    float: left;
    width: auto;
    margin: 0;
    padding: 0;
    text-align: center;
}
#piclist .box a
{
    float: left;
    width: 160px;
    height: 240px;
    margin: 0;
    padding: 0;
    color: #666;
    border: #D4D4D4 solid 1px;
    text-decoration: none;
}
#piclist .box a:hover
{
    color: #000;
    border: #999 solid 1px;
    text-decoration: none;
    cursor: hand;
}
#piclist .box .pic
{
    float: left;
    height: 215px;
    width: auto;
    margin: 0;
    padding: 0;
}
#piclist .box .pic img
{
    width: 150px;
    height: 200px;
    margin: 5px;
}
#shoplist
{
    clear: both;
    overflow: hidden;
    width: 100%;
    margin: 0;
    padding: 10px 0 0 0;
}
#shoplist ul
{
    margin: 0;
    padding: 0;
}
#shoplist li
{
    float: left;
    width: auto;
    margin: 0px 0px 0px 0px;
    padding: 0;
    list-style: none;
    background: #FFF;
    text-align: center;
}
#shoplist .box a
{
    float: left;
    width: 290px;
    height: auto;
    margin: 0;
    padding: 0;
    color: #666;
    border: #D4D4D4 solid 1px;
    text-decoration: none;
}
#shoplist .box a:hover
{
    color: #999;
    border: #999 solid 1px;
    text-decoration: none;
}
#shoplist .box .title
{
    display: block;
    clear: both;
    font-weight: bold;
}
#shoplist .box .code
{
    display: block;
    clear: both;
    font-weight: normal;
}
#shoplist .box .price
{
    display: block;
    clear: both;
    font-weight: normal;
    text-decoration: line-through;
}
#shoplist .box .mprice
{
    display: block;
    clear: both;
    font-weight: normal;
}
#shoplist .box .pic
{
    float: left;
    height: auto;
    width: auto;
    margin: 0;
    padding: 0;
    cursor: hand;
}
#shoplist .box .pic img
{
    width: 280px;
    margin: 5px 5px 0 5px;
}
#shoplist .box span
{
    line-height: 150%;
}
#shoplist .para
{
    display: block;
    width: 400px;
    float: right;
}
#shoplist .btn
{
    display: block;
    width: 400px;
    float: right;
    text-align: left;
    line-height: 22px;
}
#shoplist .btn a
{
    border: 0;
    color: #666;
}
#shoplist .btn .price
{
    display: block;
    float: left;
    width: 132px;
    height: 22px;
    line-height: 18px;
    margin: 0 5px 0 0;
    padding: 0;
    background: url(Images/btn-price.gif) 1px 0px no-repeat;
    text-indent: 30px;
}
#shoplist .btn a.order
{
    display: block;
    float: left;
    width: 102px;
    height: 22px;
    margin: 0 5px 0 0;
    padding: 0;
    background: url(Images/btn-order.gif) 1px 0px no-repeat;
    text-indent: 30px;
}
#shoplist .btn a.detail
{
    display: block;
    float: left;
    width: 102px;
    height: 22px;
    margin: 0 5px 0 0;
    padding: 0;
    background: url(Images/btn-detail.gif) 1px 0px no-repeat;
    text-indent: 30px;
}
#shoplist .btn a:hover
{
    border: 0;
    color: #000;
}
#shoplist .clear
{
    clear: both;
    font-size: 10px;
    height: 10px;
    visibility: hidden;
}
#shoplist .clear2
{
    clear: both;
    font-size: 10px;
    height: 10px;
    display: none;
}
#shopdetail
{
    clear: both;
    overflow: hidden;
    width: auto;
    margin: 0;
    padding: 10px 0 0 0;
}
#shopdetail .box
{
    float: left;
    width: 300px;
    margin: 0;
    padding: 0;
    border: #D4D4D4 1px solid;
    text-align: center;
}
#shopdetail .boximg
{
    width: 280px;
    padding-bottom: 10px;
    padding-left: 0px;
    margin: 0 auto;
    padding-right: 0px;
    padding-top: 10px;
    overflow: hidden;
}
#shopdetail .bigimg
{
    width: 280px;
    height: auto;
}
#shopdetail .bigimg img
{
    width: 280px;
    height: 200px;
}
#shopdetail .scroll
{
    margin-top: 3px;
    width: 100%;
    height: 36px;
    overflow: hidden;
}
#shopdetail ul
{
    width: 256px;
    height: 36px;
}
#shopdetail .smallimg
{
    width: 40px;
    height: 30px;
}
#shopdetail .para
{
    display: block;
    width: 400px;
    overflow: hidden;
    float: right;
}
#shopdetail .para .codeprice
{
    color: #999;
    font-weight: normal;
}
#shopdetail .btn
{
    display: block;
    width: 400px;
    float: right;
    text-align: left;
    line-height: 22px;
}
#shopdetail .btn a
{
    border: 0;
    color: #666;
}
#shopdetail .btn .price
{
    display: block;
    float: left;
    width: 132px;
    height: 22px;
    margin: 0 5px 0 0;
    padding: 0;
    background: url(Images/btn-price.gif) 1px 0px no-repeat;
    text-indent: 30px;
}
#shopdetail .btn a.order
{
    display: block;
    float: left;
    width: 102px;
    height: 22px;
    margin: 0 5px 0 0;
    padding: 0;
    background: url(Images/btn-order.gif) 1px 0px no-repeat;
    text-indent: 30px;
}
#shopdetail .btn a.fav
{
    display: block;
    float: left;
    width: 102px;
    height: 22px;
    margin: 0 5px 0 0;
    padding: 0;
    background: url(Images/btn-fav.gif) 1px 0px no-repeat;
    text-indent: 30px;
}
#shopdetail .btn a:hover
{
    border: 0;
    color: #000;
}
#shopdetail .clear
{
    clear: both;
    font-size: 10px;
    height: 10px;
    visibility: hidden;
}
#prolist
{
    clear: both;
    width: auto;
    overflow: hidden;
    margin: 0;
    padding: 10px 0 0 0;
}
#prolist ul
{
    margin: 0;
    padding: 0;
}
#prolist li
{
    float: left;
    width: auto;
    margin: 0 15px 20px 0;
    padding: 0;
    list-style: none;
    background: #FFF;
    text-align: center;
}
#prolist .box a
{
    float: left;
    margin: 0;
    padding: 0;
    width: 160px;
    height: 177px;
    color: #666;
    border: #D4D4D4 solid 1px;
    text-decoration: none;
}
#prolist .box a:hover
{
    color: #000;
    border: #999 solid 1px;
    text-decoration: none;
}
#prolist .box .title
{
    display: block;
    clear: both;
    font-weight: bold;
    background: none;
    margin-top: 5px;
}
#prolist .box .code
{
    display: block;
    font-weight: normal;
}
#prolist .box .pic
{
    float: left;
    height: 155px;
    width: auto;
    margin: 0;
    padding: 0;
    cursor: hand;
}
#prolist .box .pic img
{
    width: 150px;
    margin: 5px 5px 0 5px;
}
#prolist .para
{
    display: none;
    width: 300px;
    float: right;
    text-align: left;
}
#prolist .btn
{
    display: none;
    width: 260px;
    float: right;
    text-align: left;
    line-height: 30px;
}
#prolist .btn a
{
    border: 0;
    color: #666;
}
#prolist .btn a.sprice
{
    display: block;
    float: left;
    width: 130px;
    height: 22px;
    margin: 0;
    padding: 0;
    padding-left: 50px;
    background: url(Images/btn-sprice.gif) 1px 0px no-repeat;
}
#prolist .btn a.detail
{
    display: block;
    float: left;
    width: 130px;
    height: 22px;
    margin: 0;
    padding: 0;
    padding-left: 50px;
    background: url(Images/btn-detail.gif) 1px 0px no-repeat;
}
#prolist .btn a:hover
{
    border: 0;
    color: #00f;
}
#prolist .clear2
{
    clear: both;
    font-size: 10px;
    height: 10px;
    visibility: hidden;
}
#prolist .clear
{
    clear: both;
    height: 10px;
    display: none;
}
#sliderlist
{
    clear: both;
    width: auto;
    overflow: hidden;
    margin: 0;
    padding: 10px 0 0 0;
}
#sliderlist ul
{
    margin: 0;
    padding: 0;
}
#sliderlist li
{
    float: left;
    width: auto;
    margin: 0 13px 20px 0;
    padding: 0;
    list-style: none;
    background: #FFF;
    text-align: center;
}
#sliderlist .box a
{
    float: left;
    margin: 0;
    padding: 0;
    width: 142px;
    height: 200px;
    color: #666;
    border: #D4D4D4 solid 1px;
    text-decoration: none;
}
#sliderlist .box a:hover
{
    color: #000;
    border: #999 solid 1px;
    text-decoration: none;
}
#sliderlist .box .title
{
    display: block;
    clear: both;
    font-weight: bold;
}
#sliderlist .box .code
{
    display: block;
    clear: both;
    font-weight: normal;
}
#sliderlist .box .price
{
    display: block;
    clear: both;
    font-weight: normal;
    text-decoration: line-through;
}
#sliderlist .box .mprice
{
    display: block;
    clear: both;
    font-weight: normal;
}
#sliderlist .box .pic
{
    float: left;
    height: 115px;
    width: auto;
    margin: 0;
    padding: 0;
    cursor: hand;
}
#sliderlist .box span
{
    line-height: 150%;
}
#sliderlist .box .pic img
{
    width: 130px;
    height: 100px;
    margin: 5px 5px 0 5px;
}
#sliderlist .para
{
    display: none;
    width: 300px;
    float: right;
    text-align: left;
}
#sliderlist .btn
{
    display: none;
    width: 260px;
    float: right;
    text-align: left;
}
#sliderlist .clear
{
    clear: both;
    height: 10px;
    display: none;
}
#prodetail
{
    clear: both;
    width: auto;
    overflow: hidden;
    margin: 0;
    padding: 10px 0 0 0;
}
#prodetail .box
{
    float: left;
    width: 300px;
    margin: 0;
    padding: 0;
    border: #D4D4D4 1px solid;
    text-align: center;
}
#prodetail .boximg
{
    width: 280px;
    padding-bottom: 10px;
    padding-left: 0px;
    margin: 0 auto;
    padding-right: 0px;
    padding-top: 10px;
    overflow: hidden;
}
#prodetail .bigimg
{
    width: 280px;
    height: auto;
}
#prodetail .bigimg img
{
    width: 280px;
    height: 200px;
}
#prodetail .scroll
{
    margin-top: 3px;
    width: 100%;
    height: 36px;
    overflow: hidden;
}
#prodetail ul
{
    width: 256px;
    height: 36px;
}
#prodetail .smallimg
{
    width: 40px;
    height: 30px;
}
#prodetail .para
{
    display: block;
    width: 400px;
    overflow: hidden;
    float: right;
}
#prodetail .para .code
{
    color: #999;
    font-weight: normal;
}
#prodetail .btn
{
    display: block;
    width: 400px;
    float: right;
    text-align: left;
    line-height: 22px;
}
#prodetail .btn a
{
    border: 0;
    color: #666;
}
#prodetail .btn a.sprice
{
    display: block;
    float: left;
    width: 102px;
    height: 22px;
    margin: 0 5px 0 0;
    padding: 0;
    background: url(Images/btn-sprice.gif) no-repeat;
    text-indent: 30px;
}
#prodetail .btn a.fav
{
    display: block;
    float: left;
    width: 102px;
    height: 22px;
    margin: 0 5px 0 0;
    padding: 0;
    background: url(Images/btn-fav.gif) no-repeat;
    text-indent: 30px;
}
#prodetail .btn a:hover
{
    border: 0;
    color: #000;
}
#prodetail .clear
{
    clear: both;
    font-size: 10px;
    height: 10px;
    visibility: hidden;
}
#downlist
{
    clear: both;
    overflow: hidden;
    margin: 0;
    padding: 10px 0 0 0;
}
#downlist ul
{
    margin: 0;
    padding: 0;
}
#downlist li
{
    float: left;
    width: auto;
    margin: 0 0px 10px 0px;
    padding: 0;
    list-style: none;
    background: #FFF;
    text-align: center;
}
#downlist .box
{
    float: left;
    width: auto;
    margin: 0;
    padding: 0;
    text-align: center;
}
#downlist .box a
{
    display: block;
    float: left;
    width: 130px;
    height: 180px;
    margin: 0;
    padding: 0;
    color: #666;
    border: #D4D4D4 solid 1px;
    text-decoration: none;
}
#downlist .box a:hover
{
    color: #000;
    border: #999 solid 1px;
    text-decoration: none;
}
#downlist .box .title
{
    display: block;
    clear: both;
    font-weight: bold;
}
#downlist .box .time
{
    display: none;
    font-weight: normal;
}
#downlist .box .pic
{
    display: block;
    float: left;
    height: 150px;
    width: auto;
    margin: 0;
    padding: 0;
    cursor: hand;
}
#downlist .box .pic img
{
    width: 120px;
    margin: 5px 5px 0 5px;
}
#downlist .para
{
    display: block;
    width: 560px;
    float: right;
    text-align: left;
}
#downlist .btn
{
    display: block;
    width: 560px;
    float: right;
    text-align: left;
    line-height: 22px;
}
#downlist .btn a
{
    border: 0;
    color: #666;
}
#downlist .btn .count
{
    float: left;
    width: 102px;
    height: 22px;
    margin: 0 5px 0 0;
    padding: 0;
    background: url(Images/btn-count.gif) no-repeat;
    text-indent: 30px;
}
#downlist .btn a.download
{
    display: block;
    float: left;
    width: 102px;
    height: 22px;
    margin: 0 5px 0 0;
    padding: 0;
    background: url(Images/btn-download.gif) no-repeat;
    text-indent: 30px;
}
#downlist .btn a.detail
{
    display: block;
    float: left;
    width: 102px;
    height: 22px;
    margin: 0 5px 0 0;
    padding: 0;
    background: url(Images/btn-detail.gif) no-repeat;
    text-indent: 30px;
}
#downlist .btn a:hover
{
    border: 0;
    color: #000;
}
#downlist .clear
{
    clear: both;
    height: 10px;
    visibility: hidden;
}
#downlist .clear2
{
    clear: both;
    height: 10px;
    display: none;
}
#downdetail
{
    clear: both;
    width: auto;
    overflow: hidden;
    margin: 0;
    padding: 10px 0 0 0;
}
#downdetail .box
{
    float: left;
    width: auto;
    margin: 0;
    padding: 0;
    text-align: center;
}
#downdetail .box a
{
    float: left;
    width: 130px;
    height: auto;
    margin: 0;
    padding: 0;
    color: #666;
    border: #D4D4D4 solid 1px;
    text-decoration: none;
}
#downdetail .box a:hover
{
    color: #000;
    border: #999 solid 1px;
    text-decoration: none;
}
#downdetail .box .title
{
    display: block;
    clear: both;
    font-weight: bold;
}
#downdetail .box .time
{
    display: none;
    font-weight: normal;
}
#downdetail .box img
{
    width: 120px;
    margin: 5px 5px 0 5px;
}
#downdetail .para
{
    display: block;
    width: 560px;
    overflow: hidden;
    float: right;
}
#downdetail .btn
{
    display: block;
    width: 560px;
    float: right;
    text-align: left;
    line-height: 22px;
}
#downdetail .btn a
{
    border: 0;
    color: #666;
}
#downdetail .btn .count
{
    display: block;
    float: left;
    width: 102px;
    height: 22px;
    margin: 0 5px 0 0;
    padding: 0;
    background: url(Images/btn-count.gif) no-repeat;
    text-indent: 30px;
}
#downdetail .btn a.download
{
    display: block;
    float: left;
    width: 102px;
    height: 22px;
    margin: 0 5px 0 0;
    padding: 0;
    background: url(Images/btn-download.gif) no-repeat;
    text-indent: 30px;
}
#downdetail .btn a.fav
{
    display: block;
    float: left;
    width: 102px;
    height: 22px;
    margin: 0 5px 0 0;
    padding: 0;
    background: url(Images/btn-fav.gif) no-repeat;
    text-indent: 30px;
}
#downdetail .btn a:hover
{
    border: 0;
    color: #000;
}
#downdetail .clear
{
    clear: both;
    height: 10px;
    visibility: hidden;
}
#loginbox
{
    margin-bottom: 10px;
    padding: 4px;
    border: 1px solid #d4d4d4;
}
#loginno .logininput
{
    margin: 0;
    padding: 2px;
    border: 1px solid #999999;
    width: 100px;
    height: 20px;
    color: #999;
}
#loginno .loginbtn
{
    margin: 0;
    padding: 0;
    border: 0;
    width: 61px;
    height: 21px;
    background: url(Images/btn-login.gif) 0 0px no-repeat;
    cursor: hand;
}
#loginno
{
    margin: 0;
    padding: 0;
    padding-left: 20px;
}
#loginno li
{
    clear: both;
    margin: 0;
    padding: 0;
    list-style: none;
}
#loginok
{
    margin: 0;
    padding: 0;
}
#loginok li
{
    clear: both;
    margin: 0;
    padding: 0;
    list-style: none;
    background: url(Images/brand-item.gif) 0 0px no-repeat;
    padding-left: 20px;
    padding-top: 4px;
}
#loginok.prolist
{
    clear: both;
    margin: 0;
    padding: 0;
    background: url(Images/title-item.gif) 0 0px no-repeat;
    padding-left: 20px;
    padding-top: 4px;
}
#classlist
{
    clear: both;
    width: auto;
    overflow: hidden;
    line-height: 22px;
    margin: 0;
    padding: 0;
}
#classlist ul
{
    clear: both;
    margin: 0;
    padding: 0;
}
#classlist li
{
    float: left;
    width: auto;
    margin: 0 5px 10px 5px;
    padding: 0;
    list-style: none;
    background: #FFF;
    text-align: center;
}
#classlist .box a
{
    float: left;
    margin: 0;
    padding: 0;
    width: 130px;
    height: 130px;
    color: #666;
    border: #EEE solid 1px;
    text-decoration: none;
}
#classlist .box a:hover
{
    color: #F00;
    border: #999 solid 1px;
    text-decoration: none;
}
#classlist .box .title
{
    display: block;
    clear: both;
    font-weight: bold;
    background: none;
}
#classlist .box .pic
{
    float: left;
    height: 100px;
    width: auto;
    margin: 0;
    padding: 0;
    cursor: hand;
}
#classlist .box .pic img
{
    width: 120px;
    margin: 5px 5px 0 5px;
}
#classlist .parabtn
{
    display: block;
    width: 200px;
    float: left;
    text-align: left;
}
#classlist .para
{
    display: block;
    width: auto;
    clear: both;
    text-align: left;
}
#classlist .para p
{
    margin: 0;
    padding: 0;
}
#classlist .para a, #classlist .para a:hover
{
    margin: 0;
    padding: 0;
    border: 0;
    height: auto;
}
#classlist .para h2
{
    margin: 0;
    padding: 0;
    font-size: 12px;
    color: #F00;
    text-align: left;
    border-bottom: 1px solid #D4D4D4;
}
#classlist .btn
{
    display: block;
    width: auto;
    clear: both;
    text-align: left;
    line-height: 22px;
}
#classlist .btn a
{
    border: 0;
    color: #666;
}
#classlist .btn a.detail
{
    display: block;
    float: left;
    width: 130px;
    height: 22px;
    margin: 0;
    padding: 0;
    padding-left: 30px;
    background: url(Images/btn-detail.gif) 1px 0px no-repeat;
}
#classlist .btn a:hover
{
    border: 0;
    color: #00f;
}
#classlist .clear2
{
    clear: both;
    font-size: 10px;
    height: 10px;
    visibility: hidden;
}
#classlist .clear
{
    clear: both;
    height: 10px;
    display: none;
}
#sprolist
{
    clear: both;
    width: auto;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
#sprolist ul
{
    margin: 0;
    padding: 0;
}
#sprolist li
{
    float: left;
    width: auto;
    margin: 0 15px 15px 0;
    padding: 0;
    list-style: none;
    background: #FFF;
    text-align: center;
}
#sprolist .box a
{
    float: left;
    margin: 0;
    padding: 0;
    width: 160px;
    height: 150px;
    color: #666;
    border: #D4D4D4 solid 1px;
    text-decoration: none;
}
#sprolist .box a:hover
{
    color: #000;
    border: #999 solid 1px;
    text-decoration: none;
}
#sprolist .box .title
{
    display: block;
    clear: both;
    font-weight: bold;
    background: none;
}
#sprolist .box .pic
{
    float: left;
    height: 110px;
    width: auto;
    margin: 0;
    padding: 0;
    cursor: hand;
}
#sprolist .box .pic img
{
    width: 150px;
    height: 100px;
    margin: 5px 5px 0 5px;
}
#sprolist span
{
    text-align: center;
    line-height: 35px;
}
#snewslist
{
    clear: both;
    margin: 0;
    padding: 2px;
}
#snewslist h2
{
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #D4D4D4;
    font-size: 9pt;
    font-weight: bold;
    color: #000;
}
#snewslist ul
{
    margin: 0;
    padding: 0;
}
#snewslist ul li
{
    clear: both;
    height: 22px;
    list-style: none;
    background: url(Images/dotline.gif) repeat-x bottom;
    line-height: 22px;
}
#snewslist ul li a
{
    float: left;
    background: url(Images/newsitem.gif) 0 6px no-repeat;
    color: #666;
    text-indent: 15px;
}
#snewslist ul li a:hover
{
    color: #000;
}
#snewslist .time
{
    float: right;
    font-size: 9px;
    color: #999;
}
#ulnav
{
    position: absolute;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    z-index: 1;
}
#ulnav li
{
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    z-index: 1;
    position: relative;
}
#ulnav li a
{
    outline: none !important;
    -moz-outline-style: none;
}
#ulnav li.over, #ulnav li:hover
{
    z-index: 99999 !important;
}
#ulnav li:hover a, #ulnav li.over a, #ulnav li a:hover
{
    z-index: 99999 !important;
}
* html #ulnav li a:hover, * html #ulnav li.over a
{
    cursor: hand;
}
#ulnav ul
{
    display: none;
}
#ulnav li.over ul, #ulnav li:hover ul
{
    display: block;
    position: absolute;
    left: 0;
    top: 30px;
    width: 105px;
    height: auto;
    margin: 0;
    padding: 0 5px 10px 0;
    z-index: 2000;
    border-right: none;
    border-bottom: none;
}
* html #ulnav li ul, * html #ulnav li:hover ul
{
    background: none !important;
}
#ulnav li ul li
{
    width: 100px;
    background: white;
    padding: 0;
    margin: 0;
    height: auto;
    border-left: none;
    -moz-opacity: 0.9;
    opacity: 0.9;
    filter: alpha(opacity=80);
}
#ulnav li ul li strong, #ulnav li ul li a
{
    background: none !important;
    padding: 3px 10px 3px 10px;
    width: 79px !important;
    border-right: none;
    font-variant: normal;
    font-size: 12px;
    border-left: 1px solid #FFFFFF;
    border-bottom: 1px solid #CDCDCD;
    border-right: 1px solid #CDCDCD;
    border-top: 1px solid #FFFFFF;
    text-indent: 0px;
    height: auto !important;
    line-height: 130% !important;
    margin: 0;
    color: #666;
    text-align: center;
    font-weight: normal;
    filter: none !important;
}
#ulnav li ul li:hover
{
    border-left: none;
}
#ulnav li ul li a:hover
{
    background: #ddd !important;
    color: #000;
}
#ulnav li ul li ul, #ulnav li:hover ul li ul, #ulnav li.over ul li ul
{
    display: none;
}
#ulnav li ul li:hover ul, #ulnav li:hover ul li:hover ul, #ulnav li.over li.over ul
{
    position: absolute;
    display: block !important;
    left: 100%;
    top: 0px;
    z-index: 300;
    border-right: none;
    width: 105px !important;
}
#ulnav li ul li.r:hover ul
{
    left: -100%;
}
#ulnav li:hover ul li:hover ul li, #ulnav li.over ul li.over ul li
{
    width: 100px !important;
}
#ulnav li:hover ul li:hover ul li a
{
    letter-spacing: normal;
    width: 79px !important;
}
#skinlist
{
    clear: both;
    width: 100%;
    overflow: hidden;
}
#skinlist ul
{
    clear: both;
    margin: 0;
    padding: 0;
}
#skinlist ul li
{
    list-style: none;
    float: left;
    display: block;
    width: 62px;
    height: auto;
    margin: 1px;
    padding: 0;
    background: #EEE;
    cursor: pointer;
    white-space: nowrap;
    padding-left: 1px;
}
#sitemap
{
    clear: both;
    width: 100%;
    overflow: hidden;
}
#sitemap ul
{
    margin: 0;
    padding: 0;
}
#sitemap ul li
{
    list-style: none;
    white-space: nowrap;
}
#sitemap ul.ul1 li.li1
{
    clear: both;
    font-weight: bold;
    line-height: 20px;
}
#sitemap ul.ul2 li.li2
{
    float: left;
    width: 120px;
    text-align: left;
    font-weight: normal;
    background: #D4D4D4;
    padding: 2px;
    margin: 2px;
    padding-left: 5px;
}
#sitemap ul.ul3 li.li3
{
    font-weight: normal;
    background: #EEE;
    padding: 2px 0 2px 10px;
    margin: 2px;
}