﻿html,body { margin:0px; padding:0px; }
img { border-style:none; }
#header { background:url("/Images/head-bg.gif") repeat-x; height:85px; }
.mpanel { width:970px !important; padding:0px; margin:0px auto; }
#logo { float:left; }
#uinfo { line-height:200%; padding-top:10px; color:#ddd; float:right; }
#uinfo li { float:left; padding: 0px 2px; }
#uinfo a { color:#ddd; text-decoration:none; margin:0px 3px; }
#uinfo a:visited { color:#ddd; }
#uinfo a:hover { color:#fff; }
#lang-list dd a { color:#323131; }
#lang-list dd a:visited { color:#323131; }
#language { font-weight:bold; color:#00349a; margin:0px 2px; }
.vaimg { vertical-align:text-bottom; }
.drop-panel { position:relative; display:inline; z-index:1000; }
.drop-panel b { border: #a59c99 4px solid; border-top: #666 4px solid; font-size: 0px; width: 0px; line-height: 0; height: 0px; -webkit-transition: -webkit-transform .2s ease-in; -moz-transition: -webkit-transform .2s ease-in; -o-transition: -webkit-transform .2s ease-in; transition: -webkit-transform .2s ease-in; vertical-align:middle; position:absolute; top:10px; right:3px; }
.drop-panel:hover b { border-color: #a59c99; border-bottom-color: #666;  filter: progid:dximagetransform.microsoft.basicimage(rotation=2); -moz-transform: rotate(180deg); -moz-transform-origin: 50% 30%; -webkit-transform: rotate(180deg); -webkit-transform-origin: 50% 30%; -o-transform: rotate(180deg); -o-transform-origin: 50% 30%; transform: rotate(180deg); transform-origin: 50% 30% }
.drop-panel .hover b { border-color: #a59c99; filter: progid:dximagetransform.microsoft.basicimage(rotation=2); border-bottom-color: #666; -moz-transform: rotate(180deg); -moz-transform-origin: 50% 30%; -webkit-transform: rotate(180deg); -webkit-transform-origin: 50% 30%; -o-transform: rotate(180deg); -o-transform-origin: 50% 30%; transform: rotate(180deg); transform-origin: 50% 30% }
.drop-panel dl, .drop-panel dd { margin:0px; }
.drop-panel dl { position:relative; text-align:left; }
.drop-panel dd { position:absolute; display:none; border:1px solid #ecb; width:68px; height:24px; _width:72px; z-index:1001; background-color:#fff; padding-left:4px; left:0px; text-align:left; }
.drop-panel:hover dd { display:block; }
.drop-panel dd a:hover { color:#000 !important; font-weight:bold; }
#top-search { /*border:2px solid #6ea6df;*/ padding:3px 0px; margin-top:5px; width:600px; float:right; text-align:right; position:relative; }
#top-search .tso { margin:0px; border:0px none transparent; color:#323131; width:220px; height:20px; background: transparent url(/images/wbk.gif); position:absolute; }
#tso-con { top:3px; right:348px; }
#tso-cate { top:3px; right:82px; -webkit-appearance: none; background-color:rgba(0,0,0,0); min-height:1px; }
#search-btn { margin:0px; padding:0px; width:75px; height:22px; background: url(/Images/search.gif) no-repeat left top; border-style:none; position:absolute; top:2px; right:0px; }
.search-wrap { margin-top:4px; width:253px; float:right; position:relative; height:21px; border-right:1px solid #826d82; background:url("/Images/Search-bg.gif") no-repeat; }
.search-type { width:95px; height:100%; position:absolute; left:0; top:0; text-align:left; color:White; }
.search-type .search-selected { padding-left:34px; line-height:20px; }
.search-type .type-list { position:absolute; left:0; top:21px; width:95px; display:none; background-color:#c49b4b; }
.search-type:hover .type-list { display:block; }
.search-type .type-list ul { padding:0; margin:0; }
.search-type .type-list li { display:block; padding:5px 0 5px 34px; cursor:pointer; }
.search-type .type-list li:hover { background-color:#dcc393; }
.search-input { width:158px; height:20px; background-color:#331033; border-bottom:1px solid #826d82; position:absolute; right:0; top:0; }
.search-input .search-btn { width:27px; height:20px; background:url("/Images/Search-btn.gif") no-repeat; float:right; }
.search-input .search-keywords { width:128px; height:20px; line-height:20px; background-color:#331033; padding:0px; margin:0px; border-style:none; float:right; color:White; }
#master-nav { height:40px; background: url("/images/nav-bg.gif") repeat-x; z-index:11000; overflow:hidden; }
#master-nav .mpanel ul { margin:0px; padding:0px; }
#nav-root { float:left; position:relative; z-index:11001; }
#nav-root a { text-decoration:none; color:#f1fefe; font-family:Arial, Helvetica, sans-serif; word-spacing:3px; letter-spacing:0.5px; display:block; overflow:hidden; }
#nav-root .rootitem { color:#fff; font-size:14px; font-weight:bold; line-height:38px; }
#sub-nav { position:absolute; display:none; width:188px; background-color:Gray; line-height:25px; border:1px solid #000; z-index:11002; }
#nav-root .forstd { opacity:0.95; filter:alpha(opacity=95); -moz-opacity:0.95; -khtml-opacity:0.95; }
#nav-root:hover #sub-nav { display:block; left:0px; top:32px; }
#sub-nav .sub-item { padding-left:8px; position:relative; z-index:11003; text-align:left; }
#sub-nav .sub-item a { font-size:12px; font-weight:normal; }
#sub-nav .sub-item a:hover { color:#323131; }
#sub-nav .sub-item:hover { background-color:#ccc; }
#sub-nav .sub-item .topitem { z-index:11004; width:188px; }
#sub-nav .sub-item .nav-list { display:none; position:absolute; left:188px; top:-1px; background-color:#ccc; border-top:1px solid #000; border-right:1px solid #000; border-bottom:1px solid #000; padding-left:10px; width:770px; z-index:11005; opacity:0.95; filter:alpha(opacity=95);  -moz-opacity:0.95; -khtml-opacity:0.95; }
#sub-nav .sub-item:hover .nav-list { display:block; margin-left:0%; }
#sub-nav .sub-item .nav-list .sub-category { float:left; display:inline; display:inline-block; }
#sub-nav .sub-item .nav-list .sub-category a { color:#222 !important; font-weight:bold !important; }
#sub-nav .sub-item .nav-list .category-content { float:left; padding-left:8px; display:inline; display:inline-block; overflow:hidden; }
#sub-nav .sub-item .nav-list .category-content a { color:#323131 !important; display:inline !important; }
#sub-nav .sub-item .nav-list .category-content a:hover { color:#f00 !important; }
#master-nav .item { float:left; color:#323131; padding:14px 0; font-size:12px; font-weight:bold; font-family:微软雅黑, Arial, Helvetica, sans-serif; }
#master-nav .item a, #master-nav .item a:visited { color:#fff; text-decoration:none; display:block; padding:0 20px; border-left:1px solid #702973; border-right:1px solid #47184a; }
#master-nav .item:hover { background-color:#591d5b; }
#master-nav .home { background-color:#49174b; }
#master-nav .home a, #master-nav .home a:visited { border-left-style:none; }
#master-nav .line { display:none; float:left; width:9px; height:32px; background-image:url("/images/nav-line.gif"); }
#master-nav .item-fav, .item-cart { padding-top:12px; float:right; height:20px; }
#master-nav .item-fav div { background:url("/Images/favorite.gif") no-repeat center top; width:90px; height:100%; position:relative; border-right:1px solid #47184a; }
#master-nav .item-cart div { background:url("/Images/cart-1.gif") no-repeat center top; width:90px; height:100%; position:relative; border-left:1px solid #702973; }
#master-nav div span { display:block; position:absolute; left:47px; width:20px; height:20px; line-height:20px; text-align:center; color:White; }
#footer { background-color:#242424; color:#7d7d7d; }
#footer-panel { width:970px; margin:0 auto; padding:20px 0; color:#7d7d7d; background:url("/Images/footer.gif") no-repeat right center; }
#bottom-i1 { _width:235px; }
#bottom-i2 { _width:216px; }
#bottom-i3 { _width:216px; }
#footer a { color:#7c7a7a; text-decoration:none; }
#footer .bfipl { float:left; display:inline; }
#footer .bfipl a:hover { color:#fff; }
#footer .bottom-news, .bottom-FAQ, .bottom-help { padding-left:10px; line-height:18px; height:18px; background:url(/Images/dot.gif) no-repeat left center; }
#footer .bottom-news { margin-left:34px; }
#footer .bottom-FAQ { margin-left:8px; }
#footer .bottom-help { margin-left:14px; }
#footer-b { text-align:center; padding-top:10px; }
#footer-b a { display:inline!important; }
.cbg01 { background-image:url("/Images/cbg01.gif"); }
.letter-list { margin-top:10px; padding:8px 0; border-top:1px solid #666; color:#999; float:left; }
#footer .letter-list a { color:#aaa; padding:0 4px; font-family:Arial; }
#footer .letter-list a:hover { color:#fff; }
#footer .bar { width:220px; float:left; }
#footer .bar .title { font-size:14px; font-weight:bold; }
#footer .bar ul { padding:18px 0 0 0; line-height:200%; }
#footer .bar ul li { display:block; background:url("/Images/dot.gif") no-repeat left center; padding-left:12px; }
#footer .rpart { float:right; padding:12px 0; }
#footer .rpart a { }
#footer .lpart { padding:8px 0; line-height:160%; }