/* Global */
body, table, tr, th, td, form, dt, dd, dl {
    border: 0;
    text-align: center;
    line-height: 22px;
    background: #fff;
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #777;
    word-wrap: break-word;
    word-break: break-all;
    table-layout: fixed;
    word-break /* */:normal;
}

img {
    border: 0;
    vertical-align: text-bottom;
}

li {
    list-style: none;
}

.clear {
    clear: both;
    height: 0px;
    overflow: hidden;
    font-size: 0px;
    visibility: hidden;
}
/* Link */
a {
    color: #1f3a87;
    text-decoration: none;
}

a:hover {
    color: #bc2931;
    text-decoration: underline;
}

a:active {
    color: #bc2931;
}
/*
 
 layout
 
 */
.wrap {
    width: 980px;
    text-align: left;
    margin: 0 auto;
    background-color: #fff;
    min-height: 800px;
}

#header {
    margin-top: 15px;
}

#nav {
    margin-top: 10px;
    background: #FC9 url(index_link.gif) repeat-x left top;
    height: 33px;
    border: 1px solid #339;
	overflow: hidden;
}

#left {
    float: left;
    width: 210px;
}

#right {
    float: left;
    margin-left: 10px;
    width: 760px;
}

#bottomdoc {
    margin-top: 10px;
    text-align: center;
}

#bottomdoc a {
    margin-left: 10px;
}

#copyright {
    margin-top: 10px;
    text-align: center;
}
/*
 
 detail
 
 */
#logo, #afterlogo {
    display: block;
    float: left;
}

#logo {
    width: 200px;
}

#afterlogo {
    width: 740px;
    margin-left: 10px;
}

#nav a {
    display: block;
    float: left;
    background: #FC9 url(index_link.gif) repeat-x left top;
    text-align: center;
    font-weight: bold;
    color: #fff;
    font-size: 14px;
    height: 33px;
    line-height: 33px;
	padding: 0 10px;
/*    width: 120px;*/
}

#nav a:first-letter {
    text-transform: uppercase;
}

#nav a:hover {
    background-position: bottom;
    color: #ffc;
    text-decoration: none
}
/**
 
 * left type tree
 
 */
#type_tree .type, #tags, #index_content {
    border: 1px solid #339;
    margin-top: 10px;
    padding-bottom: 5px;
}

#type_tree .type {
    padding-bottom: 0px;
}

#index_content {
    padding-left: 10px;
    border: 1px solid #ccc;;
}

#free_doc {
    padding: 0;
}

#welcome {
    margin-top: 10px;
    border: 1px solid #ccc;
    padding: 10px;
    color: #000;
}

#welcome * {
    margin: 0;
    padding: 0;
}

#free_doc a {
    display: block;
    text-align: center;
    border: 1px solid #ccc;
    color: #666;
}

#free_doc a:hover {
    background-color: #EEE;
    text-decoration: none;
}

#type_tree .typename a, #tags dt a {
    display: block;
    text-align: left;
    background: #FC9 url(index_link.gif) repeat-x left top;
    font-weight: bold;
    color: #fff;
    font-size: 14px;
    height: 33px;
    line-height: 33px;
    text-indent: 10px;
    border-bottom: 1px solid #339;
}

#type_tree .typename a:hover, #tags dt a:hover {
    cursor: normal;
    color: #ff8;
    text-decoration: none
}

#tags {
    margin: 0;
    padding: 0;
    margin-top: 10px;
	display: none;
}

#tags dd a {
    text-align: center;
    overflow: hidden;
    font-size: 12px;
    margin-left: 5px;
}

#tags dd a:hover {
    background-color: #00CCFF;
    color: #fff;
}

#type_tree .xilie_tree {
    display: none;
}

#type_tree .brandname a {
    display: block;
    text-align: left;
    font-weight: bold;
    color: #349;
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    margin-left: 5px;
    margin-top: 2px;
}

#type_tree .brandname a img {
    display: block;
    float: left;
    width: 35px;
    height: 23px;
    margin: 0 auto;
    margin-right: 5px;
}

#type_tree .brandname a:hover, #type_tree .brandname a.hover {
    background-position: bottom;
    color: #33f;
    text-decoration: none
}

#type_tree .xiliename a {
    display: block;
    text-align: left;
    background: #FFF url(#) repeat-x left top;
    color: #000;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    text-indent: 20px;
}

#type_tree .xiliename a:hover {
    background-position: bottom;
    color: #a00;
}
/**
 
 *right type tree
 
 */
#right .typename a {
    display: block;
    text-align: left;
    background: #FC9 url(index_link.gif) repeat-x left top;
    font-weight: bold;
    color: #fff;
    font-size: 14px;
    height: 33px;
    line-height: 33px;
    text-indent: 10px;
    border-bottom: 1px solid #339;
}

#right .typename a:hover {
    background-position: bottom;
    color: #ffc;
    text-decoration: none
}

#right .brandname {
    float: left;
    height: 24px;
}

.brand_list {
    background: #FFF url(right_brand.gif) repeat-x left top;
    height: 26px;
    overflow: hidden;
}

