A:link { COLOR: #333333;text-decoration:none;}
A:visited { COLOR: #333333;text-decoration:none;}
A:hover {Color: #548F00; text-decoration:none;}

A.menu:link {COLOR: #171766; font-weight:bold; }
A.menu:visited {COLOR: #171766; font-weight:bold; }
A.menu:hover {Color: #F00; font-weight:bold; }

A.about:link {COLOR: #333333; }
A.about:visited {COLOR: #333333; }
A.about:hover {Color: #548F00; }

A.fan:link {COLOR: #548F00; }
A.fan:visited {COLOR: #548F00; }
A.fan:hover {Color: #548F00;}

A.news:link {COLOR: #333; background:url(../cn_asp/images/ac.gif) no-repeat; background-position:0px 0.3em; padding-left: 15px; }
A.news:visited {COLOR: #333; background:url(../cn_asp/images/ac.gif) no-repeat; background-position:0px 0.3em; padding-left: 15px; }
A.news:hover {color: #333; background:url(../cn_asp/images/ac.gif) no-repeat; background-position:0px 0.3em; padding-left: 15px; }

A.bottom:link {COLOR: #666; }
A.bottom:visited {COLOR: #666; }
A.bottom:hover {Color: #666; }

#anylinkmenu1 A:link {COLOR: #fff; }
#anylinkmenu1 A:visited {COLOR: #fff; }
#anylinkmenu1 A:hover {Color: #fff; }

.anylinkcss{
	position:absolute;
	visibility: hidden;
	border-bottom-width: 0;
	line-height: 20px;
	z-index: 100;
	width: 158px;
	background-image: url(../cn_asp/images/menu_tc_bg.gif);
	background-repeat: repeat-y;
	color:white;
}
.anylinkcss a{
	color:white;
	width: 97%;
	display: block;
	text-indent: 3px;
	padding: 1px 0;
	text-decoration: none;
	text-indent: 3px;
	background-image: url(../cn_asp/images/menu_na.gif);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #bfcfe2;
}

.anylinkcss a:hover{ /*hover background color*/
background-image: url(../cn_asp/images/menu_a.gif);
color: white;
font-weight: bold;
}

.menu_tables{padding:0px; TEXT-ALIGN:left; color:#000; margin-top:3px; line-height:23px;}

.menu_tables a{
	margin-left:28px;
	padding-left:16px;
}
.menu_tables a:link{ color:#000;}
.menu_tables a:hover{
	color:#000;
	background-image: url(../cn_asp/images/left_menu2.gif);
	background-repeat: no-repeat;
	background-position: left center;
	font-weight:bold;
}
.menu_tables a:visited{
	color:#000;
	background-image: url(../cn_asp/images/left_menu2.gif);
	background-repeat: no-repeat;
	background-position: left center;}





* {
	margin: 0; padding:0
}
#container {
	text-align: left;
	width: 463px;
	background-image: url(../cn_asp/images/index_tab_topbg.gif);
	background-repeat: repeat-x;
}
#container #title {
	height: 35px;
		background-image: url(../cn_asp/images/index_tab_topbg.gif);
	background-repeat: repeat-x;
	margin:
}
#container #title li {
	float: left;
	list-style-type: none;
	height: 35px;
	line-height: 35px;
	text-align: center;
	width:135px;
	margin-right:8px;
	CURSOR: hand;
}
#container #title ul {
	height: 35px;
}
#container #title #tag1 a {
	text-decoration: none;
	color: #ffffff;
	display: block;
	width: auto;
	background-image: url(../cn_asp/images/index_tab_b01.gif);
	background-repeat: no-repeat;
	background-position: left;
	width:135px;
		CURSOR: hand;
}
#container #title #tag2 a {
	text-decoration: none;
	color: #ffffff;
	display: block;
	width: auto;
	background-image: url(../cn_asp/images/index_tab_b02.gif);
	background-repeat: no-repeat;
	background-position: left;
	width:135px;	CURSOR: hand;
}
#container #title #tag3 a {
	text-decoration: none;
	color: #ffffff;
	display: block;
	width: auto;
	background-image: url(../cn_asp/images/index_tab_b03.gif);
	background-repeat: no-repeat;
	background-position: left;
	width:135px;	CURSOR: hand;
}
#container #title a span{
	display: block;
	width:135px;
	height:35px;
}
#container #title #tag1 a:hover {
	display: block;
	width: auto;
	background-image: url(../cn_asp/images/index_tab_a01.gif);
	background-repeat: no-repeat;
	background-position: left;
}
#container #title #tag2 a:hover {
	display: block;
	width: auto;
	background-image: url(../cn_asp/images/index_tab_a02.gif);
	background-repeat: no-repeat;
	background-position: left;
}

#container #title #tag3 a:hover {
	display: block;
	width: auto;
	background-image: url(../cn_asp/images/index_tab_a03.gif);
	background-repeat: no-repeat;
	background-position: left;
}
#container #title a .selectspan1 {
	display: block;
	width: auto;
	background-image: url(../cn_asp/images/index_tab_a01.gif);
	background-repeat: no-repeat;
	background-position: left;
}
#container #title a .selectspan2 {
	display: block;
	width: auto;
	background-image: url(../cn_asp/images/index_tab_a02.gif);
	background-repeat: no-repeat;
	background-position: left;
}
#container #title a .selectspan3 {
	display: block;
	width: auto;
	background-image: url(../cn_asp/images/index_tab_a03.gif);
	background-repeat: no-repeat;
	background-position: left;
}
#container #content ul {margin: 10px;}
#container #content li {margin: 5px; }
#container #content li img {margin: 5px;display:block;}
#container #content {height: 260px;padding: 10px;}
.content1 {
background-image:url(../cn_asp/images/index_tab_back.gif)
}
.content2 {
background-image:url(../cn_asp/images/index_tab_back.gif)
}
.content3 {
background-image:url(../cn_asp/images/index_tab_back.gif)
}

.hidecontent {display:none;}


.fPic {
	BACKGROUND: url(images/bg1.jpg) no-repeat;
	WIDTH: 145px;
	POSITION: relative;
	HEIGHT: 111px;
}
.fPic .dPic {
	TEXT-ALIGN: center;
	margin: 1px;
}
.fPic .pagination {
	left:50px;
	POSITION:absolute;
	TOP:50px;
	HEIGHT:16px;
}

.fPic .pagination A {
	BORDER: #D91B25 1px solid;
	PADDING:2 4 2 4;
	BACKGROUND: #FFFFFF;
	COLOR: #000000;
	LINE-HEIGHT: 14px;
	FLOAT:left;
	TEXT-ALIGN: center;
	TEXT-DECORATION: none;
	margin-left: 3px;
	font-style: normal;
	font-weight: bold;
}
.fPic .pagination A.selected {
	BACKGROUND: #D91B25;
	COLOR: #FFFFFF;
}
.fPic .dTitle {
	BACKGROUND: #000000;
	filter: Alpha(Opacity=10, FinishOpacity=0, Style=10, StartX=0, StartY=0, FinishX=0, FinishY=0); 
	WIDTH:100%;
	LINE-HEIGHT: 20px;
	POSITION: absolute;
	TOP: 120px;
	left:0px;
	font-size: 12px;
	color: #FFFFFF;
	text-align: left;
}



dl {
 line-height:35px;
 width: 463px;
	background-image: url(../cn_asp/images/index_tab_topbg.gif);
	background-repeat: repeat-x;
}
dt.active {
 position:relative;
 	background-image: url(../cn_asp/images/index_tab_a.gif);
	background-repeat: no-repeat;
	background-position: left;
	 width:135px;
	 color:#0040f3;
}
dt {
 float:left;
 cursor:pointer;
	background-image: url(../cn_asp/images/index_tab_b.gif);
	background-repeat: no-repeat;
	background-position: left;
	 width:135px;
	 text-align:right;
	 	font-weight:bold;
	font-size:14px;
	color:#787878;
	margin-right:8px;
}
dd {
 clear:both;
 border-left:0;
 border-left:0;
 display:none;
 height: 260px;padding: 10px;
 background-image:url(../cn_asp/images/index_tab_back.gif)
}


.hide {
	DISPLAY: none
}
UNKNOWN {
	PADDING-LEFT: 28px! important; BACKGROUND-IMAGE: url(images/autoscroll_v.png)! important; WIDTH: 28px! important; CLIP: rect(0px 28px 28px 0px); HEIGHT: 28px! important
}
#header {
	WIDTH: 100%; CURSOR: default; COLOR: #fff; FONT-STYLE: italic; POSITION: relative; HEIGHT: 2em; BACKGROUND-COLOR: #369
}
#header #designs {
	BORDER-TOP: #69c 1px solid; FONT-SIZE: 1em; LEFT: 0px; WIDTH: 100%; TEXT-INDENT: 8em; BORDER-BOTTOM: #036 1px solid; POSITION: absolute; TOP: 60%; HEIGHT: 1.66em; BACKGROUND-COLOR: #58b
}
#pagezoom {
	RIGHT: 0.3em; FONT-STYLE: normal; POSITION: absolute; TOP: 0
}
#pagezoom SPAN {
	PADDING-RIGHT: 0.2em; PADDING-LEFT: 0.2em; PADDING-BOTTOM: 0px; CURSOR: pointer; COLOR: #eef; PADDING-TOP: 0px
}
#pagezoom SPAN.zoomHover {
	COLOR: #fff; BACKGROUND-COLOR: #7ad
}
#container {
	Z-INDEX: 10; WIDTH: 100%; POSITION: relative
}
#content {
	PADDING-RIGHT: 0px; PADDING-LEFT: 4em; PADDING-BOTTOM: 2em; MARGIN: 0px 10% 0px 12em; BORDER-LEFT: #369 1px dashed; PADDING-TOP: 1em
}
#content A {
	COLOR: #36c
}
#content A:visited {
	COLOR: #63c
}
#content A:hover {
	BORDER-RIGHT: #ace 1px dashed; PADDING-RIGHT: 2px; BORDER-TOP: #ace 1px dashed; PADDING-LEFT: 2px; PADDING-BOTTOM: 0px; MARGIN: 0px -3px; BORDER-LEFT: #ace 1px dashed; PADDING-TOP: 0px; BORDER-BOTTOM: #ace 1px dashed; BACKGROUND-COLOR: #def
}
#content A:active {
	BORDER-RIGHT: #36c 1px inset; PADDING-RIGHT: 2px; BORDER-TOP: #36c 1px inset; PADDING-LEFT: 2px; PADDING-BOTTOM: 0px; MARGIN: 0px -3px; BORDER-LEFT: #36c 1px inset; COLOR: #fff; PADDING-TOP: 0px; BORDER-BOTTOM: #36c 1px inset; BACKGROUND-COLOR: #36c
}

