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

body {
	margin:0 auto;
	padding:0;
	font-family:"宋体", "黑体", Verdana, Tahoma, Arial;
	color:#6c6c6c;
	font-size:12px;
	background-color:#FFF;
}
td, th {
	font-family:"宋体", "黑体", Verdana, Tahoma, Arial;
	color:#6c6c6c;
	font-size:12px;
	line-height:24px;
}
div, h1, h2, h3, h4, p, form, label, input, textarea, img, span {
	margin:0;
	padding:0;
}
a:link {
	color:#6c6c6c;
	text-decoration:none;
}
a:visited {
	color:#6c6c6c;
	text-decoration:none;
}
a:hover {
	color:#F60;
	text-decoration:underline;
}
ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
.spacer {
	clear:both;
	font-size:0;
	line-height:0;
}
.special_color_1 {
	color:#F00;
}
/*------------------------------------------------main--------------------*/

/*------------------------------------------------top--------------------*/

#top {
	width:1003px;
	height:96px;
	margin:0 auto;
	padding:0;
	background:url(../images/top_bg.jpg) center no-repeat;
	border-top:7px solid #FFF;
	border-bottom:4px solid #FFF;
}
#top div.logo {
	width:360px;
	height:96px;
	float:left;
}
#top div.navarea {
	width:610px;
	height:94px;
	float:right;
	margin-left:33px;
}
ul.edition {
	width:152px;
	height:20px;
	margin:10px 0px 12px 450px;
}
ul.edition li {
	float:left;
	width:61px;
	height:20px;
	margin-left:10px;
	display:inline;
	overflow:hidden;
}
ul.edition li a.chs {
	width:61px;
	height:20px;
	background:url(../images/edition.gif) top left no-repeat;
	display:block;
	text-decoration:none;
	overflow:hidden;
	text-indent:-1000000px;
}
ul.edition li a.chs:hover {
	background:url(../images/edition.gif) bottom left no-repeat;
}
ul.edition li a.Eng {
	width:61px;
	height:20px;
	background:url(../images/edition.gif) top right no-repeat;
	display:block;
	text-decoration:none;
	overflow:hidden;
	text-indent:-1000000px;
}
ul.edition li a.Eng:hover {
	background:url(../images/edition.gif) bottom right no-repeat;
}
ul.nav {
	width:575px;
	height:34px;
	background:url(../images/nav_bg.gif) top center no-repeat;
}
ul.nav li {
	float:left;
}
ul.nav li a.nav_home {
	width:113px;
	height:34px;
	display:block;
	overflow:hidden;
	text-indent:-10000px;
}
ul.nav li a.nav_home:hover {
	background:url(../images/nav_bg.gif) left bottom no-repeat;
}
ul.nav li a.nav_about {
	width:88px;
	height:34px;
	display:block;
	overflow:hidden;
	text-indent:-10000px;
}
ul.nav li a.nav_about:hover {
	background:url(../images/nav_bg.gif) -113px bottom no-repeat;
}
ul.nav li a.nav_products {
	width:89px;
	height:34px;
	display:block;
	overflow:hidden;
	text-indent:-10000px;
}
ul.nav li a.nav_products:hover {
	background:url(../images/nav_bg.gif) -201px bottom no-repeat;
}


ul.nav li a.nav_package {
	width:90px;
	height:34px;
	display:block;
	overflow:hidden;
	text-indent:-10000px;
}
ul.nav li a.nav_package:hover {
	background:url(../images/nav_bg.gif) -290px bottom no-repeat;
}



ul.nav li a.nav_feedback {
	width:89px;
	height:34px;
	display:block;
	overflow:hidden;
	text-indent:-10000px;
}
ul.nav li a.nav_feedback:hover {
	background:url(../images/nav_bg.gif) -380px bottom no-repeat;
}
ul.nav li a.nav_contact {
	width:106px;
	height:34px;
	display:block;
	overflow:hidden;
	text-indent:-10000px;
}
ul.nav li a.nav_contact:hover {
	background:url(../images/nav_bg.gif) -469px bottom no-repeat;
}
/*------------------------------------------------banner--------------------*/
#banner {
	width:1003px;
	margin:0 auto;
	padding:0;
	border-bottom:5px solid #FFF;
}
/*------------------------------------------------body_main_title--------------------*/

