@media screen and (max-width: 640px) {
  .topic-path {
    margin-top: 20px;
    margin-bottom: 0;
    display: block;
    clear: both;
    width: auto;
  }

  .local-nav ul {
    display: block;
  }
}
.quicpay_title_step .title_ctrl .toggle_ctrl {
  padding: 0;
  border: none;
  background: transparent;
}
.quicpay_title_step .title_ctrl .toggle_ctrl:focus {
  outline: 1px dotted;
}
.quicpay_title_step .title_ctrl .toggle_ctrl::-moz-focus-inner {
  padding: 0;
  border: none;
}

.quicpay_title_A {
  margin-bottom: 1em;
  padding: 1.1em 90px 1.1em .7em;
  color: #fff;
  background: #003f98 url(../img/logo.png) no-repeat 97.5% 50%;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: normal;
  line-height: 1.3;
}
.quicpay_title_A .subheading {
  font-size: 20px;
  font-size: 2rem;
}

.quicpay_title_B {
  margin-bottom: 1em;
  padding: .1em 0 0 .5em;
  border-left: 6px solid #003f98;
  color: #003f98;
  font-size: 20px;
  font-size: 2rem;
  font-weight: normal;
  line-height: 1.3;
}
.quicpay_title_B .subheading {
  font-size: 17px;
  font-size: 1.7rem;
}

.quicpay_title_C {
  margin-bottom: 1em;
  padding: .6em;
  color: #003f98;
  background: #f0f9ff;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.3;
}

.quicpay_title_D {
  margin-bottom: 1em;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.3;
}

.quicpay_title_E {
  margin-bottom: 1em;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.3;
}

.quicpay_title_F {
  margin-bottom: 1em;
  color: #003f98;
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: normal;
  line-height: 1.3;
}
.quicpay_title_F .subheading {
  display: block;
  font-size: 22px;
  font-size: 2.2rem;
}

.quicpay_title_step {
  margin-bottom: 1em;
  display: table;
  position: relative;
  width: 100%;
  line-height: 1.3;
}
.quicpay_title_step .title_step {
  padding: .6em;
  display: table-cell;
  width: 6em;
  color: #fff;
  background: #3aa5ed;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: normal;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
}
.quicpay_title_step .title_step .num {
  font-size: 22px;
  font-size: 2.2rem;
}
.quicpay_title_step .title_text {
  padding: .6em 1em;
  display: table-cell;
  background: #f3f4f9;
  font-size: 16px;
  font-size: 1.6rem;
  vertical-align: middle;
}
.quicpay_title_step .title_ctrl {
  display: none;
  position: absolute;
  top: 4px;
  right: 0;
}
.quicpay_title_step .title_ctrl .toggle_ctrl {
  padding: 11px 10px;
  cursor: pointer;
}
@media screen and (max-width: 640px) {
  .quicpay_title_step {
    display: block;
  }
  .quicpay_title_step .title_step {
    display: block;
    width: auto;
  }
  .quicpay_title_step .title_text {
    display: block;
  }
  .quicpay_title_step .title_ctrl {
    display: block;
  }
}

.quicpay_toggle_contents {
  overflow: hidden;
  transition: height .5s;
}
@media screen and (min-width: 641px) {
  .quicpay_toggle_contents {
    height: auto !important;
  }
}

.quicpay_link {
  margin-bottom: 1em;
}
.quicpay_link a::before {
  padding-right: .5em;
  position: relative;
  top: -.05em;
  content: url(/shared/img/bg/icon-arrow-bk.png);
}
.quicpay_link._right {
  text-align: right;
}

.quicpay_link_page {
  margin: 0;
}
.quicpay_link_page > li {
  margin: 0 2em 1em 0;
  display: inline-block;
  vertical-align: top;
}
.quicpay_link_page a {
  padding-left: 1.5em;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAMAAAAMCGV4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAALFQTFRFGVKiAECYAC2OAECZACCHAB+HADKRKV6pACKJDUqdDUqeAD6Yd5jIDT+ZAT+YDUCZADyW7/b6AD6XAC6PADSSADOSADOR8ff7lbDUiajQBDuVADiUDTuVGFOjIk+h6/P46u/3AB6HKVelAB2G7vT57vX5JFKhACGHiafQAESbACCIJlWjtcfhI1mmJFKiz9/uIlmmi6rRi6nRACWKJ1WjADmViKfQAEGZDUmd////AD+YW3GdxAAAAKZJREFUeNpcj8cWglAMRMMrCIoCikpTEXvvJnn//2EekYU6q7nZ5A4AfQfA/AaoG1h1t4IuQbPTy7BCzHqdJvgHT0TvA0bCO/uQjzhWfTTYVzGPcminQ16vBpvB9snDtA0kypAvzs25clgKAldOd3NOZgkv7lPpAlmolxM+8eSo0SIgY6QeF1yMtTSmYoOqsW+o99MPG7Rtu5Ki2r/1aNX+f/teAgwAdaUjblvS+mkAAAAASUVORK5CYII=) no-repeat 0 50%;
}