#right .brandname a {
    display: block;
    float: left;
    text-align: center;
    background: #FFF url(right_brand.gif) repeat-x left top;
    border: 1px solid #6cf;
    border-width: 0px 2px 2px 0px;
    font-weight: bold;
    color: #6cf;
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    width: 140px;
}

#right .brandname a:hover, #right .brandname a.hover {
    background-position: bottom;
    color: #fff;
    text-decoration: none
}

#right .xilie_list {
    float: left;
    width: 245px;
    min-height: 264px;
    overflow: hidden;
    border-right: 1px solid #ccc;
}

#right .xiliename a {
    display: block;
    text-align: left;
    background: #FFF url(tree_brand.gif) repeat-x left top;
    border-bottom: 1px solid #ccc;
    font-weight: bold;
    color: #999;
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    text-align: center;
}

#right .type {
    margin-top: 10px;
    border: 1px solid #339;
    min-height: 258px;
}

#right .xiliename a:hover, #right .xiliename a.hover {
    background-position: bottom;
    color: #666;
    text-decoration: none
}

#right .xilie_tree {
    display: none;
}

#right .product_tree .product_item img {
    width: 135px;
    height: 100px;
    margin: 0 auto;
    display: block;
    border: 1px solid #666;
    overflow: hidden;
}

#right .product_tree .product_item b {
    display: block;
    font-weight: normal;
    line-height: 14px;
    color: #555;
    text-decoration: none;
}

#right .product_tree .product_item b u, #right .product_tree .product_item .xilie_xilie {
    text-decoration: none;
    color: #990;
}

#right .product_tree .product_item {
    display: block;
    float: left;
    margin-left: 15px;
    margin-top: 10px;
    text-align: center;
    width: 135px;
    line-height: 12px;
    padding-bottom: 6px;
    overflow: hidden;
    padding-top: 5px;
    height: 160px;
    background-color:#f9f9f9;
}

#right .product_tree .product_item a {
    display: block;
}

#right .product_tree {
    display: none;
}

#right .type.typepage {
    border: 1px solid #6cf;
}

#right .typepage .xilie_list {
    min-height: 422px;
}

#right .typepage {
    min-height: 362px;
}

#right .type.brandpage .xiliename a {
    line-height: 40px;
    height: 40px;
    width: 230px;
    background-image: url(tree_brand_big.gif);
}

#right .type.brandpage {
    border: 1px solid #ccc;
    min-height: 340px;
}

#right .brandpage .xilie_list {
    min-height: 609px;
    width: 230px;
}

#right .type.xiliepage {
    height: auto;
    min-height: 220px;
    border: 1px solid #ccc;
    padding-bottom: 10px;
}

#right .xiliepage .product_tree {
    display: block;
}

#right .xiliepage .product_tree .product_item {
    width: 155px;
}

#right .xiliepage .product_tree .product_item img {
    width: 135px;
    height: 100px;
}

#info {
    margin-top: 10px;
    border: 1px solid #ccc;
}

#info .info_line {
    clear: both;
    margin: 0;
    padding: 0;
}

#info .info_title, .info_content {
    text-align: left;
    float: left;
    margin: 0;
    padding: 0;
    height: auto;
    min-height: 24px;
    border: 1px solid #ccc;
    padding: 10px;
    border-right: 0;
    border-top: 0;
}

.info_content table td, .info_content table tr, .info_content table {
    background-color: #000033;
}

#info .info_title {
    float: left;
    width: 140px;
    text-align: right;
    border-left: 0;
    padding-right: 40px;
    background-color: #eee;
}

#info .info_content {
    width: 536px;
}

.free_product_tree .product_item img {
    width: 135px;
    height: 100px;
    margin: 0 auto;
    display: block;
    border: 1px solid #666;
}

.free_product_tree .product_item b {
    display: block;
    font-weight: normal;
    line-height: 14px;
    color: #555;
    text-decoration: none;
}

.free_product_tree .product_item b u, .free_product_tree .product_item .xilie_xilie {
    text-decoration: none;
    color: #990;
}

.free_product_tree .product_item {
    display: block;
    float: left;
    margin-left: 12px;
    margin-top: 20px;
    text-align: center;
    width: 135px;
    line-height: 12px;
    padding-bottom: 10px;
    height: 180px;
}

.free_product_tree .product_item a {
    display: block;
}

.free_product_tree {
    margin-top: 10px;
    display: block;
}

.free_doc {
    margin-top: 10px;
}

.free_doc a {
    display: block;
    text-align: center;
    border: 1px solid #ccc;
    color: #666;
}

.free_doc a:hover {
    background-color: #EEE;
    text-decoration: none;
}

.info_content img {
    max-width: 400px;
}

.google {
    width: 650px;
    text-align: left;
}

#order {
    width: 400px;
    text-align: right;
}

#order .ordertext, #order textarea {
    width: 200px;
}

#order span {
    display: inline-block;
    width: 150px;
    padding-right: 10px;
}

.taglist a {
	display: inline-block;
	margin:3px;padding:3px;
	color: black;
	text-decoration: underline;
	background-color: #f9f9f9;
	border: #f3f3f3;
}

.taglist a:hover {
	background-color: #eee;
	text-decoration: none;
}