﻿
/*
<--------------------------------全局设置START----------------------------->

	background-image:url(".. SysImages BodyBg.jpg"); background-position:center top; background-repeat:repeat; 

	background-image: url(../SysImages/BodyBg.gif);
	background-position: center top;
	background-repeat: repeat;
	background-image: url(../SysImages/BodyBg.gif);
	background-position: center top;
	background-repeat: repeat-y;

	SCROLLBAR-FACE-COLOR: #f2f2ee;
	SCROLLBAR-HIGHLIGHT-COLOR: #fafbfc;
	SCROLLBAR-SHADOW-COLOR: #f2f2ee;
	SCROLLBAR-TRACK-COLOR: #eeeeee;
	SCROLLBAR-DARKSHADOW-COLOR: #dee4f2;
	SCROLLBAR-BASE-COLOR: #dee4f2;
	background-image: url(../SysImages/BodyBg.gif);	

	background-image: url(../SysImages/BodyBg.gif);	



*/
Body
{
	padding: 0px;
	margin: 0px;
	font-family: 宋体,Arial,Times New Roman;
	font-size: 12px;
	background-color:#FFFFFF;
	line-height:200%	

}


.classout
{
	background-image:url("../images/outbutton.gif");
	background-repeat:no-repeat;
	background-position:right middle;
	height:52px;
	width:171px;
	padding-right:15px;
	text-align:right;
}


.classover
{
	background-image:url("../images/outbutton.gif");
	background-repeat:no-repeat;
	background-position:right middle;
	height:52px;
	width:171px;
	padding-right:15px;
	text-align:right;
	

}


