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

a.help00:link,a.help00:visited,a.help00:active {color: #2628A8; text-decoration: none;}
a.help00:hover {text-decoration: none; color: #FF0000;}
a.black:link, a.black:visited{ color: #000; text-decoration: none; }
a.black:hover,a.black:active { color: #ff0000  ; text-decoration: none; }
body { background-color: #FFFFFF; margin: 0 auto 0 auto; }
.bodyTop { font-size: 10px; height: 10px; line-height: 10px; }
#topNav { float:right; height: 49px; margin-top:16px; text-align: right; width: 630px; }
#topNavLeft { float: left; height: 48px; line-height:24px; width: 360px;}
#topNavRight { float: right; height: 39px; padding-top: 0px; text-align: center; vertical-align: middle; width: 139px; }
.goIndexT {height:28px; font-size:0; line-height:0; clear:both; overflow:hidden;}
.goIndex { float: left; height: 55px; text-align: left; width: 110px; }
.goIndex a{ display:block; height: 30px; width: 110px;}
#header { background: url(header.gif) no-repeat bottom; height: 98px; margin-bottom: 0; margin-left:auto; margin-right:auto; padding-bottom: 0; width: 730px; padding:0 20px;}

#headerbjP{height:98px; width: 100%; padding:0; margin:0; }

#logo { float: left; height: 75px; width: 96px; }
#logo a{ display:block;height: 75px; width: 96px;}
#wrapper{ text-align: left; margin: 0 auto; width: 750px; }
#content { width:750px; }

/*category*/
.contentRight{ width:750px;}
/*left*/
.catalog{}
.catalog .help{ background:url(help.gif) no-repeat; height:60px; margin:10px 0;}
.catalog .help a{ height:60px; display:block; width:171px;}
.catalog dl{ margin:0; padding:0; margin-left:2px; display:block;}
.catalog dt{ height:29px; margin:10px 0; display:block;}
.catalog dt.show{ background:url(show.gif) no-repeat; }
.catalog dt.answer{ background:url(answer.gif) no-repeat;}
.catalog dd{ margin-left:0px;padding-left:22px; height:28px; line-height:28px; background:url(arrow_gray.gif) no-repeat 10px; border-bottom:#bebebe 1px dotted;}
.catalog dd.now{margin-left:0px;padding-left:22px; background:url(now_li.gif) no-repeat left; width:146px;}
.catalog dd.now a,.catalog dd.now2 a{ font-weight:bold;}
.catalog dd.now2{margin-left:0px;padding-left:22px; background:url(now_li2.gif) no-repeat left; width:146px;}
/*right*/
.breadline{ height:28px; line-height:28px; padding-left:10px; border-bottom:#BEBEBE 2px solid;}
.breadline span{ font-weight:bold;}

.breadcon{ font-size:12px; padding:10px;}


.demoStep{ margin-top:10px; height:30px;clear:right;}
.demoStep ol{ margin:0; padding:0;}
.demoStep li{ list-style-type:none; float:left; width:51px; height:30px; padding-right:9px;}
.demoStep li.sh1{ background:url(1.gif) no-repeat left;}
.demoStep li.sh2{ background:url(2.gif) no-repeat left;}
.demoStep li.sh3{ background:url(3.gif) no-repeat left;}
.demoStep li.sh4{ background:url(4.gif) no-repeat left;}
.demoStep li.sh5{ background:url(5.gif) no-repeat left;}
.demoStep li.sh6{ background:url(6.gif) no-repeat left;}
.demoStep li.sh7{ background:url(7.gif) no-repeat left;}
.demoStep li.sh8{ background:url(8.gif) no-repeat left;}
.demoStep li.sh9{ background:url(9.gif) no-repeat left;}
.demoStep li.sh10{ background:url(10.gif) no-repeat left;}
.demoStep li.sh11{ background:url(11.gif) no-repeat left;}
.demoStep li.sh12{ background:url(12.gif) no-repeat left;}
.demoStep li.sh13{ background:url(13.gif) no-repeat left;}
.demoStep li.sh14{ background:url(14.gif) no-repeat left;}


.demoStep li a{ display:block; width:60px; height:30px;}
.demoStep li.sh1 a{ background:url(h1.gif) no-repeat;}
.demoStep li.sh2 a{ background:url(h2.gif) no-repeat;}
.demoStep li.sh3 a{ background:url(h3.gif) no-repeat;}
.demoStep li.sh4 a{ background:url(h4.gif) no-repeat;}
.demoStep li.sh5 a{ background:url(h5.gif) no-repeat;}
.demoStep li.sh6 a{ background:url(h6.gif) no-repeat;}
.demoStep li.sh7 a{ background:url(h7.gif) no-repeat;}
.demoStep li.sh8 a{ background:url(h8.gif) no-repeat;}
.demoStep li.sh9 a{ background:url(h9.gif) no-repeat;}
.demoStep li.sh10 a{ background:url(h10.gif) no-repeat;}
.demoStep li.sh11 a{ background:url(h11.gif) no-repeat;}
.demoStep li.sh12 a{ background:url(h12.gif) no-repeat;}
.demoStep li.sh13 a{ background:url(h13.gif) no-repeat;}
.demoStep li.sh14 a{ background:url(h14.gif) no-repeat;}
.demoStep li.last a{ width:51px; }
.demoStep li.last{ padding-right:0; }

.demoStep li span{ float:right; display:block; background:url(seedemo.gif) no-repeat; height:18px; width:100px; margin-top:1px; cursor:pointer;}


.demoTitleP{ background:url(demoP.gif) no-repeat; height:31px; margin-top:2px; color:#fff; line-height:31px; padding-left:22px;}
.demoGifP{ border:#FFB418 5px solid; border-top:0; padding:0px; width:740px; font-size:12px; text-align:center;}
.demoGifP img{ overflow:hidden; max-width:740px;}


.line2-1{ background: url(2-1bg.gif) repeat-x bottom; margin-top:20px; font-size:1px; height:2px;}