@charset "utf-8";
/* CSS Document */

body {
	background-image: url(../images/bg.jpg);
	margin: 0px;
	background-color: #0D1F2B;
	background-repeat: repeat-x;
}
#bg-all {
	background-image: url(../images/bg-all.jpg);
	background-repeat: repeat-y;
	background-position: center;
}

#bg-top {
	background-image: url(../images/bg-top.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 257px;
}
#header-menu {
	height: 43px;
	width: 1004px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FF0000;
}
#footer {
	background-image: url(../images/footer-bg.jpg);
	background-repeat: repeat;
	height: 46px;
	width: 774px;
	margin-right: auto;
	margin-left: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 130%;
	color: #454545;
	padding-top: 44px;
	padding-left: 230px;
	position: relative;
}
#wolong{
	position: absolute;
	right: 22px;
	bottom: 18px;
	width: 134px;
}
#wolong a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #222324;
	text-decoration: none;
}
#middle {
	width: 1004px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/middle-bg.jpg);
	background-repeat: repeat-y;
}
#middle-bg-down {
	background-image: url(../images/middle-bg-down.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 20px;
}

#left {
	float: left;
	width: 217px;
	background-image: url(../images/left-bg-top.jpg);
	background-repeat: no-repeat;
	padding-top: 80px;
}
#right {
	float: right;
	width: 787px;
	background-image: url(../images/right-bg.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
#main {
	width: 677px;
	margin-top: 43px;
	margin-left: 52px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 150%;
	color: #4591E6;
}
#main-product {
	width: 717px;
	margin-top: 43px;
	margin-left: 52px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 150%;
	color: #4591E6;
}

#title {
	position: relative;
	width: 787px;
	height: 60px;
}
#location {
	position: absolute;
	top: 37px;
	right: 37px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #364759;
	text-align: right;
}
.clean-float {
	clear: both;
}
.item-mark{

	color: #3E87AE;

}
.table-bg-main {
	float: left;
	height: 198px;
	width: 317px;
	margin-right: 30px;
	margin-bottom: 44px;
	background-image: url(../product/images/table-bg-main.jpg);
	background-repeat: no-repeat;
}
.list-pic {
	padding-top: 10px;
	padding-left: 10px;
}
.class-name-txt a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #6C64CE;
	padding-left: 46px;
	text-decoration: none;
}
.class-name-txt a:hover {
	color: #9E62D0;
	text-decoration: none;
}
.table-bg-list{
	float: left;
	height: 198px;
	width: 208px;
	margin-right: 26px;
	margin-bottom: 36px;
	background-image: url(../product/images/table-bg-list.jpg);
	background-repeat: no-repeat;
}
.table-bg-subclass{
	width: 33%;
	margin-right: 26px;
	margin-bottom: 36px;
	background-image: url(../product/images/table-bg-subclass.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 40px;
	padding-right: 10px;
	padding-bottom: 18px;
}
.table-bg-subclass a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #4591E6;
	text-decoration: none;
}
.table-bg-subclass a:hover {
	color: #39B1F2;
	text-decoration: none;
}
.list-name-txt a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #4591E6;
	padding-left: 42px;
	text-decoration: none;
}
.list-name-txt a:hover {
	color: #39B1F2;
	text-decoration: none;
}
#product-list-txt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 150%;
	color: #4591E6;
	width: 677px;
	margin-bottom: 5px;
}
.page {
	text-align: right;
	width: 677px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.page a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #018CE2;
	text-decoration: none;
	padding-right: 5px;
	padding-left: 5px;

}
.page-mark{
	color: #9900FF;
	text-decoration: underline;
}
.view-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #6C64CE;
}
.view-item-txt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #6C64CE;
}
.view-item-txt2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #006FD2;
}
.view-html-bg {
	background-image: url(../product/images/view-html-bg.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 266px;
	padding-left: 28px;
	padding-right: 22px;
}
.view-html-txt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 150%;
	color: #006FD2;
	padding-top: 25px;
}
.view-txt-note {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003B6F;
}
.view-pic-bg-s {
	background-image: url(../product/images/view-pic-bg-s.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 146px;
	width: 110px;
	margin-right: 16px;
	margin-bottom: 20px;
	margin-left: 9px;
}