﻿@charset "utf-8";
html
{
	margin-top:0px;
}
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 {
    border:0px;
}

body {
	font:12px 宋体,Verdana,sans-serif,微软雅黑;
    color: #333;
	text-align: center;
	line-height: 1.5;
    margin:0;
    width:100%;
}


table,input, textarea, select, option {
	font:12px 宋体,Verdana,sans-serif,微软雅黑;
	color:#000;
	line-height: 1.1;
}

table{border-collapse:collapse;}
table th{border:1px solid #ddd;background:#ffffff;text-align:center;padding-top:5px;padding-bottom:5px;}
table td{border:1px solid #ddd;background:#ffffff;text-align:left;padding-top:5px;padding-bottom:5px;}
table td.Thighlight { font-size:16px; font-weight:bold; text-align:right; line-height:24px; color:#F00;}
table td.right{text-align:right;}
table td.center{text-align:center;}
.noborder{border:none;}
.noborder td,.noborder th{border:none;padding-top:5px;padding-bottom:5px;}

ol, ul {
	list-style: none;
}


img{
	border: none;
}

:focus {
	outline: 0;
}




a{text-decoration:none;}
a:link {
	color: #555;
}

a:visited {
	color: #555;
}

a:hover {
	color: #0282F4;
    text-decoration:underline;
}

a:active {
	color: #0282F4;
}

.clearfix:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

#header {
    border-bottom: 1px solid #DBDBDB;
    height:70px;
    width:100%;
	*overflow:hidden;
}

#header img {
	display: block;
}

#header .inner {
	margin: 0 auto;
    margin-top:0;
	width: 950px;
	text-align: left;
}

#header #logo {
	float: left;
    width:255px;
    padding-top:6px;
    padding-left:3px;
}
#header #memberinfo{
    float:right;
    width:690px;
    overflow:hidden;
    height:18px;
    text-align:right;
}
#header #memberinfo .ml5{margin-left:5px;}
#header #memberinfo .st{color:#f00}
#header #memberinfo a{text-decoration:none;}
#header #memberinfo a:hover{text-decoration:underline;}

#header #gNavi {
	float: right;
    margin-right:8px;
    height:38px;
    margin-bottom:0;
	padding-left:0;
    *margin-top:13px;
}

#header #gNavi li {
	float: left;
    border-left: 1px solid #DBDBDB;
}

#header #gNavi li a {
	height: 38px;
    display:block;
    margin-top: 0px;
    margin-left: 0px;
    _display:inline;
}

#header #gNavi li.categroy a {
    background: url(images/nav_03_off.gif) no-repeat ;
    width:130px;
    display:block;

}
#header #gNavi li.categroy a:hover{
	background: url(images/nav_03_on.gif) no-repeat;
    display:block;
}

#header #gNavi li.brand a {
	background: url(images/nav_06_off.gif) no-repeat;
    width:139px;
    display:block;
}

#header #gNavi li.brand a:hover{
    background: url(images/nav_06_on.gif) no-repeat;
}

#header #gNavi li.Design a {
	background: url(images/nav_04_off.gif) no-repeat;
    width:113px;
    display:block;
}

#header #gNavi li.Design a:hover {
    background: url(images/nav_04_on.gif) no-repeat;
}

#header #gNavi li.Case a {
	background: url(images/nav_05_off.gif) no-repeat;
    width:115px;
    display:block;
}

#header #gNavi li.Case a:hover {
    background: url(images/nav_05_on.gif) no-repeat;
}

#header #gNavi li.About a {
    background: url(images/nav_01_off.gif) no-repeat;
    width:134px;
    display:block;
}

#header #gNavi li.About a:hover {
    background: url(images/nav_01_on.gif) no-repeat;
}

#header #gNavi li a:hover {
	background-color: #fff;
}

#header #gNavi li a:hover img {
	visibility: hidden;
}

