@media only screen and (max-width: 1024px) { .background div.pan4.mRepeat .taleAction { padding: 55px 10% 0; width: 80%; }
  .multipliercalc .input.column .input-header .annual-pref-interest .annual-pref-interest-rate { width: 260px; }
  .background div.pan4.mRepeat .taleAction .linkMobile, .background div.pan4.mRepeat ul.bxslider li p a.linkMobile { display: inline-block; }
  .background div.pan4.mRepeat .taleAction .linkDesktop, .background div.pan4.mRepeat ul.bxslider li p a.linkDesktop { display: none; }
  .background div.pan4.mRepeat ul.bxslider li p a.linkMobile { color: #fff; display: block; } }
@media only screen and (max-width: 1023px) { .background { /*BOX2*/ /*BOX3*/ /*BOX4*/ }
  .background .inner.pan1 { width: 85%; }
  .background header h1 { width: 90%; }
  .background footer div { width: 90%; }
  .background footer a { display: -moz-inline-box; font-size: 86%; padding-left: 0; }
  .background .inner.pan1 { min-height: inherit; }
  .background .inner.pan1 h2 { padding: 190px 4% 26px; }
  .background div.pan2 h2 { padding: 18px 10% 0; }
  .background div.pan2 .calMain { width: 86%; }
  .background div.pan2 .calMain .multipliercalc { width: 100%; }
  .background div.pan2 .calMain .multipliercalc .input.column .input-header { float: inherit; padding: 25px 10%; width: 100%; display: inline-block; }
  .background div.pan2 .calMain .multipliercalc .input.column .input-header .annual-pref-interest { width: 100%; }
  .background div.pan2 .calMain .multipliercalc .input.column .input-header .annual-pref-interest .annual-pref-interest-rate { width: 260px; }
  .background div.pan2 .calMain .multipliercalc .input.column .input-main { float: inherit; width: 100%; margin: 10px 0 0; }
  .background div.pan2 .calMain .multipliercalc .input.column .input-main .control label { width: 74%; font-size: 12px; }
  .background div.pan2 .calMain .multipliercalc .input.column .input-main a.btn-more { margin: 26px 0 0; }
  .background div.pan3 { width: 80% !important; }
  .background div.pan3 .redPan { padding: 20px 44px 12px; }
  .background div.pan4.mRepeat .taleAction { width: 85%; padding: 55px 7% 0; }
  .background div.pan4.mRepeat ul.bxslider { width: 90%; }
  .background div.pan4.mRepeat ul.bxslider li { width: 42%; }
  .background div.pan4.mRepeat ul.bxslider li.first {padding: 33px 2%;margin: 0 26% 4%;}
  .background div.pan4.mRepeat ul.bxslider li.last {margin: 0 26% 4%;display: block;} }
@media only screen and (max-width: 600px) { .background { /*BOX2*/ /*BOX4*/ }
  .background .inner.pan1 { min-height: inherit; }
  .background .inner.pan1 h2 { padding: 30px 0 26px; }
  .background div.pan2 .calMain .multipliercalc .input.column .input-main .control label { width: 68%; }
  .background div.pan2 .calMain .multipliercalc .input.column .input-main .control div { margin-top: -5px; }
  .background div.pan4.mRepeat ul.bxslider { width: 90%; }
  .background div.pan4.mRepeat ul.bxslider li { font-size: 110%; height: 163px; padding: 42px 0; width: 47%; }
  .background div.pan4.mRepeat ul.bxslider li.first { height: 210px; padding: 18px 2%; width: 43%; }
  .background div.pan4.mRepeat ul.bxslider li.last { margin: -17PX 25% 0; }
  .background div.pan4.mRepeat ul.bxslider li h3 { font-size: 1.35em; padding: 0px 0 6px; }
  .background div.pan4.mRepeat ul.bxslider li.first h3 { padding: 0 0 6px; }
  .background div.pan4.mRepeat ul.bxslider li img { height: 36px; width: auto; }
  .background div.pan4.mRepeat ul.bxslider li p { font-size: 76%; padding: 0 14%; line-height: 1.2em; }
  .background div.pan4.mRepeat ul.bxslider li p a.btn { margin: 0 auto 25px; padding: 5px 10px; width: 94px; }
}
@media only screen and (max-width: 640px) {
  .pan4 h2 .deskT{ display: none}
  .pan4 h2 .mobO{ display: inline}
.background div.pan4.mRepeat .desktopOnly{ display: none}
.background div.pan4.mRepeat .slideOnlyMob{ display: block}
  }
@media only screen and (min-width: 360px) and (max-width: 640px) and (orientation: landscape) { .background header h1 div { margin-top: 2px; }
  .background .pan1 { min-height: 320px; }
  .background .pan1 h2 { padding: 24px 0 13px; font-size: 1.3em; }
  .background div.pan4.mRepeat ul.bxslider li { height: 182px; }
  .background div.pan4.mRepeat ul.bxslider li.first { height: 240px !important; padding-bottom: 0; }
  .background div.pan4.mRepeat ul.bxslider li img { height: 46px; }
  .background div.pan4.mRepeat ul.bxslider li.first img { height: 36px; }
  .background div.pan4.mRepeat ul.bxslider li p { padding: 0 18px 0; font-size: .95em; }
  .background div.pan4.mRepeat ul.bxslider li.first p { padding: 0 8px 0; margin-bottom: 0; }
  .background div.pan4.mRepeat ul.bxslider li p a.btn { margin: 0 auto 42px; } }
@media screen and (device-aspect-ratio: 40 / 71) and (orientation: landscape) { .background header h1 div { margin-top: 0px; }
  .background .pan1 { min-height: 289px; }
  .background .pan1 h2 { padding: 28px 0 14px; font-size: 1.3em; }
  .background .pan2 { padding: 40px 0 0; }
  .background .pan2 div.btn { margin: 20px auto 0; }
  .background .pan2 .taleAction { padding: 5px 0 22px; }
  .background div.pan4.mRepeat ul.bxslider li { height: 162px; }
  .background .multipliercalc .input.column .input-header .total-monthly-cashflow label { margin-top: 13px; }
  .background div.pan4.mRepeat ul.bxslider li.first { height: 226px !important; }
  .background div.pan4.mRepeat ul.bxslider li p { line-height: 1.14em; font-size: 82%; }
  .background div.pan4.mRepeat ul.bxslider li p a.btn { padding: 6px 6px; width: 100px; margin: 0 auto 28px; }
  .background footer div a { font-size: 10px; } }
@media only screen and (max-width: 480px) { .background { /*BOX2*/ /*BOX3*/ /*BOX4*/ }
  .background header h1 { width: 96%; }
  .background header h1 div { font-size: 0.3em; padding: 7px 0 0; width: 74%; }
  .background header h1 div a.btn { font-size: 8px; line-height: 11px; padding: 5px 9px; }
  .background .inner.pan1 { min-height: 400px; }
  .background .inner.pan1 h2 { padding: 180px 0 26px; font-size: 1em; }
  .background .inner.pan1 strong { font-size: 1.1em; }
  .background div.pan2 { padding: 60px 0 0; }
  .background div.pan2 h2 { padding: 18px 10% 0; }
  .background div.pan2 span.mobOnly { display: block; }
  .background div.pan2 .calMain { width: 100%; }
  .background div.pan2 .calMain .multipliercalc { width: 100%; }
  .background div.pan2 .calMain .multipliercalc .input.column { background: #fff; }
  .background div.pan2 .calMain .multipliercalc .input.column .input-header { float: inherit; padding: 10px 10% 20px; width: 100%; display: inline-block; }
  .background div.pan2 .calMain .multipliercalc .input.column .input-header .annual-pref-interest { width: 100%; }
  .background div.pan2 .calMain .multipliercalc .input.column .input-header .annual-pref-interest .annual-pref-interest-rate { width: 260px; }
  .background div.pan2 .calMain .multipliercalc .input.column .input-header .total-monthly-cashflow label { margin-top: 15px; }
  .background div.pan2 .calMain .multipliercalc .input.column .input-header .total-monthly-cashflow .total-monthly-cashflow-amount.value { margin: 5px auto; }
  .background div.pan2 .calMain .multipliercalc .input.column .input-header .annual-pref-interest .first { font-size: 26px; width: 32px; }
  .background div.pan2 .calMain .multipliercalc .input.column .input-header .annual-pref-interest label { font-size: 11.5px; }
  .background div.pan2 .calMain .multipliercalc .input.column .input-header .total-monthly-cashflow { width: 236px; }
  .background div.pan2 .calMain .multipliercalc .input.column .input-header .value.total-monthly-cashflow-amount .last span:first-child { font-size: 25px; }
  .background div.pan2 .calMain .multipliercalc .input.column .input-header .btn.linkApplydesk { display: none; }
  .background div.pan2 .calMain .multipliercalc .input.column .input-main { float: inherit; width: 100%; margin: 0 auto; background: #fff; }
  .background div.pan2 .calMain .multipliercalc .input.column .input-main .bx-viewport { margin: 35px auto 0; height: 140px !important; left: inherit; }
  .background div.pan2 .calMain .multipliercalc .input.column .input-main .control label { width: 68%; font-size: 14px; padding: 0 40px 38px 0; }
  .background div.pan2 .calMain .multipliercalc .input.column .input-main a.btn-more { width: 15%; height: 28px; margin: 18px 8px 0 85%; display: block; background: url(../images/ic-more-active.gif) no-repeat top; cursor: pointer; float: right; }
  .background div.pan2 .calMain .multipliercalc .input.column .input-main a.btn-more:hover { background: url(../images/ic-more-active.gif) no-repeat bottom; }
  .background div.pan2 .calMain .multipliercalc .input.column .input-main .bx-wrapper .bx-pager { color: #aeaeae; margin-top: -35px; padding-top: 0px; top: inherit; left: 25%; width: 11%; }
  .background div.pan2 .calMain .multipliercalc .input.column .input-main .bx-wrapper .bx-controls-direction a { top: 14%; width: 20px; }
  .background div.pan2 .calMain .multipliercalc .input.column .input-main .control div.prod-ic { padding-left: 34px; }
  .background div.pan2 .calMain .multipliercalc .input.column .input-main .bx-wrapper .bx-pager { top: 10px; right: 5px; width: 12%; font-size: 150%; left: inherit; }
  .background div.pan2 .taleAction { padding: 5px 0 24px; }
  .background div.pan2 .multipliercalc .input.column { width: 92%; margin: 0 auto; }
  .background div.pan3 { width: 92% !important; margin: 30px auto 10px; }
  .background div.pan3 h2 { padding: 0px 0 20px; font-size: 1.5em; }
  .background div.pan3 div.ui-accordion-content { padding: 0 3px 10px; }
  .background div.pan3 div.ui-accordion-content ul li { margin-left: 8px; }
  .background div.pan3 div#ui-accordion-accordion-panel-4 p { padding: 0 10px 10px; }
  .background div.pan3 .redPan { padding: 20px 15px 12px; }
  .background div.pan3 .redPan span.one { padding: 0 30px; display: inline-block; }
  .background div.pan3 .redPan small a { display: block; margin: 0; padding: 0; line-height: 10px; }
  .background div.pan4.mRepeat { padding: 80px 0 30px; }
  .background div.pan4.mRepeat h2 { padding: 0px 0 36px; }
  .background div.pan4.mRepeat ul.bxslider { width: 90%; }
  .background div.pan4.mRepeat ul.bxslider li { width: inherit; margin: inherit; padding: inherit; height: 310px; }
  .background div.pan4.mRepeat ul.bxslider li.first { width: inherit; padding: inherit; margin: inherit; height: 310px; }
  .background div.pan4.mRepeat ul.bxslider li.mid { width: inherit; padding: inherit; margin: inherit; }
  .background div.pan4.mRepeat ul.bxslider li.last { width: inherit; padding: inherit; margin: inherit; }
  .background div.pan4.mRepeat ul.bxslider li h3 { font-size: 1.35em; padding: 0px 0 6px; }
  .background div.pan4.mRepeat ul.bxslider li.first h3 { padding: 0 0 6px; }
  .background div.pan4.mRepeat ul.bxslider li.first img { margin: 38px auto 0; width: auto; }
  .background div.pan4.mRepeat ul.bxslider li img { float: none; height: auto; margin: 44px auto 0; text-align: center; width: auto; }
  .background div.pan4.mRepeat ul.bxslider li p { font-size: 100%; padding: 0 12%; }
  .background div.pan4.mRepeat ul.bxslider li p a.btn { margin: 0px auto 30px; padding: 10px 20px; width: 100px; border: 1px solid #eb1f27; }
  .background div.pan4.mRepeat .bx-wrapper .bx-controls-direction a { top: 25%; }
  .background div.pan4.mRepeat .bx-wrapper .bx-next { right: 32px; }
  .background div.pan4.mRepeat .bx-wrapper .bx-prev { left: 32px; }
  .background div.pan4.mRepeat .bx-viewport { width: 98% !important; margin: 0 auto; }
  .background div.pan4.mRepeat .taleAction { padding: 0 7% 0; }
  .background div.pan4.mRepeat .taleAction p { padding: 0 0 24px; }
  .background div.pan4.mRepeat .bx-wrapper { margin: 0 auto 29px; }
  .background footer div { width: 75%; }
  .background footer a { font-size: 76%; padding: 0 4px !important; }
  .background .mRepeat .controls.controlsDesktop { display: none; }
  .background .mRepeat .controls.controlsMobile { display: block; }
  .background .mRepeat .linkDesktop { display: none; }
  .background .mRepeat .linkMobile { display: block; }
  .background .mRepeat a.btn.linkApplydesk { display: none; }
  .background .mRepeat a.btn.linkApplyMobile { display: block; width: 96px; margin: 0 auto; }
  .background header h1 div { display: none; }
  .multipliercalc .input.column .input-header .annual-pref-interest label{padding: 0 7% 0 13%;} }
@media only screen and (max-width: 320px) { .background .linkApplyMobile { display: block; }
  .background header h1 div { display: none; }
  .background div.pan1 a.btn { padding: 9px 18px; margin-top: 20px; }
  .background div.pan2 .calMain { padding: 24px 0 9px; }
  .background div.pan2 .calMain .multipliercalc .input.column .input-main { float: inherit; width: 100%; margin: 0 auto; background: #fff; }
  .background div.pan2 .calMain .multipliercalc .input.column .input-main .bx-viewport { width: 90% !important; height: 140px !important; }
  .background div.pan2 .calMain .multipliercalc .input.column .input-main .control label { width: 164px; padding: 0 40px 30px 0; font-size: 12px; }
  .background div.pan2 .calMain .multipliercalc .input.column .input-main a.btn-more { float: right; margin: 18px 3px 0 85%; }
  .background div.pan2 .calMain .multipliercalc .input.column .input-main .control .slider2 { width: 96%; }
  .background div.pan2 div.btn.linkApplydesk { display: none; }
  .background div.pan2 a.btn { display: block; margin: 10px auto 0px; width: 32%; }
  .background div.pan3 .redPan span.one { padding: 0 0 0; } }
@media only screen and (min-width: 320px) and (max-width: 568px) and (orientation: portrait) { .background div.pan1 { min-height: 500px; }
  .background div.pan1 h2 { padding: 90px 14px 26px; font-size: 1em; }
  .background div.pan1 strong { font-size: 1.45em; }
  .background div.pan1 h2 strong.black { padding: 0 0 18px; }
  .background div.pan4.mRepeat ul.bxslider li { height: 310px; }
  .background div.pan4.mRepeat ul.bxslider li.first { height: 310px;  } }
@media screen and (device-aspect-ratio: 40 / 71) and (orientation: portrait) { .background div.pan2 .calMain .multipliercalc .input.column .input-main .control div.prod-ic { padding-left: 17px; }
  .background div.pan2 .calMain .multipliercalc .input.column .input-main .control label { width: 184px; font-size: 13px; }
  .background div.pan2 .calMain .multipliercalc .input.column .input-main a.btn-more { margin: 26px 3px 0 85%; } }
@media only screen and (device-width: 640px) and (orientation: landscape) { .background header h1 div { margin-top: 2px; }
  .background .pan1 { min-height: 320px; }
  .background .pan1 h2 { padding: 42px 0 13px; font-size: 1.4em; }
  .background .pan2 { padding: 50px 0 0; }
  .background .pan2 .multipliercalc .input.column .input-header .total-monthly-cashflow label { margin-top: 23px; }
  .background .pan2 div.btn { margin: 22px auto 6px; }
  .background .pan2 .taleAction { padding: 5px 0 22px; }
  .background .pan3 { margin: 20px auto 10px; }
  .background div.pan4.mRepeat ul.bxslider li img { height: 48px; }
  .background div.pan4.mRepeat ul.bxslider li { height: 184px; width: 43%; }
  .background div.pan4.mRepeat ul.bxslider li.first { height: 217px; }
  .background div.pan4.mRepeat ul.bxslider li.first p { padding: 0 9px 0; } }
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { .background .pan2 div.btn { margin: 22px auto 12px; }
	.background div.pan2 .calMain .multipliercalc .input.column .input-header{padding: 25px 10% 11px;}
	.multipliercalc .input.column .input-header .annual-pref-interest label{padding: 0 0 8px;} }
@media only screen and (device-width: 640px) and (orientation: portrait) { .background div.pan3 .redPan { padding: 20px 44px 12px; }
  .background div.pan4 ul.bxslider li p a.btn { padding: 5px 10px; width: 94px; }
  .background div.pan4 ul.bxslider li img { height: 36px; width: auto; } }
.linkApplyMobile { display: none; }

.linkApplydesk { display: block; }