#mainContent{ padding: 5px;  }
p{ margin:2px 0px 1px; }
#step1,#step2,#step3{ color:#222; background:#f8e2d4; padding: 5px; }
#step1 input,#step2 input,#step3 input{ vertical-align:middle; }
#step1 a,#step2 a,#step3 a{ color:#0000ff; text-decoration:none; }
#step1 form,#step2 form,#step3 form{ margin:0px; padding:0px; }

b.rtop, b.rbottom{display:block;background-color: #FFFFFF}
.step1_r b.rtop, .step1_r b.rbottom{display:block;background-color: #e8e8e8}
.step1_r b.rtop b, .step1_r b.rbottom b{display:block;height: 1px;overflow: hidden; background-color: #f99f6b}
.step1_out_o b.rtop b,.step1_out_o b.rbottom b{display:block;height: 1px;overflow: hidden; background-color: #e8e8e8}
.step2_r b.rtop b, .step2_r b.rbottom b{display:block;height: 1px;overflow: hidden; background-color: #f8e2d4}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}

/*
*Step1 CSS
*/
#step1_main{ margin:8px 0px 57px; }
#step1_out{ padding:3px 7px 3px;  background:#e8e8e8; }
#step1,.step1_r{ background:#f99f6b; }
#step1 #defaultImage{ height:330px; color:#fff; text-align:left; }
#step1 #defaultImage img{ border:1px solid #f99f6b; margin:0px 3px 5px 0px; width:70px; background: #fff; cursor: pointer; }
#step1 #defaultImage img:hover{ border:1px solid #ff0000; }
#step1 fieldset{ border-top:3px solid #fff; border-left:none; border-right:none; border-bottom:none; }
#step1 legend{ color:#fff; padding:3px 7px 2px; text-align:center; }
#step1 #upload{ position:absolute; margin-left:460px; margin-top:342px; }
#step1 #upload_file{ height:19px; cursor:pointer; }
#step1 .per{ cursor:pointer; }
#step1 #pre_cell_a, #step1 #next_cell_a{ border:none; cursor: pointer; }
#step1 .loading{ text-align: center; padding-top: 30px; height: 300px; }


/*
*step2 css
*/
#step2_main{ margin:7px 0px 17px; }
#step2 #masked_image .ul1 img{ border: none; }
#step2 #masked_image img.maskimg{ border:none; width: 120px; cursor:pointer; }
#masked_image{ background:url(./image/comice_bg.jpg) repeat-x top center; text-align:left; float:left; color:#fff; height:560px; }
#masked_image .ul1{ padding:0px; margin:5px 0px 5px; }
#masked_image .ul1 li{ margin:2px 3px 2px; }
#masked_image .ul1 li.tt{  font-weight: 900; font-size: 1.3em; margin-top: 10px; list-style: inside url(./image/ttli.gif); font-family: Georgia,'Times New Roman',times,serif; vertical-align: middle; }
#masked_image .ul1 li.tt a{ color: #fff; }
#masked_image .ul1 li.back{ list-style: inside none; }
#masked_image .ul2{ padding:0px; margin:0px; list-style: inside url(./image/li.gif); }
#masked_image .ul2 li{  margin:2px 3px 2px 7px;  padding: 0px; }
#masked_image .ul2 li a{ font-size: 1.0em; font-family: Arial,Helvetica,sans-serif;  color: #fff; }
#masked_image .loading img{ width: 165px; }
#masked_image .item{  margin:0px 30px 0px; }
#masked_image .item img{ width:80px; border:0; }
#masked_image .item img:hover{ border:0; }
#masked_image .item img.loading{ width:auto; }

#masked_image_left{ width:33px; height:560px; float:left;  background:url(./image/comice_left_bg.jpg) no-repeat top left; }
#comice{ margin:9px 0px 9px 9px; overflow-y:auto; overflow-x:hidden; height:530px; width:180px; }
#path a:hover,#comice a:hover{ text-decoration:underline; }
#comice img{ margin:5px 0px 5px; }
#masked_image_right{ width:7px; height:560px; float:left; background:url(./image/comice_right_bg.jpg) no-repeat top left; }
#path{ color:#fff;   }
#path a{ color:#fff; }
#path_1{ background:url(./image/path_l_b.gif) no-repeat top left; }
#path_2{ background:url(./image/path_b.gif) repeat-x top left; width:300px; padding:12px 0px 12px; }
#path_3{ background:url(./image/path_r.gif) no-repeat top left; }
#rolate_product_main .top{ width:204px; height:4px; background:url(./image/pro_t.jpg) no-repeat top center; }
#rolate_product_main .bottom{ width:204px; height:4px; background:url(./image/pro_b.jpg) no-repeat top center; }
#rolate_product_main{ background:url(./image/pro.jpg) repeat-y top center; }
#rolate_product{ font-size:9px; width:204px; }
#rolate_product a:hover{ color:#000; text-decoration:underline; }
#rolate_product img{ border:0px; width:65px; }
#rolate_product img.b_r{ width:auto; height:auto; }
#rolate_product img:hover{ border:0px; }
#rolate_product img.loading{ width:auto; }
#rolate_product a{ color:#333; }
#rolate_product .price{ color:#aa0000; }

#swfDiv_main{ margin:7px; padding:8px; background:#fabd8e; width:410px; }
#swfDiv{
    width:380px;
    height:380px;
    padding:15px;
    background:#fff;
}
#back_link a{
    color:#333;
    font-size:15px;
}
#back_link a:hover{
    color:#000000;
}
#lastupdate{
    color:#000;
}
#lastupdate a:hover{
    text-decoration:underline;
    color:blue;
}
#lastupdate .show{
    position:absolute;
    margin-left:30px;
    margin-top:50px;
    text-align:center;
}
#backpre a{
    color:#333;
    text-decoration: none;
    font-size:15px;
    font-weight:800;
    margin-top:7px;
    margin-left:50px;
}

#submit_p{
    position:absolute;
    margin-left:392px;
    margin-top:-38px;
}

#relate_pro{
    position:absolute;
    margin-top:-50px;
    margin-left:-30px;
}
#submit_p img{
    border:0px;
}

/* step3 CSS */
#step3 h3{
    font-size:17px;
    margin:7px 0px 7px;
}
#step3 p{
    margin:5px 3px 7px;
}