@charset "utf-8";
/* CSS Document */
div,p,h,td,a,span{ font-size:12px;}
.clear{ clear:both;}
.error{ color:#F00;}


.main{
	width:732px;
}
.main .step{ width:690px; height:65px; display:block;}
.main .step1{
	width:732px;
	height:65px;
	display:block;
	background-color: #FFFFFF;
	background-image: url(../images/step1.jpg);
	background-repeat: no-repeat;
}
.main .step2{ width:732px; height:65px; display:block; background:url(../images/step2.jpg) no-repeat;background-color: #FFFFFF;}
.main .step3{ width:732px; height:65px; display:block; background:url(../images/step3.jpg) no-repeat;background-color: #FFFFFF;}

.main .subtitle{ font-size:16px; line-height:60px; text-align:center; font-weight:bold;}
.main .brief{
	color:#FF0000;
	display:none;
	margin-bottom: 20px;
	line-height: 22px;
	text-align: center;
}
.main .text{ line-height:25px; height:25px; border:1px solid #dedede; width:240px; padding:0px 5px;}
.main .select{line-height:25px; height:25px; border:1px solid #dedede; padding:3px 2px;}
.main .select option{line-height:25px; height:25px;}
.onload{background:url(../images/onload.gif) no-repeat; display:block;}

.main td .btn{
	display: inline-block;
	background-color:#ff8f00;
	border-radius:5px;
	height:28px;
	line-height:28px;
	width:120px;
	text-align:center;
	font-size:15px;
	font-weight:bold;
	border:0px;
	color:#FFF;
	cursor: pointer;
}

.main .box{ border:1px solid #bbbbbb; display:none;}
.main #box1{ display:block;}
.main .box .boxes{display:block;border-bottom:1px solid #bbbbbb;}
.main .box .boxes .left{ width:512px; height:400px; display: inline-block; overflow: hidden; float:left;border-right:1px solid #bbbbbb; background:url(../images/k.jpg) repeat;}
.main .box .boxes .left .showpic{ width:512px; display:none; position:absolute;}
.main .box .boxes .right{ width:210px; height:400px; display:block; float:right;}
.main .box .boxes .right .note{
	line-height:22px;
	text-align: left;
}
.main .box .boxes .right .btnbox{
	position:relative;
	text-align: left;
}
.main .box .boxes .right .btnbox .span{ position:absolute; top:0px; right:5px; line-height:26px; color:#ec8400; font-size:14px; font-weight:bold;}
.main .box .boxes .right .btnbox input{
	display: block;
	width: 124px;
	float: left;
}
.main .box .boxes .right .btnbox .btn{background:url(../images/up_btn.jpg) no-repeat; width:124px; height:24px; display:none;}
.main .box .boxes .right .smallbox{ position:relative;}
.main .box .boxes .right .smallbox .uploadifyQueue{ margin-top:10px; color:#F00; font-size:12px;}
.main .box .boxes .right .smallbox .img{width:200px;height:128px;overflow:hidden; margin-top:10px;border:1px solid #dedede; position:relative;}
.main .box .boxes .right .smallbox .img .loading{background:url(../images/loading.gif) center no-repeat;width:200px;height:128px; display:none; position:absolute; top:0px; left:0px;}
.main .box .boxes .right .smallbox .img img{ display:none; }
.main .box .boxes .right .smallbox .btn{ padding:5px;}
.main .box .boxes .right .smallbox .btn input{ background:url(../images/cut.jpg) no-repeat; width:113px; height:24px; border:0px; cursor:pointer; display:none;}
.main .box .boxes .right .smallbox .btn .status{ display:block; height:20px; width:20px; padding:5px 10px; display:none;}
.main .box .boxes .right .smallbox .btn .msg{display:block; height:22px; padding:5px 10px; line-height:22px; color:#00F; font-size:13px; font-weight:bold;}
.main .box .boxes .right .smallbox .btn .error{display:block; height:22px; padding:5px 10px; line-height:22px; color:#F00; font-size:13px; font-weight:bold;}
