#loanApplication, #loanPeriods, #loanProject {
		width: 233px;
	}
	a.midBtn.btns.otplock {
		color: gray;
		pointer-events: none;
	}
	
.flowChart { width: 90%; max-width: 1000px; margin: 0 auto; text-align: center; }

@media screen and (max-width: 532px) { .flowChart { width: 95%; } }

.flowChart img { max-width: 100%; }

.flowChart .hideMobile { width: 100%; max-width: 1000px; max-height: 60px; margin: 10px auto; }

@media screen and (max-width: 768px) { .flowChart .hideMobile { display: none; } }

@media screen and (max-width: 768px) { .flowChart .showMobile { display: inline-block; } }

@media screen and (max-width: 532px) { .flowChart .showMobile { width: 100%; } }
	
.radioGup { display: inline-block; }

.radioGup li { display: inline; margin-right: 10px; }

.radioGup li:last-child { margin-right: 0; }

@media screen and (max-width: 768px) { .radioGup.block { margin-top: -5px; margin-bottom: 5px; } }



input[type=radio]:not(old) { width: 0; margin: 0; padding: 0; opacity: 0; }

input[type=radio]:not(old) + label { display: inline-block; font-size: 14px; height: 24px; line-height: 24px; padding-left: 24px; background: url('/EsunCreditweb/images/form/inputRadioSprites.png') no-repeat; background-position: 0 0; cursor: pointer; }

@media screen and (max-width: 768px) { input[type=radio]:not(old) + label { font-size: 16px; } }

input[type=radio]:not(old).notAllow + label { cursor: not-allowed; }

input[type=radio]:not(old):checked + label { background-position: 0 -24px; }


@media screen and (max-width: 768px) { .fieldBox p { padding-top: 15px; font-size: 16px; line-height: 24px; } }

@media screen and (max-width: 532px) { .fieldBox { margin-bottom: 40px; margin-top: -5px; }
  .fieldBox.lastChild { margin-bottom: 0; } }
  
@media screen and (max-width: 768px) { .fieldBox li .twoInputField li { margin-top: 10px; } }

.fieldBox .ps { margin-top: 5px; padding: 5px 0; }

@media screen and (max-width: 768px) { .fieldBox .ps { font-size: 16px; line-height: 24px; } }

.fieldBox .ps li { margin: 5px 0 5px 8px; }

@media screen and (max-width: 532px) { wpa100 input[type="text"],wpa100 input[type="password"] { width: 100%; } }

.fieldBox .hasNote.oneRow i { padding-left: 2px; /* confirm */ }

@media screen and (max-width: 768px) { .fieldBox .hasNote.oneRow i { display: block; font-size: 14px; line-height: 20px; padding: 5px 0 0 0; } }

.fieldBox .hasNote.oneRow i.hide-pc { display: inline-block; }

@media screen and (max-width: 1024px) { .fieldBox .hasNote.oneRow i.hide-pc { display: none; } }

.fieldBox .hasNote.oneRow i.disabled { padding: 0 0 15px 0; }

@media screen and (max-width: 768px) { .fieldBox .hasNote.oneRow i.inputName-twd-yuan { display: inline-block; } }

.fieldBox .hasNote.oneRow.genCaptcha .inputName { height: 100px; line-height: 48px; }

@media screen and (max-width: 768px) { .fieldBox .hasNote.oneRow.genCaptcha .inputName { height: auto; } }

@media screen and (max-width: 768px) { .fieldBox .hasNote.oneRow .inputName { margin: 20px 0 -5px 0; } }

.fieldBox .hasNote.twoRow { margin-top: -8px; }

.fieldBox .hasNote.twoRow.genCaptcha { margin-top: -44px; }

@media screen and (max-width: 768px) { .fieldBox .hasNote.twoRow.genCaptcha { margin-top: -15px; } }

.fieldBox .hasNote.twoRow .inputName.spaces { padding-bottom: 5px; }

.fieldBox .hasNote.twoRow .inputName.spaces ~ span { /* confirm */ vertical-align: top; }

@media screen and (max-width: 768px) { .fieldBox .hasNote.twoRow .inputName.spaces ~ span { padding-top: 0; } }

@media screen and (max-width: 768px) { .fieldBox .hasNote.twoRow input[type="text"] { margin-left: 0px; } }

.f-14 { font-size: 14px; letter-spacing: 0.06em; line-height: 20px; }

.large-inputName .inputName { width: 190px; }

@media screen and (max-width: 768px) { .large-inputName .inputName { width: 100%; } }

.large-inputName .inputName.spaces { width: 210px; }

