/*  对于网站的样式管理，均通过这个样式表进行管理，结合web.config和portal.config  */
/*  实现对整个网站的定制。建议将使用到的图像资源放在一个自定义的目录下           */
/*  请在修改样式表之前做好备份 */

/*  页面的配置，background-image是页面的背景， 请把背景图放在自己目录下方便管理  */
/*  将指定的图像平铺，作为网站背景。如果网站的模块没有指定背景，则使用此背景 */

/*  请不要修改前0-8项的顺序 */

.SynBody
{
	font-size: 13px;
	line-height: 22px;
	font-style: normal;
	font-family: "宋体" , Verdana Bold, Helvetica, sans-serif;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	padding-left: 0px;
	-moz-box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
	width: 1002px; /* height: 100%; */
	margin-top: 0px; /*  background: url(Images/loading.gif) #FFFFFF no-repeat center 30% ; */
	color: #000000;
	background-color: #ffffff;
	background-image: url(Images/deuta/deuta.png);
	background-repeat: repeat-x;
	background-attachment: fixed;
}


.HeadBg
{
	background-color: #ffffff;
	width: 100%;
}


.FootBg
{
	color: #FFFFFF;
	width: 100%;
	background-color: #0955a4;
	background-repeat: no-repeat;
	font-size: 12px;
}

