@charset "utf-8";
@import url("body.css");
/* CSS Document */
#banner {
	position:relative;
	top:-8px;
	/*height:225px;*/
	min-height:62px;
	max-height:225px;
	background-image:url(../images/bg_navigation.png);
	background-position:0 top;
	background-repeat:no-repeat;
	top:-31px;
}

#banner #banner_img{
	position:relative;
	top:-31px;
	overflow:hidden;
	background-repeat:repeat-x;
}
#banner #banner_img #banner_frame{
	width:980px;
	margin:auto;
	overflow:hidden;
}
/*
#banner .about{
	background-image:url(../images/about/bg_about.png);
	background-repeat:repeat-x;
}
#banner .award{
	background-image:url(../images/award/bg_award.png);
	background-repeat:repeat-x;
}
#banner .contact{
	background-image:url(../images/contact/bg_contact.png);
	background-repeat:repeat-x;
}
#banner .market{
	background-image:url(../images/market/bg_market.png);
	background-repeat:repeat-x;
}
#banner .product{
	background-image:url(../images/products/bg_product.png);
	background-repeat:repeat-x;
}
#banner .search{
	background-image:url(../images/search/bg_search.png);
	background-repeat:repeat-x;
}
#banner .sitemap{
	background-image:url(../images/sitemap/bg_sitemap.png);
	background-repeat:repeat-x;
}
#banner .support{
	background-image:url(../images/support/bg_support.png);
	background-repeat:repeat-x;
}
#banner .news{
	background-image:url(../images/news/bg_news.png);
	background-repeat:repeat-x;
}
*/


#secondary {
	float:left;
	width:233px;
	position:relative;
	min-height:500px;
	margin: 0 15px 0 10px;
}
#secondary div#title {
	font-size:17px;
	color:#fff;
	font-weight:bold;
	padding:35px 0 0 35px;
	*padding:35px 0 0 35px;
	overflow:hidden;
	height: 24px;
	background-image:url(../images/bg_treemenu_title.png);
	background-repeat:no-repeat;
}
#secondary div#bottom {
	background-image:url(../images/bg_treemenu_bottom.png);
	background-repeat:no-repeat;
	background-position:0 bottom;
	height: 55px;
}
#secondary div#treeMenu {
	background-image:url(../images/bg_treemenu_center.png);
	background-repeat:repeat-y;
	padding-left:10px;
	padding-top:1px;
}
#secondary div#treeMenu ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
#secondary div#treeMenu li.this, 
#secondary div#treeMenu li:hover 
{
	position:relative;
	background-image:url(../images/bg_treemenu_leftline.gif);
	background-repeat:repeat-y;
}
#secondary div#treeMenu ul li div.l1,
#secondary div#treeMenu ul li div.l2
{
	width:213px;
	padding:0 1px;
	min-height:22px;
	position:relative;
}
#secondary div#treeMenu ul li ul li div.last
{
	background-image:url(../images/bg_treemenu_center_line.png);
	background-repeat:no-repeat;
	background-position:center bottom;
	padding-bottom:5px;
}
/*
#secondary div#treeMenu ul li div.l3,
#secondary div#treeMenu ul li div.last
{
	border-bottom:none;
}
*/
#secondary div#treeMenu ul li div.l1 a {
	display:block;
	width:175px;
	min-height:22px;
	color:#000;
	padding:5px 7px 5px 25px;
	line-height:18px;
}
#secondary div#treeMenu ul li:hover div.l1,
#secondary div#treeMenu ul li div.this {
	background-image:url(../images/bg_treemenu_l1_on.png);
	background-repeat:no-repeat;
	background-position:2px 0;
}
#secondary div#treeMenu ul li:hover div.l1 a,
#secondary div#treeMenu ul li div.this a {
	/*background-image:url(../images/bg_menu_l1_on.png);*/
	color:#e54700;
	font-weight:bold;
}
/*
#secondary div#treeMenu ul li div.l1:hover a,
#secondary div#treeMenu ul li div.this a {
	background-image:url(../images/icon_menu_l1_on.png);
}
*/
#secondary div#treeMenu ul li div.l1 div.icon ,
#secondary div#treeMenu ul li div.l1 div.iconOpen
{
	cursor:pointer;
}
#secondary div#treeMenu ul li div.l1:hover div.icon,
#secondary div#treeMenu ul li div.this div.icon {
	/*background-image:url(../images/icon_menu_l1_on.gif);*/
}

