/*
 * sc_order
 */
.ji {
margin:10px 0 10px 50px;
padding:0;
}
/*
 * steps
 */
.ji .step {
margin:5px 0 15px 0;
width:100%;
}
.ji .step .title {
font-size:1.6em;
font-weight:bold;
padding:10px 0;
}
.ji .step .title span {
color:#82000B;
padding:0 0 0 20px;
}
.ji .step .name {
font-weight:bold;
}
/*
 * step #1
 */
.ji .step1 .name input {
margin:0 30px 0 0;
padding:0;
}
.ji .step1 .name label span {
color:black;
padding:0 0 0 20px;
}
.ji .step1 .name label span.pc {
color:#81010A;
}
.ji .step1 .name label span.mac {
color:#3B7EF6;
}
.ji .step1 .price_old {
font-weight:bold;
padding:0;
text-align:right;
width:70px;
}
.ji .step1 .price_old label {
text-decoration:line-through;
}
.ji .step1 .price {
color:red;
font-weight:bold;
padding:0;
text-align:right;
width:70px;
}
.ji .step .logos {
padding:0 0 0 6px;
text-align:left;
width:50px;
height:25px;
}
.ji .step .logos img {
position:relative;
top:-2px;
}
/*
 * step #2
 */
.ji .step2 input {
margin:0 30px 0 0;
padding:0;
}
.ji .step2 label {
font-weight:bold;
}
.ji .step2 a {
font-weight:bold;
color:black;
font-size:0.9em;
margin:0 35px 0 0;

}
.ji .step2 .price {
font-weight:bold;
padding:0;
text-align:right;
width:70px;
}
.ji .step2 .old {
color:black;
}
.ji .step2 .old label {
text-decoration:line-through;
}
.ji .step2 .new {
color:red;
}
.ji .step2 .shipping {
font-weight:bold;
padding:0 0 0 48px;
text-align:left;
}
.ji .step2 .shipping select {
width:200px;
}
.ji .step2 .total {
color:red;
font-size:15pt;
font-weight:bold;
}
.ji .step2 .without_js {
color:green;
font-size:10pt;
padding:0 30px 0 0;
}
.ji .step2 .total div {
border:1px solid red;
left:-15px;
padding:12px 0;
position:relative;
text-align:center;
}
.i_content p {
font-size:11pt;
}
/*
 * step #3
 */
.ji .step3 select {
width:300px;
}
/*
 * step #4
 */
.ji .step4 .pm {
border:1px solid #82000B;
font-weight:normal;
padding:5px;
}
.ji .step4 .order_now {
border:0 none;
font-size:1.1em;
font-weight:bold;
width:130px;
}
.ji .step4 .order_now input {
display:block;
background-color:#E8E8E8;
border:3px solid red;
padding:4px;
width:98px;
}
.ji .step4 .img {
background-position:50% 50%;
background-repeat:no-repeat;
float:left;
height:115px;
width:110px;
}
.ji .step4 .cc {
background-image:url("/application/img/frontend/sc/online_cc.png");
}
.ji .step4 .pp {
background-image:url("/application/img/frontend/sc/online_pp.png");
}
.ji .step4 .ph {
background-image:url("/application/img/frontend/sc/phone_order.png");
}
.ji .step4 .ml {
background-image:url("/application/img/frontend/sc/mail_order.png");
}
.ji .step4 .fax {
background-image:url("/application/img/frontend/sc/fax_order.png");
}
.ji .step4 .shang {
color:blue;
font-size:1.2em;
font-weight:bold;
}