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


img { border:none; }
#hackbox { clear:both; }
a:link, a:visited { text-decoration:none; color:#336699; }

body{
	color:#000000;	
	font-family:"Lucida Grande",Verdana,Lucida,Arial,Helvetica,宋体,sans-serif;
	font-size:12px;
	background:#FFFFFF url(../images/top_bg.gif) left top repeat-x;
	line-height:16px;
	/*line-height:1.5;*/
}

a:hover { color:#FF9900; }
.red { color:#FF0000; }

#topRight, #topRight a { color:#FFFFFF; }
#topRight a:hover { color:#FF9900; }

#navi { 
	border:1px solid #FFFFFF;
	border-top:none;
	background:#0066FF url(../images/navi_bg.gif) left top no-repeat;
	z-index:20;
}

#logo {
	background:#0033FF url(../images/logo.gif) left top no-repeat;
}


ul#mainmenu li{
	background:url(../images/dot_line.gif) right top no-repeat;
	font-size:14px;
}
ul#mainmenu li span { font-size:8px; font-weight:normal; }
ul#mainmenu li.lastmenu { background-image:none; }
ul#mainmenu li a {
	color:#FFFFFF;
	text-decoration:none;
	display:block; float:left;
	font-weight:bold;
}
ul#mainmenu li a:hover {
	color:#FF9900;
}

ul#mainmenu li a.on {
	color:#FF9900;
}





#content { background:transparent url(../images/shadow.gif) center top no-repeat; }
#companyIntro { padding-top:10px; }
#companyIntro .imgBorder { width:146px; height:101px; text-align:center; background:#FFFFFF; 
	border:1px solid #999999; float:left;  margin:10px; }
#companyIntro img { margin-top:2px; }

#companyIntro h2 { color:#0066CC; font-weight:bold; font-size:18px; line-height:30px; }
#companyIntro p { text-indent:2em; text-align:justify; color:#999999; font-size:13px; line-height:18px; }
#companyIntro p.sencondp { padding-left:10px; }

/*-- modified for index at 2008-5-5 by cocowool@gmail.com --*/
#prizeMedal { width:162px; height:260px; text-align:center; background-color:none; border:0px solid #999999;
	float:left; margin:0px 10px 10px 0;}
#prizeMedal img { margin-top:2px; margin-bottom:15px; width:162px; }
.companyTitle { font-size:18px; color:#0066CC; font-weight:bold; line-height:36px; }
.comIntro {color:#999999; font-size:12px; line-height:23px; letter-spacing:1px; margin-top:0px; }
.storeTitle { height:45px; line-height:45px; padding-left:30px; font-size:14px; color:white; }
a.learnmore:link, a.learnmore:visited { display:block; right:20px; bottom:20px; 
	color:#336699; border:1px solid white; padding:2px; text-align:right; 
	background:transparent url(../images/more.gif) no-repeat scroll 506px 50%; }
a.learnmore:hover { color:#FF9900; }

/*-- end modified --*/

.more { 
	background:transparent url(../images/more.gif) no-repeat scroll 85% 50%;
	color:#0066CC;
	line-height:20pt;
	padding-left:14px;
	text-decoration:none;
	display:block;
	text-align:right;
}
.introA { background:transparent url(../images/more.gif) no-repeat scroll 489px 50%; }
.introB { background:transparent url(../images/more.gif) no-repeat scroll 510px 50%; }


#products { background:#FFFFFF url(../images/itembg_s.gif) scroll left top repeat-x; }
.newsItem { background:#FFFFFF url(../images/itembg_s.gif) scroll left top repeat-x; }
.newsItem li { line-height:20px; }
#news h2,#products h2 { font-size:14px; color:#336699; position:relative;  }
#news ul li a{ text-decoration:none; color:#999999; }
#news ul li a:hover{ color:#FF9900; text-decoration:underline; }
#products ul li a { color:#999999; text-decoration:none; }
#products ul li a:hover { color:#000000;text-decoration:underline; }
#products li { line-height:20px; }

#news h2  a,#products h2 a { font-size:12px; color:#0066CC; font-weight:normal; text-decoration:none;
	background:url(../images/more.gif) 0px 1px no-repeat; padding-left:12px; }
#news h2  a:hover ,#products h2 a:hover { color:#FF9900;
	background:url(../images/more.gif) 0px 1px no-repeat; padding-left:12px; }
.words { color:#999999; }

#columnMore:link,#columnMore:visited { border:0px solid black; line-height:14px; width:80px;
	background:url(../images/more.gif) 0px 1px no-repeat; display:block; position:absolute; left:180px; top:10px;  } 
#productMore:link ,#productMore:visited { border:0px solid black; line-height:14px; width:80px;
	background:url(../images/more.gif) 0px 1px no-repeat; display:block; position:absolute; left:220px; top:10px;  } 

#itemList .imgage { background:#FFFFFF; border:1px solid #999999;  }
#login {  background:url(../images/loginbg.gif) center -20px no-repeat;  }
#login h2, #knowledge h2 { color:#FFFFFF; font-size:14px; font-weight:bold; }
#loginInfo p { color:#FFFFFF; }
#loginInfo input.textField {  }
#loginInfo input.submit{
	border:1px solid #82BCD3;
	height:26px;
	line-height:26px;
	outline-color:#82BCD3;
	outline-style:solid;
	outline-width:1px;
	padding:0pt 5px;
	background:#FFFFFF url(../images/subbtnhover.gif) repeat-x scroll left center;
	cursor:pointer;
	margin-right:3px;
}
#loginInfo .logina { color:#336699; }
#loginInfo a.logina:hover { color:#FF9900; }