#navigation {
	Z-INDEX: 100; LEFT: 0.5em; OVERFLOW: visible; WIDTH: 11em; POSITION: absolute; TOP: 1em
}
#navigation UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#menuroot {
	WIDTH: 11em; TEXT-ALIGN: right
}
#menuroot UL {
	BORDER-RIGHT: #9cf 1px outset; PADDING-RIGHT: 0.3em; BORDER-TOP: #9cf 1px outset; PADDING-LEFT: 0.3em; LEFT: 9em; VISIBILITY: hidden; PADDING-BOTTOM: 0.3em; BORDER-LEFT: #9cf 1px outset; WIDTH: 16em; PADDING-TOP: 0.3em; BORDER-BOTTOM: #9cf 1px outset; POSITION: absolute; TOP: 0px; BACKGROUND-COLOR: #f0f8ff; TEXT-ALIGN: left
}
#menuroot UL UL {
	LEFT: 14em; WIDTH: 11em
}
#menuroot UL {
	LEFT: 11.5em
}
#menuroot UL UL {
	LEFT: 17em
}
#menuroot LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 1px; WIDTH: 100%; COLOR: #036; PADDING-TOP: 0px; POSITION: relative
}
#menuroot LI .subind {
	FONT-SIZE: 0.8em; RIGHT: 0.5em; POSITION: absolute; TOP: 0.3em
}
#menuroot A {
	PADDING-RIGHT: 1.5em; DISPLAY: block; PADDING-LEFT: 0.2em; PADDING-BOTTOM: 0.05em; COLOR: #036; PADDING-TOP: 0.05em; BORDER-BOTTOM: #fff 1px solid
}
 HTML #menuroot LI {
	FLOAT: left; HEIGHT: 1%
}
 HTML #menuroot A {
	HEIGHT: 1%
}
#menuroot UL A {
	BORDER-LEFT-COLOR: #f0f8ff; BORDER-BOTTOM-COLOR: #f0f8ff; BORDER-TOP-COLOR: #f0f8ff; BORDER-RIGHT-COLOR: #f0f8ff
}
#menuroot A.current {
	COLOR: #399
}
#menuroot A:hover {
	BORDER-LEFT-COLOR: #69c; BORDER-BOTTOM-COLOR: #69c; COLOR: #399; BORDER-TOP-COLOR: #69c; BACKGROUND-COLOR: #e0f0ff; BORDER-RIGHT-COLOR: #69c
}
#menuroot A.highlighted {
	BORDER-LEFT-COLOR: #99c; BORDER-BOTTOM-COLOR: #99c; COLOR: #399; BORDER-TOP-COLOR: #99c; BACKGROUND-COLOR: #d0e8ff; BORDER-RIGHT-COLOR: #99c
}
#menuroot A.highlighted .subind {
	DISPLAY: none
}
#menuroot A.dimmed {
	BORDER-LEFT-COLOR: #ffffff; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM-COLOR: #ffffff; BORDER-TOP-COLOR: #ffffff; BORDER-RIGHT-COLOR: #ffffff
}
#menuroot UL A.dimmed {
	BORDER-LEFT-COLOR: #f0f8ff; BORDER-BOTTOM-COLOR: #f0f8ff; BORDER-TOP-COLOR: #f0f8ff; BORDER-RIGHT-COLOR: #f0f8ff
}
#menulock {
	DISPLAY: block; FONT-SIZE: 0.8em; CURSOR: pointer; COLOR: #66c; TEXT-ALIGN: center
}
#linktitle {
	MARGIN-TOP: 1em; FONT-SIZE: 0.8em; COLOR: #999; TEXT-ALIGN: center
}

