@charset "utf-8";
/* CSS Document */
* {/*css reset*/
	margin: 0px; 
	padding: 0px;
}
img {
	border: 0px;/*所有图片定义无边框*/
}
.clear {
	clear: both;/*左右两侧不允许浮动效果,水平排列的效果*/
}
h1, h2, h3, h4 {
	line-height: normal;/*设置默认的行间距*/
}
h2 {
	color: #0a356d; 
	font-weight: bold; 
	display: block;/*此元素前后会带有换行符*/ 
	padding-bottom: 20px; 
	font-size: 13px;	
}
a {
	color: #0a356d; 
	text-decoration: none;/*text-decoration:none;标准文本*/
}
a:hover, a:active{
	text-decoration: none;/*鼠标放在上方或点击*/
}
body {
	font-family: Verdana;/*Microsoft YaHei; Verdana; sans-serif;*/
	font-size: 14px; 
	margin: 0;
}

#container {
	margin: 0 auto;/*设置对象上下间距为0，左右自动(水平居中)*/ 
	width: 1346px;
}

/***导航***/
.header {
	height: 70px; 
	margin-bottom: 5px;
}
.floatl {
	float: left;/*向左浮动*/
}
.floatr{
	float: right;/*向右浮动*/
}
.logo {
	padding-top: 20px; 
	padding-left: 100px;
}
.clear {
	clear: both;/*清除浮动*/
}
.top-links {
	height: 70px; 
	width: 600px; 
	padding-right: 100px;
}
.top-links a:hover , a:active {
	color: #517298;
}
.top-links > ul {
	list-style: none;/*取消列表前点*/ 
	margin: 0px;/*删除缩进*/ 
	padding-top: 22px;/*上边距22px*/ 
	float: right;/*右浮动*/
}
.top-links > ul > li {
	float: left;/*使用浮动属性让内容处于同一行*/ 
	padding: 0 20px;
	position: relative;
	color: #272727;
	background: url(images/li-seperator.gif) top right no-repeat;
	font-weight: bold;
	line-height: 20px;		
	font-size: 24px;
}
.top-links > ul > li > ul {
	position: absolute;/*绝对定位*/
    display: none;/*隐藏*/
	border: 2px solid #aac; 
	overflow: hidden;/*超出自动隐藏*/
}
.top-links > ul > li > ul > li {
    float: none;
	list-style: none;/*取消列表前点*/ 
	background-color: #FFCC99;
    text-align: center;
    border: 1px solid #ccc;
	font-size: 18px;
}
.top-links > ul > li:hover > ul {
	display:block;/*当鼠标划过ul时显示类容*/
}

/***banner栏***/
.banner {
	background: url(images/header-bg.jpg) bottom left no-repeat;
	height: 214px;
}

/***内容区***/
.mainContentMain {
	height: 500px; 
	padding-top: 5px;
	font-weight: bold;
	text-align: center;	
	font-size: 18px;
	color: #A3A3A3;
}
.mainContent {
	height: 500px; 
	/*background: #99CCFF;*/
	background: url(images/table-bg.jpg) no-repeat center 0;
	padding-top: 5px;
	/*font-weight: bold;*/
	text-align: center;	
	font-size: 18px;
	color: #FAF0E6;
}
.mainContentShow {
	padding-top: 5px;
	font-weight: bold;
	text-align: center;	
	font-size: 36px;
	color: #990099;	
}
/*柜子配置*/
.table-config{
	width: 700px;
	height: 405px;
	padding-top: 4px;
	margin: 0px auto;
}     
.table-config-tr1 {
	clear: both;
	width: 700px;
	height: 27px;
	border: 1px solid #000;	
}    
.table-config-trn {
	clear: both;
	width: 700px;
	height: 27px;
	border-left: 1px solid #000;	
	border-right: 1px solid #000;	
	border-bottom: 1px solid #000;			
}   
.table-config-td1 {
	width: 220px;
	height: 27x;	
	display: table-cell;/*此元素会作为一个表格单元格显示（类似 <td> 和 <th>）*/
	text-align: center;
	vertical-align: middle;
	font-size: 18px;		
	border-right: 1px solid #000;	
	background: #2AB255;
	color: #FFFFFF;
}   
.table-config-td2 {
	width: 480px;
	height: 27px;
	display: table-cell;/*此元素会作为一个表格单元格显示（类似 <td> 和 <th>）*/
	text-align: center;
	vertical-align: middle;
	font-size: 18px;	
	background: #182DEB;
	color: #FFFFFF;
}
.table-config-td2a {/*箱子配置*/
	width: 240px;
	height: 27px;
	display: table-cell;/*此元素会作为一个表格单元格显示（类似 <td> 和 <th>）*/
	text-align: center;
	vertical-align: middle;
	font-size: 18px;	
	border-right: 1px solid #000;
	background: #182DEB;
	color: #FFFFFF;
}
.table-config-td2b {/*箱子配置*/
	width: 240px;
	height: 27px;
	display: table-cell;/*此元素会作为一个表格单元格显示（类似 <td> 和 <th>）*/
	text-align: center;
	vertical-align: middle;
	font-size: 18px;	
	background: #182DEB;
	color: #FFFFFF;
}
.button-config {
	width: 700px; 
	height: 34px;
	padding-top: 22px;/* (500 - 5 - 22 - 4 - 405 - 34) / 2 */
	margin: 0px auto;
}
.button-config-modify {
	border-width: 1px; 
	border-color: #000000; 
	background-color: #AF0B15; 
	color: #FFFFFF; 
	width: 110px; 
	height: 34px;
	font-size: 25px; 
	border-radius: 5px;
	float: right;
}
.button-page {	 
	float: right;
	border-width: 1px; 
	border-color: #000000; 
	background-color: #AF0B15; 
	color: #FFFFFF; 
	width: 110px; 
	height: 34px;
	font-size: 25px; 
	border-radius: 5px;	
	margin-right: 5px;/* 此时的组件border以外margin!!! */
}
.table-input {
	width: 480px;
	height: 27px;
	display: table-cell;/*此元素会作为一个表格单元格显示（类似 <td> 和 <th>）*/
	text-align: center;
	vertical-align: middle;
	font-size: 18px;
	font-weight: bold;	
	background: #FFFFFF;
	color: #0a356d;
}

/***底部***/
.footerMain {
	clear: both;
	height: 60px; 
	background: #555555;	
	color: #E0FFFF;
	padding-top: 20px;
	text-align: center;	
	font-size: 14px;
}
.footer {
	clear: both;
	height: 60px; 
	background: url(images/footer-bg.gif) top left repeat-x;	
	color: #9FF;
	padding-top: 20px;
	text-align: center;	
	font-size: 14px;
}