.BarBg
{
	color: #000000;
	height: 22px;
	margin-bottom: 0px;
	background-color: transparent;
	background-image: url(images/deuta/title_bg.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0px -69px;
}

.MainTable
{
	width: 950px;
	margin-right: 0px;
	margin-left: 0px;
	background-color: #ffffff;
}



.OtherTabs
{
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	color: #ffffff;
	font-style: normal;
	font-family: "宋体" , Verdana Bold, Helvetica, sans-serif;
	text-decoration: none;
	float: left;
	font-weight: normal;
	text-decoration: none;
	width: 150px;
	text-align: center;
	vertical-align: middle;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #FFFFFF;
}


.IsRoundedMenuItem
{
	height: 0px;
}

/* 0px = 不实现圆角按键效果，1px=圆角按键效果  */
.IsRoundedButton
{
	height: 1px;
}

/* Rounded Color Button */
.ButtonColor
{
	padding-right: 0px;
	padding-left: 0px;
	font-weight: normal;
	font-size: 13px;
	padding-bottom: 0px;
	color: #ffffff;
	padding-top: 0px;
	font-family: 宋体,Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	text-align: center;
	vertical-align: middle;
	background-color: #990000;
	margin-left: 2px;
	margin-right: 2px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	cursor: hand;
	line-height: 22px;
	height: 22px;
}

/*  选中的一级栏目菜单，line-height为菜单背景表格的高度，margin-left为菜单表格左边的间隔距离，margin-right为菜单表格右边的间隔距离  */
.SelectedTab
{
	border-width: 0px;
	margin: 0px;
	padding: 0px;
	background-position: center bottom;
	font-weight: normal;
	font-size: 14px;
	font-style: normal;
	font-family: "宋体" , "Verdana Bold" , Helvetica, sans-serif;
	text-decoration: none;
	float: left;
	text-decoration: none;
	color: #ffffe0;
	width: 150px;
	text-align: center;
	vertical-align: middle;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #FFFFFF;
	background-color: #666666;
	background-image: url(Images/deuta/bg_menu_select.gif);
	background-repeat: repeat-x;
}

.MyMenus
{
	border-style: none;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	margin: 0;
	float: left;
	width: 950px;
	padding-left: 0px;
	text-align: center;
	background-image: url(Images/deuta/bg_menu.gif);
	background-repeat: repeat-x;
}

.MyMenus div a
{
	margin: 0;
	text-decoration: none;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 15px;
	padding-bottom: 15px;
	font-weight: normal;
	color: #FFFFFF;
	vertical-align: middle;
}


.MyMenus:after
{
	/*Add margin between menu and rest of content in Firefox*/
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


.OtherTabs a acronym
{
	color: #ffffff;
	text-decoration: none;
}


.OtherTabs a:hover acronym
{
	color: #ffffff;
	text-decoration: none;
}


.SelectedTab a acronym
{
	color: #ffffff;
	text-decoration: none;
}



A.ButtonColor:link
{
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 5px;
	padding-left: 5px;
	font-weight: normal;
	font-size: 13px;
	padding-bottom: 0px;
	color: #ffffff;
	padding-top: 0px;
	font-family: 宋体,Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	text-align: center;
	vertical-align: middle;
	margin-left: 2px;
	margin-right: 2px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	line-height: 22px;
	height: 22px;
}

A.ButtonColor:visited
{
	font-weight: normal;
	font-size: 13px;
	padding-bottom: 0px;
	color: #ffffff;
	padding-top: 0px;
	font-family: 宋体,Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	text-align: center;
	vertical-align: middle;
	margin-left: 2px;
	margin-right: 2px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}

A.ButtonColor:hover
{
	font-weight: normal;
	font-size: 13px;
	padding-bottom: 0px;
	color: #ffffff;
	padding-top: 0px;
	font-family: 宋体,Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	text-align: center;
	vertical-align: middle;
	margin-left: 2px;
	margin-right: 2px;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}


/* LogStatus  icon*/
.LogStatus
{
	padding-left: 24px;
	width: 160px;
	overflow: hidden;
	background-position: left center;
	background-image: url(Images/deuta/slogin.gif);
	background-repeat: no-repeat;
}

.LogMenu
{
}

.LogCart
{
}

.BarFooterBg
{
	color: #ffffff;
	background-color: #f0f0f0;
	padding-top: 15px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}


/* Product Navigation Tree Styles*/
.NodeStyle
{
	border-width: 1px;
	border-color: #CCCCCC;
	display: block;
	width: 100%;
	border-bottom-style: dotted;
}

.LeafNodeStyle
{
	display: block;
	width: 100%;
}

.ParentNodeStyle
{
	display: block;
	width: 100%;
}

.RootNodeStyle
{
	font-weight: bold;
	display: block;
	width: 100%;
}

.CurrentNodeStyle
{
	background-color: #CCCCCC;
}


body
{
	background-position: center;
	font-size: 13px;
	line-height: 22px;
	font-style: normal;
	font-family: "宋体" , Verdana Bold, Helvetica, sans-serif;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	padding-left: 0px;
	-moz-box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px; /*  background: url(Images/loading.gif) #FFFFFF no-repeat center 30% ; */
	color: #696969;
	background-color: #f1efe2;
	background-image: url(images/deuta/back.gif);
	background-repeat: repeat-y;
	background-attachment: fixed;
}

table
{
	font-weight: normal;
	font-size: 12px;
	font-family: "宋体" , Verdana, Helvetica, sans-serif;
}

p
{
	font-weight: normal;
	font-size: 12px;
	font-family: "宋体" , Verdana, Helvetica, sans-serif;
}



/* 为图像加上阴影效果，一般的ｉｍｇ不用省缺的边框  */
/*  <div class="img-shadow"> <img src="..."></div> */
/*  不使用 position: relative; 才能在IE的窗口改变时候依然显示正常 */

img
{
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}


/* 这个是立体效果边框*/
.img-shadow
{
	float: left;
	background: url(images/shadowAlpha.png) no-repeat bottom right !important;
	background: url(images/shadow.gif) no-repeat bottom right;
	margin: 10px 0 0 10px !important;
	margin: 10px 0 0 5px;
}

.img-shadow img
{
	display: block;
	background-color: #fff;
	border: 1px solid #a9a9a9;
	margin: -6px 6px 6px -6px;
	padding: 4px;
}


/*  解决Floats Div 无法正确包含子DIV并自动调整尺寸的问题  */

.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix
{
	display: inline-block;
}

/*  Holly Hack Targets IE Win only \ */
* html .clearfix
{
	height: 1%;
}
.clearfix
{
	display: block;
}
/*  End Holly Hack  */


.floatholder
{
	background: #ffffff;
	padding-left: 10px;
}

.floatbox
{
	/* 	position: relative;  */
	float: left;
	width: 99%;
	background: none transparent scroll repeat 0% 0%;
	color: black;
}

.floatbox p
{
	margin: 0;
}

.floatholder p
{
	margin: 0;
}
/* 
错误的效果：
<div class="floatholder">
			<div class="floatbox">
				<p>This float is not enclosed by the surrounding div container.
				</p>
			</div>
			<p>This container lacks the fix.</p>
		</div>
正确的效果：
<div class="clearfix floatholder">
			<!-- the "clearfix" classname MUST be the first class in the attribute for the JS to work! -->
			<div class="floatbox">
				<p>See how this float no longer protrudes out of the containing box, with no extra
					clearing element used in the container!</p>
			</div>
			<p>This float container has a class attribute of "clearfix", which applies the
				:after fix, or the Holly hack, depending on the browser.</p>
		</div> */
/*  */


/* 960 grid systm elements using in html layout, total 24grids*/
.grid_4
{
	position: relative;
	display: inline;
	float: left;
	width: 150px;
	margin-right: 10px;
	text-align: left;
	padding:0px;
}

.grid_4 dd
{
	background-image: url(Images/deuta/arrow_a.gif);
	padding-left:10px;
	background-position: left top;
	background-repeat: no-repeat;
}

.grid_4_end
{
	position: relative;
	display: inline;
	float: left;
	width: 150px;
	text-align: left;
	padding: 0px;
}

.grid_4_end dd
{
	background-image: url(Images/deuta/arrow_a.gif);
	padding-left:10px;
	background-position: left top;
	background-repeat: no-repeat;
}




.grid_6
{
	position: relative;
	display: inline;
	float: left;
	width: 230px;
	margin-right: 10px;
}
.grid_6_end
{
	position: relative;
	display: inline;
	float: left;
	width: 230px;
}

.grid_8
{
	position: relative;
	display: inline;
	float: left;
	width: 310px;
	margin-right: 10px;
}
.grid_8_end
{
	position: relative;
	display: inline;
	float: left;
	width: 310px;
}



/*  浮动层  */
div.container
{
	background-color: #ffe;
	border-bottom: 1px dashed;
}

div.spacer
{
	clear: both;
}

/*  DIV的内容自动截断，IE有效。用于文章模块的标题列表和内容  */
div.floatleft
{
	float: left;
	width: 90%;
	overflow: hidden; /*  for other browsers  */
	white-space: nowrap; /*  force one-line text  */
	overflow: hidden;
	text-align: left;
}

div.floatright
{
	float: right;
	width: 50%;
	overflow: hidden; /*  for other browsers  */
	white-space: nowrap; /*  force one-line text  */
	overflow: hidden;
}

div.float p
{
	text-align: center;
}
/* 
<div class="container">
<div class="spacer">
  &nbsp;
</div>

<div class="float">
  <img src="image1.gif" width="100" height="100"
  alt="image 1" /><br />
  <p>caption 1</p>
</div>

<div class="float">
  <img src="image2.gif" width="100" height="100"
  alt="image 2" /><br />
  <p>caption 2</p>
</div>

<div class="float">
  <img src="image3.gif" width="100" height="100"
  alt="image 3" /><br />
  <p>caption 3</p>
</div>

<div class="spacer">
  &nbsp;
</div>

</div>

 */


/*  带细边框的表，比Border=1的效果要好  */
table.Border
{
	border-collapse: collapse;
	border-right: #E6E6E6 1px solid;
	border-top: #E6E6E6 1px solid;
	border-left: #E6E6E6 1px solid;
	border-bottom: #E6E6E6 1px solid;
}

td.Border
{
	border: 1px solid #E6E6E6;
	padding: 2px;
}

th.Border
{
	border: 1px solid #E6E6E6;
	padding: 2px;
}

td.SubHead
{
	font-weight: normal;
	color: #696969;
	margin: 0;
	padding: 2px;
	border: 1px solid #E6E6E6;
	background-color: #f5f5f5;
	text-align: right;
	white-space: nowrap;
}

table.gridview
{
	border-collapse: collapse;
	border: solid 1px #E6E6E6;
}

table.gridview td, th
{
	border-collapse: collapse;
	border: solid 1px #E6E6E6;
}

/* Fix asp:menu bug in IE8 */
.adjustedZIndex
{
	z-index: 1;
}

/*  Padding And Link Color For Menu Item */
.topMenu td
{
	padding-right: 2px;
	padding-left: 2px;
	font-size: 14px;
	vertical-align: middle;
	line-height: 20px;
}
.topMenu A
{
	color: #000000;
}

.topMenu A:link
{
	color: #000000;
}
.topMenu A:hover
{
	color: #000000;
}
.topMenu A:visited
{
	color: #000000;
}

.topMenuSelected
{
	font-weight: normal;
	color: #ffffff;
	background-color: #647682;
	text-decoration: none;
}
A.topMenuSelected:link
{
	font-weight: normal;
	color: #ffffff;
	background-color: #647682;
	text-decoration: none;
}
A.topMenuSelected:visited
{
	font-weight: normal;
	color: #ffffff;
	background-color: #647682;
	text-decoration: none;
}
A.topMenuSelected:active
{
	font-weight: normal;
	color: #ffffff;
	background-color: #647682;
	text-decoration: none;
}
A.topMenuSelected:active
{
	font-weight: normal;
	color: #ffffff;
	background-color: #647682;
	text-decoration: none;
}
A.topMenuSelected:hover
{
	font-weight: normal;
	color: #ffffff;
	background-color: #647682;
	text-decoration: none;
}




.tabMenu
{
	border-style: solid solid none solid;
	border-width: 1px;
	border-color: #aaaaaa;
	background-position: 50% 50%;
	background: #cccccc url(css/smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
	color: #222222;
	font-weight: bold;
}

.tabs
{
	position: relative;
	top: 1px;
	left: 10px;
}

.menuItem
{
	border-top: #aaaaaa 1px solid;
	border-left: #aaaaaa 1px solid;
	border-right: #aaaaaa 1px solid;
	background-color: #eeeeee;
	padding: 2px 10px;
	color: #000000;
}

.selectedMenuItem
{
	background-color: white;
	border-bottom: solid 1px white;
}



/*  在一个Table/DIV中显示为较窄的行间距,用于商品模块的项目显示。
ModuleTable定义了每个模块的样式。
 */
.Compact
{
	line-height: 16px;
}

/* 每个模块的样式　*/
.ModuleTable
{
	width: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
}


.theform
{
	padding-bottom: 2px;
	padding-top: 2px;
	background-color: #ffffff;
	margin: 0px;
}

.theHeader
{
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	background-color: #ffffff;
	border-left: solid 26px #ffffff;
	border-right: solid 26px #ffffff;
}

/* 支持页面的最小高度　*/
.theBody
{
	clear: both;
	min-height: 400px;
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	background-color: #ffffff;
	border-left: solid 26px #ffffff;
	border-right: solid 26px #ffffff;
}

.theFooter
{
	clear: none;
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	background-color: #ffffff;
	border-left: solid 26px #fff;
	border-right: solid 26px #fff;
}

div[class] .theBody
{
	height: auto;
}

/*  因为主页面Default.aspx的Pane是RunAtServer的，因此不能使用#作为ID来指定CSS */

.LeftPane
{
	width: 230px;
	margin-right: 5px;
}

.ContentArea
{
	width: 710px;
	margin-left: 5px;
}

.TopPane
{
	display: block;
	width: 100%;
}

.ContentPane
{
	margin-right: 5px;
}


.RightPane
{
	width: 345px;
	margin-left: 5px;
}


.HeaderPane
{
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	color: #696969;
}


.FooterPane
{
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	color: #696969;
}



/*  页面头的Banner宽度的指定，广告的内容在xml文件中指定，参考使用说明  */
/*  实际显示图片的大小在此指定，不然会自动缩放图像导致变形             */
.SiteBanner
{
	height: 66px;
	width: 201px;
}

.Bonus
{
	background-image: url(Images/deuta/hot.gif);
	background-repeat: no-repeat;
	color: #ff0000;
	padding-left: 25px;
	background-position: left 50%;
}

/* <p class="alert">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p> */
.alert
{
	background: url(Images/deuta/alert.png) #f5f5dc no-repeat 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: #990066 2px solid;
	border-bottom: #990066 2px solid;
}

/*  网站的名称样式，显示在页面底部 */
.SiteTitle
{
	font-size: 12px;
	width: 100%;
	color: #2B2B2B;
	line-height: 26px;
	font-family: "宋体" , Tahoma, Helvetica, sans-serif;
}

A.SiteTitle:link
{
	width: 100%;
	color: #2B2B2B;
	line-height: 22px;
	font-family: 黑体, Tahoma, Helvetica, sans-serif;
}

A.SiteTitle:visited
{
	color: #2B2B2B;
	text-decoration: none;
}
A.SiteTitle:active
{
	color: #2B2B2B;
	text-decoration: none;
}
A.SiteTitle:hover
{
	color: #2B2B2B;
	text-decoration: underline;
}

.PoweredBy
{
	text-align: right;
	font-size: 12;
}

/*  用来实现多站点、多语言版本的菜单 */
ul.minitabs
{
	list-style: none;
	margin: 0px 7px 7px;
	font-weight: normal;
	text-align: right;
	white-space: nowrap;
	padding-right: 7px;
	padding-left: 7px;
	padding-bottom: 7px;
	padding-top: 0px;
	vertical-align: bottom;
}
ul.minitabs li
{
	display: inline;
	margin: 0px 4px;
}
ul.minitabs li a.notcurrent
{
	text-decoration: none;
	border-bottom: 3px solid #505d63;
	color: #505d63;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 2px;
	padding-top: 0px;
}

ul.minitabs li a.current
{
	border-color: #003399;
	text-decoration: none;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 2px;
	padding-top: 0px;
	color: #003399;
	border-bottom-width: 3px;
	border-bottom-style: solid;
}
ul.minitabs li a:hover
{
	color: #003399;
	text-decoration: none;
}



/*  网页底部的域名   */

.SiteName
{
	font-size: 12px;
	color: #ffffff;
	font-family: Verdana, Helvetica, sans-serif;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
 
.SiteICP
{
	font-size: 12px;
	color: #000000;
	font-family: Verdana, Helvetica, sans-serif;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-color: #f0f0f0;
}
 
 
.SiteLink
{
	font-size: 12px;
	color: #000000;
	font-family: Verdana, Helvetica, sans-serif;
}
/*页面底部的链接颜色*/
.sitefootlink
{
	font-size: 12px;
	color: #4a4849;
	font-family: Verdana, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
	text-indent: 40px;	
}
A.sitefootlink:link
{
	text-decoration: none;
	color: #000000;
	text-decoration: none;
}
A.sitefootlink:visited
{
	text-decoration: none;
	color: #000000;
	text-decoration: none;
}
A.sitefootlink:hover
{
	text-decoration: none;
	color: #CC3300;
	text-decoration: none;
}
A.sitefootlink:active
{
	text-decoration: none;
	color: #CC3300;
	text-decoration: none;
}

/* 登录和个人导航,Accent是间隔符号的样式，也是购物车菜单的数字样式  */
.NavLink
{
	font-size: 12px;
	color: #000000;
	font-family: Verdana, Helvetica, sans-serif;
	text-decoration: none;
}
A.NavLink
{
	font-size: 12px;
	color: #000000;
	font-family: Verdana, Helvetica, sans-serif;
	text-decoration: none;
}
A.NavLink:link
{
	font-size: 12px;
	color: #000000;
	font-family: Verdana, Helvetica, sans-serif;
	text-decoration: none;
}
A.NavLink:visited
{
	color: #000000;
	text-decoration: none;
}
A.NavLink:active
{
	color: #000000;
	text-decoration: underline;
}
A.NavLink:hover
{
	color: #000000;
	text-decoration: underline;
}

/* Footer Link */
.SiteLink
{
	font-size: 12px;
	color: #000000;
	font-family: Verdana, Helvetica, sans-serif;
	text-decoration: none;
}
A.SiteLink
{
	font-size: 12px;
	color: #000000;
	font-family: Verdana, Helvetica, sans-serif;
	text-decoration: none;
}
A.SiteLink:link
{
	font-size: 12px;
	color: #000000;
	font-family: Verdana, Helvetica, sans-serif;
	text-decoration: none;
}
A.SiteLink:visited
{
	color: #000000;
	text-decoration: none;
}
A.SiteLink:active
{
	color: #000000;
	text-decoration: underline;
}
A.SiteLink:hover
{
	color: #000000;
	text-decoration: underline;
}


A.Normal
{
	font-size: 13px;
	color: #000000;
	font-family: Verdana, Helvetica, sans-serif;
	text-decoration: none;
	line-height: 20px;
}
A.Normal:link
{
	color: #000000;
	font-family: Verdana, Helvetica, sans-serif;
	text-decoration: none;
}
A.Normal:visited
{
	color: #000000;
	text-decoration: none;
}
A.Normal:active
{
	color: #8b0000;
	text-decoration: underline;
}
A.Normal:hover
{
	color: #8b0000;
	text-decoration: none;
}

.Accent
{
	color: #990000;
}

/*  公告和活动两个模块的标题的样式                         */
/*  此背景图显示在标题的全面，请把背景图放在自己目录下方便管理  */
.ItemTitle
{
	margin-top: 2px;
	padding-left: 28px;
	background-image: url(images/deuta/arrow_b.gif);
	margin-bottom: 2px;
	color: #696969;
	background-repeat: no-repeat;
	background-position: 20px center;
}

/*  模块项 */
.Item
{
	color: black;
	background-color: #efefef;
}

.ItemAlt
{
	color: black;
	background-color: #f5f5f5;
}


.ProductItem
{
	color: #4a4849;
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 10px;
}

.ProductItemAlt
{
	color: black;
	background-color: #ffffff;
}

.CommentItem
{
	font-size: 13px;
	color: black;
	line-height: 20px;
	font-style: normal;
	font-family: "宋体" , Verdana Bold, Helvetica, sans-serif;
	background-color: #f8f8ff;
}

.CommentItemAlt
{
	font-size: 13px;
	color: black;
	line-height: 20px;
	font-style: normal;
	font-family: "宋体" , Verdana Bold, Helvetica, sans-serif;
	background-color: #ffffff;
}

.CommentStars
{
	border-style: none none solid none;
	border-width: 1px;
	border-color: #999999;
}

.ChildComments
{
	border: 1px dashed #999999;
}

.SelectedComment
{
	border: 1px solid #FFCC66;
	background-color: #FFFFE1;
}

/*  商品模块、文档模块 页码样式 */

.PageHead
{
	font-weight: normal;
	font-size: 14px;
	line-height: 22px;
	color: black;
	font-family: "宋体" , Verdana Bold, Helvetica, sans-serif;
	background-color: #dcdcdc;
}

.HintContent
{
	font-size: 12px;
	line-height: 18px;
	font-style: normal;
	font-family: "宋体";
	color: #000000;
	background-color: #CCCCCC;
	padding: 4px;
}

.ItemWhereWhen
{
	color: black;
	text-indent: 28px;
}

/*  主标题  */
.Head
{
	font-weight: bold;
	font-size: 14px;
	color: #696969;
	line-height: 22px;
	font-family: "宋体" , Verdana Bold, Helvetica, sans-serif;
}
/*  子标题 */
.SubHead
{
	font-weight: bold;
	font-size: 12px;
	color: #666666;
	font-family: "宋体" , "Verdana Bold" , Helvetica, sans-serif;
	text-indent: 20px;
	line-height: 30px;
}
/*  第三级标题 */
.SubSubHead
{
	font-weight: bold;
	font-size: 12px;
	line-height: 18px;
	color: #330000;
	font-family: "宋体" , Verdana Bold, Helvetica, sans-serif;
}


/* 所添加模块的Title可以使用如下样式，主题Item的设定是继承此样式的 */
.ModuleTitle
{
	font-size: 12px;
	padding-bottom: 1px;
	color: #4a4849;
	padding-top: 1px;
	line-height: 35px;
	padding-left: 20px;
	background-color: #f0f0f0;
	height: 35px;
	font-weight: bold;
}

.ModuleContent
{
	clear: both;
	margin-bottom: 5px;
	font-size: 12px;
	color: #4a4849;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

.ModuleContentConnection
{
	clear: both;
	font-size: 12px;
	color: #4a4849;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
}

.ModuleContentSynopsis
{
	clear: both;
	font-size: 12px;
	color: #4a4849;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}

.ModuleTitleDeuta
{
	font-size: 12px;
	padding-bottom: 1px;
	color: #FFFFFF;
	padding-top: 1px;
	line-height: 35px;
	padding-left: 20px;
	background-color: #999999;
	height: 35px;
	font-weight: bold;
}

.ModuleContentDeuta
{
	clear: both;
	font-size: 12px;
	color: #4a4849;
	padding-left: 20px;
	line-height: 35px;
	background-image: url(Images/deuta/bg_left_list.gif);
	background-repeat: repeat;
}
.WelcomeModuleTitle
{
	clear: both;
	font-size: 12px;
	color: #3d3d3d;
	background-color: #aaa;
	padding-left: 20px;
	font-weight: bold;
	line-height: 35px;
}

.WelcomeModuleContent
{
	clear: both;
	font-size: 12px;
	color: #3d3d3d;
	background-color: #aaa;
	padding-left: 20px;
	height: 30px;
}

.WelcomeModuleContent a:link, .WelcomeModuleContent a:visited, .WelcomeModuleContent a:active
{
	color: #3d3d3d;
}
.WelcomeModuleContent a:hover
{
	color: #CC3300;
}



.ModuleContentGray
{
	border: 1px solid #dadada;
	background-image: url(  'Images/deuta/bg_content_01.gif' );
	background-repeat: repeat-x;
	margin-bottom: 5px;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
}

.ModuleContentBlue
{
	border: medium double #336699;
	padding: 5px;
	background-image: url(   'Images/deuta/bg_content_02.jpg' );
	background-repeat: repeat-x;
	margin-bottom: 5px;
}

.ModuleContentArrow
{
	background-position: center 0px;
	margin-bottom: 5px;
	background: url( 'images/deuta/arrow_3.gif' ) no-repeat center 0px;
	padding-top: 10px;
}

/*  所添加模块的内容，带边框 */
.ModuleTitleBorder
{
	border-right: #696969 1px solid;
	border-top: #696969 1px solid;
	font-size: 14px;
	margin-bottom: 0px;
	padding-bottom: 1px;
	border-left: #696969 solid;
	color: #f5f5f5;
	padding-top: 1px;
	background-color: #696969;
	padding-left: 15px;
	line-height: 22px;
	height: 22px;
}


.ModuleContentBorder
{
	padding: 5px;
	border-right: #696969 1px solid;
	background: #e6e6e6;
	border-left: #696969 1px solid;
	border-bottom: #696969 1px solid;
	margin-bottom: 5px;
}


.ModuleContentBorderTop
{
	padding-right: 0px;
	padding-left: 0px;
	border-right: #E4E4E4 1px solid;
	background: #e6e6e6;
	padding-bottom: 0px;
	border-left: #E4E4E4 1px solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-color: #E4E4E4;
	border-right-color: #E4E4E4;
	border-left-color: #E4E4E4;
	border-style: solid solid none solid;
}



.ModuleContentBorderAll
{
	padding: 15px;
	border-right: #E4E4E4 1px solid;
	background: none transparent scroll repeat 0% 0%;
	margin-top: 0px;
	margin-bottom: 5px;
	border-left: #E4E4E4 1px solid;
	border-top: #E4E4E4 1px solid;
	border-bottom: #E4E4E4 1px solid;
	color: #303030;
}



.ModuleContentBorderMiddle
{
	border-left: #E4E4E4 1px solid;
	border-right: #E4E4E4 1px solid;
	padding: 0px;
	margin: 0px;
}

.ModuleContentBorderBottom
{
	clear: both;
	margin-bottom: 5px;
	color: #123A58;
	padding: 15px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #E4E4E4;
	border-bottom-color: #E4E4E4;
	border-left-color: #E4E4E4;
}

.ModuleContentBorderBottom1
{
	margin-bottom: 5px;
	color: #123A58;
	padding: 15px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #E4E4E4;
	border-bottom-color: #E4E4E4;
	border-left-color: #E4E4E4;
}

.ModuleContentBorderTopBottom
{
	margin-bottom: 5px;
	color: #123A58;
	padding: 5px;
	border-bottom-width: 1px;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #E4E4E4;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E4E4E4;
}

.ModuleTitleBlock
{
	font-size: 14px;
	padding-bottom: 1px;
	padding-top: 0px;
	color: #FFFFFF;
	line-height: 22px;
	background-color: #303030;
	list-style-type: disc;
	margin-right: 0px;
	padding-left: 4px;
	height: 22px;
}

.ModuleContentBlock
{
	margin-bottom: 5px;
	color: #333333;
	background-color: #F2F2F2;
	padding: 5px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #F2F2F2;
	border-right-color: #F2F2F2;
	border-bottom-color: #F2F2F2;
	border-left-color: #F2F2F2;
}

/* Online Service */

.ModuleTitleOnlineService
{
	font-size: 14px;
	color: #FF3300;
	font-style: normal;
	background-color: #FF3300;
	list-style-type: disc;
	background-image: url(MyFiles/Image/deuta/css_bg_ol_service_title.gif);
	background-repeat: no-repeat;
	border: 1px solid #FF3300;
	padding-left: 10px;
	line-height: 53px;
	height: 53px;
	vertical-align: 20px;
}

.ModuleContentOnlineService
{
	color: #003366;
	padding: 5px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FF3300;
	border-right-color: #FF3300;
	border-bottom-color: #FF3300;
	border-left-color: #FF3300;
	background-image: url(MyFiles/Image/deuta/css_bg_ol_service_content.gif);
	background-repeat: repeat-x;
	margin-bottom: 5px;
}


/* 根据模版,在模块中创建网页的内容的样式,不同于MyHtmls下的网页，而是在MyFiles的网页*/
.HtmlPage
{
	width: 100%;
}

/* For Div Padding in Html Editor*/
.Padding
{
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-top: 2px;
}


/* 新闻详细页面　*/
.ModuleTitleNews
{
	font-size: 14px;
	padding-bottom: 1px;
	color: #004080;
	padding-top: 1px;
	padding-left: 0px;
	height: 30px;
	font-weight: bold;
	line-height: 30px;
	vertical-align: middle;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #004080;
}

.ModuleContentNews
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 20px;
	padding-top: 20px;
	color: #4a4849;
}

/* Login Module（以下是登录、注册、找回密码的样式） Style*/
.ModuleTitleLogin
{
	border-right: #e6e6e6 1px solid;
	border-top: #e6e6e6 1px solid;
	margin-bottom: 0px;
	padding-bottom: 1px;
	border-left: ##e6e6e6 solid;
	color: #4a4849;
	padding-top: 1px;
	font-style: normal;
	font-family: "宋体" , "Verdana Bold" , Helvetica, sans-serif;
	background-color: #e6e6e6;
	text-align: center;
	padding-left: 20px;
	line-height: 35px;
	height: 35px;
	background-color: transparent;
	background-image: url(images/deuta/title_bg.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: -2px -254px;
	border-style: solid solid none solid;
	border-width: 1px;
	border-color: #e6e6e6;
	font-weight: bold;
}



.ModuleContentLogin
{
	padding-right: 4px;
	padding-left: 20px;
	border-right: #dcdcdc 1px solid;
	margin-bottom: 1px;
	padding-bottom: 4px;
	border-left: #dcdcdc 1px solid;
	border-bottom: #dcdcdc 1px solid;
	background-color: #ffffff;
	padding-top: 4px;
	height: 126px;
}


.ModuleTitleRegister
{
	border-style: none;
	border-width: 1px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	color: #4a4849;
	padding-top: 0px;
	font-style: normal;
	font-family: "宋体" , "Verdana Bold" , Helvetica, sans-serif;
	background-color: #e6e6e6;
	text-align: center;
	border-top-color: #e6e6e6;
	border-right-color: #e6e6e6;
	border-bottom-color: #e6e6e6;
	border-left-color: #e6e6e6;
	padding-left: 20px;
	line-height: 35px;
	height: 35px;
	background-color: transparent;
	background-image: url(images/deuta/title_bg.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: -2px -254px;
	border-style: solid solid none solid;
	border-width: 1px;
	border-color: #e6e6e6;
	font-weight: bold;
}



.ModuleContentRegister
{
	padding-right: 4px;
	padding-left: 4px;
	border-right: #e6e6e6 1px solid;
	background: #ffffff;
	margin-bottom: 1px;
	padding-bottom: 4px;
	border-left: #e6e6e6 1px solid;
	border-bottom: #e6e6e6 1px solid;
	padding-top: 4px;
}


.ModuleTitlePassword
{
	margin-bottom: 0px;
	padding-bottom: 0px;
	color: black;
	padding-top: 1px;
	background-color: #e6e6e6;
	text-align: center;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #e6e6e6;
	border-right-color: #e6e6e6;
	border-bottom-color: #e6e6e6;
	border-left-color: #e6e6e6;
	padding-left: 4px;
	line-height: 22px;
	height: 22px;
}



.ModuleContentPassword
{
	padding-right: 0px;
	padding-left: 0px;
	border-right: #e6e6e6 1px solid;
	background: #ffffff;
	margin-bottom: 1px;
	padding-bottom: 1px;
	border-left: #e6e6e6 1px solid;
	border-bottom: #e6e6e6 1px solid;
}

.Outset
{
	line-height: 18px;
	vertical-align: bottom;
	margin-top: 1px;
	margin-bottom: 1px;
	border-right: #ff9900 1px outset;
	border-top: #ff9900 1px outset;
	border-left: #ff9900 1px outset;
	border-bottom: #ff9900 1px outset;
}

.FlatInput
{
	background-color: #ffffff;
	border-right: #696969 1px solid;
	border-top: #696969 1px solid;
	border-left: #696969 1px solid;
	border-bottom: #696969 1px solid;
}

/* User Infomation Modules'(个人信息、我的积分、订单历史的统一样式) Style*/
.ModuleTitleUser
{
	margin-bottom: 0px;
	padding-bottom: 0px;
	color: black;
	padding-top: 1px;
	font-style: normal;
	font-family: "宋体" , "Verdana Bold" , Helvetica, sans-serif;
	background-color: #e6e6e6;
	text-align: center;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #e6e6e6;
	border-right-color: #e6e6e6;
	border-bottom-color: #e6e6e6;
	border-left-color: #e6e6e6;
	padding-left: 4px;
	line-height: 22px;
	height: 22px;
	background-color: transparent;
	background-image: url(images/deuta/title_bg.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: -2px -254px;
	border-style: solid solid solid solid;
	border-width: 1px;
	border-color: #e6e6e6;
}




.ModuleContentUser
{
	padding-right: 4px;
	padding-left: 4px;
	border-right: #e6e6e6 1px solid;
	background: #ffffff;
	margin-bottom: 1px;
	padding-bottom: 4px;
	border-left: #e6e6e6 1px solid;
	border-bottom: #e6e6e6 1px solid;
	padding-top: 4px;
}
.PuductPath
{
	padding-top: 5px;
	padding-bottom: 5px;
}
.Categories
{
	border-right: #d3d3d3 1px solid;
	border-top: #d3d3d3 1px solid;
	border-left: #d3d3d3 1px solid;
	border-bottom: #d3d3d3 1px solid;
	padding-bottom: 1px;
	padding-top: 1px;
	margin-top: 1px;
	margin-bottom: 1px;
	background-color: #f5f5f5;
	padding-right: 4px;
	padding-left: 4px;
	height: 35px;
}
.Categories label
{
	font-weight: Normal;
	padding-left: 4px;
}
.Categories input
{
	border-left: #a9a9a9 1px solid;
	border-right: #a9a9a9 1px solid;
	border-top: #a9a9a9 1px solid;
	border-bottom: #a9a9a9 1px solid;
	background-color: #d3d3d3;
}

.OtherCategories
{
	color: #E6E6E6;
	font-weight: normal;
	margin-left: 1px;
	margin-right: 0px;
	text-decoration: none;
	line-height: 35px;
	background-position: left center;
	background-repeat: no-repeat;
	padding-right: 6px;
	padding-left: 6px;
	padding-bottom: 0px;
	padding-top: 0px;
	border-left: #696969 6px solid;
}


.SelectedCategory
{
	color: #E6E6E6;
	font-weight: normal;
	margin-left: 1px;
	margin-right: 0px;
	text-decoration: none;
	line-height: 35px;
	background-position: left center;
	background-repeat: no-repeat;
	padding-right: 6px;
	padding-left: 6px;
	padding-bottom: 0px;
	padding-top: 0px;
	border-left: #ff8c00 6px solid;
}

.Attributes
{
	border-right: #d3d3d3 1px solid;
	border-top: #d3d3d3 1px solid;
	border-left: #d3d3d3 1px solid;
	border-bottom: #d3d3d3 1px solid;
	padding-bottom: 1px;
	padding-top: 1px;
	margin-top: 1px;
	margin-bottom: 1px;
	background-color: #f8f8ff;
	padding-right: 4px;
	padding-left: 4px;
}

.TDBuy
{
}

.TDImage
{
	width:375px;
}
.ProductBuy
{
  padding-top:15px;
  padding-bottom:15px;
  width:330px;
}

.ProductImage
{
  padding-top:15px;
  padding-bottom:15px;
}

.ProductName
{
	font-size: 14px;
	color: #8b0000;
	border-bottom: #a9a9a9 solid;
}

.ProductPrice
{
	color: #8b0000;
}

.ProductPriceArea
{
	border-bottom: #a9a9a9 thin solid;
}


.ProductText
{
	border: 1px solid #dcdcdc;
	background-image: url(Images/deuta/bg_ProductText.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding: 20px;
}

.ProductDoc
{
	border: 1px solid #dcdcdc;
	margin-top: 2px;
	padding: 5px 20px 5px 20px;
	vertical-align: middle;
}

.ProductDoc span
{
;
	font-weight: bold;
}

/*  商品模块的内容，主要是加了一个边框。因为图像是有阴影效果的，因此背景应该是淡色背景 */
.ModuleProductsContent
{
	padding-right: 2px;
	padding-left: 2px;
	border-right: #dcdcdc 1px solid;
	border-top: #dcdcdc 1px solid;
	margin-top: 2px;
	margin-bottom: 4px;
	border-left: #dcdcdc 1px solid;
	line-height: 22px;
	border-bottom: #dcdcdc 1px solid;
	background-color: #f5f5f5;
}


.ModuleTitleAdmin
{
	padding-left: 5px;
	font-weight: bold;
	font-size: 14px;
	color: #8b0000;
	line-height: 22px;
	padding-top: 2px;
	background-color: #efefef;
	line-height: 22px;
	height: 22px;
}



/*  编辑按钮等----管理用 */
.CommandButton
{
	background-color: #d3d3d3;
	border: 1px solid #666666;
	padding: 1px 4px;
	color: black;
	text-decoration: none;
	line-height: 18px;
	font-variant: normal;
	font-style: normal;
	font-size: 12px;
	font-family: 宋体, 'Lucida Grande' , 'Trebuchet MS' , Verdana, Helvetica, sans-serif;
	margin: 1px;
}

.CommandButton:visited
{
	color: black;
}

.CommandButton:hover
{
	border-style: inset;
	background-color: #f5f5f5;
	padding: 2px 3px 0 5px; /*shift text 1px to the right and down*/
}

.CommandButton:active
{
	color: black;
}

a:link.CommandButton
{
	color: black;
}
a:visited.CommandButton
{
	color: black;
}
a:active.CommandButton
{
	color: black;
}


/*  网站的省缺字体  */
.Normal
{
	font-size: 13px;
	line-height: 22px;
	font-style: normal;
	font-family: "宋体";
}


.NormalHot
{
	background-position: left center;
	padding-left: 22px;
	font-size: 13px;
	line-height: 22px;
	font-style: normal;
	font-family: "宋体";
	background-image: url(   'Images/deuta/hot.gif' );
	background-repeat: no-repeat;
}


.NormalSmall
{
	font-size: 12px;
	line-height: 16px;
	font-style: normal;
	font-family: "宋体";
}

/*  网站的输入框 */
.NormalTextBox
{
	font-size: 13px;
	line-height: 22px;
	font-style: normal;
	font-family: "宋体";
	background-color: #ffffcc;
}
/*  红色 */
.NormalRed
{
	font-size: 13px;
	color: #ff0000;
	line-height: 22px;
	font-style: normal;
	font-family: "宋体";
}

.NormalRed
{
	font-size: 13px;
	color: #ff0000;
	line-height: 22px;
	font-style: normal;
	font-family: "宋体";
}
.NormalGreen
{
	font-size: 13px;
	color: #228b22;
	line-height: 22px;
	font-style: normal;
	font-family: "宋体";
}



/*  粗体 */
.NormalBold
{
	font-weight: bold;
	font-size: 13px;
	line-height: 22px;
	font-style: normal;
	font-family: "宋体";
}


/*  按键的样式   */
.Button
{
	border-right: #a9a9a9 1px solid;
	padding-right: 1px;
	border-top: #dcdcdc 1px solid;
	padding-left: 1px;
	font-weight: normal;
	font-size: 12px;
	padding-bottom: 2px;
	border-left: #dcdcdc 1px solid;
	color: #000080;
	padding-top: 2px;
	border-bottom: #a9a9a9 1px solid;
	font-family: 宋体,Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	height: 24px;
	background-color: #f5f5f5;
	text-align: center;
	vertical-align: middle;
}


.SideBar
{
	color: #ffffff;
	font-family: "宋体" , Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	height: 24px;
	text-align: center;
	vertical-align: middle;
	background-color: #015B7E;
	margin-left: 2px;
	margin-right: 2px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	cursor: default;
	width: 150px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
}

A.SideBar:link
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	color: #ffffff;
	padding-top: 0px;
	letter-spacing: 2px;
	height: 24px;
	text-align: center;
	vertical-align: middle;
	background-color: transparent;
	margin-left: 0px;
	margin-right: 0px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	cursor: default;
}

A.SideBar:visited
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	color: #ffffff;
	padding-top: 0px;
	letter-spacing: 2px;
	height: 24px;
	text-align: center;
	vertical-align: middle;
	background-color: transparent;
	margin-left: 0px;
	margin-right: 0px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	cursor: default;
}

A.SideBar:hover
{
	padding-right: 0px;
	padding-left: 0px;
	font-weight: normal;
	font-size: 12px;
	padding-bottom: 0px;
	color: #ffffff;
	padding-top: 0px;
	font-family: 宋体,Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	height: 24px;
	text-align: center;
	vertical-align: middle;
	background-color: transparent;
	margin-left: 0px;
	margin-right: 0px;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	cursor: default;
}



/* Step By Step  Style
       <ul id="steps">
            <li><span class="num">1</span> <span class="step">第一步</span> </li>
            <li><span class="num">1</span> <span class="step">第一步</span> </li>
            <li><span class="num">1</span> <span class="step">第一步</span> </li>
            <li><span class="num">1</span> <span class="step">第一步</span> </li>
        </ul>
 */
#steps
{
	list-style-image: none;
	list-style-type: none; /* suppression of useless elements */
}

#steps LI
{
	background-position: center 20px;
	clear: both;
	font-size: 12px;
	color: #888;
	height: 34px;
	list-style-type: none;
	line-height: 24px;
}

#steps LI div
{
	margin: 0px 4px 4px 0px;
	color: #f7f7f0;
	height: 24px;
	background-color: #dcdcdc;
	line-height: 24px;
}

#steps LI SPAN.num
{
	padding: 0px 0px 0px 0px; /* 	background-position: url(images/s_circle_b.gif) no-repeat; 	background: url(images/s_circle_b.gif) no-repeat; */
	float: left;
	margin: 0px 4px 4px 0px;
	font: bold 16px arial, sans-serif;
	width: 24px;
	color: #f7f7f0;
	height: 24px;
	text-align: center;
	background-color: #999999;
	vertical-align: middle;
	line-height: 24px;
}

#steps LI SPAN.numCurrent
{
	padding: 0px; /* 	background-position: url(images/s_circle_g.gif) no-repeat center; 	background: url(images/s_circle_g.gif) no-repeat; */
	float: left;
	margin: 0px 4px 4px 0px;
	font: bold 16px arial, sans-serif;
	width: 24px;
	color: #CC3300;
	height: 24px;
	text-align: center;
	background-color: #C0C0C0;
	vertical-align: middle;
	line-height: 24px;
}


#steps LI SPAN.step
{
	padding: 0px;
	float: left;
	margin: 0px 8px 4px 0px;
	height: 24px;
	color: #336699;
	line-height: 24px;
}

/* Step By Step Menu Style
<ul class="stepmenu">
            <li class="stepbuttons"><a href="#" class="setupOn">&nbsp;Thing 1</a><img src="images/arrow_left.gif"
                align="absmiddle" class="stepArrow"></li>
            <li class="stepbuttons"><a href="#">Thing 2</a><img src="images/arrow_left.gif" align="absmiddle"
                class="stepArrow"></li>
            <li class="stepbuttons"><a href="#">Thing 3</a><img src="images/arrow_left.gif" align="absmiddle"
                class="stepArrow"></li>
            <li class="stepbuttons"><a href="#">Thing 4</a><img src="images/arrow_left.gif" align="absmiddle"
                class="stepArrow"></li>
            <li class="stepbuttons"><a href="#">Thing 5&nbsp;</a></li>
        </ul>   
 */


ul.stepmenu
{
	list-style-image: none;
	list-style-type: none; /* suppression of useless elements */
	padding: 0px;
	margin: 0px;
}

/* lists aligned to the left */
li.stepbuttons
{
	float: left;
	height: 23px;
}

.stepmenu a
{
	margin: 0px;
	padding: 0px 5px 0px 5px;
	float: left;
	display: block;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background: #dddddd;
	line-height: 23px;
}

.stepmenu a:hover
{
	background: #dddddd;
}

.stepmenu a:link
{
	background: #dddddd;
}

.stepmenu a:visited
{
	background: #dddddd;
}

.stepArrow
{
	position: inherit;
	margin-top: 0px;
	margin-bottom: 0px;
	display: inline;
}

.setupOn
{
	background: #cd4825 !important;
	color: #ffffff !important;
}



/* jquery accordion styles*/

.accordion
{
	list-style-type: none;
	padding: 0;
	margin: 0 0 0px 0;
	border-top: none;
	border-left: none;
	line-height: 22px;
}
.accordion ul
{
	padding: 0;
	margin: 0;
	float: left;
	display: block;
	width: 100%;
}
.accordion li
{
	background: #C0C0C0;
	color: #ffffff;
	cursor: pointer;
	list-style-type: none;
	padding: 0;
	margin: 0;
	float: left;
	display: block;
	width: 100%;
}
.accordion li.active > a
{
	background: url( 'images/minus.gif' ) no-repeat center right;
}
.accordion li div
{
	padding: 5px;
	background: #ffffff;
	color: #000000;
	display: block;
	clear: both;
	float: left;
	width: 100%;
}

.accordion a
{
	text-decoration: none;
	border-bottom: 1px solid #4df;
	color: #000000;
	padding: 0 10px;
	display: block;
	cursor: pointer;
	background: url( 'images/plus.gif' ) no-repeat center right;
	border-bottom-color: #efefef;
}

.accordion a:link
{
	text-decoration: none;
	border-bottom: 1px solid #4df;
	color: #000000;
	padding: 0 10px;
	display: block;
	cursor: pointer;
	background: url( 'images/plus.gif' ) no-repeat center right;
	border-bottom-color: #efefef;
}

.accordion a:hover
{
	text-decoration: none;
	border-bottom: 1px solid #4df;
	color: #000000;
	padding: 0 10px;
	display: block;
	cursor: pointer;
	background: url( 'images/plus.gif' ) no-repeat center right;
	border-bottom-color: #efefef;
}

.accordion a:visited
{
	text-decoration: none;
	border-bottom: 1px solid #4df;
	color: #000000;
	padding: 0 10px;
	display: block;
	cursor: pointer;
	background: url( 'images/plus.gif' ) no-repeat center right;
	border-bottom-color: #efefef;
}

.accordion a:active
{
	text-decoration: none;
	border-bottom: 1px solid #4df;
	color: #ffffff;
	padding: 0 10px;
	display: block;
	cursor: pointer;
	background: url( 'images/plus.gif' ) no-repeat center right;
	border-bottom-color: #efefef;
}




/* Level 2 */
.accordion li ul li
{
	background-position: #999999;
	background: #999999;
	font-size: 13px;
}

/*  文章模块的显示 */
.ArticleItem
{
	border-bottom: #a9a9a9 1px dashed;
}


.ArticleTitle
{
	font-weight: Bold;
	font-size: 14px;
	line-height: 22px;
	padding-bottom: 1px;
	color: #3f3d00;
	padding-top: 1px;
	font-style: normal;
	font-family: "宋体" , Verdana Bold, Helvetica, sans-serif;
	background-color: #C4DF9C;
	vertical-align: middle;
	text-align: center;
	line-height: 22px;
	height: 22px;
}

.ArticleContent
{
	line-height: 24px;
	font-style: normal;
}

.ReplyTitle
{
	font-weight: Normal;
	font-size: 14px;
	padding-bottom: 1px;
	color: #3f3d00;
	padding-top: 1px;
	font-style: normal;
	font-family: "宋体" , Verdana Bold, Helvetica, sans-serif;
	background-color: #d3d3d3;
	background-image: url(Images/reply.gif);
	background-repeat: no-repeat;
	padding-left: 16px;
	background-position: left center;
	line-height: 22px;
	height: 22px;
}

.ReplyContent
{
}

/* 基于XML的Q&A控件的样式  */

.divBlock
{
	width: 100%;
	background-color: #ffffff;
}

.divItem
{
	width: 100%;
	border-bottom: 1px dashed;
	padding-bottom: 2px;
	padding-top: 2px;
}

.divtitle
{
	color: #005f0a;
	background-color: #dcdcdc;
}

.divtitleOver
{
	color: black;
	background-color: #dcdcdc;
}



.divcontent
{
	display: block;
	background-color: #f5f5f5;
	padding-left: 1%;
}


/*  用于专用QA控件，实现无刷新的QA页面  */
.QaMenu
{
	font-size: 14px;
	display: block;
}


.QaMenu ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}
.QaMenu li
{
	display: block;
	color: #000000;
	text-decoration: none;
}
.QaMenu li a:link, .QaMenu li a:visited
{
	display: block;
	background-color: #dcdcdc;
	color: #000000;
	text-decoration: none;
	border-left: 12px solid #711515;
}

.QaMenu li a:active, .QaMenu li a:hover
{
	display: block;
	background-color: #ff6633;
	color: #FFFFFF;
	text-decoration: none;
	border-left: 12px solid #711515;
}

.QaContent
{
	display: block;
	width: 98%;
	padding-right: 4px;
	padding-left: 4px;
}


/* Define leftpane width of Login.aspx,Register.aspx, RecoveryPassword.aspx and ChangePassword.aspx */
#login
{
	width: 310px;
	padding-right: 10px;
}

#register
{
	width: 630px;
	padding-right: 10px;
}

#password
{
	width: 630px;
	padding-right: 10px;
}


#change
{
	width: 630px;
	padding-right: 10px;
}


/* Define  leftpane width of MyScore.aspx*/
#info
{
	width: 630px;
	padding-right: 10px;
}
#score
{
	width: 630px;
	padding-right: 10px;
}


/* Hint  Window*/

#dhtmlpopup
{
	position: absolute;
	left: -300px;
	width: 200px;
	height: 200px;
	border: 1px solid black;
	padding: 4px;
	background-color: #ffffff;
	visibility: hidden;
	z-index: 110; /*Remove below line to remove shadow. Below line should always appear last within this CSS 	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
	overflow: hidden;
	clip: rect(0px 2004px 210px 0px);
}

#dhtmlpopup a
{
	z-index: 109; /*Remove below line to remove shadow. Below line should always appear last within this CSS*/
}

#dhtmltooltip
{
	position: absolute;
	left: -300px;
	width: 250px;
	border: 1px solid black;
	padding: 4px;
	background-color: #ffffff;
	visibility: hidden;
	z-index: 100; /*Remove below line to remove shadow. Below line should always appear last within this CSS 	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
}

#dhtmlpointer
{
	position: absolute;
	left: -300px;
	z-index: 101;
	visibility: hidden;
}

/* Floating Online Service Window */
#floatwindow
{
	position: absolute;
	z-index: 10;
	width: 100px;
	background-color: #dde3eb;
	border: 1px solid #464f5a;
}

#floatwindowcaption
{
	padding-bottom: 8px;
	width: 100px;
	height: 16px;
	background-color: #718191;
	border-bottom: 1px solid #464f5a;
	background-image: url(Images/bg_float_title.gif);
	background-repeat: repeat-x;
	cursor: default;
}

#floatwindowarea
{
	background-color: #718191;
	background-image: url(Images/bg_float_content.gif);
	background-repeat: repeat-x;
	padding-bottom: 5px;
	padding-top: 5px;
	cursor: default;
	overflow: hidden;
	clip: rect(auto 100px auto 0px);
}

#floatwindowtitle
{
	position: absolute;
	top: 2px;
	left: 5px;
	font-size: 13px;
	font-weight: normal;
	color: #FFFFFF;
	padding-left: 20px;
}

#floatwindowclose
{
	position: absolute;
	top: 6px;
	left: 84px;
	width: 16px;
	float: right;
	cursor: default;
	color: #FFFFFF;
	background-image: url(Images/bg_float_title_close.gif);
	background-repeat: no-repeat;
}

#floatwindowmsn
{
	cursor: default;
	background-image: url(Images/bg_float_content_msn_bg.gif);
	background-repeat: no-repeat;
	font-size: 12px;
	width: 78px;
	height: 20px;
	padding-bottom: 2px;
	padding-top: 2px;
}

#floatwindowbottom
{
	color: #FFFFFF;
	background-color: #6495ed;
	background-image: url(Images/bg_float_copyright.gif);
	background-repeat: no-repeat;
	height: 18px;
	width: 100px;
}


/* Slide Show*/
#mySlideshow
{
	clear: both;
	width: 950px;
	height: 200px;
	z-index: 0;
	overflow: hidden;
}

/* 如果窗口改变尺寸，则IE6/IE7定位存在问题。增加此样式后，IE7如果鼠标移到幻灯图片上，可自动修正定位问题 */
#mySlideshow:hover
{
	border-style: none;
}

/*  以下是影响整个HTML样式的设置 */

table
{
	font-weight: normal;
	font-size: 12px;
	font-family: "宋体" , Verdana, Helvetica, sans-serif;
	line-height: 20px;
}

p
{
	font-weight: normal;
	font-size: 13px;
	font-family: "宋体" , Verdana, Helvetica, sans-serif;
	line-height: 20px;
}


A:link
{
	color: #4a4849;
	text-decoration: none;
}
A:visited
{
	color: #4a4849;
	text-decoration: none;
}
A:active
{
	color: #4a4849;
	text-decoration: none;
}
A:hover
{
	color: #8b0000;
}


ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

HR
{
	height: 1pX;
	text-align: left;
}

/* Show Model Window Using CSS and Js */
#popupMask
{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 200;
	background-color: #000;
	-moz-opacity: 0.7;
	opacity: .70;
	filter: alpha(opacity=70);
}
#popupContainer
{
	position: absolute;
	z-index: 201;
	top: 0px;
	left: 0px;
	display: none;
	padding: 0px;
}
#popupInner
{
	border: 1px solid #000000;
	background-color: #FFFFFF;
}
#popupFrame
{
	margin: 0px;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 202;
}
#popupTitleBar
{
	background-color: #333344;
	color: #FFFFFF;
	font-weight: bold;
	height: 1.3em;
	padding: 5px;
	border-bottom: 2px solid #000000;
	border-top: 1px solid #78A3F2;
	border-left: 1px solid #78A3F2;
	border-right: 1px solid #204095;
	position: relative;
	z-index: 203;
}
#popupTitle
{
	float: left;
	font-size: 1.1em;
}
#popupControls
{
	float: right;
	cursor: pointer;
	cursor: hand;
}
#popupControls a span
{
	display: block;
	height: 15px;
	width: 15px;
	text-indent: -9000px;
	background: url(     'close.gif' ) no-repeat;
}


/* 注册页面左边文字栏目标题和内文 */
.Register_left_title
{
	color: #CC0000;
	font-weight: bold;
	font-family: "宋体";
	font-size: 12px;
	line-height: 25px;
	text-align: center;
}

.Register_left_content
{
	font-family: "宋体";
	font-size: 12px;
	line-height: 25px;
	color: #000000;
}


.ModuleTitleblue
{
	font-size: 14px;
	padding-bottom: 1px;
	padding-top: 1px;
	color: #FFFFFF;
	line-height: 22px;
	background-color: #455F72;
	list-style-type: disc;
	padding-left: 15px;
	height: 22px;
}
.ModuleContentBlue
{
	margin-bottom: 5px;
	color: #333333;
	line-height: 20px;
	background-color: #ECF3F6;
	padding: 5px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #F2F2F2;
	border-right-color: #F2F2F2;
	border-bottom-color: #F2F2F2;
	border-left-color: #F2F2F2;
}
.ModuleContentBlue2
{
	border-style: solid;
	border-width: 1px;
	margin-bottom: 5px;
	color: #000000;
	line-height: 20px;
	background-color: #FFFFFF;
	padding: 5px;
	border-top-color: #ECF3F6;
	border-right-color: #ECF3F6;
	border-bottom-color: #ECF3F6;
	border-left-color: #ECF3F6;
}
.ModuleTitleGray1
{
	font-size: 14px;
	padding-bottom: 1px;
	padding-top: 1px;
	color: #005b7f;
	line-height: 25px;
	list-style-type: disc;
	padding-left: 10px;
	font-weight: bold;
	background-image: url(Images/deuta/bg_title_gray1.gif);
	background-repeat: repeat-x;
	border: 1px solid #dadada;
	height: 22px;
}
.ModuleContentGray1
{
	margin-bottom: 5px;
	color: #333333;
	line-height: 20px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #dadada;
	border-right-color: #dadada;
	border-bottom-color: #dadada;
	border-left-color: #dadada;
	padding: 10px;
}
.ModuleContentGray2
{
	margin-bottom: 5px;
	color: #333333;
	line-height: 20px;
	padding: 10px;
	margin-top: 1px;
}

/* Zoom Image */
div.jqZoomTitle
{
	z-index: 5000;
	text-align: center;
	font-size: 12px;
	font-family: Tahoma;
	height: 16px;
	line-height: 16px;
	padding-top: 2px;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	color: #FFF;
	background: #999;
	padding-bottom: 2px;
}

.jqZoomPup
{
	overflow: hidden;
	background-color: #FFF;
	-moz-opacity: 0.6;
	opacity: 0.6;
	filter: alpha(opacity = 60);
	z-index: 10;
	border-color: #c4c4c4;
	border-style: solid;
	cursor: crosshair;
}

.jqZoomPup img
{
	border: 0px;
}

.preload
{
	-moz-opacity: 0.8;
	opacity: 0.8;
	filter: alpha(opacity = 80);
	color: #333;
	font-size: 12px;
	font-family: Tahoma;
	text-decoration: none;
	border: 1px solid #CCC;
	background-color: white;
	padding: 8px;
	text-align: center;
	background-image: url(images/deuta/loader.gif);
	background-repeat: no-repeat;
	z-index: 10;
	position: absolute;
	top: 3px;
	left: 3px;
	background-position: 43px 30px;
	width: 90px; *width:100px;
height:43px;*height:55px;
}

.jqZoomWindow
{
	border: 1px solid #999;
	background-color: #FFF;
}


/* ######### 本系统中需要定义如下的下拉菜单样式即可。 Style for Drop Down Menu ######### */


.chromestyle
{
	position:relative;
	width: 100%;
}

.chromestyle:after
{
	/*Add margin between menu and rest of content in Firefox*/
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.dropmenudiv
{
	border-bottom-width: 0;
	border-style: none solid none solid;
	border-width: 1px;
	border-color: #BBB;
	margin-top: 0px;
	position: absolute;
	top: 0;
	line-height: 22px;
	z-index: 100;
	background-color: #666666;
	width: 200px;
	visibility: hidden;
	filter: Alpha(Opacity=90); /* IE */
	opacity: 0.9; /* Firefox 3.5 */
	-moz-opacity: 0.9; /* Firefox */
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #FFFFFF;
}


.dropmenudiv a, .dropmenudiv a:link, .dropmenudiv a:active, .dropmenudiv a:visited
{
	width: auto;
	display: block; /* DISPLAY EVERY ITEM IN ONE　LINE*/
	text-indent: 3px;
	border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
	padding: 2px 0;
	text-decoration: none;
	font-weight: normal;
	color: #FFFFFF;
	height: 30px;
	line-height: 30px;
}



.dropmenudiv .moreitem
{
	width: 100px;
	padding: 2px;
	text-align: left;
}

.dropmenudiv .moreitem a
{
	width: auto;
	display: inline;
	text-indent: 3px;
	padding: 2px 0;
	border: 0;
	text-decoration: none;
	font-weight: normal;
	color: #FF9966;
}

* html .dropmenudiv a
{
	/*IE only hack*/
	width: 100%;
}

.dropmenudiv a:hover
{
	/*THEME CHANGE HERE*/
	color: #FFFFFF;
	background-color: #333333;
	filter: Alpha(Opacity=90); /* IE */
	opacity: 0.9; /* Firefox 3.5 */
	-moz-opacity: 0.9; /* Firefox */
}

/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating-cancel,div.star-rating{float:left;width:15px;height:13px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.rating-cancel,div.rating-cancel a{background:url(images/del.gif) no-repeat 0 -12px}
div.star-rating,div.star-rating a{background:url(images/star.gif) no-repeat 0 0px}
div.rating-cancel a,div.star-rating a{display:block;width:12px;height:100%;background-position:0 0px;border:0}
div.star-rating-on a{background-position:0 -12px!important}
div.star-rating-hover a{background-position:0 -24px}
/* Read Only CSS */
div.star-rating-readonly a{cursor:default !important}
/* Partial Star CSS */
div.star-rating{background:transparent!important;overflow:hidden!important}
/* END jQuery.Rating Plugin CSS */

/*======================================
Flat style selectbox
========================================*/
.newDropdown {width:120px;height:20px;}
.newListSelected {background:#FFF url(images/dropdown.gif) no-repeat scroll 100px 1px; border:1px solid #A5ACB2; color:#000; height:17px; margin-bottom:10px; padding:0; width:119px;}
.newListSelected div {display:block; padding:0px 21px 0px 4px; text-align:left !important; width:97px;}
ul.newList {list-style:none; color:#000; width:118px; background:#fff; border:1px solid #808080; top:22px; left:0; height:auto; overflow:auto; text-align:left!important; position:absolute; z-index:9999;}
ul.newList li {padding:1px 5px!important; border-bottom: 1px solid #cccccc;}
.hiLite {background:#c0c0c0!important; color:#fff!important;}
.newListHover {background:#ccc!important; color:#000!important; cursor:default;}
.newListSelHover {cursor:default;}
.newListSelHover, .newListSelFocus {background-position:auto;}
.newListSelHover div, .newListSelFocus div {font-style: italic;}


/*====================================================
Deuta OA Css Override 覆盖德意达的ＯＡ样式（招聘信息）
======================================================*/
.ListShort
{
	border-collapse: collapse;
	border-right: #E6E6E6 1px solid;
	border-top: #E6E6E6 1px solid;
	border-left: #E6E6E6 1px solid;
	border-bottom: #E6E6E6 1px solid;

}

.ListShort th
{
	border: #E6E6E6 1px solid;
}

.ListShort td
{
	border: #E6E6E6 1px solid;
}