@charset "utf-8";
body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 15px;
	font-family: Tahoma;
	}

.Dubug {
	clear: both;
	}
.LeftBg {
	background: #333 url(../images/body_left.jpg) repeat-x 0 0;
	}
.MidBg {
	background: #FFF url(../images/body_right.jpg) repeat-x 0 0;
	width: 1000px;
	}
.RightBg {
	background: #FFF url(../images/body_right.jpg) repeat-x 0 0;
	}

.Header {
	background: url(../images/header_bg.jpg) no-repeat 0 0;
	height: 330px;
	overflow: hidden;
	}
.Main {
	margin: 0;
	padding: 0;
	}
	.Content {
		padding: 0 10px;
		background: url(../images/left_td.jpg) repeat-y left top;
		}

	.LeftTd {
		padding: 0 10px;
		width: 190px;
		}
	.RightTd {
		padding: 10px;
		}
	.PageContainer {
		margin: 0 auto;
		padding: 30px 0;
		width: 700px;
		}
	.PageTitle {
		background: url(../images/title_bg.jpg) repeat-x left bottom;
		}
	.PageTitle h2 {
		margin: 0;
		padding: 5px;
		font-size: 21px;
		line-height: 1.5em;
		}
	.PageLink {
		padding: 10px 0 0 0;
		float: right;
		}	
	.PageBanner {
		padding: 15px;
		text-align: center;
		}
	.PageContent {
		padding: 5px 15px;
		line-height: 1.5em;
		letter-spacing: 2px;
		color: #333;
		}
	.PageContent p {
		text-indent: 2em;
		}
	
	.CatagoriesBottom {
		padding: 0 0 10px 0;
		}	
	/*靜態頁*/
	/*產品頁*/
	.LeftTd a {
		display: block;
		}
	.CatagoriesLinks span a {
		padding: 0 0 0 10px;
		color: #333;
		font-weight: bold;
		text-decoration: none;
		line-height: 30px;
		border-bottom: 1px solid #EFEFEF;
		}
	.CatagoriesLinks span a:hover {
		color: #CC0000;
		}
	.CatagoriesLinks span #submenu a {
		padding: 0 0 0 40px;
		background: #F4F4F4 url(../images/menu_01.gif) no-repeat left center;
		border-bottom: 1px dotted #CCC;
		font-size: 13px;
		font-weight: normal;
		}
	.CatagoriesLinks span #submenu a:hover {
		background: #F4F4F4 url(../images/menu_02.gif) no-repeat left center;
		}
	#nav {
		margin: 0;
		padding: 0;
		line-height: 31px; 
		list-style-type: none;
		text-align:left;
     	/*定义整个ul菜单的行高和背景色*/
	}
	/*==================一级目录===================*/
	#nav a {
		width: 190px; 
		display: block;
		text-decoration:none;
		/*Width(一定要)，否则下面的Li会变形*/
		}
	#nav li {
		margin: 0;
		padding: 0;
		border-bottom: #FFF 0px solid; /*下面的一条白边*/
		float:left;
		/*float：left,本不应该设置，但由于在Firefox不能正常显示
		继承Nav的width,限制宽度，li自动向下延伸*/
		}
	#nav li a:hover{
		background: none; /*一级目录onMouseOver显示的背景色*/
		}
	#nav a:link   {
		color: #666;
		}
	#nav a:visited   {
		color: #666;
		}
	#nav a:hover   {
		color:#FFF;
		font-weight:bold;
		}
	/*==================二级目录===================*/
	#nav li ul {
		margin: 0;
		padding: 0;
		list-style:none;
		text-align:left;
		}
	#nav li ul li{ 
		margin: 0;
		padding: 0;
		background: #D6D6D6;  /*二级目录的背景色*/
		}
	#nav li ul a{
		width:190px;
		text-align: left;
		text-indent: 40px;
		background: url(../images/menu_01.gif) no-repeat left center;
		/* padding-left二级目录中文字向右移动，但Width必须重新设置=(总宽度-padding-left)*/
		}
	/*下面是二级目录的链接样式*/
	#nav li ul a:hover {
		color: #CC0000;
		background: url(../images/menu_02.gif) no-repeat left center;
		font-weight: normal;
		/* 二级onmouseover的字体颜色、背景色*/
		}
 	#nav li ul .LeftBntNow a {
		color: #CC0000;
		background: #F7F7F7 url(../images/menu_02.gif) no-repeat left center;
		font-weight: bold;
		border-bottom: 1px dotted #dedede;
		/* 二级onmouseover的字体颜色、背景色*/
		}	/*==============================*/
	#nav li:hover ul {
		left: auto;
		}
	#nav li.sfhover ul {
		left: auto;
		}
	#content {
		clear: left; 
		}
	#nav ul.collapsed {
		display: none;
		}
	-->
	#PARENT{
	}
	.LeftBnt {
		background: #F4F4F4;
		border-bottom: 1px dotted #CCC;
		}
	
	.ProdCata {
		margin: 5px 20px;
		padding: 0;
		list-style: none;
		height: 180px;
		float: left;
		}
	.ProdCata ul {
		margin: 0;
		padding: 0;
		list-style: none;
		}
	.ProdCata li {
		margin: 0;
		padding: 0;
		list-style: none;
		display: block;
		}
	.ProdCata li a {
		display: block;
		}
	.ProdImg {
		padding: 4px;
		border: 1px solid #CCC;
		width: 160px;
		height: 120px;
		}
	.ProdImg img {
		border: 0;
		}
	.ProdName {
		color: #000000;
		font-size: 13px;
		font-family: Tahoma;
		font-weight: bold;
		line-height: 1.5em;
		text-decoration: none;
		text-align: center;
		width: 170px;
		}
	.ProdName:hover {
		background: #F4F4F4;
		color: #CC0000;
		}
	.PordImg {
		margin: 2px 1px;
		padding: 2px;
		border: 1px solid #CCC;
		overflow: hidden;
		width: 400px;
		*width: 398px;
		height: 400px;
		line-height: 400px;
		text-align: center;
		/*2010-04-13 Add*/
		position:relative;
		display:table-cell;
		text-align:center;
		vertical-align:middle
		}
	.PordImg div {
		position:static;
		+position:absolute;
		top:50%
		}
	.PordImg div img {
		position:static;
		+position:relative;
		top:-50%;left:-50%;
		}

	.smaImg {
		margin: 0 1px;
		padding: 4px;
		*padding: 3px;
		_padding: 3px;
		border: 1px solid #CCC;
		width: 90px;
		height: 60px;
		text-align: center;
		/*overflow: hidden;*/
		float: left;
		}
	.smaImg a {
		display: block;
		width: 90px;
		height: 60px;
		float: left;
		}
	.smaImg img {
		border: 0;
		display: block;
		margin: 0 auto;
		}
	.BorderTd {
		border-bottom: 1px dotted #CCC;
		}
	.ProdNote {
		padding: 20px;
		background: #F7F7F7;
		}
	.NaviSubLinks {
		margin: 0 0 10px 0;
		padding: 10px 0;
		border: 1px solid #FDFDFD;
		}
	.NaviSubLinks ul {
		margin: 0;
		padding: 0;
		}
	.NaviSubLinks li {
		background: url(../images/menu_02.gif) no-repeat  -20px -5px;
		list-style: none;
		float: left;
		}
	.NaviSubLinks li a {
		padding: 0 0 0 20px;
		text-decoration: underline;
		color: #000000;
		}
	.NaviSubLinks li a:hover {
		color: #CC0000;
		text-decoration: none;
		}

	/*新聞頁*/
	.ImgBorder {
		margin: 0 20px 0 0;
		padding: 4px;
		background: #FFF;
		border: 1px solid #CCC;
		}
	.NewsDate {
		padding: 2px 0 0 0;
		float: right;
		font-size: 12px;
		color: #999;
		font-family: Tahoma;
		}
	.NewsTitle {
		margin: 0px;
		padding: 0 5px;
		border-bottom: 1px dotted #666666;
		
		}
	.NewsTitle a {
		color: #000000;
		text-decoration: none;
		}
	.NewsTitle a:hover {
		color: #FF3300;
		}
	.NewsNote {
		margin: 0;
		padding: 5px;
		font-size: 13px;
		color: #666666;
		line-height: 1.5em;
		}
	/*表單頁*/
	.RedText {
		color: #F00;
		font-weight: bold;
		padding: 5px;
		}	
	.LeftLabel {
		padding: 0 20px 0 0;
		width: 200px;
		text-align: right;
		}
	.RightInput {
		width: 75%;
		
		color: #666666;
		font-family: Tahoma;
		border: 1px inset #999;
		}
	.BtnSend {
		margin: 0 1px 0 0;
		padding: 3px 15px;
		background: #333333;
		color: #FFFFFF;
		font-size: 13px;
		font-weight: bold;
		border: 0;
		cursor: pointer;
		}
		