.bgmenu{
background: url(../cn_asp/images/left_menubg.gif) no-repeat; 
padding-left:0px; line-height:28px;
}
.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 168px; /* Width of Menu Items */

}
	
.suckerdiv ul li{
position: relative;
}
	
/*1st level sub menu style */
.suckerdiv ul li ul{
left: 167px; /* Parent menu width - 1*/
position: absolute;
width: 160px; /*sub menu width*/
top: 0;
display: none;
}

/*All subsequent sub menu levels offset */
.suckerdiv ul li ul li ul{ 
left: 159px; /* Parent menu width - 1*/
}

/* menu links style */
.suckerdiv ul li a{
display: block;
color: black;
text-decoration: none;
font:12px 宋体;
background: #fff;
padding: 5px 5px;
border: 1px solid #ccc;
border-bottom: 0;
}

.suckerdiv ul li a:visited{
color: black;
text-decoration:none;
}

.suckerdiv ul li a:hover{
	color: #000;
	font-weight:bold;
	text-decoration:none;
	background-image: url(../cn_asp/images/left_menubga.gif);
}

.suckerdiv .subfolderstyle{
background: url(../images/arrow-list.gif) no-repeat center right;
}

	
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */


.morecss{text-align:right; padding-top:6px;}


.inrightall{width:302px; height:434px; background-image:url(../cn_asp/images/index_right_bg.gif); padding:8px 0px; text-align:left;}
@media all and (min-width: 0px){
.inrightall{ background-image:url(../cn_asp/images/index_right_bg.gif);height:423px;}
}