.large-inputName .twoInputField.Ebill { margin-left: 3px; }

.large-inputName .twoInputField.Ebill li input[type="checkbox"] { margin-top: 10px; }

.large-inputName .twoInputField.linkage-list { margin-left: -3px; }

@media screen and (max-width: 768px) { .large-inputName .twoInputField.linkage-list .first { margin-top: 8px; } }

@media screen and (max-width: 768px) { .large-inputName .twoInputField.linkage-list .chk { margin-top: 5px; } }

@media screen and (max-width: 768px) { .large-inputName .twoInputField li.hideMobile { display: none; } }

@media screen and (max-width: 768px) { .large-inputName .linkage-input .inputName { display: none; } }

.f-prefixWord { margin: 0 10px 0 3px; }

.showMobile { display: none; }

@media screen and (max-width: 768px) { .showMobile { display: inline-block; } }

@media screen and (max-width: 768px) { .flowChart .showMobile { display: inline-block; } }

@media screen and (max-width: 532px) { .flowChart .showMobile { width: 100%; } }

  .inputName .sub.showMobile { display: inline-block; } }
  
  .retrieveList .showMobile { display: block; } }
  
.twoInputField { display: inline-block; margin-left: -5px; }

@media screen and (max-width: 768px) { .inputName .sub { display: inline; color: #999; font-size: 14px; letter-spacing: 0; }
  .inputName .sub.hideMobile { display: none; }
  .inputName .sub.showMobile { display: inline-block; } }

@media screen and (max-width: 768px) { .twoInputField { display: block; margin-left: 0; } }

.twoInputField li { display: inline-block; margin: 0 0 0 -3px; }

@media screen and (max-width: 768px) { .twoInputField li { width: 48%; margin: 0; } }

.twoInputField li input[type="text"] { margin-right: 5px; margin-left: 3px; }

@media screen and (max-width: 768px) { .twoInputField li input[type="text"] { width: 100%; margin-left: 0; }
  .twoInputField li input[type="text"].right { margin-left: 8px; } }


.twoInputField.suffixWord { margin-left: -1px; }

@media screen and (max-width: 768px) { .twoInputField.suffixWord li { width: auto; } }

.twoInputField.suffixWord input[type="text"] { width: 83px; margin-left: 0px; }

@media screen and (max-width: 768px) { .twoInputField.suffixWord input[type="text"] { width: 100px; margin-right: 0; } }

.twoInputField.suffixWord input[type="text"]:nth-child(2) { margin-right: 8px; }

@media screen and (max-width: 532px) { .twoInputField.suffixWord input[type="text"]:nth-child(2) { margin-right: 5px; } }

.w234 { width: 234px; }


@media screen and (max-width: 768px) { .checkBox { margin-top: 5px; } }

input[type=Checkbox]:not(old) { width: 0; margin: 0; padding: 0; opacity: 0; }

input[type=Checkbox]:not(old) + label { display: inline-block; font-size: 14px; line-height: 30px; margin-left: 0; vertical-align: middle; padding-left: 24px; background: url('/EsunCreditweb/images/apycrd21/form/inputCheckbox.png') no-repeat; cursor: pointer; }

@media screen and (max-width: 768px) { input[type=Checkbox]:not(old) + label { width: 100%; font-size: 16px; line-height: 24px; padding-top: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } }

input[type=Checkbox]:not(old) + label a { color: #009d99; }

input[type=Checkbox]:not(old):checked + label { background: url('/EsunCreditweb/images/apycrd21/form/inputCheckboxChecked.png') no-repeat; }

@media screen and (max-width: 768px) { .twoInputField li.block { width: 100%; } }

.twoInputField li.block input[type="text"] { margin-top: 10px; }

@media screen and (max-width: 768px) { .twoInputField li.block input[type="text"] { margin-left: 0; } }

.textFMT { height: 30px; font-size: 14px; line-height: 30px; border: 1px solid #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 5px; }

@media screen and (max-width: 768px) { .textFMT{ width: 100%; font-size: 16px; line-height: 22px; letter-spacing: 0.06em; } }

@media screen and (max-width: 532px) { .textFMT{ width: 100%; } }

.f-grayLight { color: #777; }

.f-orange { color: #eb8300; }

.fieldBox .hasNote.oneRow i { padding-left: 2px; /* confirm */ }

.twoInputField li.child { padding-left: 12px; font-size: 14px; float: right; }

@media screen and (max-width: 768px) { .twoInputField li.child { width: 45%; text-align: left; float: none; } }

.twoInputField li.child input[type=text] { width: 39px; margin: 0 5px; }

.f-grayLight { color: #777; }