/* ----------------------------------------------- Author: Jiang Jichao (infostorm@163.com) Version: 2008.05.28 ----------------------------------------------- */ /* Header ----------------------------------------------- */ #header{ width:950px; height:90px; margin:0 auto;} #logo,#name{ float:left; width:250px; height:66px; margin:12px 0;} #name{ padding-left:20px; width:330px;} #name .title{ font:400 20px/40px "黑体"; color:#666;} #navTel{ float:right; width:240px; height:66px; margin:12px 0; text-align:right;} #navTel #hotTel{ background:url(../images/ico1.jpg) no-repeat left center;} /* State ----------------------------------------------- */ #state{ width:850px; height:40px; margin:0 auto; padding:0 50px; border-top:3px solid #f50; font:600 14px/40px "宋体"; color:#f60;} #state span{ color:#f00;} .stateBg{ background:#eee url(../images/state_bg.jpg) no-repeat right top;} .step1{ background:url(../images/current1.jpg) no-repeat 77px -1px;} .step2{ background:url(../images/current1.jpg) no-repeat 215px -1px; width:600px; float:left;} .step2R{ width:100px; float:right; font:100 12px/40px "宋体"; color:#333; text-align:right;} .step3{ background:url(../images/current2.jpg) no-repeat 348px -1px; width:600px; float:left;} .step4{ background:url(../images/current2.jpg) no-repeat 452px -1px; width:600px; float:left;} /* Body ----------------------------------------------- */ /* index.asp 登录首页 ----------------------------------------------- */ #loginRegister{ width:730px; margin:0 auto;} #login{ float:left; width:350px;} #login .head{ height:70px; background:url(../images/login_title.jpg) no-repeat;} #login .body{ height:150px; padding:15px 35px; background:url(../images/login_bg.jpg) repeat-y;} #login label{ height:32px; font:600 14px/32px "宋体"; display:block;} #login a,#register a{ height:32px; font:100 12px/32px "宋体"; margin-left:5px; color:#666;} #login a:hover,#register a:hover{ height:32px; font:100 12px/32px "宋体"; margin-left:5px; color:#f60; text-decoration:underline;} #login .buttonText,#register .buttonText{ padding:10px 0;} #login .button,#register .button{ float:left; width:49%; text-align:right;} #login .foot{ height:4px; background:url(../images/login_bottom.jpg) no-repeat; overflow:hidden;} #register{ float:right; width:350px;} #register .head{ height:70px; background:url(../images/reg_title.jpg) no-repeat;} #register .body{ height:150px; padding:15px; background:url(../images/reg_bg.jpg) repeat-y;} #register span{ display:block;} #register .one,.two,.three,.four{ float:left; width:90px; padding:6px 9px 6px 60px; height:36px; text-align:left;} #register .one{ background:url(../images/ico3.jpg) no-repeat 20px center; border-right:1px solid #ddd; border-bottom:1px solid #ddd;} #register .two{ background:url(../images/ico2.jpg) no-repeat 20px center; border-bottom:1px solid #ddd;} #register .three{ background:url(../images/ico4.jpg) no-repeat 20px center; border-right:1px solid #ddd;} #register .four{ background:url(../images/ico5.jpg) no-repeat 20px center;} #register .foot{ height:4px; background:url(../images/reg_bottom.jpg) no-repeat; overflow:hidden;} /* member_type.asp 选择会员类型 ----------------------------------------------- */ #bodyStep1{ width:800px; margin:0 auto; background-color:#f8f8f8; padding:30px 75px;}/* Moz */ * html #bodyStep1{ padding:30px 75px 0;}/* IE6 */ *+html #bodyStep1{ padding:30px 75px 0;}/* IE7 */ #bodyStep1L,#bodyStep1C{ width:267px; min-height:350px; height:auto !important; height:350px; float:left; background:url(../images/line.jpg) no-repeat right center;} #bodyStep1R{ width:266px; min-height:350px; height:auto !important; height:350px; float:left;} .currente,.back{ width:240px; margin:0 auto;} .currente .head{ height:4px; background:url(../images/bgt.jpg) no-repeat; overflow:hidden;} .currente .body,.back .body{ padding:15px; background:url(../images/bgc.jpg) repeat-y;} .currente label,.back label{ font:600 14px/24px "宋体"; color:#f00;} .currente ul,.back ul{ margin:10px 0;} .currente ul li,.back ul li{ line-height:24px; font-size:14px;} .currente .button{ height:60px; background:url(../images/button_on_bg.jpg) no-repeat center bottom; text-align:center;} .currente .foot{ height:4px; background:url(../images/bgb.jpg) no-repeat; overflow:hidden;} .back .body{ margin:4px 0; background:none;} .back label{ color:#666;} .back ul li{ color:#666;} .back .button{ height:60px; background:url(../images/button_no_bg.jpg) no-repeat center bottom; text-align:center;} #bodyStep1{ width:800px; margin:0 auto; background-color:#f8f8f8; padding:30px 75px;}/* Moz */ * html #bodyStep1{ padding:30px 75px 0;}/* IE6 */ *+html #bodyStep1{ padding:30px 75px 0;}/* IE7 */ #bodyStep1L,#bodyStep1C{ width:267px; min-height:350px; height:auto !important; height:350px; float:left; background:url(../images/line.jpg) no-repeat right center;} #bodyStep1R{ width:266px; min-height:350px; height:auto !important; height:350px; float:left;} .currente,.back1,.back2{ width:240px; margin:0 auto;} .currente .head{ height:4px; background:url(../images/bgt.jpg) no-repeat; overflow:hidden;} .currente .body,.back1 .body,.back2 .body{ padding:15px; background:url(../images/bgc.jpg) repeat-y;} .currente label,.back1 label,.back2 label{ font:600 14px/24px "宋体"; color:#f00;} .currente ul,.back1 ul,.back2 ul{ margin:10px 0;} .currente ul li,.back1 ul li,.back2 ul li{ line-height:24px; font-size:14px;} .currente .button{ height:60px; background:url(../images/button_on_bg.jpg) no-repeat center bottom; text-align:center;} .currente .foot{ height:4px; background:url(../images/bgb.jpg) no-repeat; overflow:hidden;} .back1 .body,.back2 .body{ margin:4px 0; background:none;} .back1 label,.back2 label{ color:#666;} .back1 ul li,.back2 ul li{ color:#666;} .back1 .button,.back2 .button{ height:60px; background:url(../images/button_no_bg.jpg) no-repeat center bottom; text-align:center;} /* register.asp 填写注册信息 ----------------------------------------------- */ /*#bodyStep2{ position:relative; width:790px; left:50%; margin-left:-395px;}/* 其实这种效果更好 */ #bodyStep2{ width:790px; margin:20px auto;} #bodyStep2 h3{ padding-top:5px; border-bottom:1px solid #666; font:600 14px/20px "宋体"; color:#666; text-align:right;} #bodyStep2 fieldset{ border:solid 0 transparent; display:inline; margin:0; padding:0;} #bodyStep2 legend{ text-indent:-1000em;} #bodyStep2 label{ float:left; width:12em; text-align:right; font:600 12px/25px "宋体";} #bodyStep2 div{ clear:left; padding:3px 0; background:#fff;} #bodyStep2 .warning{ clear:left; padding:3px 0; background:#ffffd1;} #bodyStep2 .wrong{ color:#f30101;} #bodyStep2 .right{ color:#338f21;} #bodyStep2 .help{ color:#238cee;} #bodyStep2 #sell_label,#bodyStep2 #stock_label{ float:none; margin-left:20px; font-weight:100; text-align:right;} #bodyStep2 .label{ float:none; text-align:left; width:auto; font-weight:100;} #bodyStep2 .no{ color:#999;} #bodyStep2 .disabled{ background-color:#ddd; border-top:2px solid #aaa; border-left:2px solid #aaa;} #bodyStep2 .button{ font-size:14px; height:30px; width:250px;} /* email_check.asp 邮箱验证 ----------------------------------------------- */ /* #bodyStep3 input[type="text"]{ width:20em;}*/ /* #bodyStep3 input.submit{ width:auto;}*/ #bodyStep3,#bodyStep4{ width:790px; margin:20px auto;} #bodyStep3 #title{ background:url(../images/email_ico.jpg) no-repeat 0 center; width:490px; height:90px; margin:0 auto; padding-left:100px; font:600 28px/90px "黑体"; color:#ff6904;} #bodyStep3 .content,#bodyStep4 .content{ width:630px; margin:0 auto; font-size:14px; line-height:30px;} /* done.asp 注册成功 ----------------------------------------------- */ #bodyStep4 #title{ background:url(../images/done_ico.jpg) no-repeat 0 center; width:320px; height:90px; margin:0 auto; padding-left:80px; font:600 28px/90px "黑体"; color:#ff6904;} #bodyStep4 li{ float:left;} #bodyStep4 textarea{ width:300px; height:100px;} #bodyStep4 .content{ width:650px; margin:0 auto;} #bodyStep4 label{ float:left; width:6em; text-align:right; font:100 12px/25px "宋体";} #bodyStep4 .div{ padding:3px 0; background:#fff;} #bodyStep4 .div2{ float:left; width:385px;} #bodyStep4 .help{ color:#238cee; width:250px; float:right; font:100 12px/20px "宋体";} /* Footer ----------------------------------------------- */ #copyright{width:100%;margin-top:6px;border-top:3px solid #f50;} #copyright .copyright_tit{width:950px;text-align:center;padding:10px 0;margin:0 auto;} #copyright .copyright_tit a{color:#000;} #copyright .copyright_cnt{text-align:center;margin:0 auto;padding-top:10px;width:900px;border-top:1px solid #CCC;} /* 公共布局 ----------------------------------------------- */ .clear{ clear:both;} .center{ text-align:center;} .right{ text-align:right;} em{ margin:0 3px; color:#f60; font-style:normal; font-size:12px;}