#main_title {
	display:block;
	width:950px;
	margin:0 auto;
	height:40px;
	background:url(../images/main_title_bg.gif) left bottom repeat-x;
}
#main_title h1 {
	color:#043c70;
	font-size:18px;
	padding-top:10px;
	text-indent:10px;
}
/*------------------------------------------------body--------------------*/

#body {
	width:950px;
	margin:0 auto;
	padding:0;
}
/*------------------------------------------------body left--------------------*/

#left {
	width:245px;
	float:left;
	padding:0;
}
/*------login------*/
#index_login {
	width:245px;
	height:274px;
	color:#6d6d6d;
	background:url(../images/index_login_bg.gif) center top no-repeat;
}
#login_form {
	width:200px;
	height:150px;
	padding:60px 0 20px 36px;
}

#login_form p{
	font-size:12px;
}
#login_form p.user {
	height:32px;
	display:block;
	background: url(../images/navicon.gif) left 0px no-repeat;
	text-indent:20px;
}
#index_login form.login {
	width:200px;
	height:150px;
	margin:0;
	font-size:11px;
	font-weight:bold;
	line-height:29px;
}
#index_login form.login p {
	line-height:25px;
}
#index_login form.login input.msgbox {
	margin-left:10px;
	width:160px;
	height:18px;
	padding-left:5px;
}
.login_submit {
	width:75px;
	height:25px;
	margin:10px 10px 10px 100px;
	background:url(../images/login_button.gif) left center no-repeat;
	display:block;
	border:none;
	cursor:pointer;
}
.login_submit:hover {
	background:url(../images/login_button.gif) right center no-repeat;
}
.forgot {
	margin:7px 0;
	display:block;
	text-indent:25px;
	height:19px;
	width:180px;
	background:url(../images/q_point.gif) left top no-repeat;
	line-height:19px;
	color:#7e8381;
	text-decoration:none;
}
.forgot:hover {
	text-decoration:underline;
	color:#c62b48;
}
.join {
	margin:7px 0;
	display:block;
	text-indent:25px;
	height:19px;
	width:180px;
	background:url(../images/q_point.gif) left bottom no-repeat;
	line-height:19px;
	color:#7e8381;
	text-decoration:none;
}
.join:hover {
	text-decoration:underline;
	color:#c62b48;
}
/*------products List------*/
#p_list {
	width:245px;
	background:url(../images/p_list_bg.gif) left center repeat-y;
}
#p_list ul.BigClass {
	width:180px;
	margin:0 0 0 30px;
	padding:0;
}
#p_list ul.BigClass li {
	background:url(../images/p_dot.gif) 10px 7px no-repeat;
	text-indent:30px;
	line-height:24px;
}
#p_list ul.BigClass li a {
	width:180px;
	height:24px;
	overflow:hidden;
	color:#333;
	text-decoration:none;
	display:block;
}
#p_list ul.BigClass li a:hover {
	background:#f60 url(../images/p_dot_over.gif) 10px 7px no-repeat;
	color:#FFF;
}

#p_list ul.SmallClass{
	margin:0 0 0 20px;
}

#p_list ul.SmallClass li {
	background:url(../images/p_dot_gray.gif) 10px 7px no-repeat;
	text-indent:30px;
	line-height:24px;
}

#p_list ul.SmallClass li a {
	width:160px;
	height:24px;
	overflow:hidden;
	color:#333;
	text-decoration:none;
	display:block;
}
#p_list ul.SmallClass li a:hover {
	background:#f60 url(../images/p_dot_over.gif) 10px 7px no-repeat;
	color:#FFF;
}

}
/*------index_search------*/
.index_search_area {
	width:215px;
	height:24px;
	line-height:24px;
	padding:0 0 0 20px;
	margin:0;
}
.index_search_area input.search_msgbox {
	display:block;
	float:left;
	width:135px;
	height:21px;
	border:2px solid #dfdfdf;
	padding:0 0 0 5px;
	margin:0;
}
.index_search_area input.search_submit {
	width:51px;
	display:block;
	float:right;
	height:24px;
	background:url(../images/search_button.gif) left center no-repeat;
	border:none;
}
/*------index_msn & contact_info------*/
.index_contact_info {
	width:215px;
	font-size:12px;
	line-height:24px;
	margin:0 0 30px 30px;
}
.index_contact_info a.online {
	width:183px;
	height:43px;
	background:url(../images/Msn.gif) left center no-repeat;
	padding:16px 0 0 56px;
	margin:15px 0;
	font-size:12px;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	display:block;
	overflow:hidden;
}
.index_contact_info a.online:hover {
	color:#380d0d;
}
/*------------------------------------------------body right--------------------*/