.quicpay_box_A {
  margin-bottom: 2em;
  padding: 1em 125px 1px 1em;
  min-height: 95px;
  background: #e9edf8 url(../img/qpay-kun.png) no-repeat 95% 50%;
}

.quicpay_box_B {
  margin-bottom: 2em;
  padding: 1em 1em 1px;
  border: 1px solid #b7d9ed;
  background: #f4fbff;
}
.quicpay_box_B > .box_hdg {
  margin: 0 0 .5em 0;
  color: #389bde;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: normal;
}
.quicpay_box_B + .quicpay_box_B {
  margin-top: -1.25em;
}

.quicpay_box_C {
  margin-bottom: 2em;
  padding: 1.8em 1.8em .8em;
  background: #e1f4ff;
}

.quicpay_box_D {
  margin-bottom: 2em;
  border: 1px solid #dddddb;
}
.quicpay_box_D > .box_hdg {
  padding: 1em;
  display: table-cell;
  color: #de1e1e;
  background: #fefbe7;
  font-weight: normal;
  vertical-align: top;
}
.quicpay_box_D > .box_main {
  padding: 1em 1em 0;
  display: table-cell;
  vertical-align: top;
}
@media screen and (max-width: 640px) {
  .quicpay_box_D > .box_hdg,
  .quicpay_box_D > .box_main {
    display: block;
  }
}

.quicpay_box_E {
  margin-bottom: 2em;
  padding: 1em 1em 1px;
  background: #e9edf8;
}

.quicpay_image-sbs {
  margin-bottom: 1em;
  display: table;
  width: 100%;
}
.quicpay_image-sbs > .text,
.quicpay_image-sbs > .image {
  display: table-cell;
  vertical-align: top;
}
.quicpay_image-sbs > .text {
  width: 100%;
}
.quicpay_image-sbs > .image img,
.quicpay_image-sbs > .image object {
  margin: auto;
  display: block;
}
.quicpay_image-sbs > .image img + img,
.quicpay_image-sbs > .image img + object,
.quicpay_image-sbs > .image object + img,
.quicpay_image-sbs > .image object + object {
  margin-top: 10px;
}
.quicpay_image-sbs._text-first > .text {
  padding-right: 15px;
}
.quicpay_image-sbs._image-first > .image {
  padding-right: 15px;
}
@media screen and (max-width: 640px) {
  .quicpay_image-sbs._tandem {
    display: block;
  }
  .quicpay_image-sbs._tandem > .text,
  .quicpay_image-sbs._tandem > .image {
    display: block;
  }
  .quicpay_image-sbs._tandem > .image img,
  .quicpay_image-sbs._tandem > .image object {
    max-width: 100%;
    height: auto;
  }
  .quicpay_image-sbs._tandem._text-first > .text {
    padding-right: 0;
  }
  .quicpay_image-sbs._tandem._image-first > .image {
    padding-right: 0;
  }
  .quicpay_image-sbs._tandem > .text + .image,
  .quicpay_image-sbs._tandem > .image + .text {
    margin-top: 1em;
  }
}

.quicpay_button-sbs {
  margin-bottom: 1em;
  display: table;
  width: 100%;
}
.quicpay_button-sbs > .icon,
.quicpay_button-sbs > .text,
.quicpay_button-sbs > .button {
  display: table-cell;
  vertical-align: middle;
}
.quicpay_button-sbs > .icon {
  padding-right: 15px;
}
.quicpay_button-sbs > .text {
  width: 55%;
  padding-right: 15px;
}
.quicpay_button-sbs > .text .text_title {
  margin: 0;
  color: #003f98;
  font-size: 1.7rem;
}
@media screen and (min-width: 640px) {
  .quicpay_button-sbs > .text .text_title._big {
    font-size: 2.2rem;
  }
}
.quicpay_button-sbs > .button {
  width: 45%;
  text-align: right;
  white-space: nowrap;
}
.quicpay_button-sbs > .button p {
  margin: 0;
}
@media screen and (max-width: 640px) {
  .quicpay_button-sbs {
    display: block;
  }
  .quicpay_button-sbs > .text {
    padding-right: 0;
    width: auto;
  }
  .quicpay_button-sbs > .button {
    margin-top: 1em;
    display: block;
    width: 100%;
    text-align: center;
    white-space: normal;
  }
}