#secondary div#treeMenu ul li div.l2 a {
	display:block;
	color:#666;
	min-height:17px;
	width:150px;
	padding:4px 0 4px 13px;
	line-height:14px;
	position:relative;
	top:0px;
	left:29px;
	background-image:url(../images/icon_treemenu_arr_off.png);
	background-position:0 8px;
	background-repeat:no-repeat;
}
#secondary div#treeMenu ul li div.l2 a:hover {
	background-image:url(../images/icon_treemenu_arr_on.png);
	color:#e54700;
	text-decoration: underline;
}
#secondary div#treeMenu ul li div.l2 a.this {
	display:block;
	min-height:17px;
	padding:4px 0 4px 13px;
	line-height:14px;
	/*position:absolute;*/
	top:0px;
	left:29px;
	color:#e54700;
	text-decoration: underline;
	background-image:url(../images/icon_treemenu_arr_on.png);
	background-position:0 8px;
	background-repeat:no-repeat;
}
#secondary div#treeMenu ul li ul li ul li div.this {
	/*background-image:url(../images/bg_dot_line.png);*/
	background:none ;
}
#secondary div#treeMenu ul li ul li div.this a,
#secondary div#treeMenu ul li ul li div a:hover,
#secondary div#treeMenu ul li ul li ul li div.this a,
#secondary div#treeMenu ul li ul li ul li div a:hover {
	color:#014e7c;
}
#secondary div#treeMenu ul li ul li ul li div.this a
{
	font-weight:normal;
}

#secondary div#treeMenu ul ul ul ul {
	/*background-image:url(../images/bg_dot_line.png);
	background-repeat:no-repeat;
	border-top:dotted 1px #CECECE;*/
	padding:2px 0;
}
/*
#secondary div#treeMenu ul li div.l2 div.iconOpen,
#secondary div#treeMenu ul li div.l2 div.iconClose {
	width:15px;
	height:15px;
	background-repeat:no-repeat;
	background-position:3px 3px;
	position:absolute;
	top:8px;
	left:12px;
	cursor:pointer;
}
#secondary div#treeMenu ul li div.l2 div.iconOpen {
	background-image:url(../images/icon_products_menu_l2_off.gif);
}
#secondary div#treeMenu ul li div.l2 div.iconClose {
	background-image:url(../images/icon_products_menu_l2_on.gif);
}
*/
/*
#secondary div#treeMenu ul li div.l3 div.iconOpen,
#secondary div#treeMenu ul li div.l3 div.iconClose {
	width:15px;
	height:15px;
	background-repeat:no-repeat;
	background-position:4px 4px;
	position:absolute;
	top:8px;
	left:22px;
	cursor:pointer;
}
#secondary div#treeMenu ul li div.l3 div.iconOpen {
	background-image:url(../images/icon_products_menu_l3.gif);
}
#secondary div#treeMenu ul li div.l3 div.iconClose {
	background-image:url(../images/icon_products_menu_l3.gif);
}
#secondary div#treeMenu ul li div.l3 a {
	display:block;
	font-size:11px;
	color:#383838;
	min-height:17px;
	_height:17px;
	padding:8px 0 4px 0px;
	line-height:14px;
	position:absolute;
	top:0px;
	left:38px;
}
*/
/*
#secondary div#treeMenu ul li div.l4,
#secondary div#treeMenu ul li ul li ul li ul li div.this {
	width:164px;
	position:relative;
	background-image:url(../images/icon_menu_l4.png);
	background-repeat:no-repeat;
	background-position:39px 6px;
	padding-left:48px;
}
#secondary div#treeMenu ul li div.l4 a {
	font-size:11px;
	color:#848484;
	line-height:16px;
}
#secondary div#treeMenu ul li div.l4 a.new {
	background-image:url(../images/icon_new.png);
	background-repeat:no-repeat;
	background-position:right center;
	padding-right:30px;
}
*/