#right {
	width:674px;
	float:right;
	padding:0;
}
/*------index_about us------*/
#about {
	width:674px;
	background:url(../images/about_bg.gif) 0 0 repeat-y;
}
#about h2.about_title {
	font-size:18px;
	height:44px;
	line-height:48px;
	color:#151515;
	background:#FFF;
	text-indent:10px;
}
#about p.about_top {
	width:674px;
	height:13px;
	line-height:0;
	background:#FFF url(../images/about_top.gif) top center no-repeat;
	display:block;
	margin:0;
	padding:0;
}
#about p.about_bot {
	width:674px;
	height:13px;
	line-height:0;
	background:#FFF url(../images/about_bot.gif) top center no-repeat;
	display:block;
	margin:0;
	padding:0;
}
.index_about_content {
	width:580px;
	padding:0;
	margin:15px 30px 10px 50px;
	font-size:12px;
	line-height:28px;
}
.index_about_content a.readmore {
	width:158px;
	height:36px;
	display:block;
	background:url(../images/readmore.gif) left center no-repeat;
	margin-left:400px;
}
.index_about_content a.readmore:hover {
	background:url(../images/readmore.gif) right center no-repeat;
}
/*------index_Newproducts------*/
#newproducts {
	width:674px;
	margin:5px 0 0 0;
	background:url(../images/about_bg.gif) 0 0 repeat-y;
}
#newproducts p.newproduct_top {
	width:674px;
	height:90px;
	background:url(../images/newproducts_top.gif) left center no-repeat;
}
.newproduct_title {
	display:block;
	font-size:18px;
	color:#ff6600;
	font-weight:bold;
	margin:0;
	padding:21px 0 0 28px;
}
#index_newproducts_content {
	width:674px;
	background:url(../images/newproducts_content_bg.gif) left top repeat-y;
	text-align:left;
}

#index_newproducts_content  #NewProduct {
	MARGIN:0 40px 6px 40px; padding:0;OVERFLOW: hidden; WIDTH: 588px; 
}
#NewProduct .Product_List_S3 {
	Z-INDEX: 10; OVERFLOW: hidden; POSITION: relative; HEIGHT: 177px;
}
#NewProduct .Product_List_S3 UL {
	Z-INDEX: 100; MARGIN-BOTTOM: 0px; POSITION: absolute; TOP: 0px;
}
#NewProduct .Product_List_S3 LI {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; 
}
#NewProduct .Product_List_S3 DL {
	BACKGROUND: none transparent scroll repeat 0% 0%;
}
#NewProduct .p_Name {
	PADDING-TOP: 2px; HEIGHT: 17px; margin:0;
}
#NewProduct .p_Price {
	COLOR: #e42e2f;margin:0;
}

.Product_List_S3 {
	OVERFLOW: hidden; WIDTH: 100%;
}
.Product_List_S3 UL {
	MARGIN-BOTTOM: -1px; OVERFLOW: hidden; WIDTH: 101%; margin-left:0; margin-right:0;
}
.Product_List_S3 LI {
	FLOAT: left; WIDTH:147px; BORDER-BOTTOM: #dbdbdb 1px solid;
}
.Product_List_S3 LI DL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: no-repeat right 20px; PADDING-BOTTOM: 10px; OVERFLOW: hidden; PADDING-TOP: 2px;background-color:#333; margin:0 auto;
}
.Product_List_S3 LI DT {
	MARGIN-BOTTOM: 9px; HEIGHT: 120px; TEXT-ALIGN: center;
}
.Product_List_S3 LI DT IMG {
	DISPLAY: inline; WIDTH: 120px; HEIGHT: 120px;
}
.Product_List_S3 LI DD {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 0px; LINE-HEIGHT: 18px; PADDING-TOP: 0px; TEXT-ALIGN: center;
}
.Product_List_S3 LI .p_Name {
	OVERFLOW: hidden; WORD-BREAK: break-all; HEIGHT: 36px; WORD-WRAP: break-word
}
.Product_List_S3 LI .p_Price {
	OVERFLOW: hidden; COLOR: #333; HEIGHT: 18px
}
.Product_List_S3 LI .p_Price EM {
	FONT-WEIGHT: bold; COLOR: #e42e2f
}
.Product_List_S3 LI .p_Price IMG {
	DISPLAY: inline; VERTICAL-ALIGN: middle;
}



