@charset "utf-8";
/* CSS Document */


.formInfo{
text-align: center;
font-size: 18px;
}
.formInfo .formHeader{
font-size: 24px;
font-weight: bold;
margin-bottom: 16px;
}

.formSteps{
position: relative;
overflow: hidden;
text-align: center;
margin: 54px 0;
color: #808285;
font-weight: 600;
}

.formSteps:after{
position: absolute;
content:"";
display: block;
border-top: 6px #C5C7C9 solid;
width: 75%;
left: 12.5%;
top: 22px;
}

.formSteps .stepItem{
float: left;
width: 25%;
position: relative;
z-index: 2;
}

.formSteps .stepItem .index{
width: 50px;
height: 50px;
line-height: 50px;
border-radius: 50px;
font-size: 24px;
font-weight: bold;
margin: auto;
color: #7C7E80;
background: #C5C7C9;
}
.formSteps .stepItem .txt{
padding: 8px 2px;
}

.formSteps .stepItem.active{
color: #007DC5;
}

.formSteps .stepItem.active .index{
color: #fff;
background: #007DC5;	
}



.stepInfo{
text-align: center;
font-size: 18px;
margin-bottom: 42px;
}

.stepInfo .stepHeader{
color: #007DC5;
font-size: 24px;
font-weight: bold;
margin-bottom: 16px;
}


.stepInfo .mark{
color: #007DC5;
}


.selectCountRow{
	text-align: center;
	background: #595A5C;
	color: #fff;
	padding: 18px;
border-radius: 4px;
margin: 0 10px 30px 10px;
}

.selectCountRow select{
width: 80px;
margin-left: 10px;
}

.formTitle{
	border-bottom: 1px #BCBDC0 solid;
	padding: 8px 0;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin: 0px 10px 30px 10px;
	padding-top: 30px;
}

.formTitle span{
	color: #D48D14;
	display: inline-block;
}


.conditionList{
	max-width: 720px;
	margin: auto;
}

.checkboxRow{
	position: relative;
	padding-left: 30px;
	margin-bottom: 20px;
}
.checkboxRow label{
cursor: pointer;
}

.checkboxRow input[type="checkbox"]{
position: absolute;
left: 0;
top: 2px;
}



.paymentList{
	width: 100%;
}

.paymentList th{
	font-weight: 600;
}
.paymentList th,
.paymentList td{
border: none;
text-align: left;
padding-left: 2px;
padding-right: 2px;
}


.paymentList th:last-child,
.paymentList td:last-child{
text-align: right;
}

.paymentList thead th{
	border-bottom: 1px #BCBDC0 solid;
padding-top: 12px;
padding-bottom: 12px;
}

.paymentList tbody td{
padding-top: 6px;
padding-bottom: 6px;
}
.paymentList tbody tr:first-child td{
	padding-top: 12px;
}
.paymentList tbody tr:last-child td{
	padding-bottom: 12px;
}

.paymentList tfoot tr:first-child th{
	border-top: 1px #BCBDC0 solid;
padding-top: 12px;
padding-bottom: 12px;
}



.paymentMethod{
	padding-top: 60px;
}
.radioList{
	text-align: center;
}
.radioList label{
padding: 0 20px;
font-size: 18px;
font-weight: bold;
cursor: pointer;
}
.radioList label input[type="radio"]{
margin: 0 6px;
}