@charset "utf-8";

.breadcrumb {
	width: 980px; height: 70px; margin: 0 auto;
}
	.breadcrumb ul {
		height: 100%;
	}
		.breadcrumb li {
			float: left;
			padding-right: 18px; margin-right: 12px;
			background: url("../images/arr-breadcrumb.png")/*tpa=https://www.china-sorsa.org/images/images/arr-breadcrumb.png*/ right center no-repeat;
			line-height: 70px;
		}
		.breadcrumb li:last-child {
			background: none;
		}
			.breadcrumb a {
				color: #444;
			}
			.breadcrumb a.current {
				color: #007fc5;
			}
			
.primary {
	width: 980px; margin: 0 auto;
}
.primary-brief {
	padding: 60px 0;
}
.primary form {
	width: 100%;
}
	.primary-content {
		position: relative;
		width: 978px; border: 1px solid #828282;
		background-color: white;
	}
		.primary-content article {
			width: 100%; padding-bottom: 2em;
		}
			.primary-content article h2 {
				border-bottom: 1px solid #828282; margin-bottom: 30px;
				color: #d41a1a;
				font-size: 26px; line-height: 60px; text-align: center;
			}
			.primary-content article p,
			.primary-content article h3{
				margin: 0 74px;
			}
			.primary-content article p {
				margin-bottom: 1em;
			}
		.primary-content .QRCode {
			position: absolute;
			right: 60px; bottom: 60px;
			font-weight: bold; text-align: center;
		}
	
	.primary-function {
		padding: 35px 0;
		text-align: center;
	}
		.primary-function .btn {
			display: inline-block;
			padding: 0 80px; border: 1px solid #97360c; margin: 0 10px;
			color: white; background-color: #e06a13;
			font-size: 26px; font-weight: bold; line-height: 50px; text-align: center;
			*display: inline; *vertical-align: middle; *zoom: 1;
		}
		.primary-function .btn-submit {
			background-color: #e03513;
		}
		.primary-function .btn-multiLine {
			font-size: 20px; line-height: 30px;
		}
		.primary-function input[type=submit] {
			display: none;
		}
		
.formStep {
	width: 600px; height: 50px; margin: 30px auto;
	color: white;
}
	.formStep li {
		float: left; position: relative;
		width: 150px; height: 8px; margin: 6px 0;
		background-color: #d2d0d0;
	}
	.formStep li:first-child {
		border-top-left-radius: 4px; border-bottom-left-radius: 4px;
	}
	.formStep li:last-child {
		border-top-right-radius: 4px; border-bottom-right-radius: 4px;
	}
	.formStep li.complete {
		background-color: #f3bb19;
	}
		.formStep li .step {
			position: absolute;
			width: 20px; height: 20px; left: 65px; top: -6px;
			background-color: #d2d0d0;
			font-weight: bold; line-height: 20px; text-align: center;
			border-radius: 10px;
		}
		.formStep li.complete .step {
			background-color: #f3bb19;
		}
		.formStep li .stepTag {
			position: absolute;
			width: 150px; height: 30px; margin-left: -75px; left: 50%; top: 14px;
			color: #9d9c9c;
			line-height: 30px; text-align: center;
		}