#knowledge { background:#FFFFFF url(../images/knowbg.gif) left 0px no-repeat; }
#knowledge ul { border-bottom:1px dotted #336699; }
#knowledge ul li a { color:#336699; text-decoration:none; }
#knowledge ul li a:hover { color:#FF9900; text-decoration:underline; } 

#container ul.nobottom, #knowledge ul.nobottom,#knowledge ul.question { border-bottom:none; }

#footer { border:none; border-top:1px solid #000000; }
#footer ul li a { color:#000000; text-decoration:none; }
#footer ul li a:hover { color:#FF9900; text-decoration:underline; }



/*-- style for product page --*/

#subNavi ul li a { color:#0066cc; text-decoration:none; font-weight:bold; display:block; }
#subNavi ul li a:hover { color:#ff9900; text-decoration:underline; }
#subNavi ul li a.indexlink { background:url(../images/indexlink.gif) left 7px no-repeat; padding-left:30px; }
#subNavi ul li a.doublearrow { background:url(../images/doublearrow.gif) left 7px no-repeat; padding-left:15px; }

.leftColumn { background:#FFFFFF url(../images/itembg.gif) scroll left top repeat-x; }
.shortbg { background:#ffffff url(../images/itembg_s.gif) scroll left top repeat-x; }
.leftColumn h2 { font-size:14px; padding-left:15px; color:#0066CC; 
	background:url(../images/downarrow.gif) 10px 13px no-repeat; padding-left:25px; }
.leftColumn ul li a { color:#666666; text-decoration:none; padding-left:0px; }

.leftColumn ul li a.on { 
	background:transparent url(../images/leftarrow.gif) left 4px no-repeat; padding-left:0px; }
.leftColumn ul li a:hover { color:#ff9900; text-decoration:underline;
	background:transparent url(../images/leftarrow_o.gif) left 4px no-repeat; padding-left:0px; }
	
#productName span.productTitle { height:30px; width:200px; line-height:30px; font-size:20px; font-weight:bold; 
	float:left;  }
#productName span.pagelink { float:right; height:30px; line-height:30px; margin-right:15px; width:120px;}
#productName span.pagelink a { display:block; width:30px; height:30px; text-indent:-9999px;  }
#productName span.pagelink a.prev { float:left; background:transparent url(../images/arrow_left.gif) right 10px no-repeat; }
#productName span.pagelink a.next { float:left; background:transparent url(../images/arrow_right.gif) left 10px no-repeat; }
#productName span.pageNum { display:block; width:30px; height:30px; padding-left:5px; float:left; }
em { color:#FF0000; font-style:normal; }
.image_box { border:1px solid #ccc;  }
#productDesc { clear:both; }

.thumb_desc { margin-top:5px; line-height:18px; }
.thumb_desc a { color:#ccc; text-decoration:none; }
.thumb_desc a:hover { color:#000000; text-decoration:underline;}


/*-- style for productDetail.html Modisfied at 2008-04-15 --*/
#productImg {  }
#detailLeft h2 { height:40px; line-height:40px; }
#detailLeft p { text-indent:2em; line-height:18px; }
#detailRight span.pagelink { float:left; }
#detailRight span.pagelink a { text-indent:-9999px; display:block; width:11px; height:19px; float:left;  }
#detailRight span.pagelink a.prev { background:transparent url(../images/arrow_left.gif) right 4px no-repeat; }
#detailRight span.pagelink a.next { background:transparent url(../images/arrow_right.gif) left 4px no-repeat; } 
#detailRight span.pageNum { float:left; height:19px; line-height:19px; width:35px; text-align:center; }
#detailRight ul { clear:both; margin-top:45px; }
#detailRight ul li a { color:#ccc; text-decoration:none; }
#detailRight ul li a:hover { color:#0066CC; text-decoration:underline; }


/*-- style for knowledge.html Updated at 2008-04-16 --*/
#zt h2 { height:23px; 
line-height:30px; font-size:14px; font-weight:bold; color:#0066CC; }
#hot { clear:both; padding-top:5px; border-top:0px dotted #999999; }
#hot h2 { height:30px; line-height:30px; font-size:14px; font-weight:bold; color:#0066CC; }

/*-- style for knowledgeDetail.html Updated at 2008-04-16--*/
ul.relatedLink {  }
ul.relatedLink li { padding-left:0px; }
ul.relatedLink li a { padding-left:15px; }

#zt_content p { margin-top:10px; text-indent:2em; }

/*-- style for productEdit.html --*/
.tableHeader { height:40px; background:#0099ff; color:#ffffff; text-align:left; }
.tableHeader a { color:#ffffff; }
#NewsList table, #appList table { cellspacing:0; cellpadding:0; }
#NewsList tr td, #appList tr td { text-align:left; }
#NewsList table , #appList table { table-layout:fixed; word-break:break-word; vertical-align:middle; }
a.productDelete { border:0px solid black; display:block; overflow:hidden; width:16px; height:16px;
	background:transparent url(../images/publish_x.png) left top no-repeat; text-indent:-999px; }
.coloredrow { background:#E8EEF7 none repeat scroll 0%; border-bottom:0px solid #bbbbbb; }
.productItem { height:95px; }
.appointmentItem { height:25px; }
.productImg { min-height:80px; height:80px; }
.productDetail { height:400px; }

#productContent table { table-layout:fixed; word-break:break-word; }
#productContent select { width:100px; }

/*-- style for appointmentEdit.html --*/
#appointment { border-top:1px solid #bbbbbb;width:670px; float:right; }
#appointment h2 { height:30px; line-height:30px; color:#0033CC; font-size:14px; padding-left:20px;}

#appointment .memo { height:50px; } 
#appointment .textReply { height:120px; border:0px solid black; }

#appointment ul { margin:20px 25px; position:relative; }
#appointment ul li { height:auto; }
#appointment ul li.memo { height:70px; }

#appointment .appointmentTitle { display:block; width:100px; height:auto; float:left; clear:left;  border:0px solid black; text-align:right; }
#appointment .replyTitle { display:block; width:100px; height:auto; float:left; clear:both;  border:0px solid black; text-align:right; }

#appointment .appointmentItem { display:block; width:500px; height:auto; float:right; clear:right;  border:0px solid black; }
#appointment .replyItem { display:block; width:500px; height:auto; float:right; clear:both;  border:0px solid black; }

#appointment .appointmentMemo { display:block; width:500px; height:70px; float:right; clear:right;  border:0px solid black; text-align:left; }
#appointment .appointmentReply { display:block; width:500px; height:120px; float:right; clear:right;  border:0px solid black; text-align:left;	}

/*-- style for bulletinEdit.html --*/
#commentList { border:0px solid black; margin:0px 25px 20px; }

#commentList dt { font-weight:bold; margin:0px; padding:1.5em 0px 0px; color:#444444; }
#commentList dt a:link, #commentList dt a:visited { text-decoration:none; border-bottom:1px dotted #AE4F0C; }
#commentList dd { margin:0px; border-bottom:1px dashed #b6c8b0; padding:0.5em 0.5em 1em 0;  }
#commentList dd p { color:#666; padding-bottom:0.5em; }
#commentList dd a:link,#commentList dd a:visited { font-weight:bold; text-decoration:none; border-bottom:1px dotted #ae4f0c; color:#D03900; }
#commentList dd a:hover,#commentList dd a:focus, #commentList dd a:active { border-bottom:1px #d03900 solid; }

#commentList #noStyle { border:0px; text-decoration:none; }
#commentList .replyDT { margin-left:25px; background-color:#F6FEDA; line-height:30px; }
#commentList .replyDD { margin-left:25px; background-color:#F6FEDA; border-bottom:1px dashed #b6c8b0; }
.commentLink { margin-top:15px; text-align:right; }
.commentInput { float:left;  }

/*-- style for map.html --*/
#mapContainer { width:670px; float:right; height:auto; border:0px solid #CCCCCC; }
#query { border:0px solid black; height:40px; line-height:40px; padding-left:25px; border-bottom:0px solid #FF9900;
	background-color:#0099ff; border-color:#999; border-width:1px 1px 0px 1px; }
#TextBoxQuery { width:350px; }
#ButtonQuery { width:80px; }
#KNShow { width:80px; }
#map_canvas { width:668px; height:400px; border:1px solid #999; border-width:0 1px 1px 1px; }


/*-- style for comIntro.html --*/
.topLine { width:400px; border-top:2px solid #336699; }

#detailedIntro { padding:2px 0px 25px 15px; border:0px solid black; font-size:12px; line-height:22px; }
#detailedIntro #detailedIntroContent { font-size:12px;}
#detailedIntro #detailedIntroList { line-height:8px; font-size:12px;}
#detailedIntro h2 { text-align:center; color:#336699; font-weight:bold; font-size:16px; line-height:25px; margin-bottom:25px;  }
#detailedIntro #KangningNewsDisplay_title{text-align:left;color:#336699;font-weight:bold;font-size:12px;line-height:25px;margin-bottom:20px;}
#detailedIntro h3 { text-align:left; color:#336699; font-weight:bold; font-size:14px; line-height:25px; margin-bottom:0px;  }
#detailedIntro p { color:#666; text-indent:2em; margin:1.5em 0; }
#detailedIntro.LeaderWords p { margin:0.4em 0; text-indent:0em; }

/*-- style for questionaire.html updated at 2008-5-6 by cocowool@gmail.com --*/
.questionForm { border:0px solid black; height:auto; border-left:0px solid #336699; padding-left:15px; }
.questionForm h3 { border-left:4px solid #336699; padding-left:5px; }
#detailedIntro .questionForm p { border:0px solid black; margin:0px; }
#detailedIntro .questionForm input { width:auto; margin-right:5px; }
.submitQuestion { text-align:center; border:0px solid black; padding:40px 0px 10px; }
.submitbtn { vertical-align:middle; width:50px;	border:1px solid #82BCD3; height:26px;
	line-height:26px; outline-color:#82BCD3; outline-style:solid; outline-width:1px;padding:0pt 5px; 
	background:#FFFFFF url(../images/subbtnhover.gif) repeat-x scroll left center;	cursor:pointer; }
.rightInput {  }
/*--  --*/

/*-- style for knowledgeManagement.html --*/
#map .bottomPageLink ,#NewsList .bottomPageLink { table-layout:auto; }
#NewsList .bottomPageLink tr { height:30px; }
#NewsEdit { border:0px solid black; padding:10px 25px 20px; }
.contentLeft { float:left; clear:left; border:0px solid black; display:block; height:30px; line-height:30px; width:50px; }
.contentRight { float:right; clear:right; text-align:left; border:0px solid black; width:550px; height:25px; line-height:30px; 
	padding-top:5px; }
.maintext { height:500px; border:1px solid #ccc; }
.contentEdit { width:auto; clear:both; padding-top:20px; padding-left:25px; }


/*用户留言管理页面存在的一个问题，没有找到出错的原因，暂时用这个hack*/
.specialMSG { width:670px; float:right; border:1px solid #ccc; border-width:0px 1px 1px; }


/* style for chainstore.html */
#chainstore { margin:15px 15px 35px; position:relative; }
.chainstore_table { table-layout:fixed; width:100%; border:0px solid black; text-align:center; border-spacing:0px;
	border-collapse:collapse; }
.chainstore_table tr { height:20px; line-height:20px; }
.chainstore_header { background-color:#00B0D8; color:white; height:30px; }

#chainstoreContent { margin:15px 20px 50px 50px; position:relative; }
#chainstoreContent h3 { margin:15px 0px; font-weight:normal; font-size:14px; height:25px; line-height:25px;
	padding-left:10px; color:#ffffff; background-color:#66ccff; position:relative; }
#chainstoreContent h3 a { position:absolute; right:10px; top:8px; }
#chainstoreContent p { line-height:18px; text-indent:2em; }
#chainstoreContent .imgbox { width:274px; height:184px; border:1px solid #ccc; float:left;
	margin-right:10px; margin-top:10px; overflow:hidden}
#chainstoreContent .imgbox img { margin:2px; }


/* style for appointment add, updated at 2008-4-30 */
.appointmentTable { border-collapse:collapse; table-layout:fixed; border:0px solid black; margin:15px 15px 15px 20px; }
.appointmentTable tr td { padding:5px 0px; }

/*-- style for pageNavi, updated at 2008-5-6 --*/
.pageNavi { text-align:center; padding:10px 0px; }
.pageNavi a { padding:0px 5px; }

#clicklist { border:0px solid black; margin:10px 10px; padding:0px 0px 5px; border-bottom:1px dashed #336699; }
.ulnobottom { border:0px !important; }
#clicklist li { padding-left:0px; }
#clicklist li a {  }

/*-- style for index.html slideshow updated at 2008-5-8 --*/
.slideshow { border:0px solid black; padding:10px 15px; background:url(../images/scroll_bg.gif) left top no-repeat; }

.topInput { height:13px; padding-top:2px; line-height:18px; }
.topSubmit { height:18px; width:45px; background:transparent url(../images/formbg.gif) repeat-x scroll left top;
	border:0px outset #CCCCCC; color:#666666; cursor:pointer; font-weight:normal;	padding:1px 2px; }
.forgetpwd { width:60px; }
.textRight { text-align:right; }

#detailedIntro .contactTable h2 { margin-bottom:0px; text-align:left; padding-left:0px; }
.lastLink { text-align:right; }
.lastLink a:link, .lastLink a:visited { background:url(../images/more.gif) left 3px no-repeat; padding-left:12px; }
.lastLink a:visited { background:url(../images/more.gif) 100px 3px no-repeat; padding-left:12px; }

.siteChannel { width:270px; float:left; margin-right:20px; margin-bottom:15px; }
#detailedIntro .siteChannel h2 { margin:0px; padding:0px; text-align:left; border-bottom:2px solid #ccc;
	margin-bottom:10px; }
.siteChannel ul { padding-left:10px; }
.siteChannel ul li { padding-left:15px; background:url(../images/leftarrow.gif) left 6px no-repeat; }

#selectProduct { padding:0px 15px; color:#999999; }
#selectProduct input { width:auto; }
#selectProduct .title { font-size:14px; font-weight:normal; padding:10px 0px;  }
#selectProduct .item { padding:0px 0px 10px; line-height:16px; }
#selectProduct .firstItem { padding-left:19px !important; padding-left:24px; } 
#selectProduct b { color:#336699; font-weight:normal; }
#selectProduct select { width:110px; border-color:#999; color:#333; border:1px solid #999999; }
#selectProduct option { margin:0px; padding:0px; }
#selectProduct .selectBox { width:50px; }
#selectProduct .lastBox { width:100px; }

.faqList { line-height:20px; list-style-type:circle; font-size:14px; }
.faqResult { line-height:22px; font-size:14px; }
.faqtitle { font-weight:bold; padding:5px 0px; }
/* add 2008-12-31*/
#knowledgeQuestion {background:transparent url(../images/knowbg.gif) no-repeat scroll left top;
                    line-height:18px; }
#knowledgeQuestion h2{color:white;font-size:14px;height:45px;line-height:45px;padding-left:40px; padding-top:10px;}
#bodyRight.indexRight #knowledgeQuestion { background:url(../images/listbg.gif) no-repeat scroll left top;
                    margin-left:0;padding-left:10px;line-height:18px;}
#bodyRight.indexRight #knowledgeQuestion h2{color:white;font-size:14px;height:45px;line-height:45px;padding-left:30px; padding-top:0px;}