*{padding:0; margin:0; box-sizing:border-box;}

body{
	width:100%;
	min-height:100vh;
	background:url(../Images/reg_bg.jpg) no-repeat center top;
	background-size:cover;
	background-attachment:fixed;
	font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;
}

.main{
	width:760px;
	margin:40px auto;
	padding:30px 40px 24px;
	background:rgba(255, 248, 220, 0.92);
	border:4px solid #c89316;
	border-radius:18px;
	box-shadow:0 8px 32px rgba(0,0,0,0.35);
	overflow:hidden;
}

.main::before{
	content:"百里追忆 6.0";
	display:block;
	text-align:center;
	font-size:22px;
	font-weight:800;
	color:#8b5a00;
	margin-bottom:18px;
	padding-bottom:14px;
	border-bottom:2px dashed #d8aa46;
	letter-spacing:2px;
}

.reg_form{ width:100%; overflow:hidden; }

.form-group.row.reg-row{
	height:50px;
	margin-bottom:14px;
	display:flex;
	align-items:center;
}

.form-group.row.reg-row .form-control-label{
	font-size:14px;
	color:#5d3a00;
	font-weight:600;
	text-align:right;
	padding-right:12px;
	flex:0 0 100px;
}

.form-group.row.reg-row .col-sm-7,
.form-group.row.reg-row .col-sm-4,
.form-group.row.reg-row .col-sm-10{
	flex:1;
	min-width:0;
	padding-left:0;
	padding-right:8px;
}

.form-group.row.reg-row .tips{
	flex:0 0 180px;
	color:#c0392b;
	font-size:12px;
	padding-left:10px;
}

.form-control{
	display:block;
	width:100%;
	padding:8px 12px;
	font-size:14px;
	line-height:1.4;
	color:#3d2914;
	background:#fffdf3;
	border:2px solid #d8aa46;
	border-radius:8px;
	outline:none;
	transition:border-color .2s;
}
.form-control:focus{ border-color:#8b5a00; background:#fff; }

.btn.btn-primary{
	display:inline-block;
	padding:10px 30px;
	font-size:16px;
	font-weight:700;
	color:#fff;
	background:linear-gradient(180deg,#e7af2a 0%,#c89316 100%);
	border:2px solid #8b5a00;
	border-radius:10px;
	cursor:pointer;
	width:240px;
	text-align:center;
	box-shadow:0 3px 0 #8b5a00;
	transition:all .15s;
}
.btn.btn-primary:hover{ background:linear-gradient(180deg,#f0bd35 0%,#d8aa46 100%); }
.btn.btn-primary:active{ transform:translateY(2px); box-shadow:0 1px 0 #8b5a00; }

#myTab{
	border-bottom:2px solid #d8aa46;
	margin-bottom:18px;
}
#myTab li a{
	color:#8b5a00;
	font-weight:600;
	padding:10px 22px;
	font-size:15px;
}
#myTab li.active a{
	color:#fff;
	background:#c89316;
	border-radius:6px 6px 0 0;
	border:none;
}

#myTabContent{
	padding:6px 4px;
	background:transparent;
}

.form-group.row.reg-row[style*="请牢记"]{
	color:#8b5a00 !important;
	background:#fff5d6;
	border:1px dashed #d8aa46;
	border-radius:8px;
	padding:8px 14px;
	height:auto !important;
	margin:14px 0;
	font-size:14px;
	font-weight:700;
	text-align:center;
}

.tab-pane .form-horizontal{ padding:0; }