.form {
	clear: both; position: relative;
	padding: 0 100px;
	*zoom: 1;
}
.form-brief {
	padding: 60px 100px;
}
	.form h3 {
		border-bottom: dashed 1px #7c7c7c; margin: 0 !important; margin-top: 30px !important; margin-bottom: 20px !important;
		color: #686868;
		font-size: 18px; font-weight: normal; line-height: 40px; text-align: center;
	}
	.form-section {
		padding-top: 10px; margin-bottom: 10px; border: solid 1px #f9d670;
		background-color: #f4f4f4;
	}
		.form-row {
			clear: both;
			margin-bottom: 10px;
			*zoom: 1;
		}
		.form-row-narrow {
			padding: 0 130px;
		}
		.form-row:after {
			content: ".";
			display: block; clear: both; visibility:hidden;
			height: 0;
		}
			.form-row label {
				float: left;
				width: 200px; height: 36px; margin-right: 1em; margin-left: -50px;
				color: #686868;
				line-height: 36px; text-align: right;
			}
			.form-row label.toggle {
				width: auto; margin-right: 1.5em; margin-left: 0;
			}
				.form-row label em {
					margin-left: 0.5em;
					color: #d41a1a;
					font-size: 18px; font-style: normal; vertical-align: -6px;
				}
				.form-text {
					float: left;
					margin-right: 1em;
					line-height: 34px;
				}
				.form-input {
					float: left;
					margin-right: 1em;
				}
					.form-input .char {
						width: 230px; height: 34px; padding: 0 4px; border: 1px solid #8f8f8f;
						line-height: 32px;
					}
					.form-input .char-long {
						width: 410px;
					}
					.form-input .char-short {
						width: 170px;
					}
					.form-input .char-code {
						width: 130px;
					}
					.form-input textarea {
						width: 390px; height: 160px; padding: 0 4px; border: 1px solid #8f8f8f;
						line-height: 20px;
					}
					.form-input select {
						height: 34px; padding-left: 4px; border: 1px solid #8f8f8f;
						color: #a1a1a1;
						line-height: 32px;
					}
					.form-input .toggle {
						margin-right: 0.5em;
					}
                    .form-input .help-block {
                        margin-top: 5px;
                        margin-bottom: 10px;
                        color: #a94442;
					}
                    .has-error .char {
                      border-color: #a94442;
                      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
                              box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
                    }
                    .has-error .char:focus {
                      border-color: #843534;
                      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
                              box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
                    }

                    .has-error select {
                      border-color: #a94442;
                      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
                              box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
                    }
                    .has-error select:focus {
                      border-color: #843534;
                      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
                              box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
                    }

				.form-row .btn {
					float: left;
					width: 34px; height: 34px; margin-right: 1em;
					background-position: center; background-repeat: no-repeat; background-color: #da8810;
				}
				.form-row .btn-append {
					background-image: url("../images/icon-add.png")/*tpa=https://www.china-sorsa.org/images/images/icon-add.png*/;
				}
				.form-row .btn-remove {
					background-image: url("../images/icon-delete.png")/*tpa=https://www.china-sorsa.org/images/images/icon-delete.png*/;
				}
				.form-row .btn-verifyCode {
					width: 84px; border: solid 1px #68903a;
					color: white; background: url("../images/bg-form-btn-verifyCode.gif")/*tpa=https://www.china-sorsa.org/images/images/bg-form-btn-verifyCode.gif*/ repeat-x;
					line-height: 32px; text-align: center;
				}
				.form-row .btn-transfer {
					width: 238px; height: 34px; border: solid 1px #97360c;
					color: white; background: #e06a13;
					font-size: 16px; font-weight: bold; line-height: 32px; text-align: center;
				}
				
			.form-buttonRow {
				padding: 20px 0;
				text-align: center;
			}
				.form-buttonRow .btn {
					display: inline-block;
					width: 160px; height: 34px; border: solid 1px #cd6c07; margin: 0 1em;
					color: white; background: url("../images/bg-form-btn.gif")/*tpa=https://www.china-sorsa.org/images/images/bg-form-btn.gif*/ repeat-x;
					font-size: 16px; font-weight: bold; line-height: 32px; text-align: center;
					*display: inline; *vertical-align: middle; *zoom: 1;
				}
				.form-buttonRow .link {
					line-height: 34px; text-decoration: underline;
				}
				.form-buttonRow .link-remove {
					visibility: hidden;
				}
				
			.form-buttonRow-append {
				height: 34px; margin-bottom: 10px;
			}
				.form-buttonRow-append .btn-append {
					float: right;
					height: 34px; padding-left: 34px; padding-right: 10px;
					color: white; background: url("../images/icon-add.png")/*tpa=https://www.china-sorsa.org/images/images/icon-add.png*/ 10px center no-repeat #9b9b9b;
					font-size: 16px; line-height: 32px;
				}
.form-section .form-table {
    width:100%;
}
.form-section .form-table th{
    text-align:left;
}

	#photoUpload {
		position: absolute;
		width: 148px !important; height: 184px !important; border: 1px solid #d9d9d9; top: 0; right: 130px;
		/*background: url(../images/bg-photoUpload.gif) no-repeat;*/
	}
		/*#photoUpload input {
			display: none;
		}*/
		#photoUpload .swfupload {
			position: absolute;
			width: 104px !important; height: 34px !important; margin-left: -51px; left: 50%; bottom: 10px;
		}
		#photoUpload-button {
			position: absolute;
			width: 102px !important; height: 32px !important; margin-left: -51px; border: 1px solid #deb953; left: 50%; bottom: 10px;
			color: #d4721a; background-color: #ffe9ac;
			font-size: 16px; font-weight: normal !important; line-height: 30px; text-align: center !important; text-indent: 0 !important;
			cursor: pointer;
		}
		#photoUpload-queue {
			position: absolute;
			width: 300px; top: 194px; right: 130px;
		}