@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;}

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: 730px; }
#topNavLeft { float: left; height: 48px; line-height:24px; width: 480px;}
#topNavRight { float: right; height: 39px; padding-top: 9px; text-align: right; vertical-align: middle; width: 139px; }
.goIndexT {height:28px; font-size:0; line-height:0; clear:both; overflow:hidden;}
.goIndex { float: left; height: 49px; text-align: left; width: 110px; background:url(/seashell/static/img/help/demo_logo.gif) bottom no-repeat;}
.goIndex a{ display:block; width:110px; height:20px; }
#header {height: 85px; margin-bottom: 0; margin-left:auto; margin-right:auto; padding-bottom: 0; width: 830px; padding:0 20px;}

#headerbjP{ background: url(/seashell/static/img/common/special_bg.gif) repeat-x bottom; height:85px; width: 100%; padding:0; margin:0; }

#logo { background:#FFFFFF url(/seashell/static/img/common/99bill_logo2.gif) no-repeat; float: left; height: 65px; width: 96px; }
/*节日logo替换时使用#logo a{ height: 65px; width: 96px; display:block;}*/
#wrapper{ text-align: left; margin: 0 auto; width: 950px; }
#content { width:950px; }

/*category*/
.category{background:url(/seashell/static/img/help/content_bg.gif) no-repeat; background-position:182px 0;}
.contentLeft{ float:left; width:172px; font-size:12px;}
.contentRight{ width:758px; float:right;}
/*left*/
.changehelp{ background:url(/seashell/static/img/help/change.gif) no-repeat; line-height:29px; padding-left:38px; margin-bottom:5px;}
.personal{ background:url(/seashell/static/img/help/personal.gif) no-repeat; height:29px;}
.corp{ background:url(/seashell/static/img/help/corp.gif) no-repeat; height:29px;}
.catalog{}
.catalog dl{ margin:0; padding:0; margin-left:2px; display:inline;}
.catalog dt{ font-size:14px; font-weight:bold;}
.catalog dt a{ background:url(/seashell/static/img/help/plus.gif) no-repeat left; display:block; border-bottom:#bebebe 1px dashed; padding-left:22px; height:30px; line-height:29px;}
.catalog dt a.now{ background:url(/seashell/static/img/help/decrease.gif) no-repeat left; padding-left:22px; border-bottom:0px; height:30px; line-height:29px;}
.catalog dd{ margin-left:10px;padding-left:12px; line-height:22px; background:url(/seashell/static/img/help/arrow_gray.gif) no-repeat left; }
.catalog dd a:link,.catalog dd a:visited{ color:#666;}
.catalog dd.now{margin-left:0px;padding-left:22px; background:url(/seashell/static/img/help/now_li.gif) no-repeat left top; width:146px;}
.catalog dd.now a{ font-weight:bold;}
/*custom-made*/
.catalog dd ol{ list-style:none; margin:0; padding:0;}
.catalog dd ol#ss li a{ font-weight:normal;}
.catalog dd ol#ss li a.now{ font-weight:bold;}
/*right*/
.breadline{ height:28px; line-height:28px; padding-left:10px; border-bottom:#BEBEBE 2px solid;}
.breadline span{ font-weight:bold;}
.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(/seashell/static/img/help/1.gif) no-repeat left;}
.demoStep li.sh2{ background:url(/seashell/static/img/help/2.gif) no-repeat left;}
.demoStep li.sh3{ background:url(/seashell/static/img/help/3.gif) no-repeat left;}
.demoStep li.sh4{ background:url(/seashell/static/img/help/4.gif) no-repeat left;}
.demoStep li.sh5{ background:url(/seashell/static/img/help/5.gif) no-repeat left;}
.demoStep li.sh6{ background:url(/seashell/static/img/help/6.gif) no-repeat left;}
.demoStep li.sh7{ background:url(/seashell/static/img/help/7.gif) no-repeat left;}
.demoStep li.sh8{ background:url(/seashell/static/img/help/8.gif) no-repeat left;}
.demoStep li.sh9{ background:url(/seashell/static/img/help/9.gif) no-repeat left;}
.demoStep li.sh10{ background:url(/seashell/static/img/help/10.gif) no-repeat left;}
.demoStep li.sh11{ background:url(/seashell/static/img/help/11.gif) no-repeat left;}
.demoStep li.sh12{ background:url(/seashell/static/img/help/12.gif) no-repeat left;}
.demoStep li.sh13{ background:url(/seashell/static/img/help/13.gif) no-repeat left;}
.demoStep li.sh14{ background:url(/seashell/static/img/help/14.gif) no-repeat left;}

.demoStep li.ch1{ background:url(/seashell/static/img/help/c1.gif) no-repeat left;}
.demoStep li.ch2{ background:url(/seashell/static/img/help/c2.gif) no-repeat left;}
.demoStep li.ch3{ background:url(/seashell/static/img/help/c3.gif) no-repeat left;}
.demoStep li.ch4{ background:url(/seashell/static/img/help/c4.gif) no-repeat left;}
.demoStep li.ch5{ background:url(/seashell/static/img/help/c5.gif) no-repeat left;}
.demoStep li.ch6{ background:url(/seashell/static/img/help/c6.gif) no-repeat left;}
.demoStep li.ch7{ background:url(/seashell/static/img/help/c7.gif) no-repeat left;}
.demoStep li.ch8{ background:url(/seashell/static/img/help/c8.gif) no-repeat left;}
.demoStep li.ch9{ background:url(/seashell/static/img/help/c9.gif) no-repeat left;}
.demoStep li.ch10{ background:url(/seashell/static/img/help/c10.gif) no-repeat left;}
.demoStep li.ch11{ background:url(/seashell/static/img/help/c11.gif) no-repeat left;}
.demoStep li.ch12{ background:url(/seashell/static/img/help/c12.gif) no-repeat left;}
.demoStep li.ch13{ background:url(/seashell/static/img/help/c13.gif) no-repeat left;}
.demoStep li.ch14{ background:url(/seashell/static/img/help/c14.gif) no-repeat left;}
.demoStep li.ch15{ background:url(/seashell/static/img/help/c15.gif) no-repeat left;}
.demoStep li.ch16{ background:url(/seashell/static/img/help/c16.gif) no-repeat left;}
.demoStep li.ch17{ background:url(/seashell/static/img/help/c17.gif) no-repeat left;}

.demoStep li a{ display:block; width:60px; height:30px; -margin-right:-9px;}
.demoStep li.sh1 a,.demoStep li.ch1 a{ background:url(/seashell/static/img/help/h1.gif) no-repeat;}
.demoStep li.sh2 a,.demoStep li.ch2 a{ background:url(/seashell/static/img/help/h2.gif) no-repeat;}
.demoStep li.sh3 a,.demoStep li.ch3 a{ background:url(/seashell/static/img/help/h3.gif) no-repeat;}
.demoStep li.sh4 a,.demoStep li.ch4 a{ background:url(/seashell/static/img/help/h4.gif) no-repeat;}
.demoStep li.sh5 a,.demoStep li.ch5 a{ background:url(/seashell/static/img/help/h5.gif) no-repeat;}
.demoStep li.sh6 a,.demoStep li.ch6 a{ background:url(/seashell/static/img/help/h6.gif) no-repeat;}
.demoStep li.sh7 a,.demoStep li.ch7 a{ background:url(/seashell/static/img/help/h7.gif) no-repeat;}
.demoStep li.sh8 a,.demoStep li.ch8 a{ background:url(/seashell/static/img/help/h8.gif) no-repeat;}
.demoStep li.sh9 a,.demoStep li.ch9 a{ background:url(/seashell/static/img/help/h9.gif) no-repeat;}
.demoStep li.sh10 a,.demoStep li.ch10 a{ background:url(/seashell/static/img/help/h10.gif) no-repeat;}
.demoStep li.sh11 a,.demoStep li.ch11 a{ background:url(/seashell/static/img/help/h11.gif) no-repeat;}
.demoStep li.sh12 a,.demoStep li.ch12 a{ background:url(/seashell/static/img/help/h12.gif) no-repeat;}
.demoStep li.sh13 a,.demoStep li.ch13 a{ background:url(/seashell/static/img/help/h13.gif) no-repeat;}
.demoStep li.sh14 a,.demoStep li.ch14 a{ background:url(/seashell/static/img/help/h14.gif) no-repeat;}
.demoStep li.sh15 a,.demoStep li.ch15 a{ background:url(/seashell/static/img/help/h15.gif) no-repeat;}
.demoStep li.sh16 a,.demoStep li.ch16 a{ background:url(/seashell/static/img/help/h16.gif) no-repeat;}
.demoStep li.sh17 a,.demoStep li.ch17 a{ background:url(/seashell/static/img/help/h17.gif) no-repeat;}
.demoStep li.last a{ width:51px; }
.demoStep li.last{ padding-right:0; }

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


.demoTitleP{ background:url(/seashell/static/img/help/demoPL.gif) no-repeat; height:31px; margin-top:2px; color:#fff; line-height:31px; padding-left:22px;}
.demoTitleC{ background:url(/seashell/static/img/help/demoCL.gif) no-repeat; height:31px; margin-top:2px; color:#fff; line-height:31px; padding-left:22px;}
.demoGifP,.demoGifC{ border:#FFB418 5px solid; border-top:0; padding:4px; width:740px; text-align:center}
.demoGifC{ border:#7E96CA 5px solid; }
.demoGifP a,.demoGifC a{ width:740px; display:block;}