.searchleft {
    background: url("/themes/default/new_style/images/search_left.gif") no-repeat scroll 0 0 transparent;
    display: block;
    height: 22px;
    vertical-align: baseline;
    width: 10px;
}
.searchinput {
    background: url("/themes/default/new_style/images/search_bg.gif") repeat-x scroll left top transparent;
    border: 0 none #FFFFFF;
    color: #666666;
    height: 17px;
    padding: 5px 15px 1px 5px;
    right: 27px;
    vertical-align: middle;
    width: 85px;
}


#main {
	margin: 0 auto 20px;
	width: 950px;
	background-color: #fff;
	
	text-align: left;
}



#main:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}


#category_tree{background-color:#fff}
#category_tree dl{margin:6px}
#category_tree dt{background:url(../images/lineBg.gif) repeat-x left bottom;color:#3f3f3f;padding:2px 0 3px 12px}
#category_tree dt.ndt{background:0}
#category_tree dt a{background:url(images/icon-arrow02-right.gif) no-repeat 0 2px;color:#3f3f3f;padding:2px 0px 4px 15px;text-decoration:none;font-weight:normal}
#category_tree dt a:hover{background:url(images/icon-arrow01-right.gif) no-repeat 0 2px;color:#0282f4;}
#category_tree dd{padding:3px 0 3px 10px}
#category_tree dd a{color:#404040;text-decoration:none}
#category_tree dd a:hover{color:#f60;text-decoration:none}
#category_trees{background-color:#fff}
#category_trees dl{margin:6px}
#category_trees dt{background:url(images/lineBg.gif) repeat-x left bottom;color:#3f3f3f;padding:2px 0 3px 12px}
#category_trees dd{padding:3px 0 3px 10px}
#category_trees dd a{color:#404040;text-decoration:none}
#category_trees dd a:hover{color:#f60;text-decoration:none}

.filterdiv{height:26px;text-align:right;margin-top:10px;}
.filterdiv span{border:1px solid #dbdbdb;height:24px;line-height:24px;padding-left:15px;padding-right:15px;margin-right:10px;cursor:pointer;float:right;display:block;font-size:12px;background:#fff;font-weight:bold;color:#666;}
.filterdiv span:hover{color:#c00;text-decoration:underline;}
.filterdiv span.cur{background:#84b7ec;font-weight:bold;color:#ffffff;cursor:default;}
.filterdiv span.cur:hover{text-decoration:none;}
.filterdiv .sorttip{background:#fff;height:26px;line-height:26px;font-size:12px;border:0;float:right;color:#333;}

.red{color:#dd0000;}
.strong{font-size:14px;font-weight:bold;}
#pagePath li a:hover {
	text-decoration: underline;
}


#conts {
	width: 690px;

	float: right;
}


#footer {
	border-top: 1px solid #DBDBDB;
    padding:0;
    clear:both; 
}

#footer .inner {
	margin: 0 auto -30px;
    _margin: 0 auto 0px;
	width: 950px;
	text-align: left;
}

#footer #utility {
	padding: 10px 0 0 12px;
	width: 228px;
	float: right;
}



#footer #utility .lang a:hover {
	text-decoration: underline;
}

#footer #utility .contact {
	float: right;

	color: #8EAABB;
}

#footer #utility .contact a {
	width: 106px;
	height: 29px;
	background: url("images/btn-contact-on.png") no-repeat scroll 0 0 transparent;
	display: block;
}



#footer #utility .contact a:hover {
	background-color: #fff;
}

#footer #utility .contact a:hover img {
	visibility: hidden;
}

#footer #otherNavi {
    margin-top: 0px;
	float: left;
    font-size:12px;
}

#footer #otherNavi li {
	float: left;
}

#footer #otherNavi li a {
    height:39px;
    line-height:39px;
    padding-left:12px;
    padding-right:12px;
	display: inline-block;
    font-family:"宋体",Verdana, Arial;
	color: #ACACAC;
	font-size:12px;
	text-decoration: none;
}

#footer #otherNavi a:hover {
	color: #0282F4;
	text-decoration: underline;
}





#footer #telstyle a:hover {
	color: #0282F4;
}


