/* CSS Document */

/***************************
 CSS RESET
***************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}
a { color:#1D86BF; text-decoration:none;}
a:hover { text-decoration: underline;}
.clr {clear:both;font-size:0;}
.clearfix {display:block;}
/* remember to define focus styles! */

:focus {outline: 0;}
body {line-height: 1;color: black;background:#E6E6E6 url(../images/bg_bottom.jpg) repeat-x right top; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif,ËÎÌå;}
ol, ul {list-style: none;}

#wrapbg {height:100%;width:100%;background: url(../images/bkg-blue.png) no-repeat right top;_background-image: none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bkg-blue.png',sizingMethod='scale');}
#wrap {background:url(../images/bkg-shadow.png) no-repeat center 53px;margin:0 auto;width:969px;_position:relative;_background: none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/bkg-shadow.png"£¬sizingMethod="scale");}
#container { width:945px; margin:0 auto;}

/*header*/
.header {}
.topbox { height:75px;}
.topbox .logo{ float:left; padding:22px 0 0 2px;}
.setupbox{ float:right; padding:38px 2px 0 0;}
.setuphome a{background:url(../images/icon_home.gif) no-repeat 0 4px;font-size:12px; padding:6px 4px 4px 24px; line-height:24px;height:24px; margin-top:4px;text-decoration:none;color:#1E85BE;}
.joincollection a {background:url(../images/icon_collection.gif) no-repeat 0 4px;font-size:12px; padding:6px 4px 4px 24px; line-height:24px; height:24px; margin-top:4px;text-decoration:none;color:#1E85BE;}
.setuphome a:hover,.joincollection a:hover {color:#1E85BE;}

.bg_r .searchbox{ float:right; padding:0px 2px 0 0;*padding:2px 2px 0 0;width:244px;}
.bg_r .searchbox * { vertical-align:middle;}
.bg_r .search-box span{ float:left;}
.bg_r .searchbox .txtsearch{ color:#333333; width:206px;margin:0 -4px 0 0;padding:3px 2px 2px;}
.bg_r .search-box .imgsearch{ vertical-align:middle;}

.nav { background:url(../images/bkg-menu-left.png) no-repeat; height:38px; line-height:38px;}
.nav .bg_r {background:url(../images/bkg-menu-right.png) no-repeat right top; margin-left:24px; height:36px; line-height:32px; padding-top:2px;}
.nav li{ float:left;}
.nav li a { padding:0 12px;color:#FFF; display:block;text-decoration:none; text-align:center;}
.nav li a:hover{color:#DDF0F4;text-decoration:none;}
.navline {background:url(../images/menu-divider.jpg) no-repeat; width:2px; height:35px; margin-bottom:-2px; }
.nav li.current span{background:url(../images/menu-selected.gif) no-repeat left top; height:32px; display:block; *display: inline;margin:2px 6px 0;}
.nav li span { height:32px; display:block; *display: inline;margin:2px 6px 0;}
.nav li.current a {background:url(../images/menu-selected.gif) no-repeat 100% -32px ; height:32px; display: inline-block; line-height:32px;}

.secondarynav { background: url(../images/bkg-sub-menu.png) repeat-x left bottom; height:36px; line-height:34px;}
.secondarynav ul { display:block;}
.secondarynav li { float:left; background: url(../images/menu2-divider.jpg) no-repeat right bottom; position:relative; _width:100px; text-align:center;}
.secondarynav li.secondarynav-last { background:none;}
.secondarynav li a { height:28px;margin:1px 10px;padding:0px 6px 3px; display:block;color:#555; text-decoration:none;position:relative; line-height:28px;}


.secondarynav .navmenu_l { background:url(../images/menu2-selected-left.jpg) no-repeat; display:block; width:4px; height:31px; top:0; left:-4px;position:absolute;font-size:1px;}
.secondarynav .navmenu_r { background:url(../images/menu2-selected-right.jpg) no-repeat; display:block; width:4px; height:31px;top:0;right:-4px;position:absolute; font-size:1px;}
.secondarynav li a span { display:none !important;}
.secondarynav li a:hover { background:url(../images/menu2-selected-middle.jpg) repeat-x; height:28px;margin:1px 10px;padding:0px 6px 3px; display:block !important;color:#555; text-decoration:none;position:relative;}
.secondarynav li a:visited .navmenu_l { background:none; display:block !important; width:4px; height:31px; top:0; left:-4px;position:absolute;font-size:1px;}
.secondarynav li a:visited .navmenu_r { background:none; display:block !important; width:4px; height:31px;top:0;right:-4px;position:absolute; font-size:1px;}
.secondarynav li a:active .navmenu_l {background:url(../images/menu2-selected-left.jpg) no-repeat;display:block !important; width:4px; height:31px; top:0; left:-4px;position:absolute;font-size:1px;}
.secondarynav li a:active .navmenu_r { background:url(../images/menu2-selected-right.jpg) no-repeat; display:block !important; width:4px; height:31px;top:0;right:-4px;position:absolute; font-size:1px;}
.secondarynav li a:hover .navmenu_l { background:url(../images/menu2-selected-left.jpg) no-repeat; display:block !important; width:4px; height:31px; top:0; left:-4px;position:absolute;font-size:1px;}
.secondarynav li a:hover .navmenu_r { background:url(../images/menu2-selected-right.jpg) no-repeat; display:block !important; width:4px; height:31px;top:0;right:-4px;position:absolute; font-size:1px;}
.secondarynav a:hover { text-decoration:underline;}

#contentbg { background:#FFF url(../images/bannerbg.jpg) no-repeat;border-left:1px solid #E5E5E5;border-right:1px solid #E5E5E5;margin:0 auto;width:943px; overflow:hidden;}
/* banner */
.banner { height:233px; padding:32px 0 0 54px;}
.b_img { width:384px; float:left;}
.b_textbox { float:left; width:438px; line-height:22px; color:#B8B8B8;}
.b_textbox h2 { padding:24px 0;}
.b_textbox li span { float:right;}
.b_textbox a { color:#555;}
.b_navtit { width:438px; float:left; margin-top:12px; height:40px;}
.b_navtit a { background:url(../images/nav_titimg.gif) no-repeat 0 5px; display:block; float:left; margin-right:4px; text-indent:-8888px;}
.b_navtit a:hover{background:url(../images/nav_titimg.gif) no-repeat;}
.b_navtit a#tag_1_b1 { width:62px; height:30px; background-position:0 5px;}
.b_navtit a#tag_1_b2 { width:62px; height:30px;background-position:-65px 5px;}
.b_navtit a#tag_1_b3 { width:74px; height:30px;background-position:-130px 5px;}
.b_navtit a#tag_1_b4 { width:51px; height:30px;background-position:-207px 5px;}
.b_navtit a#tag_1_b5 { width:81px; height:30px;background-position:-261px 5px;}
.b_navtit a#tag_1_b6 { width:75px; height:30px;background-position:-345px 5px;}
.b_navtit a#tag_1_b1:hover { width:62px; height:30px;background-position:0 0;}
.b_navtit a#tag_1_b2:hover { width:62px; height:30px;background-position:-65px 0;}
.b_navtit a#tag_1_b3:hover { width:74px; height:30px;background-position:-130px 0;}
.b_navtit a#tag_1_b4:hover { width:51px; height:30px;background-position:-207px 0;}
.b_navtit a#tag_1_b5:hover { width:81px; height:30px;background-position:-261px 0;}
.b_navtit a#tag_1_b6:hover { width:75px; height:30px;background-position:-345px 0;}

/* treebox */
.content_section { padding:0px 20px 0;}
.toplineone { background:url(../images/across_line.jpg) no-repeat center top; width:905px; margin:0 auto; height:1%; overflow:hidden; clear:both;}
.toplinetwo { background:url(../images/3x1-line-bottom.jpg) no-repeat center top; width:905px; margin:0 auto; height:1%; overflow:hidden; clear:both;}
.toplinetree { background:url(../images/2x1-line-bottom.jpg) no-repeat center top; width:905px; margin:0 auto; height:1%; overflow:hidden; clear:both;}
.tree_borderline { background:url(../images/tree_borderline.gif) repeat-y left top;width:905px; margin:0 auto; height:1%; overflow:hidden; clear:both;}
.tree_boxbg { background:url(../images/3x1-box-bottom.jpg) no-repeat center bottom; width:905px; margin:0 auto; position:relative;}
.two_boxbg { background:url(../images/2x1-box-bottom.jpg) no-repeat center bottom; width:905px; margin:0 auto; position:relative;}
.boxouter { width:300px;*width:300px; float:left;}
	.boxouter:first-child  {border-left:medium none;float:left;}
	.boxouter h2 { padding:12px 0 0 12px; font-size:12px;color:#B8B8B8;  font-weight:normal;}
	.boxouter h3 { padding:12px 0 12px 22px; font-size:16px; color:#000; line-height:28px; font-weight:normal;}
	.boxouter p { padding:0 18px 12px 22px; line-height:22px;}
		.boxouter p img { float:left;}

.tree_boxbg .framework01 {background:url(../images/left-piece.gif) no-repeat center top;height:42px;left:274px;position:absolute;top:70px;width:28px;z-index:900;zoom:1; display:inline;}
.tree_boxbg .framework02 {background:url(../images/right-piece.gif) no-repeat center top;height:42px;left:602px;position:absolute;top:198px;width:28px;z-index:900;}

.manualbox { width:202px; border-right:1px solid #E5E5E5; float:left;}
	.manualbox h2 { padding:16px 0 12px 12px; font-size:14px; font-weight:normal;}
	.manualbox li a{ display:block; height:25px; line-height:25px; color:#5B5B5B; padding-left:6px;}
	.manualbox li a:hover{ text-decoration:none; display:block; height:25px; line-height:25px;color:#FFF; background:url(../images/manuallibg.jpg) no-repeat;}
	.manualbox li.current a { color:#FFF; background:url(../images/manuallibg.jpg) no-repeat;}

.con_row_one {float:left; padding-left:22px; height:1%; overflow:hidden; width:664px; margin-top:24px;}
.softwarelist { clear:both; padding-bottom:24px; line-height:20px;}
	.softwarelist h2{ height:24px; line-height:24px; margin-bottom:6px; font-size:16px; font-weight:400; color:#333;}
	.softwarelist p { clear:both; height:1%; overflow:hidden;line-height:22px;}
		.softwarelist p span { display:block; margin-top:12px;}
	.softwarelist .right { float:right; margin-left:30px; _margin-right:15px;}
	.softwarelist .left { float:left; margin-right:30px; _margin-right:15px;}
	.softwarelist img {width:150px; height:105px;}


.articlelistline { background:url(../images/across_line.jpg) no-repeat left top; padding:18px 0;}
.articlelist { background:url(../images/articlelibg.jpg) no-repeat 0 106px; padding:18px 0;}
	.articlelist ul{ background:url(../images/erectline.gif) repeat-y 432px top;  height:1%; overflow: hidden;}
		.articlelist li { float:left; width:47%; padding-bottom:6px; margin-right:24px; line-height:20px; text-align:left;}
			.articlelist li h3 { font-size:16px; font-weight:normal; line-height:24px; color:#B7B7B7;}
				.articlelist li h3 a { color:#B7B7B7;}
			.articlelist li p { font-size:13px;}

/*links*/
.box_bottombg {background:url(../images/bkg-footer.png) no-repeat center bottom; width:945px;_background-image: none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bkg-footer.png',sizingMethod='scale'); padding-bottom:20px;}

.links {clear:both; padding:0px 0 0 20px;}
	.links h2 { background:url(../images/across_line.jpg) no-repeat left top; color:#999; text-align:left; font-size:14px; font-weight:700; padding:18px 0 8px;}
	.links ul{overflow:hidden;zoom:1;padding:0 0 10px;}
	.links li{list-style:none;float:left; white-space:nowrap;margin-right:15px;height:23px;line-height:23px;color:#999;}
		.links li a { color:#999; text-decoration:none;}
		.links li a:hover { text-decoration:underline;}

/*footer*/
#footer{margin:10px 0;background: no-repeat 100% 50%; line-height:20px; color:#666;}
.sub_link{margin-left:-10px;}
.sub_link a{padding:0 10px; color:#666; text-decoration:none;}
.sub_link a:hover { text-decoration:underline;}
#footer p a{ color:#666; text-decoration:none;}
#footer p a:hover { text-decoration:underline;}

/*list banner*/
.bannertwo {height:233px;padding:36px 0 0 93px;}

.address { border-bottom:1px solid #EAEAE8; line-height:30px; margin:0 0px 6px 0px; padding-left:12px;}
.address a {color:#4B4B4B;}

.list,.inner{overflow:hidden;zoom:1;margin:0 auto; width:910px;}
	.list dl{background:url(../images/dot.gif) repeat-x 0 100%;color:#0A3804; padding:20px 20px;}
		.list dl .imgleft { width:190px; display:block; float:left; text-align:center;}
		.list dl .imgright { width:190px; display:block; float:right; text-align:center;}
		.list dl .imgleft img{float:left;width:151px; height:107px;}
		.list dl .imgright img{float:right;width:151px; height:107px;}
		.list dt{font-weight:700;font-size:14px;padding-bottom:4px;color:#004673;}
			.list dt a{color:#4B4B4B; font-weight:normal;}
		.list dd { line-height:190%;color:#4B4B4B; }
		.list dd.list_info{color:#797979;padding-bottom:4px;}
		.list dd .date,.list dd .author { color:#1E85BE; margin-right:6px;}
		
.pages{padding:28px 0;text-align:center;font-size:14px; font-family:ËÎÌå;}
		.pages a:link,.pages a:visited{padding:2px 6px;background:#F2F2F2;margin-right:4px;color:#000;}
		.pages a:hover,.pages a:active,.pages a.current,.pages a.current:visited{background:#387FAB;color:#FFF;}

.con_row_two { margin-bottom:20px;}
.con_row_two ul { background:url(../images/dotsuline.gif) repeat-y center top; height:1%; overflow:hidden;}
	.con_row_two li .conspace { padding: 0 12px;}
	.con_row_two li{ float:left; width:50%;}
		.con_row_two li h3 a { font-size:14px; line-height:24px;color:#b9b8b8; font-weight:normal;}
		.con_row_two li .img_r { float:right; margin-left:12px;}
		.con_row_two li img { height:107px; width:150px;}
		.con_row_two li p { line-height:22px; font-size:14px;}
		.con_row_two li .date,.con_row_two li .author { color:#1E85BE; margin-right:6px;line-height:26px;}
		.con_row_two li .more a {color:#1E85BE; text-decoration:underline;line-height:26px;}
	
.sidebox { width:195px; float:left; padding:0 20px;}
.columnlist { border-top:4px solid #394750; background:url(../images/leftlistboxbg.jpg) no-repeat left bottom; padding-bottom:7px; margin-bottom:6px;}
.columnlist ul { border-left:1px solid #D7D7D7;border-right:1px solid #D7D7D7; padding:10px;}
.columnlist li { line-height:24px; border-bottom:1px solid #DBDBDB;}
.columnlist li a:hover { color:#000; text-decoration:none;}

.article_con { width:684px; float:left;}
.infocon {}
.infocon h2 { border-bottom:1px solid #DBDBDB; padding-bottom:6px; font-size:16px; font-weight:normal; line-height:28px; margin-bottom:10px;}
.infocon p { text-indent:2em; line-height:20px; margin-bottom:12px;}

.sidebox .ad_l { margin-bottom:6px;}