/*
链接样式

*/
A:link { COLOR: #000000; TEXT-DECORATION: none ;}
A:visited { COLOR: #000000; TEXT-DECORATION: none ;}
A:hover { COLOR: #000000; TEXT-DECORATION:underline ;}
A:alink { COLOR: #000000; TEXT-DECORATION:underline ;}




/*
输入框的样式
*/
INPUT 
{
 
	BORDER-TOP-WIDTH: 1px; 
	BORDER-LEFT-WIDTH: 1px; 
	FONT-SIZE: 12px; 
	BORDER-BOTTOM-WIDTH: 1px; 
	BORDER-RIGHT-WIDTH: 1px ;
	border-bottom-style:none;
	padding-left:	2px;
	padding-right:	2px;
	
}



/*
多行文本输入框的样式
*/
TEXTAREA 
{ 
	BORDER-TOP-WIDTH: 1px; 
	BORDER-LEFT-WIDTH: 1px; 
	FONT-SIZE: 12px; 
	BORDER-BOTTOM-WIDTH: 1px; 
	BORDER-RIGHT-WIDTH: 1px 
}




/*
选项框的样式
*/	
SELECT 
{ 
	BORDER-TOP-WIDTH: 1px; 
	BORDER-LEFT-WIDTH: 1px; 
	FONT-SIZE: 12px; 
	BORDER-BOTTOM-WIDTH: 1px; 
	BORDER-RIGHT-WIDTH: 1px 
}



/*
文本块样式
*/	
SPAN 
{ 
	FONT-SIZE: 12px; 
	POSITION: static 
}

/*
全局表格背景色为透明
*/	
TABLE
{
	background-color:Transparent;
}
/*
全局表格表头背景色为透明
*/	
TH
{ 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12px; 	
	COLOR: RED; 
	BACKGROUND-COLOR:#Transparent;
	height:30px;
}
/*
全局表格单元格背景色为透明
*/
TD 
{ 
	FONT-SIZE: 12px;
	background-color:Transparent;
}



/*
按钮样式1
*/
.BUTTON
{
	PADDING: 5px; 
	BORDER-RIGHT: #7b9ebd 1px solid;	
	BORDER-TOP: #7b9ebd 1px solid; 
	BORDER-LEFT: #7b9ebd 1px solid; 	
	BORDER-BOTTOM: #7b9ebd 1px solid
	CURSOR: hand; 
	FONT-SIZE: 10pt; 
	FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#cecfde); 
}


/*
按钮样式2
*/
 .BUTTON2
{
	BORDER:#cccccc 1px solid;
	BACKGROUND: #EEEEEE; 	
	vertical-align:middle;
	height:23px;
	vertical-align:middle;
	text-align:center;
}



/*
最外层表格
*/
TABLE.OutTable
{
	BORDER-RIGHT: #8c8276 0px solid; 
	BORDER-TOP: #dee4f2 0px solid; 
	BORDER-LEFT: #8c8276 0px solid; 
	BORDER-BOTTOM: #dee4f2 0px solid;
	width:977px;
	height:100%;
	background-color:White;
}



/*
带边框的表格,
改变TABLE背景色可以改边框的颜色，
改变TD背景色可以改表格单元格的颜色。
*/
TABLE.BorderTable
{
	border-bottom-style:NONE;
	BACKGROUND-COLOR: #CCCCCC;	
}
TABLE.BorderTable TD
{
	BACKGROUND-COLOR:#FFFFFF;
}



TABLE.JMTable
{
	border-bottom-style:NONE;
	BACKGROUND-COLOR: #CCCCCC;	
}
TABLE.JMTable TD
{
	BACKGROUND-COLOR:#FFFFFF;
	height:30PX;
}





/*
页头的导航栏的样式
*/
.TopMenu A:visited 
{ COLOR: #000000; TEXT-DECORATION: none ;}
.TopMenu A:hover 
{ COLOR: #000000; TEXT-DECORATION: under-line;	}
.TopMenu A:link
{ 
	COLOR: #000000; 
	TEXT-DECORATION: none ;
	
}
.TopMenu
{
	COLOR: white; 
	HEIGHT: 32px;
	background-image:URL("../SysImages/menu_top.gif");
	background-position:left top;
	background-repeat:repeat-x;	
}


.TopMenu2
{
	HEIGHT: 1px;
	background-color:#999999;
}



.morelink A:visited 
{ COLOR: #FFFFFF; TEXT-DECORATION: none;}
.morelink A:hover 
{ COLOR: #FFFFFF; TEXT-DECORATION: none;}
.morelink A:link
{ COLOR: #FFFFFF; TEXT-DECORATION: none;}
.morelink A:alink
{ COLOR: #FFFFFF; TEXT-DECORATION: none;}


/*
首页分隔栏高度
*/
TD.SpaceHeight
{
	height:6px;
}

/*
页头
*/
TD.PageHeader
{
	vertical-align:top;	
}

/*
页左边菜单
*/
TD.PageLeft
{
	width: 180px;
	height: 400px;
	background-color: #ffffff;
}

TD.PageRight
{
	width: 207px;
	height: 400px;
	background-color: #ffffff;
}

TD.PageLineTopSpace
{	
	height: 18px;
}



TD.PageLineBotSpace
{	
	height: 18px;
}


/*页分隔线*/
TD.PageLineTop
{
	width:590px;
	HEIGHT: 6px;
	background-image:URL("../Images/border-top.gif");
	background-position:left bot;
	background-repeat:no-repeat;	
}


/*页分隔线*/
TD.PageLineBot
{
	width:590px;
	HEIGHT: 8px;
	background-image:URL("../Images/border-bot.gif");
	background-position:left top;
	background-repeat:no-repeat;	
}


/*页分隔线*/
TD.PageLineLeft
{
	width:1px;
	background-image:URL("../Images/border-left.gif");
	background-position:left bot;
	background-repeat:repeat-y;	
}

/*页分隔线*/
TD.PageLineRight
{
	width:6px;
	background-image:URL("../Images/border-right.gif");
	background-position:left bot;
	background-repeat:repeat-y;	
}

/*
页主体
*/
TD.PageBody
{
	background-color:#ffffff;
	width:583px;
	height:400px;
}

/*
页尾
	background-image: url(../SysImages/BodyBg.gif);	

*/
TD.PageFooter
{
	vertical-align:top;
	BACKGROUND-COLOR: transparent;

}

/*
<--------------------------------全局设置END----------------------------->
*************************************************************************
*/







/*
<--------------------------------菜单栏STAR----------------------------->
*/

/*
介绍菜单栏样式
*/
TD.DepictListItem
{
	height:25px;
	background-image:url("../SysImages/bg_dian.gif");
	background-position:left bottom;
	background-repeat:repeat-x;	
}


/*
新闻分类菜单栏样式
*/
TD.NewsClassListItem
{
	height:25px;
	background-image:url("../SysImages/bg_dian.gif");
	background-position:left bottom;
	background-repeat:repeat-x;	
}


/*
产品分类菜单栏样式
*/
TD.ProdClassListItem
{
	height:25px;
	background-image:url("../SysImages/bg_dian.gif");
	background-position:left bottom;
	background-repeat:repeat-x;	
}


/*
<--------------------------------菜单栏END----------------------------->
*************************************************************************
*/









/*
<--------------------------------新闻STAR----------------------------->
*/


/*
新闻列表表格,用来设置每条新闻标题下的点划线
*/
TABLE.NewsListTable
{
	background-image:url("../SysImages/bg_dian.gif");
	background-position:left bottom;
	background-repeat:repeat-x;
}



/*
新闻列表  标题栏样式
*/
DIV.NewsListTitle
{
	OVERFLOW: hidden; WIDTH: 450px; TEXT-OVERFLOW: ellipsis;
}

/*
新闻列表（TOP）前几条  标题栏样式
*/
DIV.NewsListTopTitle
{
	OVERFLOW: hidden; WIDTH: 220px; TEXT-OVERFLOW: ellipsis;
}

/*
新闻列表 标题栏前的时间
*/
TD.NewsDateTime
{
	padding-left:3px;
	width:70px;
	color:#FF9900;
}

/*
新闻列表 标题栏
*/
TD.NewsListAllTD
{
	
}


/*
新闻详情
*/
.NewsListMemo
{
	line-height:200%;
}

/*
<--------------------------------新闻END----------------------------->
*************************************************************************
*/







/*
<--------------------------------介绍STAR----------------------------->
*/

/*
介绍详情
*/
.DepictListMemo
{
	line-height:200%;	
}


/*
<--------------------------------介绍END----------------------------->
*************************************************************************
*/







/*
<-----------------------产品STAR--------------------->
*/


/*
用表格形式表达产品列表时的表格线的颜色
*/
 TABLE.ProdListItemTable2
{
	width:550px;
	background-color:#bde792;
}
TABLE.ProdListItemTable2 Td
{
	background-color:#ffffff;	
}


/*
产品列表时的整个表格，包括图片和产品货号
	background-image:url("../SysImages/ProdItemBg.jpg");
	background-repeat:no-repeat;
	background-position:center top;

*/
TABLE.ProdListItemTable
{
	width:90px;
	height:120px;
}


TABLE.ProdListImageBg
{
		background-color:#DCDCDC;
		height:120px;
		width:90px;
}

/*
产品列表时的图片
*/
TD.ProdListImage
{
	width:90px;
	height:120px;
	text-align:center;
	vertical-align:middle;
	background-color:#ffffff;
}

/*
产品详情时的图片
*/
TD.ProdShowImage
{
	width:400px;
	height:300px;
	text-align:center;
	vertical-align:middle;
	background-color:#ffffff;
}



/*
产品列表时的产品编号
*/
DIV.ProdListItemDIV
{
	OVERFLOW: hidden; 
	WIDTH:90px;
	height:20px;
	TEXT-OVERFLOW: ellipsis;
	vertical-align:middle;
	text-align:center;
}

/*
产品列表时的购物车标志
*/
TD.ProdListCartIcon
{
	text-align:center;
	vertical-align:middle;
	display:none;
}



/*
产品明细表格(显示产品货号,名称,价格时的表格样式)
*/
Table.ProdShowTable
{
	table-layout: fixed;	
	word-wrap:break-word;
	LINE-HEIGHT: 130%;
	
}
Table.ProdShowTable TD
{
	background-image:url("../SysImages/bg_dian.gif");
	background-position:left bottom;
	background-repeat:repeat-x;
}



/*
产品详细介绍
*/
.ProdListMemo
{
	line-height:200%;	
}



/*
<------------------------------产品END--------------------------->
******************************************************************
*/



/*
<--------------------------------留言本STAR----------------------------->
*/

/*
留言板表格
改变TABLE背景色可以改边框的颜色，
改变TD背景色可以改表格单元格的颜色。
*/
TABLE.GuestList 
{
	border-bottom-style:none;
	BACKGROUND-COLOR: #cccccc;
	table-layout: fixed;
	word-wrap:break-word;
	LINE-HEIGHT: 130%;
	width:500px;
}
TABLE.GuestList TD
{
	background-color:#ffffff;
}


/*
留言板单元格下的点划线样式(填写留言时,信息反馈时,发送订单时)
*/
TD.GuestBookLine
{
	BACKGROUND-POSITION: left bottom; 
	BACKGROUND-IMAGE: url("../SysImages/bg_dian.gif");
	BACKGROUND-REPEAT: repeat-x;
}

/*
留言板单元格下的点划线样式(浏览留言时,留言与回复中间的分割部分点划线样式)
*/
TD.GuestViewLine
{
	BACKGROUND-POSITION: left middle; 
	BACKGROUND-IMAGE: url("../SysImages/bg_dian.gif");
	BACKGROUND-REPEAT: repeat-x;
	height:5px;
}


/*
<--------------------------------留言本END----------------------------->
*************************************************************************
*/









/*
<-----------------------边框 STAR--------------------->
*/

/*
边框表格
*/
TABLE.LeftMenuTable
{
	width:100%;
	height:100%;
}

/*
主单元格
*/
TD.LeftMenu
{
	width:100%;
	vertical-align:top;
	height:100%;
}

/*
边框上部左边
*/
TD.LeftMenuTopLeft
{
	width:3px;
	height:5px;
	background-image:url("../SysImages/leftMenu-top-left.gif");
	background-repeat:no-repeat;
	background-position:right bottom;
}

/*
边框上部中间
*/
TD.LeftMenuTopMiddle
{
	height:5px;
	background-image:url("../SysImages/leftMenu-top-middle.gif");
	background-repeat:repeat-x;
	background-position:left bottom;
}

/*
边框上部右边
*/
TD.LeftMenuTopRight
{
	width:7px;
	height:5px;
	background-image:url("../SysImages/leftMenu-top-right.gif");
	background-repeat:no-repeat;
	background-position:left bottom;
}

/*
边框中部左边
*/
TD.LeftMenuMiddleLeft
{
	width:3px;
	background-image:url("../SysImages/leftMenu-middle-Left.gif");
	background-repeat:repeat-y;
	background-position:right;
}

/*
边框中部右边
*/
TD.LeftMenuMiddleRight
{
	width:7px;
	background-image:url("../SysImages/leftMenu-middle-Right.gif");
	background-repeat:repeat-y;
	background-position:left ;
}

/*
边框下部左边
*/
TD.LeftMenuBotLeft
{
	width:3px;
	height:8px;
	background-image:url("../SysImages/leftMenu-bot-left.gif");
	background-repeat:no-repeat;
	background-position:right top;
}

/*
边框下部中间
*/
TD.LeftMenuBotMiddle
{
	height:8px;
	background-image:url("../SysImages/leftMenu-bot-middle.gif");
	background-repeat:repeat-x;
	background-position:left top;
}

/*
边框下部右边
*/
TD.LeftMenuBotRight
{
	width:7px;
	height:8px;
	background-image:url("../SysImages/leftMenu-bot-Right.gif");
	background-repeat:no-repeat;
	background-position:left top;
}
/*
<-----------------------边框 END--------------------->
*/






/*
<-----------------------下拉菜单CSS STAR--------------------->
*/


/*
菜单整体
*/
.WebPanelBar
{	
	width:160px;
	margin-top:5px;
	font-family:宋体;
	padding:0px;	
}

/*
菜单组
*/
.GroupHeader
{
	width:160px;
	height:28px;
	vertical-align:middle;
	background-color:Transparent;
	padding-left:0px;	
}

/*
菜单组
*/
.GroupHeader td
{
	color:Red;
	background-color:Transparent;
	background-image:url("../SysImages/bg_dian.gif");
	background-position:left bottom;
	background-repeat:repeat-x;	
}


/*
菜单组展开边框
*/
.GroupBody
{
	margin-top:0px;
	margin-bottom:0px;
	border-color:#ffffff;
	border-width:0px;
	border-style:solid;
	background-color:Transparent;
	width:155px;	
}


/*
菜单组展开时
*/
.GroupHeaderExpand
{
	text-align:left;
	padding-left:0px; 
	color: black; 
	cursor: hand;
	width:160px;
	height:28px;	
	background-color:Transparent;
}

/*
菜单组展开时TD
*/
.GroupHeaderExpand td
{
	color:Red;
	background-color:Transparent;
	background-image:url("../SysImages/bg_dian.gif");
	background-position:left bottom;
	background-repeat:repeat-x;	
}

/*
菜单组收缩时
*/
.GroupHeaderClosed 
{
	text-align:left;	
	padding-left:0px; 
	color: balck; 
	cursor: hand;
	width:160px;
	height:28px;
	background-color:Transparent;
}


/*
菜单组收缩时TD
*/
.GroupHeaderClosed td
{
	color:Red;
	background-color:Transparent;
	background-image:url("../SysImages/bg_dian.gif");
	background-position:left bottom;
	background-repeat:repeat-x;	
}

/*
菜单项
*/
.Item
{ 
	text-align:left;	
	padding-left:10px;
	height:28px;
	background-image:url("../SysImages/bg_dian.gif");
	background-position:left bottom;
	background-repeat:repeat-x;	
}

/*
菜单组收缩时TD
*/
.Items
{ 
	width:155px;
	text-align:left;
	margin-top:0px;
}


/*
<-----------------------下拉菜单CSS END--------------------->
*/

 