#secondary div.quick {
	padding:50px 25px 10px 25px;
	width:151px;
	background-image:url(../images/bg_dot_line.png);
	background-repeat:no-repeat;
	background-position:right bottom;
}
#secondary div.quick div.lists {
	background-image:url(../images/bg_dot_line.png);
	background-repeat:no-repeat;
	background-position:0 top;
	position:relative;
	height:65px;
	overflow:hidden;
	padding: 3px 0 3px 0px;
}
#secondary div.quick div.lists:hover {cursor:pointer;}
#secondary div.quick div.lists table {
	border:0px;
	padding:0px;
	margin:0px;
	border-collapse:collapse;
	border-spacing:0px;
	table-layout: fixed; /*防止表格被撐大(IE8)*/
	word-break: break-all;/*字母斷行*/
}
#secondary div.quick div.lists td.img {
	width:65px;
	text-align:center;
	vertical-align:middle;
	height:65px;
	overflow: hidden;
	background-repeat:no-repeat;
	background-position:center center;
}
#secondary div.quick div.lists td.img img{
	max-width:65px;
	max-height:65px;	
}
#secondary div.quick div.lists td.img {
	filter: alpha (opacity=50);
	-moz-opacity:0.5;opacity:0.5;
}
#secondary div.quick div.lists:hover td.img {
	filter:none;
	-moz-opacity:1;opacity:1;
}
/*
#secondary div.quick div.lists td.faq {
	background-image:url(../upload/img_faq_on.jpg);
	filter: alpha (opacity=50);
	-moz-opacity:0.5;opacity:0.5;
}
#secondary div.quick div.lists:hover td.faq {
	background-image:url(../upload/img_faq_on.jpg);
	filter:none;
	-moz-opacity:1;opacity:1;
}
#secondary div.quick div.lists td.support {
	background-image:url(../upload/img_support_on.jpg);
	filter: alpha (opacity=50);
	-moz-opacity:0.5;opacity:0.5;
}
#secondary div.quick div.lists:hover td.support {
	background-image:url(../upload/img_support_on.jpg);
	filter:none;
	-moz-opacity:1;opacity:1;
}
#secondary div.quick div.lists td.center {
	background-image:url(../upload/img_center_on.jpg);
	filter: alpha (opacity=50);
	-moz-opacity:0.5;opacity:0.5;
}
#secondary div.quick div.lists:hover td.center {
	background-image:url(../upload/img_center_on.jpg);
	filter:none;
	-moz-opacity:1;opacity:1;
}
*/
#secondary div.quick div.lists td.icon {
	height:60px;
	width:86px;
	/*padding:0 10px 0 0px;*/
}
#secondary div.quick div.lists a {
	display:block;
	max-height:50px;
	overflow:hidden;
	padding:5px 0px 5px 30px;
	float: left;
	font-weight: bold;
	color:#666;
	line-height:14px;
}

#secondary div.quick div.lists:hover a {
	color:#107d86;
	background-image:url(../images/icon_quick.png);
	background-position:0 center;
	background-repeat:no-repeat;
}

#primary {
	float:left;
	/*padding:0 10px 0 24px;*/
	width:715px;
	position:relative;
	padding:30px 0;
}
#primary div#breadcrumb {
	padding-top:4px;
	height:20px;
}
#primary div#breadcrumb a.home {
	float:left;
	background-image:url(../images/icon_home.png);
	background-repeat:no-repeat;
	background-position:left 3px;
	color: #999;
	padding-left:15px;
	display:block;
}
#primary div#breadcrumb div.separator {
	float:left;
	padding:20px 5px 0;
	background-image:url(../images/icon_breadcrumb_arr.png);
	background-repeat:no-repeat;
	background-position:center;
	width:5px;
	height:5px;
}
#primary div#breadcrumb a {
	float:left;
	display:block;
	color:#999;
	padding-top:1px;
	font-size:11px;
}
#primary div#breadcrumb a.last {
	color:#006a73;
}
#primary div#title {
	color:#e54700;
	font-size:17px;
	font-weight:bold;
	padding-top:15px;
}
#primary div#content {
	position: relative;
	float: left;
}
#primary div#content div.eachBlock{
}
#primary div#content div.subTitle{
	position: relative;
	background-image:url(../images/bg_primary_title.gif);
	background-repeat:no-repeat;
	height:12px;
	padding:0 0 0 10px;
	width:705px;
}
#primary div#content div.subTitle span{
	color:#006a73;
	font-weight:bold;
	background-color:#fff;
	padding-right:10px;
	position:relative;
	top:-4px;
}
/* 20120418 vincent 新增 */
div.dottedLine
{
	background-image:url(../images/bg_treemenu_center_line.png);
	background-repeat:repeat-x;
	background-position:center bottom;
	padding-bottom:5px;
}