/*------sales Network------*/
#index_sales {
	margin:0 0 50px 0;
	width:674px;
	height:218px;
	overflow:hidden;
	text-align:center;
	background:url(../images/index_sales.gif) left center no-repeat;
}
#index_sales img.sales_pic {
	margin:15px 15px 0 15px;
}
/*------inner_pages_about------*/
#inner_content {
	width:674px;
	background:url(../images/about_bg.gif) 0 0 repeat-y;
	margin-bottom:50px;
}
#inner_content h2.inner_content_title {
	font-size:18px;
	height:48px;
	line-height:48px;
	color:#151515;
	background:#FFF;
	text-indent:10px;
}
#inner_content p.inner_content_top {
	width:674px;
	height:13px;
	line-height:0;
	background:#FFF url(../images/about_top.gif) top center no-repeat;
	display:block;
	margin:0;
	padding:0;
}
#inner_content p.inner_content_bot {
	width:674px;
	height:13px;
	line-height:0;
	background:#FFF url(../images/about_bot.gif) top center no-repeat;
	display:block;
	margin:0;
	padding:0;
}
.inner_content_content {
	width:580px;
	padding:0;
	margin:15px 30px 10px 50px;
	font-size:12px;
	line-height:28px;
}
/*------inner_pages_product------*/
#inner_product {
	width:674px;
	background:url(../images/about_bg.gif) 0 0 repeat-y;
	margin-bottom:50px;
}
#inner_product h2.inner_product_title {
	font-size:18px;
	height:48px;
	line-height:48px;
	color:#151515;
	background:#FFF;
	text-indent:10px;
}
#inner_product_Guide {
	background:#FFF;
}
#inner_product span.ClassGuide {
	font-size:13px;
	height:48px;
	line-height:48px;
	color:#151515;
	background:#FFF;
	text-indent:10px;
	width:420px;
	float:left;
}
#inner_product span.productstotal {
	font-size:13px;
	height:48px;
	line-height:48px;
	color:#151515;
	background:#FFF;
	text-align:right;
	width:200px;
	float:right;
}
#inner_product p.inner_product_top {
	width:674px;
	height:13px;
	line-height:0;
	background:#FFF url(../images/about_top.gif) top center no-repeat;
	display:block;
	margin:0;
	padding:0;
}
#inner_product p.inner_product_bot {
	width:674px;
	height:13px;
	line-height:0;
	background:#FFF url(../images/about_bot.gif) top center no-repeat;
	display:block;
	margin:0;
	padding:0;
}
.inner_product_content {
	width:630px;
	padding:0;
	margin:15px 10px 10px 28px;
	font-size:12px;
	line-height:28px;
	text-align:lefts;
}
.inner_product_content ul {
}
.inner_product_content ul li {
	float:left;
	width:210px;
	height:214px;
	text-align:center;
	overflow:hidden;
	vertical-align:middle;
}
.inner_product_content ul li .product_div {
	width:180px;
}
p.showpage {
	clear:both;
	width:630px;
	display:block;
	margin:16px 0;
}
/*------product_show------*/

#product_show {
	width:610px;
	text-align:center;
	line-height:22px;
	margin: 0 13px 0 0;
}
#product_show h3.P_Title {
	color:#3a71ce;
	font-size:14px;
	margin:10px 0;
}
#product_description {
	text-align:left;
	margin:10px 0 50px 0;
}
#product_description h3.Title {
	color:#1059d4;
	font-size:14px;
	height:31px;
	line-height:31px;
	text-indent:45px;
	margin:10px 0;
	background:url(../images/bar-prodetail.jpg) left center no-repeat;
}
/*------check reg------*/

#check_reg {
	width:95%;
	margin:0 auto;
	line-height:20px;
	text-align:center;
}
#check_reg h3.error {
	color:#F00;
}
#check_reg h3.success {
	color:#F00;
}
#check_reg p.check_report {
	text-align:left;
	width:90%;
}
#check_reg li {
	text-align:left;
}
/*------------------------------------------------footer--------------------*/

#footer {
	margin:0 auto;
	width:1003px;
	height:30px;
	text-align:center;
	padding-top:20px;
	color:#000;
	background:url(../images/footer_bg.gif) left center repeat-x;
}