.quicpay_step {
  margin: 0 0 0 -1.2%;
}
.quicpay_step > .step {
  margin: 0 0 1em 1.2%;
  display: inline-block;
  background: #f3f4f9;
  vertical-align: top;
}
.quicpay_step._col2 > .step {
  width: 48.8%;
}
@media screen and (max-width: 640px) {
  .quicpay_step._col2 > .step {
    width: 98.8%;
  }
}
.quicpay_step._col3 > .step {
  width: 32.13333%;
}
@media screen and (max-width: 640px) {
  .quicpay_step._col3 > .step {
    width: 98.8%;
  }
}
.quicpay_step .step_hdg {
  padding: .4em;
  color: #fff;
  background: #3aa5ed;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: normal;
  text-align: center;
  text-transform: uppercase;
}
.quicpay_step .step_hdg .num {
  font-size: 22px;
  font-size: 2.2rem;
}
.quicpay_step .step_main {
  padding: 1em;
}
.quicpay_step .step_image img {
  margin: 0 auto 1em;
  display: block;
  height: auto;
  max-width: 100%;
}
.quicpay_step .step_text {
  margin: 0 0 1em;
  font-weight: bold;
}
.quicpay_step .step_text > p {
  margin: 0;
}
.quicpay_step .step_button {
  text-align: center;
}

.quicpay_step_images > li {
  margin-bottom: 20px;
  display: inline-block;
  max-width: 100%;
  vertical-align: top;
}

.quicpay_apply-consent {
  margin-bottom: 2em;
  padding: 5px;
  height: 250px;
  overflow: auto;
}

.quicpay_button {
  padding: .6em 1.2em;
  display: inline-block;
  color: #fff;
  background: -webkit-linear-gradient(#43a9ee, #0c85e6);
  background: linear-gradient(#43a9ee, #0c85e6);
  background-color: #2897ea;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: normal;
  line-height: 1.2;
  text-align: center;
}
.quicpay_button a {
  padding-right: 40px;
  min-height: 24px;
  display: block;
  color: inherit;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAhCAYAAAC4JqlRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAApZJREFUeNq8mEtrU0EUx8/No20SU6S16sKoKGrEGKogaLc+FoUWERE3llq6KaILcSEBN0JXbq31AxS/gFhqUFEEKW7S+qporRYRNIuapMltHibjf8pcjUF7Zyb3+ocfhdyZc86ceZ2pwRijJmSIv9pGfApt14F+cAwcADtBWHzLg3kwC5LgLliWssozYEME3ATLTF4muAW22tlf66MXXBXGdMX7JoQtpQA6wCPmnB6DTtkAusBr5rzmwBa7AEIgxdzTCxCu9+lpWJNjoJvc034w/q9d0Mv+n/osv4Y4iHgmXoG9dkOYSf8gD46feJevmUy8F76q1hSclHHOlTZrdOFBjsZnTKrUtAPYBU5ZI+c6r9K7hqRNvCnS8P0sLWSqukEMWQEEwHEdC/PfqzQ0laU7c8XVoBR1lB/vPIAjoFV3GHwaxlImXXqYo68FpTnxgx4eQNSJ/ZXC4hyYzNLkQklpW/IAIk5t8kKF0eh0gRJP85QpSc3JJk/dleqYnnwu07l7WVrM2S7Q1TWw4nQA4RaDLh4M0rZ2r13TMj9Nlpx0fmiznxKHQ7Qx6JFpvsQDeOeE41avQSPdATq9p+1XnSZzIvIAppt1Hu3w0bWeEG23T3mjnvEAvoh7IKbaG4OmgX0BGowFyOdRjvstWLS6Taj2joS9dPtEOw3HtZz/9imuxU7ZojP5qcRuPM+zlUqtmeu4ADY0VkTXZXqWq47UA6ON9QBXm6jrd5O7+gDiwKy/jrmK4Kz1wSVx22f+8PGXqrifZ9qFMqwibEu9C3oVX0Iyi65P9WUUBbMOOH8JYjpPM44PXAbfNBynwRXQovs2rCcIBsGUSOdaqU6KtiEZ24bG/wf8ooLeAdaL3zLgozhelUqinwIMAEHIW58VyP6yAAAAAElFTkSuQmCC) no-repeat 100% 50%;
  background-size: 24px 24px;
  text-decoration: none;
}
.quicpay_button a:focus, .quicpay_button a:hover {
  color: inherit;
  text-decoration: underline;
}
.quicpay_button._small {
  padding: .5em;
  font-size: 16px;
  font-size: 1.6rem;
}
.quicpay_button._small a {
  padding-right: 32px;
  min-height: 18px;
  background-size: 18px 18px;
}

.quicpay_url {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: normal;
}

.quicpay_shop_image {
  margin: 3px auto;
  display: inline-block;
}
@media screen and (max-width: 484px) {
  .quicpay_shop_image {
    display: block;
  }
}

.quicpay_sub_campaign-banner {
  margin-bottom: 1.5em;
  text-align: center;
}