.Footer {
	padding: 0 0 0 20px;
	background: #000 url(../images/footer_bg.jpg) no-repeat 0 0;
	height: 60px;
	font-family: Tahoma;
	text-align: left;
	color: #FFF;
	font-size: 12px;
	line-height: 1.5em;
	vertical-align: top;
	}
	.FooterLeft {
		background: url(../images/footer_left.jpg) repeat-x 0 0;
		height: 60px;
		}
	.FooterRight {
		background: url(../images/footer_right.jpg) repeat-x 0 0;
		height: 60px;
		}
		
/*Pages*/
.PageSort {
	margin: 30px 0 0 0;
	padding: 10px;
	background: url(../images/title_bg.jpg) repeat-x left top;
	text-align: center;
	clear: both;
	}
.PageSort a {
	margin: 0 1px 0 0;
	color: #333;
	font-family: Tahoma;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	}
.PageSort span {
	margin: 1px;
	color: #666;
	}
a.PageFirst, a.PagePrev , a.PageNext , a.PageEnd {	border: 0px solid #2c2c2c; padding: 0 5px;}
a.PageFirst:hover ,a.PagePrev:hover, a.PageNext:hover, a.PageNext:hover ,a.PageEnd:hover {
	border: 0px solid #E4E4E4;
	padding: 0 5px;
	}
.PageFirstEnable ,.PagePrevEnable, .PageNextEnable , .PageEndEnable  {
	border: 1px solid #F5F5F5;
	}
a.PageNum {
	color: #333;	
	border: 1px solid #E4E4E4;
	padding: 0 15px;
	margin: 0 1px 0 0;
	text-align: center;
	}
a.PageNum:hover, a.PageNumSelect {
	font-weight: bold;
	margin: 0 1px 0 0;
	padding: 0 15px;
	background: #333;
	color: #FFFFFF;
	border: 1px solid #333;
	}