@charset "UTF-8";
@import url(frame.css);
@import url(third_party/magnific-popup.css);
@import url(member_rights.css);
body {
  background: #292929;
}

.site-body {
  width: 100%;
  min-height: 650px;
  position: relative;
  background: white;
}

@media (max-width: 1100px) {
  .site-body {
    min-width: 1100px;
  }
}

@media (max-width: 768px) {
  .site-body {
    width: 100%;
    min-width: auto;
    max-width: 768px;
  }
}

@media (max-width: 568px) {
  .site-body {
    min-height: auto;
  }
}

a, input, textarea {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -ms-transition: 0.4s;
  transition: 0.4s;
}

a {
  color: #036eb8;
}

a.on-touch {
  color: #014a7a;
}

a:hover, a:focus {
  text-decoration: none;
}

a.link-green {
  color: #588c3f;
  text-decoration: underline;
}

.pc {
  display: block;
}

.mb {
  display: none;
}

.mobile {
  /* display: none; */
}

@media (max-width: 568px) {
  .btn {
    height: 40px;
    line-height: 40px;
  }
}

.red {
  color: #f85766;
}

/* -- 表單定義 START
-------------------------------------------------- */
input {
  font-family: '微軟正黑體',Tahoma,'新細明體','Arial Unicode MS',Arial,Helvetica,sans-serif;
  border: 1px solid #e0e0e0;
  padding: 6px 8px;
  font-size: 14px;
  color: #222222;
  background: white;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

input:focus, input:hover {
  background: #fffde9;
}

@media (max-width: 568px) {
  input {
    padding: 11px 8px;
  }
}

::-webkit-input-placeholder, :-moz-placeholder, :-ms-input-placeholder {
  color: #CCC;
  opacity: .9;
}

::placeholder {
  color: #CCC;
  opacity: .9;
}

input[type='checkbox'], input[type='radio'] {
  width: 18px;
  height: 18px;
}

textarea {
  border: 1px solid #e0e0e0;
  padding: 8px 8px;
  font-size: 14px;
  line-height: 1.5;
  background: white;
  resize: vertical;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

textarea:focus, textarea:hover {
  background: #fffde9;
}

select {
  font-family: '微軟正黑體',Tahoma,'新細明體','Arial Unicode MS',Arial,Helvetica,sans-serif;
  border: 1px solid #e0e0e0;
  padding: 6px 8px;
  font-size: 14px;
  cursor: pointer;
  background: white;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

@media (max-width: 568px) {
  select {
    padding: 12px 8px;
  }
}

input[type='submit'] {
  cursor: pointer;
}

/*--提示泡泡--*/
.tip-popup {
  display: block;
  position: absolute;
  width: auto;
  height: auto;
  padding: 10px 12px;
  border: 1px solid #EEE;
  background: rgba(50, 50, 50, 0.9);
  font-size: 14px;
  line-height: 1.5;
  color: white;
  z-index: 11;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.tip-popup:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 5px 0 5px;
  border-color: rgba(50, 50, 50, 0.9) transparent transparent transparent;
  content: '';
  right: 10px;
  bottom: -7px;
  position: absolute;
  pointer-events: none;
}

.form-tip-popup {
  display: none;
  width: 155px;
  top: 43px;
  right: 0px;
  border: none;
  font-size: 13px;
}

.form-tip-popup:after {
  border-width: 0px 5px 7px 5px;
  border-color: transparent transparent rgba(50, 50, 50, 0.9) transparent;
  bottom: 0;
  top: -7px;
}

@media (max-width: 568px) {
  .form-tip-popup {
    top: 53px;
  }
}

/*--提示泡泡 END--*/
/* -- 廠商廣告區塊 START
-------------------------------------------------- */
.site-main-wrapper {
  width: 100%;
  position: relative;
  background: #f3f3f3;
  padding: 10px 0;
}

.site-main-wrapper {
  zoom: 1;
}

.site-main-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.site-main-wrapper .site-main {
  width: 100%;
  max-width: 950px;
  margin: 0 auto;
  position: relative;
}

.site-main-wrapper img {
  vertical-align: bottom;
}

.site-main-wrapper .main-pic {
  display: block;
}

.site-main-wrapper .site-main img {
  width: 100%;
}
@media (max-width: 768px) {
  .site-main-wrapper {
    padding: 0;
  }
  .site-main-wrapper .site-main {
    width: 100%;
    max-width: 768px;
    margin: 0 auto;
    position: relative;
  }
  .site-main-wrapper .site-main img {
    width: 100%;
  }
}
@media (max-width: 568px) {
  .pc {
    display: none;
  }
  .mb {
    display: block;
  }
  .mobile {
    display: block;
  }
  .site-main-wrapper .site-main img {
    width: 100%;
  }
  .site-content-wrapper h3.player {
    font-size: 16px;
  }
}

/* -- 廠商廣告區塊 END
-------------------------------------------------- */
/* -- 詳細內容區塊 START
-------------------------------------------------- */
.site-content-wrapper {
  width: 100%;
  position: relative;
  background: white;
}

.site-content-wrapper {
  zoom: 1;
}

.site-content-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.site-content-wrapper.scw-gray {
  background: #f3f3f3;
  -webkit-box-shadow: 0 0px 4px 1px #e0e0e0 inset;
  -moz-box-shadow: 0 0px 4px 1px #e0e0e0 inset;
  box-shadow: 0 0px 4px 1px #e0e0e0 inset;
}

.site-content-wrapper .site-content {
  width: 100%;
  width: 1100px;
  margin: 0 auto;
  position: relative;
  padding: 24px 0;
}

.site-content-wrapper .site-content + .site-content {
  padding-top: 0;
}

.site-content-wrapper .site-content:last-child {
  padding-bottom: 48px;
}

.site-content-wrapper .site-content:first-child {
  padding-bottom: 24px;
}

@media (max-width: 768px) {
  .site-content-wrapper .site-content {
    width: auto;
    max-width: 768px;
  }
  .site-content-wrapper .site-content:first-child {
    padding-bottom: 24px;
  }
  .site-content-wrapper.scw-gray .site-content:last-child {
    padding-bottom: 0px;
  }
}
@media (max-width: 568px) {
  .site-content-wrapper .site-content.sc-errorpage {
    padding: 60px 0px 100px;
  }
}

.site-content-wrapper .content-title {
  width: 100%;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 30px;
  color: #222222;
}

.site-content-wrapper .content-txt-wrap {
  width: 100%;
  height: auto;
  margin-bottom: 20px;
  font-size: 15px;
  line-height: 1.7;
  color: #444444;
  position: relative;
}

.site-content-wrapper .content-txt-wrap.ctw-center {
  text-align: center;
}
.site-content-wrapper .content-txt-wrap.ctw-center p.red-tip {
  background: #fff;
  border: 1px solid #f85766;
  border-radius: 6px;
  color: #f85766;
  padding: 8px 10px;
  font-size: 12px;
}

.site-content-wrapper .content-txt-wrap .red-tip2 {
  display: inline-block;
  margin: 0 auto;
  background: #fff;
  border: 1px solid #f85766;
  border-radius: 6px;
  color: #f85766;
  padding: 8px 10px;
  font-size: 12px;
}

.site-content-wrapper .content-txt-wrap.ctw-bottom {
  margin-bottom: 0px;
  margin-top: 30px;
}

.site-content-wrapper .member-pay .pay-tab-content .content-txt-wrap.ctw-bottom + .scw-btn-block {
  margin-top: 15px;
}
.site-content-wrapper .member-pay .pay-tab-content .content-txt-wrap.ctw-bottom + .pay-btn-box {
  margin-top: 15px;
}

.site-content-wrapper .content-txt-wrap.ctw-bottom .content-txt {
  margin-bottom: 15px;
}
.site-content-wrapper .content-txt-wrap .sei-mail {
  font-weight: bold;
  margin-left: 5px;
}

.site-content-wrapper .content-txt-box {
  width: 100%;
  padding: 20px 20px;
  background: #f3f3f3;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.site-content-wrapper .content-txt {
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
}

.site-content-wrapper .content-txt .ct-left {
  text-align: left;
}

@media (max-width: 1170px) {
  .site-content-wrapper .content-title {
    padding: 0 15px;
  }
  .site-content-wrapper .content-txt-wrap {
    padding: 0 15px;
  }
}
@media (max-width: 768px) {
  .site-content-wrapper .content-txt-wrap .red-tip2 {
    width: 100%;
  }
}
@media (max-width: 568px) {
  .site-content-wrapper .content-title {
    margin-bottom: 20px;
  }
  .site-content-wrapper .content-txt-wrap.ctw-bottom {
    margin-top: 16px;
  }
}

.site-content .provider {
  text-align: right;
  padding: 0 0 0 15px;
  margin-bottom: 25px;
  color: #888;
}
.site-content .provider .mb_br {
  display: none;
}

.site-content-wrapper .content-txt ul {
  margin-bottom: 30px;
}

.site-content-wrapper .content-txt li {
  margin-bottom: 20px;
}

.site-content-wrapper .content-txt li:last-child {
  margin-bottom: 0;
}

.site-content-wrapper .scw-m-width {
  width: 100%;
  max-width: 650px;
  margin: 0 auto 25px;
}

.site-content-wrapper .scw-btn-block {
  width: 100%;
  position: relative;
  text-align: center;
}

.site-content-wrapper .scw-btn-block .btn {
  min-width: 150px;
  margin: 0 8px;
  padding: 0 20px;
}

.site-content-wrapper .scw-btn-block.sb-pding {
  padding: 0;
}

.site-content-wrapper .scw-btn-block .sb-mb {
  display: none;
}

.site-content-wrapper .scw-btn-block.sb-pding-2 {
  padding: 0 15px;
}

.site-content-wrapper .scw-btn-block .sb-link-txt {
  font-size: 13px;
  margin-top: 7px;
}

.site-content-wrapper .scw-btn-block .sb-link-txt a {
  display: inline-block;
  padding: 0 10px;
  border-right: 1px solid #e0e0e0;
}

.site-content-wrapper .scw-btn-block .sb-link-txt a:last-child {
  border-right: none;
}

@media (max-width: 768px) {
  .site-content-wrapper .scw-btn-block .sb-link-txt {
    margin-top: 10px;
  }
}

@media (max-width: 568px) {
  .site-content-wrapper .scw-btn-block .sb-link-txt {
    font-size: 13px;
    margin-top: 0px;
  }
  .site-content-wrapper .scw-btn-block .sb-mb {
    display: inline-block;
  }
}

.site-content-wrapper .scw-tip {
  font-size: 14px;
  color: #f85766;
  line-height: 1.5;
}

.site-content-wrapper .scw-tip-icon {
  display: inline-block;
  width: 15px;
  height: 15px;
  line-height: 15px;
  background: #f85766;
  text-align: center;
  font-size: 12px;
  color: white;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 99em;
  -moz-border-radius: 99em;
  border-radius: 99em;
}

.site-content-wrapper .scw-focus {
  color: #036eb8;
}

.site-content-wrapper .list-tip {
  font-size: 14px;
  line-height: 1.5;
  color: #444444;
}

.site-content-wrapper .list-tip .red-tip {
  color: #f85766;
}

.site-content-wrapper .list-tip.lst-pd ul {
  padding-left: 18px;
}

.site-content-wrapper .list-tip ul {
  list-style: disc;
  padding-left: 35px;
}

.site-content-wrapper .list-tip li {
  margin-top: 2px;
}

.site-content-wrapper .list-tip a {
  color: #036eb8;
}

.site-content-wrapper .list-tip a.on-touch {
  color: #014a7a;
}

.site-content-wrapper .list-tip2 {
  font-size: 15px;
  line-height: 1.5;
  text-align: left;
  color: #444444;
  width: 100%;
  padding: 25px 25px;
  margin-bottom: 20px;
  background: #f3f3f3;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.site-content-wrapper .list-tip2 .red-tip {
  color: #f85766;
}

.site-content-wrapper .list-tip2 ul {
  list-style: disc;
  padding-left: 16px;
}

.site-content-wrapper .list-tip2 li {
  margin-top: 15px;
}

.site-content-wrapper .list-tip2 li:first-child {
  margin-top: 0;
}

.site-content-wrapper .list-tip2 a {
  color: #036eb8;
}

.site-content-wrapper .list-tip2 a.on-touch {
  color: #014a7a;
}

.site-content-wrapper .currency-type {
  width: 100%;
  text-align: right;
  margin-bottom: 8px;
  font-size: 14px;
  color: #444;
}

.site-content-wrapper .scw-banner {
  width: 100%;
  height: auto;
  text-align: center;
  margin-bottom: 30px;
}

.site-content-wrapper .scw-banner img {
  max-width: 100%;
}

.site-content-wrapper .order-table {
  display: table;
  width: 100%;
}

.site-content-wrapper .order-table dl {
  display: table-row;
}

.site-content-wrapper .order-table dt, .site-content-wrapper .order-table dd {
  display: table-cell;
  padding: 7px 10px;
  font-size: 15px;
  line-height: 1.4;
  vertical-align: middle;
}

.site-content-wrapper .o-info-1 {
  color: #444444;
  margin-bottom: 25px;
}

.site-content-wrapper .o-info-1 dl:last-child dt, .site-content-wrapper .o-info-1 dl:last-child dd {
  border-bottom: 1px solid #e0e0e0;
}

.site-content-wrapper .o-info-1 dt, .site-content-wrapper .o-info-1 dd {
  border-top: 1px solid #e0e0e0;
  padding: 7px 25px;
}

.site-content-wrapper .o-info-1 dt {
  width: 25%;
  background: #f5f5f5;
  padding-left: 15px;
}

.site-content-wrapper .o-info-1 dd {
  width: 75%;
}
.site-content-wrapper .o-info-1 dd p {
  font-size: 15px;
  line-height: 1.6;
}

.site-content-wrapper .o-info-1 dd .tips-red {
  display: inline-block;
  width: 200px;
  background-color: #f85766;
  border-radius: 8px;
  color: #fff;
  font-size: 14px;
  margin-left: 10px;
  padding: 4px 10px;
  position: relative;
}
.site-content-wrapper .o-info-1 dd .tips-red::before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 10px 5px 0;
  border-color: transparent #f85766 transparent transparent;
  margin-top: -5px;
  position: absolute;
  left: -10px;
  top: 50%;
}

.site-content-wrapper .o-info-1 .scw-tip {
  color: #888888;
}

.site-content-wrapper .o-info-2 {
  color: #444444;
  position: relative;
}

.site-content-wrapper .o-info-2 .ot-title {
  background: #f5f5f5;
}

.site-content-wrapper .o-info-2 .ot-title dd {
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}

.site-content-wrapper .o-info-2 dd {
  border-bottom: 1px solid #e0e0e0;
}
.site-content-wrapper .o-info-2 .o-pd-name {
  width: 82%;
  padding-left: 15px;
}

.site-content-wrapper .o-info-2 .o-pd-num {
  width: 10%;
  padding-left: 5px;
  text-align: center;
}

.site-content-wrapper .o-info-2 .o-pd-price {
  width: 12%;
  padding-left: 5px;
  text-align: right;
}

.site-content-wrapper .o-info-2 .o-pd-total {
  width: 18%;
  padding-left: 5px;
  padding-right: 15px;
  text-align: right;
}

.site-content-wrapper .o-info-2 .o-other-tip {
  display: block;
  width: 55%;
  position: absolute;
  font-size: 14px;
  line-height: 1.4;
  color: #888888;
  bottom: 6px;
  left: 10px;
  text-align: left;
}
.site-content-wrapper .o-info-3 {
  display: inline-flex;
  justify-content: space-around;
  align-content: flex-start;
  flex-wrap: wrap;
}
.site-content-wrapper .o-info-3 dl {
  width: 48%;
  border: 1px solid #e0e0e0;
  margin-bottom: 15px;
}
.site-content-wrapper .o-info-3 dt {
  display: flex;
  background-color: #f5f5f5;
  border-bottom: 1px solid #e0e0e0;
  width: 100%;
  justify-content: flex-start;
  align-content: center;
}
.site-content-wrapper .o-info-3 dd {
  display: flex;
  width: 100%;
  flex-direction: column;
}
.site-content-wrapper .o-info-3 dd p {
  line-height: 1.8;
  text-align: left;
}
.site-content-wrapper .o-info-3 .oi-tip {
  line-height: 1.8;
  text-align: left;
  color:#888;
  font-size: 14px;
}
.site-content-wrapper .o-info-3 .scw-btn-block {
  text-align: left;
  margin: 5px 0;
}
.site-content-wrapper .o-info-3 .scw-btn-block .btn {
  margin: 0 10px 0 0;
}
.site-content-wrapper .o-info-3 .scw-btn-block .btn:last-child {
  margin-right: 0px;
}

.oif-hl {
  font-size: 18px;
  font-weight: bold;
}

.site-content-wrapper .ot-total {
  font-weight: bold;
  width: 100%;
}

.site-content-wrapper .ot-total dl + dl dd {
  padding-top: 0;
}

.site-content-wrapper .ot-total dd {
  border-bottom: none;
  padding: 8px 10px;
}

.site-content-wrapper .ot-total .o-other-name {
  width: 82%;
  text-align: right;
}

.site-content-wrapper .ot-total .o-other-total {
  width: 18%;
  padding-left: 5px;
  padding-right: 15px;
  text-align: right;
}

.site-content-wrapper .ot-total .o-bouns .o-other-total {
  color: #e73358;
}

.site-content-wrapper .ot-total .o-bouns dd {
  padding-bottom: 10px;
}

.site-content-wrapper .ot-total .o-sum {
  color: #444444;
}

.site-content-wrapper .ot-total .o-sum dd {
  padding: 8px 10px 0;
  border-top: 2px solid #666;
  font-size: 16px;
}

.site-content-wrapper .oi-note {
  font-size: 14px;
}

.site-content-wrapper .o-event-tip {
  display: block;
  width: 100%;
  font-size: 14px;
  line-height: 1.4;
  color: #888888;
  text-align: left;
}


/* 訂單資訊 */
.order-info-box {
  width: 100%;
  padding: 0px 15px;
}
.order-info-box .oib-title {
  width: 100%;
  padding: 8px 18px 8px 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  font-weight: bold;
  color: #444444;
  line-height: 1.4;
}
.order-info-box .oib-title {
  width: 100%;
  padding: 8px 18px 8px 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  font-weight: bold;
  color: #444444;
  line-height: 1.4;
}
.order-info-box .oib-detail {
  width: 100%;
  border-bottom: 2px solid #666;
  transition: .3s;
}
.order-info-box .oib-detail .obd-box {
  width: 100%;
  border-top: 1px solid #E0E0E0;
}
.order-info-box .oib-detail .obd-box dl {
  width: 100%;
  padding: 8px 8px;
  font-size: 14px;
  color: #444444;
  line-height: 1.4;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.order-info-box .oib-detail .obd-box dt {
  width: 94px;
  padding-right: 10px;
  flex-shrink: 0;
}
.order-info-box .oib-detail .obd-table {
  width: 100%;
}
.order-info-box .oib-detail .obd-table .otb-l {
  text-align: left;
}
.order-info-box .oib-detail .obd-table .otb-c {
  text-align: center;
}
.order-info-box .oib-detail .obd-table .otb-r {
  text-align: right;
}
.order-info-box .oib-detail .obd-table table {
  width: 100%;
}
.order-info-box .oib-detail .obd-table th {
  padding: 8px 8px;
  border-top: 1px solid #E0E0E0;
  background: #F5F5F5;
}
.order-info-box .oib-detail .obd-table thead th {
  padding: 8px 8px;
  border-top: 1px solid #E0E0E0;
  background: #F5F5F5;
  font-size: 14px;
  color: #444444;
  line-height: 1.4;
}
.order-info-box .oib-detail .obd-table tbody tr:first-child {
  border-top: 1px solid #E0E0E0;
}
.order-info-box .oib-detail .obd-table tbody td {
  padding: 8px 8px;
  font-size: 15px;
  color: #444444;
  line-height: 1.4;
}
.order-info-box .oib-detail .obd-table .otb-sum td {
  padding: 4px 8px;
  font-size: 15px;
  color: #444444;
  line-height: 1.4;
}
.order-info-box .oib-sum {
  width: 100%;
  padding: 8px 8px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 16px;
  font-weight: bold;
  color: #444444;
  line-height: 1.4;
}
.order-info-box .oib-sum .obs-price {
  margin-left: 16px;
}
@media (max-width: 768px) {
  .order-info-box .oib-title {
    cursor: pointer;
  }
  .order-info-box .oib-title:after {
    content: "";
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 7px 4px 0px;
    border-color: #48484A transparent transparent;
    pointer-events: none;
    margin-left: 8px;
    transition: .2s;
  }
  .order-info-box.oib-act .oib-title:after {
    transform: rotate(180deg);
  }
  .order-info-box.oib-act .oib-detail {
    max-height: 1000px;
    border-bottom: 2px solid #666;
  }
  .order-info-box .oib-detail {
    max-height: 0px;
    overflow: hidden;
    border-bottom: 0px;
  }
}











@media (max-width: 1170px) {
  .site-content-wrapper .scw-btn-block.sb-pding,
  .site-content-wrapper .o-info-3 {
    padding: 0 15px;
  }
}

@media (max-width: 568px) {
  .site-content-wrapper .scw-btn-block .btn {
    width: 100%;
    margin: 0 0 15px 0;
  }
  .site-content-wrapper .scw-btn-block .btn:last-child {
    margin-bottom: 0;
  }
  .site-content-wrapper .scw-btn-block a.btn[title="列印本頁"] {
    display: none;
  }
  .site-content-wrapper .o-info-3 dl {
    width: 100%;
  }
}

@media (max-width: 1170px) {
  .site-content-wrapper .currency-type {
    padding: 0 15px;
  }
}

@media (max-width: 1170px) {
  .site-content-wrapper .scw-banner {
    padding: 0 15px;
  }
}

@media (max-width: 568px) {
  .site-content-wrapper .order-table dt, .site-content-wrapper .order-table dd {
    font-size: 14px;
    padding: 7px 7px;
  }
}

@media (max-width: 1170px) {
  .site-content-wrapper .o-info-1 {
    padding: 0 15px;
  }
}

@media (max-width: 768px) {
  .site-content-wrapper .o-info-1 dt, .site-content-wrapper .o-info-1 dd {
    padding: 7px 15px;
  }
  .site-content-wrapper .o-info-1 dt {
    width: 30%;
  }
  .site-content-wrapper .o-info-1 dd {
    width: 70%;
  }
  .pimp {
    display: none;
  }
}

@media (max-width: 568px) {
  .site-content-wrapper .o-info-1 dt, .site-content-wrapper .o-info-1 dd {
    padding: 7px 10px;
  }
  .site-content-wrapper .o-info-1 dt {
    width: 33%;
  }
  .site-content-wrapper .o-info-1 dd {
    width: 67%;
  }
  .site-content-wrapper .o-info-1 dd p {
    font-size: 14px;
  }
  .site-content-wrapper .o-info-1 .btn {
    height: 36px;
    line-height: 36px;
  }
}

@media (max-width: 1170px) {
  .site-content-wrapper .o-info-2 {
    padding: 0 15px;
  }
}

@media (max-width: 768px) {
  .site-content-wrapper .o-info-2 .o-pd-name {
    width: 55%;
  }
  .site-content-wrapper .o-info-2 .o-pd-num {
    width: 9%;
  }
  .site-content-wrapper .o-info-2 .o-pd-price {
    width: 13%;
  }
  .site-content-wrapper .o-info-2 .o-pd-total {
    width: 23%;
  }
  .site-content-wrapper .o-info-3 .scw-btn-block .btn + .btn {
    margin-top: 10px;
  }
}

@media (max-width: 568px) {
  .site-content-wrapper .o-info-2 .o-pd-name {
    width: 63%;
    padding-left: 10px;
  }
  .site-content-wrapper .o-info-2 .o-pd-num {
    width: 14%;
  }
  .site-content-wrapper .o-info-2 .o-pd-price {
    display: none;
  }
  .site-content-wrapper .o-info-2 .o-pd-total {
    padding-right: 10px;
  }
}

@media (max-width: 1170px) {
  .site-content-wrapper .o-info-2 .o-other-tip {
    left: 15px;
  }
}

@media (max-width: 768px) {
  .site-content-wrapper .o-info-2 .o-other-tip {
    width: 245px;
    bottom: -7px;
  }
}

@media (max-width: 568px) {
  .site-content-wrapper .o-info-2 .o-other-tip {
    width: 290px;
    bottom: -20px;
    right: 20px;
    left: initial;
    font-size: 13px;
    text-align: right;
  }
}

@media (max-width: 768px) {
  .site-content-wrapper .ot-total .o-other-name {
    width: 77%;
  }
  .site-content-wrapper .ot-total .o-other-total {
    width: 23%;
  }
}

@media (max-width: 568px) {
  .site-content-wrapper .ot-total .o-other-name {
    width: 57%;
    text-align: left;
  }
  .site-content-wrapper .ot-total .o-other-total {
    width: 43%;
    padding-right: 10px;
  }
}

.ad {
  margin-bottom: 15px;
  font-size: 14px;
}

.ad a {
  margin-bottom: 10px;
  display: block;
}

.events-box-list {
  width: 100%;
  margin-bottom: 16px;
}

.events-box-list .events-box {
  width: 100%;
  padding: 8px 0;
  border-bottom: 1px dashed #e0e0e0;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.events-box-list .events-box .ebl-tag {
  min-width: 48px;
  height: 26px;
  padding: 2px 10px;
  border-radius: 4px;
  background: #E8F6FF;
  flex-shrink: 0;
  color: #036EB8;
  font-size: 14px;
  line-height: 1.4;
  margin-right: 4px;
}

.events-box-list .events-box .ebl-content {
  width: 100%;
  color: #036EB8;
  font-size: 14px;
  line-height: 1.4;
  text-align: left;
  padding-top: 2px;
}

@media (max-width: 1170px) {
  .site-content-wrapper .o-event-tip {
    padding: 0 15px;
  }
}

@media (max-width: 568px) {
  .site-content-wrapper .o-event-tip {
    font-size: 13px;
    padding-top: 5px;
  }
}

.site-content-wrapper .process-wrap {
  max-width: 800px;
  padding: 25px 0 15px;
  text-align: center;
  zoom: 1;
}

.site-content-wrapper .process-wrap:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.site-content-wrapper .process-wrap .step-box {
  display: inline-block;
  width: 25%;
  text-align: left;
  zoom: 1;
}

.site-content-wrapper .process-wrap .step-box:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.site-content-wrapper .process-wrap .step-box.pcw-action .num-bg {
  background: #2ca6e0;
}

.site-content-wrapper .process-wrap .step-box.pcw-action .set-font {
  color: #2ca6e0;
}

.site-content-wrapper .process-wrap .step-box.pcw-action .step-caption {
  border-top-color: #2ca6e0;
  color: #2ca6e0;
}

.site-content-wrapper .process-wrap .step-box:not(:first-child) {
  margin-left: -4px;
}

.site-content-wrapper .process-wrap .set-font {
  font-size: 12px;
  color: #888888;
  font-family: setFont;
  letter-spacing: 2px;
  padding-left: 2px;
  padding-top: 7px;
  display: inline-block;
  -moz-transform: scale(0.8);
  -o-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}

.site-content-wrapper .process-wrap .num-bg {
  float: left;
  width: 45px;
  height: 45px;
  text-align: center;
  padding-top: 3px;
  background: #888888;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 99em;
  -moz-border-radius: 99em;
  border-radius: 99em;
}

.site-content-wrapper .process-wrap .num {
  display: inline-block;
  color: white;
  border: 1px solid white;
  width: 39px;
  height: 39px;
  padding-top: 5px;
  font-size: 25px;
  text-align: center;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 99em;
  -moz-border-radius: 99em;
  border-radius: 99em;
}

.site-content-wrapper .process-wrap .step-caption {
  font-size: 14px;
  color: #888888;
  line-height: 1.5;
  text-indent: 7px;
  margin: 2px 0 0 2px;
  border-top: 2px solid #888888;
}

.site-content-wrapper .member-pay {
  width: 100%;
  position: relative;
  padding: 25px 25px 40px;
  background: white;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  zoom: 1;
}

.site-content-wrapper .member-pay:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.site-content-wrapper .member-pay.mp-no-op .pay-tab-wrapper {
  float: none;
  width: 100%;
  padding-right: 0;
}

.site-content-wrapper .member-pay.mp-no-op .pay-main-login {
  display: none;
}

.site-content-wrapper .member-pay .pay-tab-wrapper {
  float: left;
  width: 720px;
  padding-right: 15px;
}

.site-content-wrapper .member-pay .pay-tab-wrapper.ptw-no-op {
  float: none;
  width: 100%;
  padding-right: 0;
}

@media (max-width: 768px) {
  .site-content-wrapper .member-pay .pay-tab-wrapper {
    float: none;
    width: 100%;
    padding-right: 0px;
  }
}

.site-content-wrapper .member-pay .pay-tab-menu {
  width: 100%;
  position: relative;
}

.site-content-wrapper .member-pay .pay-tab-menu .ptm-en {
  display: none;
}

.site-content-wrapper .member-pay .pt-menu-btn {
  display: none;
  width: 100%;
  height: 40px;
  line-height: 40px;
  padding: 0 15px;
  margin: 0;
  text-align: center;
  color: white;
  font-size: 16px;
  font-weight: bold;
  background: #444;
  cursor: pointer;
  position: relative;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}

.site-content-wrapper .member-pay .pt-menu-btn:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 6px 0 6px;
  border-color: white transparent transparent transparent;
  content: '';
  right: 15px;
  top: 17px;
  position: absolute;
  pointer-events: none;
}

.site-content-wrapper .member-pay .pt-menu-btn.on-touch {
  background: #222;
}

.site-content-wrapper .member-pay .pay-tab-list {
  width: 100%;
  height: auto;
  text-align: center;
  padding-bottom: 8px;
  border-bottom: 2px solid #666;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
  zoom: 1;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.site-content-wrapper .member-pay .pay-tab-list:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.site-content-wrapper .member-pay .pay-tab-list li {
  width: calc(20% - 10px);
  min-height: 36px;
  padding: 2px 8px;
  margin: 0 12.5px 12px 0;
  text-align: left;
  color: #444444;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  background: white;
  display: block;
  cursor: pointer;
  border: 1px solid #e0e0e0;
  background-clip: padding-box;
  border-radius: 6px;
  transition: 0.3s;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.site-content-wrapper .member-pay .pay-tab-list li:nth-child(5n) {
  margin-right: 0;
}

.site-content-wrapper .member-pay .pay-tab-list li.on-touch, .site-content-wrapper .member-pay .pay-tab-list li.active {
  color: white;
  background: #444;
  border-color: #444;
}

.site-content-wrapper .member-pay .pay-tab-list li .ptl-ic {
  width: 26px;
  height: 26px;
  background: center center / contain no-repeat;
  margin-right: 6px;
}

.site-content-wrapper .member-pay .pay-tab-list .ptl-card .ptl-ic  {
  background-image: url('../images/other/ic-pay-credit.svg');
}
.site-content-wrapper .member-pay .pay-tab-list .ptl-card.on-touch .ptl-ic,
.site-content-wrapper .member-pay .pay-tab-list .ptl-card.active .ptl-ic {
  background-image: url('../images/other/ic-pay-credit-w.svg');
}
.site-content-wrapper .member-pay .pay-tab-list .ptl-twqr .ptl-ic  {
  width: 44px;
  height: 28px;
  background-image: url('../images/other/ic-pay-twqr.svg');
}
.site-content-wrapper .member-pay .pay-tab-list .ptl-twqr.on-touch .ptl-ic,
.site-content-wrapper .member-pay .pay-tab-list .ptl-twqr.active .ptl-ic {
  background-image: url('../images/other/ic-pay-twqr-w.svg');
}

.site-content-wrapper .member-pay .pay-tab-list .ptl-jko .ptl-ic  {
  background-image: url('../images/other/ic-pay-jko.svg');
}
.site-content-wrapper .member-pay .pay-tab-list .ptl-jko.on-touch .ptl-ic,
.site-content-wrapper .member-pay .pay-tab-list .ptl-jko.active .ptl-ic {
  background-image: url('../images/other/ic-pay-jko.svg');
}

.site-content-wrapper .member-pay .pay-tab-list .ptl-ipass .ptl-ic  {
  background-image: url('../images/other/ic-pay-ipass.svg');
}
.site-content-wrapper .member-pay .pay-tab-list .ptl-ipass.on-touch .ptl-ic,
.site-content-wrapper .member-pay .pay-tab-list .ptl-ipass.active .ptl-ic {
  background-image: url('../images/other/ic-pay-ipass-w.svg');
}

.site-content-wrapper .member-pay .pay-tab-list .ptl-webatm .ptl-ic  {
  background-image: url('../images/other/ic-pay-atm.svg');
}
.site-content-wrapper .member-pay .pay-tab-list .ptl-webatm.on-touch .ptl-ic,
.site-content-wrapper .member-pay .pay-tab-list .ptl-webatm.active .ptl-ic {
  background-image: url('../images/other/ic-pay-atm-w.svg');
}
.site-content-wrapper .member-pay .pay-tab-list .ptl-atm .ptl-ic  {
  background-image: url('../images/other/ic-pay-atm.svg');
}
.site-content-wrapper .member-pay .pay-tab-list .ptl-atm.on-touch .ptl-ic,
.site-content-wrapper .member-pay .pay-tab-list .ptl-atm.active .ptl-ic {
  background-image: url('../images/other/ic-pay-atm-w.svg');
}
.site-content-wrapper .member-pay .pay-tab-list .ptl-nocard .ptl-ic  {
  background-image: url('../images/other/ic-pay-nocard.svg');
}
.site-content-wrapper .member-pay .pay-tab-list .ptl-nocard.on-touch .ptl-ic,
.site-content-wrapper .member-pay .pay-tab-list .ptl-nocard.active .ptl-ic {
  background-image: url('../images/other/ic-pay-nocard-w.svg');
}
.site-content-wrapper .member-pay .pay-tab-list .ptl-yurich .ptl-ic  {
  background-image: url('../images/other/ic-pay-yurich.svg');
}
.site-content-wrapper .member-pay .pay-tab-list .ptl-yurich.on-touch .ptl-ic,
.site-content-wrapper .member-pay .pay-tab-list .ptl-yurich.active .ptl-ic {
  background-image: url('../images/other/ic-pay-yurich.svg');
}
.site-content-wrapper .member-pay .pay-tab-list .ptl-cvbarcode .ptl-ic  {
  background-image: url('../images/other/ic-pay-barcode.svg');
}
.site-content-wrapper .member-pay .pay-tab-list .ptl-cvbarcode.on-touch .ptl-ic,
.site-content-wrapper .member-pay .pay-tab-list .ptl-cvbarcode.active .ptl-ic {
  background-image: url('../images/other/ic-pay-barcode-w.svg');
}
.site-content-wrapper .member-pay .pay-tab-list .ptl-cvcode .ptl-ic  {
  background-image: url('../images/other/ic-pay-barcode.svg');
}
.site-content-wrapper .member-pay .pay-tab-list .ptl-cvcode.on-touch .ptl-ic,
.site-content-wrapper .member-pay .pay-tab-list .ptl-cvcode.active .ptl-ic {
  background-image: url('../images/other/ic-pay-barcode-w.svg');
}
.site-content-wrapper .member-pay .pay-tab-list .ptl-famibarcode .ptl-ic  {
  background-image: url('../images/other/ic-pay-barcode.svg');
}
.site-content-wrapper .member-pay .pay-tab-list .ptl-famibarcode.on-touch .ptl-ic,
.site-content-wrapper .member-pay .pay-tab-list .ptl-famibarcode.active .ptl-ic {
  background-image: url('../images/other/ic-pay-barcode-w.svg');
}
.site-content-wrapper .member-pay .pay-tab-list .ptl-googlepay .ptl-ic  {
  background-image: url('../images/other/ic-pay-googlepay.svg');
}
.site-content-wrapper .member-pay .pay-tab-list .ptl-googlepay.on-touch .ptl-ic,
.site-content-wrapper .member-pay .pay-tab-list .ptl-googlepay.active .ptl-ic {
  background-image: url('../images/other/ic-pay-googlepay.svg');
}
.site-content-wrapper .member-pay .pay-tab-list .ptl-wechatpay .ptl-ic  {
  background-image: url('../images/other/ic-pay-wechat.svg');
}
.site-content-wrapper .member-pay .pay-tab-list .ptl-wechatpay.on-touch .ptl-ic,
.site-content-wrapper .member-pay .pay-tab-list .ptl-wechatpay.active .ptl-ic {
  background-image: url('../images/other/ic-pay-wechat.svg');
}
.site-content-wrapper .member-pay .pay-tab-list .ptl-applepay .ptl-ic  {
  width: 44px;
  height: 28px;
  background-image: url('../images/other/ic-pay-applepay.svg');
}
.site-content-wrapper .member-pay .pay-tab-list .ptl-applepay.on-touch .ptl-ic,
.site-content-wrapper .member-pay .pay-tab-list .ptl-applepay.active .ptl-ic {
  background-image: url('../images/other/ic-pay-applepay.svg');
}
.site-content-wrapper .member-pay .pay-tab-list .ptl-gwpay .ptl-ic  {
  background-image: url('../images/other/gwpay_logo.svg');
}
.site-content-wrapper .member-pay .pay-tab-list .ptl-gwpay.on-touch .ptl-ic,
.site-content-wrapper .member-pay .pay-tab-list .ptl-gwpay.active .ptl-ic {
  background-image: url('../images/other/gwpay_logo.svg');
}



.site-content-wrapper .member-pay .pay-tab-list .ptl-opay {
  display: none;
}

.site-content-wrapper .member-pay .pay-tab-list.pt-height {
  max-height: 504px;/*470*/
}

.site-content-wrapper .member-pay .pay-tab-content {
  width: 100%;
  padding: 20px 0 0;
  font-size: 16px;
  line-height: 1.6;
  position: relative;
}

.site-content-wrapper .member-pay .pay-tab-content > div {
  zoom: 1;
}

.site-content-wrapper .member-pay .pay-tab-content > div:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.site-content-wrapper .member-pay .pay-tab-content .scw-btn-block {
  margin-top: 30px;
}

.site-content-wrapper .member-pay .pay-tab-content .scw-tip {
  margin-bottom: 10px;
}

.site-content-wrapper .member-pay .pay-tab-form dl, .site-content-wrapper .member-pay .pay-tab-form dd, .site-content-wrapper .member-pay .pay-tab-form dt {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -ms-transition: 0.4s;
  transition: 0.4s;
}

.site-content-wrapper .member-pay .pay-tab-form dl {
  width: 100%;
  position: relative;
  margin-bottom: 18px;
  vertical-align: top;
}

.site-content-wrapper .member-pay .pay-tab-form dl:last-child {
  margin-bottom: 0;
}

.site-content-wrapper .member-pay .pay-tab-form dt {
  width: 145px;
  display: inline-block;
  padding-right: 5px;
  font-size: 16px;
  vertical-align: top;
  padding-top: 7px;
  line-height: 1.5;
}

.site-content-wrapper .member-pay .pay-tab-form dd {
  width: 75%;
  display: inline-block;
  vertical-align: top;
  position: relative;
}

.site-content-wrapper .member-pay .pay-tab-form .inp-required {
  color: red;
  font-size: 13px;
  font-weight: bold;
  margin-left: 2px;
  vertical-align: super;
}

.site-content-wrapper .member-pay .pay-tab-form input[type="text"], .site-content-wrapper .member-pay .pay-tab-form input[type="password"], .site-content-wrapper .member-pay .pay-tab-form input[type="tel"], .site-content-wrapper .member-pay .pay-tab-form input[type="number"], .site-content-wrapper .member-pay .pay-tab-form input[type="email"] {
  width: 40%;
}

.site-content-wrapper .member-pay .pay-tab-form textarea, .site-content-wrapper .member-pay .pay-tab-form select {
  width: 40%;
}

.site-content-wrapper .member-pay .pay-tab-form input[type="text"]:disabled, 
.site-content-wrapper .member-pay .pay-tab-form input[type="password"]:disabled, 
.site-content-wrapper .member-pay .pay-tab-form input[type="tel"]:disabled, 
.site-content-wrapper .member-pay .pay-tab-form input[type="number"]:disabled, 
.site-content-wrapper .member-pay .pay-tab-form input[type="email"]:disabled {
  background: #f7f7f7;
}

.site-content-wrapper .member-pay .ptf-txt {
  font-size: 14px;
  color: #444444;
  line-height: 1.5;
  margin-bottom: 15px;
  padding-left: 9px;
}
.site-content-wrapper .member-pay .ptf-txt.pft2 {
  font-size: 16px;
  padding-left: 0px;
  color: #000;
}
.site-content-wrapper .member-pay .ptf-txt.pft-inb {
  display: inline-block;
}

.site-content-wrapper .member-pay .pay-tab-list li .menu-gwpay {
  display: none;
  margin: 0 4px 0 0;
  vertical-align: sub;
}

@media (max-width: 1170px) {
  .site-content-wrapper .process-wrap {
    padding: 25px 15px 15px;
  }
}

@media (max-width: 768px) {
  .site-content-wrapper .member-pay .pay-tab-menu .ptm-en {
    display: inline-block;
  }
  .site-content-wrapper .process-wrap .set-font {
    padding-top: 5px;
  }
  .site-content-wrapper .process-wrap .num-bg {
    width: 38px;
    height: 38px;
  }
  .site-content-wrapper .process-wrap .num {
    width: 32px;
    height: 32px;
    padding-top: 4px;
    font-size: 19px;
  }
  .site-content-wrapper .process-wrap .step-caption span {
    display: none;
  }
  .site-content-wrapper .member-pay .pay-tab-list  .ptl-opay {
    display: block;
  }
  .site-content-wrapper .member-pay .pt-menu-btn {
    display: block;
  }
  
  /* .site-content-wrapper .member-pay .pay-tab-list {
    max-height: 0px;
    overflow: hidden;
    margin-top: 10px;
    border-bottom: none;
    padding-bottom: 0px;
  }
  .site-content-wrapper .member-pay .pay-tab-list li {
    width: 100%;
    float: none;
    margin-bottom: 0;
    border-top: none;
    height: 42px;
    line-height: 42px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
  }
  .site-content-wrapper .member-pay .pay-tab-list li:first-child {
    border-top: 1px solid #e0e0e0;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
  }
  .site-content-wrapper .member-pay .pay-tab-list li:last-child {
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
  }
  .site-content-wrapper .member-pay .pay-tab-list li.on-touch, .site-content-wrapper .member-pay .pay-tab-list li.active {
    background: #aaa;
  } */
  .site-content-wrapper .member-pay .pay-tab-list {
    padding-bottom: 12px;
  }
  .site-content-wrapper .member-pay .pay-tab-list li {
    width: calc(50% - 4px);
    min-height: 40px;
    margin: 0 8px 8px 0;
  }
  .site-content-wrapper .member-pay .pay-tab-list li:nth-child(5n) {
    margin-right: auto;
  }
  .site-content-wrapper .member-pay .pay-tab-list li:nth-child(2n) {
    margin-right: 0;
  }

  .site-content-wrapper .member-pay .pay-tab-list li .menu-gwpay {
    display: inline-block;
  }
  
  .site-content-wrapper .member-pay .pay-tab-form dd {
    width: 66%;
  }
  .site-content-wrapper .member-pay .pay-tab-form input[type="text"], .site-content-wrapper .member-pay .pay-tab-form input[type="password"], .site-content-wrapper .member-pay .pay-tab-form input[type="tel"], .site-content-wrapper .member-pay .pay-tab-form input[type="email"] {
    width: 70%;
  }
  .site-content-wrapper .member-pay .pay-tab-form textarea, .site-content-wrapper .member-pay .pay-tab-form select {
    width: 70%;
  }
}
@media (max-width: 568px) {
  .site-content-wrapper .process-wrap {
    padding-bottom: 5px;
  }
  .site-content-wrapper .process-wrap .step-box {
    width: 30.5%;
  }
  .site-content-wrapper .process-wrap .step-box:last-child {
    width: auto;
  }
  .site-content-wrapper .process-wrap .step-box:last-child .step-caption {
    display: none;
  }
  .site-content-wrapper .process-wrap .set-font {
    display: none;
  }
  .site-content-wrapper .process-wrap .num-bg {
    width: 30px;
    height: 30px;
    padding-top: 2px;
  }
  .site-content-wrapper .process-wrap .num {
    width: 26px;
    height: 26px;
    padding-top: 5px;
    font-size: 13px;
  }
  .site-content-wrapper .process-wrap .step-caption {
    margin-top: 14px;
  }
  .site-content-wrapper .member-pay {
    padding: 25px 15px 50px;
  }
  .site-content-wrapper .member-pay .pay-tab-form dl {
    margin-bottom: 12px;
  }
  .site-content-wrapper .member-pay .pay-tab-form dt, .site-content-wrapper .member-pay .pay-tab-form dd {
    width: 100%;
    display: block;
  }
  .site-content-wrapper .member-pay .pay-tab-form dt {
    padding-right: 0;
    margin-bottom: 5px;
  }
  .site-content-wrapper .member-pay .pay-tab-form input[type="text"], .site-content-wrapper .member-pay .pay-tab-form input[type="password"], .site-content-wrapper .member-pay .pay-tab-form input[type="tel"], .site-content-wrapper .member-pay .pay-tab-form input[type="email"] {
    width: 100%;
  }
  .site-content-wrapper .member-pay .pay-tab-form textarea, .site-content-wrapper .member-pay .pay-tab-form select {
    width: 100%;
  }
  .site-content-wrapper .member-pay .pay-tab-list li {
    font-size: 14px;
    line-height: 1.2;
  }
}
@media (max-width: 340px) {
  .site-content-wrapper .member-pay .pay-tab-list li {
    font-size: 13px;
  }
}


.warning {
  font-size: 14px;
  color: #444444;
  line-height: 1.5;
  margin-top: 10px;
  margin-bottom: 0;
  padding-left: 9px;
}

.warning.wn-mrb {
  margin-top: 0;
  margin-bottom: 10px;
}

.site-content-wrapper .member-pay .ptf-txt a {
  color: #036eb8;
}

.site-content-wrapper .member-pay .ptf-txt a.on-touch {
  color: #014a7a;
}

.site-content-wrapper .member-pay .ptf-txt .red-tip {
  color: #f85766;
}

.site-content-wrapper .member-pay .ptf-txt .pay-tip-2 {
  padding-left: 0;
}

.site-content-wrapper .member-pay .ptt-img {
  display: inline-block;
  vertical-align: middle;
  padding: 0 5px;
}

.site-content-wrapper .member-pay .ptt-img img {
  max-width: 100%;
  vertical-align: bottom;
}

.site-content-wrapper .member-pay .ptf-img {
  width: 100%;
  text-align: left;
  margin-bottom: 15px;
  padding-left: 9px;
}

.site-content-wrapper .member-pay .ptf-img img {
  max-width: 100%;
  vertical-align: bottom;
}

.site-content-wrapper .member-pay .pim-andr img {
  width: 100px;
  border: 1px solid #ccc;
  border-radius: 10px;
}

.site-content-wrapper .member-pay .ptf-qr {
  width: 100%;
  text-align: center;
  margin-bottom: 15px;
}

.site-content-wrapper .member-pay .ptf-qr img {
  max-width: 100%;
  vertical-align: bottom;
  display: inline-block;
}


.site-content-wrapper .member-pay .ptf-card-type {
  display: inline-block;
  width: auto;
  margin-bottom: 15px;
}

.site-content-wrapper .member-pay .ptf-card-type .cc-icon {
  margin-right: 5px;
}

.site-content-wrapper .member-pay .ptf-3d-info {
  display: inline-block;
  width: auto;
  font-size: 14px;
  color: #444444;
  line-height: 1.5;
  vertical-align: 5px;
  margin-bottom: 10px;
  position: relative;
}

.site-content-wrapper .member-pay .ptf-3d-info a {
  color: #036eb8;
}

.site-content-wrapper .member-pay .ptf-3d-info a.on-touch {
  color: #014a7a;
}

.site-content-wrapper .member-pay .ptf-3d-info .bank-tip-popup {
  bottom: 27px;
  right: 0;
  width: 222px;
  line-height: 1.6;
  display: none;
}

.site-content-wrapper .member-pay .ptf-events-txt {
  display: inline-block;
  font-size: 14px;
  line-height: 1.5;
  width: auto;
  margin-left: 8px;
  margin-bottom: 10px;
  vertical-align: 5px;
}

.site-content-wrapper .member-pay .ptf-bs .pay-tab-radio, .site-content-wrapper .member-pay .ptf-bs .pay-tab-select {
  margin-bottom: 15px;
}

.site-content-wrapper .member-pay .ptf-bs .ptf-txt {
  margin-top: 10px;
  margin-bottom: 0;
}

.site-content-wrapper .member-pay .ptf-oneline dt {
  padding-top: 0;
}

.site-content-wrapper .member-pay .ptf-oneline2 dt {
  padding-top: 3px;
}

.site-content-wrapper .member-pay .ptf-paylist {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.site-content-wrapper .member-pay .ptf-paylist dt {
  width: auto;
  height: 30px;
  padding-top: 0px;
  padding-right: 15px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
}
.site-content-wrapper .member-pay .ptf-paylist .pal-img {
  height: 24px;
  display: block;
}
.site-content-wrapper .member-pay .ptf-paylist dd {
  width: 100%;
  display: block; 
  padding-left: 9px;
}

@media (max-width: 768px) {
  .site-content-wrapper .member-pay .ptf-card-type {
    width: 100%;
    margin-bottom: 5px;
  }
  .site-content-wrapper .member-pay .ptf-paylist {
    flex-direction: column;
  }
}

@media (max-width: 768px) {
  .site-content-wrapper .member-pay .ptf-events-txt {
    margin-left: 0px;
  }
}

@media (max-width: 568px) {
  .site-content-wrapper .member-pay .ptf-oneline dt {
    width: 110px;
    display: inline-block;
    padding-right: 5px;
    margin-bottom: 0px;
  }
  .site-content-wrapper .member-pay .ptf-oneline dd {
    width: 55%;
    display: inline-block;
  }
}


.site-content-wrapper .member-pay .pay-card-num {
  width: 100%;
}

.site-content-wrapper .member-pay .pay-card-num input[type="tel"] {
  width: 100%;
  text-align: center;
}

.site-content-wrapper .member-pay .pay-card-num li {
  display: inline-block;
  width: 29%;
  padding-right: 5px;
}

.site-content-wrapper .member-pay .pay-card-num li:last-child {
  padding-right: 0;
}

.site-content-wrapper .member-pay .pay-card-num .card-num {
  width: 70%;
}

.site-content-wrapper .member-pay .pay-card-num .card-num input[type="tel"] {
  width: 20.8%;
}

.site-content-wrapper .member-pay .pay-card-num.pcn-2 .card-num input[type="tel"] {
  width: 29.2%;
}

.site-content-wrapper .member-pay .pay-card-num .cc-icon {
  vertical-align: -7px;
  margin-right: 5px;
}

.site-content-wrapper .member-pay .pay-card-date dd {
  width: 17%;
}

.site-content-wrapper .member-pay .pay-card-date input[type="tel"] {
  margin-right: 1.2%;
  text-align: center;
}

.site-content-wrapper .member-pay .pay-card-date .pay-card-ccvb {
  width: 58%;
}

.site-content-wrapper .member-pay .pay-card-ccvb dl {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.site-content-wrapper .member-pay .pay-card-ccvb dt {
  width: 100px;
}

.site-content-wrapper .member-pay .pay-card-ccvb dd {
  width: calc(100% - 110px);
}

.site-content-wrapper .member-pay .pay-card-ccvb input[type="tel"] {
  width: 36%;
}

.site-content-wrapper .member-pay .pay-card-ccvb .p-ccvb-img {
  width: 44px;
  vertical-align: -10px;
}

.site-content-wrapper .member-pay .add-cc-block {
  margin-bottom: 15px;
}
.site-content-wrapper .member-pay .action-cc-block {
  margin: 15px 0
}

.site-content-wrapper .member-pay .add-cc-block a,
.site-content-wrapper .member-pay .action-cc-block a {
  text-decoration: underline;
}

.site-content-wrapper .member-pay .add-cc-block .pay-tip-2,
.site-content-wrapper .member-pay .action-cc-block .pay-tip-2 {
  color: #000;
  margin-top: 5px;
  padding-left: 20px;
}

.site-content-wrapper .member-pay .add-cc-block .input-error-txt,
.site-content-wrapper .member-pay .action-cc-block .input-error-txt {
  padding-left: 27px;
}

.site-content-wrapper .member-pay .p-cv-store .btn {
  height: 30px;
  line-height: 30px;
  margin-left: 10px;
  vertical-align: -2px;
  font-size: 15px;
}

.site-content-wrapper .member-pay .p-pickup-info dt {
  font-size: 16px;
  font-weight: bold;
  color: #036eb8;
}

.site-content-wrapper .member-pay .p-pickup-info .pay-tab-check {
  text-align: left;
}

.site-content-wrapper .member-pay .pay-rule {
  margin-top: 15px;
}

.site-content-wrapper .member-pay .pay-rule a {
  color: #036eb8;
}

.site-content-wrapper .member-pay .pay-rule a.on-touch {
  color: #014a7a;
}

.site-content-wrapper .member-pay .p-send-address input[type="text"], .site-content-wrapper .member-pay .p-send-address select, .site-content-wrapper .member-pay .p-send-address ul {
  width: 100%;
}

.site-content-wrapper .member-pay .p-send-address li {
  width: 49%;
  padding-right: 5px;
  margin-bottom: 10px;
  display: inline-block;
}

.site-content-wrapper .member-pay .p-send-address li:nth-child(2n) {
  padding-right: 0px;
}

.site-content-wrapper .member-pay .p-send-address li:nth-child(3), .site-content-wrapper .member-pay .p-send-address li:nth-child(4) {
  margin-bottom: 0px;
}

.site-content-wrapper .member-pay .p-send-address .ps-add-num {
  width: 20%;
}

.site-content-wrapper .member-pay .p-send-address .ps-add-detail {
  width: 78%;
}

.site-content-wrapper .member-pay .pay-tab-select {
  position: relative;
  /* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
}

.site-content-wrapper .member-pay .pay-tab-select .bs-tip-popup {
  bottom: 35px;
  right: 0;
  width: 222px;
  line-height: 1.6;
  display: none;
}

.site-content-wrapper .member-pay .pay-tab-select:before {
  content: '';
  right: 5px;
  top: -5px;
  width: 25px;
  height: 36px;
  background: white;
  position: absolute;
  pointer-events: none;
  display: block;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -ms-transition: 0.4s;
  transition: 0.4s;
}

.site-content-wrapper .member-pay .pay-tab-select:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 5px 0 5px;
  border-color: #888888 transparent transparent transparent;
  content: '';
  right: 10px;
  top: 10px;
  position: absolute;
  pointer-events: none;
}

.site-content-wrapper .member-pay .pay-tab-select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #FFF;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -ms-transition: 0.4s;
  transition: 0.4s;
}

.site-content-wrapper .member-pay .pay-tab-select:focus:before, .site-content-wrapper .member-pay .pay-tab-select:focus select {
  background: #fffde9;
}

.site-content-wrapper .member-pay .pay-tab-select:hover:before, .site-content-wrapper .member-pay .pay-tab-select:hover select {
  background: #fffde9;
}

.site-content-wrapper .member-pay .pay-tab-radio input[type="radio"] {
  display: none;
}

.site-content-wrapper .member-pay .pay-tab-radio .radio-1, .site-content-wrapper .member-pay .pay-tab-radio .radio-2 {
  cursor: pointer;
  overflow: visible;
  display: inline-block;
  position: relative;
  margin: 2.5px 25px 2.5px 0;
}

.site-content-wrapper .member-pay .pay-tab-radio label.radio-1:before, .site-content-wrapper .member-pay .pay-tab-radio label.radio-2:before {
  background: white;
  border: 1px solid #e0e0e0;
  content: '';
  position: absolute;
  width: 18px;
  height: 18px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 99em;
  -moz-border-radius: 99em;
  border-radius: 99em;
}

.site-content-wrapper .member-pay .pay-tab-radio label.radio-1:after, .site-content-wrapper .member-pay .pay-tab-radio label.radio-2:after {
  opacity: 0;
  content: '';
  position: absolute;
  background: transparent;
  width: 8px;
  height: 4px;
  border: 3px solid #222222;
  border-top: none;
  border-right: none;
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.site-content-wrapper .member-pay .pay-tab-radio .radio-1 {
  text-indent: 26px;
}

.site-content-wrapper .member-pay .pay-tab-radio label.radio-1:before {
  top: 2.5px;
  left: 0;
}

.site-content-wrapper .member-pay .pay-tab-radio label.radio-1:after {
  top: 7.5px;
  left: 5px;
}

.site-content-wrapper .member-pay .pay-tab-radio .radio-2 {
  text-indent: 32px;
}

.site-content-wrapper .member-pay .pay-tab-radio label.radio-2:before {
  top: 7.5px;
  left: 0;
}

.site-content-wrapper .member-pay .pay-tab-radio label.radio-2:after {
  top: 13.5px;
  left: 6px;
}

.site-content-wrapper .member-pay .pay-tab-radio input[type=radio]:checked + label:after {
  opacity: 1;
}

.site-content-wrapper .member-pay .pay-tab-check {
  text-align: left;
}

.site-content-wrapper .member-pay .pay-tab-check.ptc-mg {
  margin: 5px 0;
}

.site-content-wrapper .member-pay .pay-tab-check input[type="checkbox"] {
  display: none;
}

.site-content-wrapper .member-pay .pay-tab-check .input-error-txt {
  padding-left: 27px;
}

.site-content-wrapper .member-pay .pay-tab-check .checkbox {
  cursor: pointer;
  overflow: visible;
  display: inline-block;
  position: relative;
  padding-top: 3px;
  padding-left: 27px;
  font-size: 14px;
}

.site-content-wrapper .member-pay .pay-tab-check label.checkbox:before {
  background: white;
  border: 1px solid #e0e0e0;
  content: '';
  position: absolute;
  top: 3.5px;
  left: 0;
  width: 18px;
  height: 18px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.site-content-wrapper .member-pay .pay-tab-check label.checkbox:after {
  opacity: 0;
  content: '';
  position: absolute;
  background: transparent;
  top: 8.5px;
  left: 5px;
  width: 8px;
  height: 4px;
  border: 3px solid #222222;
  border-top: none;
  border-right: none;
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.site-content-wrapper .member-pay .pay-tab-check input[type=checkbox]:checked + label:after {
  opacity: 1;
}

.site-content-wrapper .member-pay .pay-tab-check input[type=checkbox]:disabled + label {
  color: #888;
}

.site-content-wrapper .member-pay .pay-tip {
  font-size: 14px;
  line-height: 1.5;
  color: #888888;
  margin-top: 15px;
  padding: 0 10px;
  position: relative;
}

.site-content-wrapper .member-pay .pay-tip .red-tip {
  color: #f85766;
}

.site-content-wrapper .member-pay .pay-tip ul {
  list-style: disc;
  padding-left: 34px;
}

.site-content-wrapper .member-pay .pay-tip li {
  margin-top: 2px;
}

.site-content-wrapper .member-pay .pay-tip a {
  color: #036eb8;
}

.site-content-wrapper .member-pay .pay-tip a.on-touch {
  color: #014a7a;
}

.site-content-wrapper .member-pay .pay-tip .pt-less {
  display: block;
  height: 70px;
  overflow: hidden;
}

.site-content-wrapper .member-pay .pay-tip .pt-less-act {
  height: auto;
}

.site-content-wrapper .member-pay .pay-tip .pay-tip-more {
  display: none;
  text-align: center;
  color: #036eb8;
  font-size: 14px;
  line-height: 1;
  margin-top: 3px;
  position: absolute;
  top: 0px;
  right: 0px;
  text-decoration: underline;
}

.site-content-wrapper .member-pay .pay-tip .ptm-act {
  display: inline-block;
}

.site-content-wrapper .member-pay .pay-tip-2 {
  font-size: 14px;
  line-height: 1.5;
  color: #888888;
  margin-top: 5px;
  position: relative;
}

.site-content-wrapper .member-pay .pay-tip-3 {
  font-size: 14px;
  line-height: 1.5;
  color: #888888;
  margin-top: 25px;
  position: relative;
}

.site-content-wrapper .member-pay .pt-c {
  text-align: center;
}

.site-content-wrapper .member-pay .red-tip {
  color: #f85766;
}

.site-content-wrapper .member-pay .pay-tip-2 ul {
  list-style: disc;
  padding-left: 20px;
  display: inline-block;
}

.site-content-wrapper .member-pay .pay-tip-2 li {
  margin-top: 2px;
}

.site-content-wrapper .member-pay .pay-tip-2 a {
  color: #036eb8;
}

.site-content-wrapper .member-pay .pay-tip-2 a.on-touch {
  color: #014a7a;
}

.site-content-wrapper .member-pay .pc-tip {
  display: inline-block;
}

.site-content-wrapper .member-pay .pc-tip li {
  position: relative;
}

.site-content-wrapper .member-pay .pc-tip .bank-tip-popup {
  bottom: 27px;
  right: 0;
  width: 222px;
  line-height: 1.6;
  display: none;
}

.site-content-wrapper .member-pay .pc-tip.pc-bk {
  display: block;
}

.site-content-wrapper .member-pay .pt-events-txt {
  font-size: 14px;
  line-height: 1.5;
  display: inline-block;
  padding-left: 10px;
}

@media (max-width: 1000px) {
  .site-content-wrapper .member-pay .pay-card-num li {
    width: 25%;
  }
  .site-content-wrapper .member-pay .pay-card-num .card-num {
    width: 53%;
  }
}

@media (max-width: 768px) {
  .site-content-wrapper .member-pay .pay-card-num li {
    width: 40%;
  }
  .site-content-wrapper .member-pay .pay-card-num .card-num {
    width: 100%;
    margin-bottom: 8px;
  }
  .site-content-wrapper .member-pay .pay-card-num .card-num input[type="text"],
   .site-content-wrapper .member-pay .pay-card-num .card-num input[type="tel"] {
    width: 21%;
  }
  .site-content-wrapper .member-pay .pay-card-num .card-type {
    width: auto;
    padding-right: 5px;
  }
  .site-content-wrapper .member-pay .pay-card-num .pc-events-txt {
    width: auto;
  }
  .site-content-wrapper .member-pay .add-cc-block .pay-tip-2 {
    padding-left: 20px;
  }
}

@media (max-width: 568px) {
  .site-content-wrapper .member-pay .pay-card-num li {
    width: 49%;
    padding-right: 0px;
  }
  .site-content-wrapper .member-pay .pay-card-num .card-num input[type="text"],
   .site-content-wrapper .member-pay .pay-card-num .card-num input[type="tel"] {
    width: 20%;
  }
}

@media (max-width: 900px) {
  .site-content-wrapper .member-pay .pay-card-date dd {
    width: 20%;
  }
  .site-content-wrapper .member-pay .pay-card-date .pay-card-ccvb {
    width: 100%;
    margin-top: 15px;
  }
}

@media (max-width: 768px) {
  .site-content-wrapper .member-pay .pay-card-date dd {
    width: 25%;
  }
  .site-content-wrapper .member-pay .pay-card-date input[type="tel"] {
    width: 47%;
  }
}

@media (max-width: 568px) {
  .site-content-wrapper .member-pay .pay-card-date dd {
    width: 100%;
  }
  .site-content-wrapper .member-pay .pay-card-date input[type="tel"] {
    width: 47%;
    margin-right: 2%;
  }
  .site-content-wrapper .member-pay .pay-card-date input[type="tel"]:last-child {
    margin-right: 0;
  }
}

@media (max-width: 900px) {
  .site-content-wrapper .member-pay .pay-card-ccvb dt {
    width: 145px;
  }
  .site-content-wrapper .member-pay .pay-card-ccvb dd {
    width: 62%;
  }
  .site-content-wrapper .member-pay .pay-card-ccvb input[type="tel"] {
    width: 30%;
  }
}

@media (max-width: 568px) {
  .site-content-wrapper .member-pay .pay-card-ccvb dt {
    width: 100%;
  }
  .site-content-wrapper .member-pay .pay-card-ccvb dd {
    width: 100%;
  }
  .site-content-wrapper .member-pay .pay-card-ccvb input[type="tel"] {
    width: 47.5%;
  }
}

@media (max-width: 768px) {
  .site-content-wrapper .member-pay .p-cv-store input[type="text"] {
    width: 60%;
  }
}

@media (max-width: 568px) {
  .site-content-wrapper .member-pay .p-cv-store .btn {
    height: 40px;
    line-height: 40px;
    margin-left: 10px;
    vertical-align: -2px;
    font-size: 15px;
    padding: 0 10px;
  }
  .site-content-wrapper .member-pay .p-cv-store input[type="text"] {
    width: 55%;
  }
}

@media (max-width: 768px) {
  .site-content-wrapper .member-pay .p-send-address .ps-add-num {
    width: 21%;
  }
  .site-content-wrapper .member-pay .p-send-address .ps-add-detail {
    width: 77%;
  }
}

@media (max-width: 568px) {
  .site-content-wrapper .member-pay .p-send-address .ps-add-num {
    width: 24%;
  }
  .site-content-wrapper .member-pay .p-send-address .ps-add-detail {
    width: 74%;
  }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .site-content-wrapper .member-pay .pay-tab-select select {
    padding-right: 18px;
  }
}

@media (max-width: 568px) {
  .site-content-wrapper .member-pay .pay-tab-radio .radio-1, .site-content-wrapper .member-pay .pay-tab-radio .radio-2 {
    width: 100%;
    margin: 0px 0px 10px 0;
  }
  .site-content-wrapper .member-pay .pay-tab-radio .radio-1:last-child, .site-content-wrapper .member-pay .pay-tab-radio .radio-2:last-child {
    margin-bottom: 0;
  }
}

@media (max-width: 568px) {
  .site-content-wrapper .member-pay .pay-tab-radio .radio-1 {
    width: 100%;
    margin: 0px 0px 0px 0;
    font-size: 15px;
  }
}
/* 快刷付款頁 */
.site-content-wrapper.quick-pay-wrap {
  background: #f3f3f3;
}
.site-content-wrapper.quick-pay-wrap .member-pay .pay-tab-content,
.site-content-wrapper.quick-pay-wrap .member-pay .pay-tab-menu {
  width: 750px;
  margin: 0 auto;
}
.site-content-wrapper.quick-pay-wrap .member-pay .quick-pay-tab .pay-main-content {
  overflow: hidden;
}
.site-content-wrapper.quick-pay-wrap .member-pay .pay-tab-form input {
  height: 45px;
  line-height: normal;
}
.site-content-wrapper.quick-pay-wrap .member-pay .pay-tab-form input[type="text"],
.site-content-wrapper.quick-pay-wrap .member-pay .pay-tab-form input[type="tel"],
.site-content-wrapper.quick-pay-wrap .member-pay .pay-tab-form input[type="date"],
.site-content-wrapper.quick-pay-wrap .member-pay .pay-tab-form textarea {
  width: 75%;
}
.site-content-wrapper.quick-pay-wrap .member-pay .pay-tab-form textarea {
  height: 100px;
}
.site-content-wrapper.quick-pay-wrap .ifo-radio {
  margin-bottom: 8px;
}
.site-content-wrapper.quick-pay-wrap .select-box {
  margin-bottom: 15px;
}
.site-content-wrapper.quick-pay-wrap .pay-tab3 .select-box {
  margin-bottom: 0;
}
.site-content-wrapper.quick-pay-wrap .select-box label {
  display: inline-block;
  position: relative;
}
.site-content-wrapper.quick-pay-wrap .select-box label,
.site-content-wrapper.quick-pay-wrap .member-pay .pay-tab-form .select-box input[type="text"] {
  width: 137px;
}
.site-content-wrapper.quick-pay-wrap .select-box select {
  width: 100%;
}
.site-content-wrapper.quick-pay-wrap .select-box select,
.site-content-wrapper .member-pay .pay-tab-select select,
.site-content-wrapper.quick-pay-wrap .pay-cardnum-select .pcs-menu-btn {
  height: 45px;
  line-height: normal;
}
.site-content-wrapper.quick-pay-wrap .pay-cardnum-select .pcs-menu-btn {
  line-height: 45px;
  padding-top: 0;
}
.site-content-wrapper.quick-pay-wrap .pay-cardnum-select .pcs-menu-btn:after {
  top: 50%;
  margin-top: -4px;
}

.site-content-wrapper.quick-pay-wrap .member-pay .pay-tab-select::before {
  height: 34px;
  top: -4px;
}
.site-content-wrapper.quick-pay-wrap .member-pay .pay-tab-select::after {
  top: 50%;
  /*margin-top: -3.5px;*/
}

.site-content-wrapper.quick-pay-wrap .member-pay .pay-tab-form .select-box input.w-small,
.site-content-wrapper.quick-pay-wrap .member-pay .pay-tab-form .ptf-dfe-phone input.pdp-inp {
  width: 56px;
}
.site-content-wrapper.quick-pay-wrap .member-pay .pay-card-num .card-num input[type="text"] {
  width: 20%;
}
.site-content-wrapper.quick-pay-wrap .member-pay .pay-card-date input[type="text"] {
  width: 40%;
}
.site-content-wrapper.quick-pay-wrap .warning span {
 color: #f85766;
 font-size: 13px;
}
  /* 持卡人身份證提示 */
.site-content-wrapper.quick-pay-wrap .member-pay .id_card .id-input {
  position: relative;
}
.site-content-wrapper.quick-pay-wrap .member-pay .id_card .ic-tip {
  background-color: #333;
  border-radius: 100%;
  width: 24px;
  height: 24px;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  text-align: center;
  z-index: 99;
}
.site-content-wrapper.quick-pay-wrap .member-pay .id_card .ic-tip:hover {
  background-color: #555;
}
.site-content-wrapper.quick-pay-wrap .member-pay .id_card .ic-tip:hover + .tip-box {
  display: block;
}
.site-content-wrapper.quick-pay-wrap .member-pay .id_card .tip-box {
  background-color: rgba(50, 50, 50, 0.9);
  border-radius: 4px;
  width: 154px;
  color: #fff;
  display: none;
  font-size: 14px;
  line-height: 1.5;
  padding: 8px 12px;
  position: absolute;
  top: -105px;
  right: 143px;
}
.site-content-wrapper.quick-pay-wrap .member-pay .id_card .tip-box::after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 5px 0 5px;
  border-color: rgba(50, 50, 50, 0.9) transparent transparent transparent;
  margin-right: -2.5px;
  right: 50%;
  bottom: -7px;
  position: absolute;
  pointer-events: none;

}
.site-content-wrapper.quick-pay-wrap .pay-main-login {
  display: none;
}
.site-content-wrapper.quick-pay-wrap .member-pay .pay-tab-form .inp-required.non-filled {
  visibility: hidden;
}
.site-content-wrapper.quick-pay-wrap .member-pay .pay-card-ccvb dd {
  width: 70%;
}
.site-content-wrapper.quick-pay-wrap .location-box .select-box label.pay-tab-select::before {
  top: 5px;
}

@media (max-width: 768px) {
  .site-content-wrapper.quick-pay-wrap .member-pay .pay-tab-content,
  .site-content-wrapper.quick-pay-wrap .member-pay .pay-tab-menu {
    width: 100%;
  }
  .site-content-wrapper.quick-pay-wrap .location-box dd {
    width: calc(100% - 150px);
  }
  .site-content-wrapper.quick-pay-wrap .location-box .select-box label.pay-tab-select {
    width: 103px;
  }
}
@media (max-width: 568px) {
  .site-content-wrapper.quick-pay-wrap .member-pay .pay-tab-content,
  .site-content-wrapper.quick-pay-wrap .member-pay .pay-tab-menu {
    width: 100%;
  }
  .site-content-wrapper.quick-pay-wrap .member-pay .pay-tab-form input[type="text"],
  .site-content-wrapper.quick-pay-wrap .member-pay .pay-tab-form textarea {
    width: 100%;
  }
  .site-content-wrapper.quick-pay-wrap .select-box label.pay-tab-select {
    width: 100%;
  }
  .site-content-wrapper.quick-pay-wrap .location-box dd {
    width: 100%;
  }
  .site-content-wrapper.quick-pay-wrap .send-location .select-box label.pay-tab-select {
    width: 49%;
    margin-right: calc(2% - 6px);
    margin-bottom: 15px;
  }
  .site-content-wrapper.quick-pay-wrap .send-location .select-box label.pay-tab-select:last-of-type {
    margin-right: 0;
  }
  .site-content-wrapper.quick-pay-wrap .send-location .select-box input,
  .site-content-wrapper.quick-pay-wrap .location-box .select-box input {
    text-align: center;
  }

  .site-content-wrapper.quick-pay-wrap .location-box {
    margin-bottom: 10px;
  }
  .site-content-wrapper.quick-pay-wrap .location-box .select-box label.pay-tab-select {
    width: calc(35% - 2px);
    margin-right: 2px;
  }
  .site-content-wrapper.quick-pay-wrap .member-pay .pay-tab-form .location-box .select-box input[type="text"].lcb-zcode {
    width: 27%;
  }


  .site-content-wrapper.quick-pay-wrap .select-box select,
  .site-content-wrapper.quick-pay-wrap .member-pay .pay-tab-form .select-box input[type="text"] {
    width: 100%;
  }
  .site-content-wrapper.quick-pay-wrap .member-pay .pay-card-date input[type="text"] {
    width: 48%;
    margin-right: 2%;
  }
  .site-content-wrapper.quick-pay-wrap .member-pay .pay-card-date input[type="text"]:last-child {
    margin-right: 0;
  }
  .site-content-wrapper.quick-pay-wrap .member-pay .pay-tab-radio .radio-1 {
    width: 48%;
  }
  .site-content-wrapper.quick-pay-wrap .pay-regular .select-box label {
    width: 50%;
  }
  .site-content-wrapper.quick-pay-wrap .member-pay .pay-tab-form .pay-regular .select-box input[type="text"] {
    width: 30%;
  }
  .site-content-wrapper.quick-pay-wrap .member-pay .pay-tab-form .id_card input[type="text"] {
    width: 90%;
  }
  .site-content-wrapper.quick-pay-wrap .member-pay .id_card .tip-box {
    right: 0;
  }
  .site-content-wrapper.quick-pay-wrap .member-pay .id_card .tip-box::after {
    right: 10px;
  }
  .site-content-wrapper.quick-pay-wrap .pay-main-login {
    display: block;
  }
  .site-content-wrapper.quick-pay-wrap .member-pay .pay-card-ccvb dd {
    width: 100%;
  }
}
@media (max-width: 320px) {
  .site-content-wrapper.quick-pay-wrap .member-pay .id_card .pay-tab-radio .radio-1 {
    width: 100%;
  }
  .site-content-wrapper.quick-pay-wrap .member-pay .id_card .id-input input[type="text"] {
    width: 89%;
  }
  .site-content-wrapper.quick-pay-wrap .member-pay .pay-card-num .card-num input[type="text"] {
    width: 18.5%;
  }
}

/* 電子帳單 */
.pay_box {
  text-align: center;
  height: auto;
  width: 100%;
  margin: 0 auto 30px auto;
  padding: 1.5em;
}

.print_1 {
  border: 1px dashed #979797;
}

.pay_box h3 {
  font-size: 16px;
  font-weight: normal;
  text-shadow: none;
  line-height: 1.8em;
}

.pay_box h4 {
  color: #F05555;
  font-size: 15px;
  font-weight: normal;
  text-shadow: none;
  margin-bottom: 15px;
}

.pay_box p.blue {
  color: #588C3F;
  font-size: 16px;
  text-align: center;
}

.pay_box .boxB {
  border-top: 3px solid #ccc;
  border-bottom: 3px solid #CCC;
  border-left: 1px solid #CCC;
  width: 100%;
  margin: 1em auto 0.5em auto;
}

.pay_box .boxB tr td {
  font-size: 1.4em;
  border-bottom: 1px solid #CCC;
  padding: 10px;
  border-right: 1px solid #CCC;
  text-align: center;
  vertical-align: middle;
}

.pay_box .boxB tr td.lightblue {
  background: #E5F9DD;
  color: #333;
  font-weight: bold;
}

.pay_box .ss_info {
  margin-left: 2em;
  display: inline;
  text-align: left;
}

.pay_box h2 {
  font-size: 1.6em;
  font-weight: normal;
}

.pay_box h2.cord {
  margin-top: 20px;
}

.pay_box p.cord {
  margin: 1.5em auto;
  padding: 1em 0;
  border: 1px solid #CCC;
  width: 50%;
}

.pay-tab2 p.cord {
  margin: 1.5em auto;
  padding: 1em 0;
  border: 1px solid #CCC;
  width: 50%;
}

.pay_box p.cord img, .pay-tab2 p.cord img {
  margin: 0.5em 0;
}

.pay_box .cord-box,
.pay-tab2 .cord-box {
  margin: 20px auto;
  padding: 15px 15px;
  border: 1px solid #CCC;
  width: 50%;
  max-width: 530px;
  text-align: center;
}

.pay_box .cord-box img, .pay-tab2 .cord-box img {
  margin: 5px 0;
  max-width: 100%;
}

.pay_box .pay-tip {
  font-size: 14px;
  line-height: 1.5;
  color: #888888;
  margin-top: 20px;
  padding: 0 10px;
  position: relative;
  text-align: left;
}
.pay_box .pay-tip ul {
  list-style: disc;
  padding-left: 34px;
}
.pay_box .pay-tip h4 {
  color: #888;
  font-size: 14px;
  margin-bottom: 5px;
}
.pay_box .pay-tip li {
  margin-top: 2px;
}
.pay_box .store_img {
  text-align: center;
  margin: 8px 0 0;
  font-size: 14px;
  line-height: 1.3;
}
.pay_box .store_img .si-txt {
  display: inline-block;
  vertical-align: middle;
}
.pay_box .store_img .si-img {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  max-width: 150px;
  margin-left: 4px;
}
.pts-mail {
    display: inline-block;
    vertical-align: top;
    width: 280px;
}
.pts-mail input {
    width: 100%;
}
.pts-btn-box {
  display:  inline-block;
  vertical-align: top;
  margin-left: 10px;
}

@media (max-width: 768px) {
  .site-content-wrapper .member-pay .pt-events-txt {
    display: block;
    margin-top: 5px;
  }
  .site-content .provider {
    line-height: 1.3;
    padding-right: 15px;
  }
  .site-content .provider .mb_br {
    display: block;
  }
  .pay_box p.cord {
    width: 100%;
  }
  .pay_box .cord-box,
  .pay-tab2 .cord-box {
    width: 100%;
  }
}
@media (max-width: 568px) {
  .pay_box .store_img {
    font-size: 13px;
  }
  .pay_box .store_img .si-txt {
    display: block;
    margin-bottom: 8px;
  }
  .pay_box .store_img .si-img {
    width: 100%;
    max-width: 150px;
    margin-left: 0px;
  }
  .pts-mail {
    width: 100%;
  }
  .pts-btn-box {
    width: 100%;
    margin: 10px 0  0 0px;
  }

}

.site-content-wrapper .mp-nopay-tip {
  width: 100%;
  padding: 25px 25px;
  font-size: 15px;
  color: #f85766;
  line-height: 1.6;
  text-align: center;
  font-weight: bold;
  zoom: 1;
}
.site-content-wrapper .mp-nopay-tip:before {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.site-content-wrapper .mp-nopay-tip_a {
  width: 100%;
  font-size: 15px;
  color: #f85766;
  line-height: 1.6;
  text-align: center;
  font-weight: bold;
}

.site-content-wrapper .member-check {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  padding: 0 15px;
}

.site-content-wrapper .member-check .mr-btn-block {
  width: 100%;
  position: relative;
  text-align: center;
  margin-bottom: 20px;
  zoom: 1;
}

.site-content-wrapper .member-check .mr-btn-block:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.site-content-wrapper .member-check .mr-btn-block li {
  float: left;
  width: 48.5%;
  height: auto;
  margin-right: 3%;
  display: inline-block;
  padding: 20px 20px;
  font-size: 15px;
  line-height: 1.6;
  color: white;
  background: #EEE;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.site-content-wrapper .member-check .mr-btn-block li:last-child {
  margin-right: 0;
}

.site-content-wrapper .member-check .mr-btn-block li h4 {
  font-size: 17px;
  width: 100%;
  display: inline-block;
  margin-bottom: 5px;
  position: relative;
}

.site-content-wrapper .member-check .mr-btn-block .btn {
  margin-top: 10px;
}

.site-content-wrapper .member-check .mr-btn-block .mbb-content {
  display: inline-block;
  text-align: left;
  padding-left: 20px;
  height: 145px;
  overflow: hidden;
}

.site-content-wrapper .member-check .mr-btn-block .mbb-content p {
  position: relative;
}

.site-content-wrapper .member-check .mr-btn-block .mbb-content p:before {
  border: 2px solid white;
  content: '';
  position: absolute;
  top: 4.5px;
  left: -20px;
  width: 11px;
  height: 11px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 99em;
  -moz-border-radius: 99em;
  border-radius: 99em;
}

.site-content-wrapper .member-check .mr-btn-block .mbb-content p:after {
  content: '';
  position: absolute;
  background: transparent;
  top: 7.5px;
  left: -15.5px;
  width: 7px;
  height: 3px;
  border: 2px solid white;
  border-top: none;
  border-right: none;
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.site-content-wrapper .member-check .mr-btn-block .mbb-content .mbb-highlight {
  color: #ffd245;
}

.site-content-wrapper .member-check .mr-btn-block .mbb-content .mbb-highlight:before, .site-content-wrapper .member-check .mr-btn-block .mbb-content .mbb-highlight:after {
  border-color: #ffd245;
}

.site-content-wrapper .member-check .mr-btn-block .mbb-content .mbb-highlight2 {
  color: #e73358;
}

.site-content-wrapper .member-check .mr-btn-block .mbb-content .mbb-highlight2:before, .site-content-wrapper .member-check .mr-btn-block .mbb-content .mbb-highlight2:after {
  border-color: #e73358;
}

.site-content-wrapper .member-check .mr-btn-block .mbb-1 {
  background: #222222;
}

.site-content-wrapper .member-check .mr-btn-block .mbb-1 .btn {
  border: 1px solid white;
}

.site-content-wrapper .member-check .mr-btn-block .mbb-1 .btn.on-touch {
  border: 1px solid #DDD;
}

.site-content-wrapper .member-check .mr-btn-block .mbb-2 {
  background: #BBB;
}

.site-content-wrapper .member-check .mr-btn-block .mbb-2 .btn {
  color: #888888;
}

.site-content-wrapper .member-check .mr-btn-block .mbb-2 .btn.on-touch {
  color: white;
}

.site-content-wrapper .member-register {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  padding: 0 20px;
}

.site-content-wrapper .member-register .scw-tip {
  width: 100%;
  margin-bottom: 10px;
  text-align: center;
  position: relative;
  color: #444444;
}

.site-content-wrapper .member-register .scw-tip .scw-tip-icon {
  background: #444444;
}

.site-content-wrapper .member-register .scw-tip.st-hl {
  color: #f85766;
}

.site-content-wrapper .member-register .scw-tip.st-hl .scw-tip-icon {
  background: #f85766;
}

.site-content-wrapper .member-register .scw-tip-icon {
  margin-right: 5px;
}

.site-content-wrapper .member-register .m-bouns-ad {
  width: 100%;
  text-align: center;
}

.site-content-wrapper .member-register .m-bouns-ad img {
  max-width: 100%;
}

.site-content-wrapper .member-register .m-rgs-block {
  width: 100%;
  text-align: center;
  padding-top: 10px;
}

.site-content-wrapper .member-register .m-rgs-block .scw-btn-block .btn {
  max-width: 400px;
}

.site-content-wrapper .member-register .m-rgs-form {
  width: 100%;
  max-width: 400px;
  display: inline-block;
  text-align: left;
  margin-bottom: 15px;
}

.site-content-wrapper .member-register dl, .site-content-wrapper .member-register dd, .site-content-wrapper .member-register dt, .site-content-wrapper .member-register a, .site-content-wrapper .member-register .radio {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -ms-transition: 0.4s;
  transition: 0.4s;
}

.site-content-wrapper .member-register dl {
  width: 100%;
  position: relative;
  margin-bottom: 15px;
  vertical-align: top;
}

.site-content-wrapper .member-register dl:last-child {
  margin-bottom: 0;
}

.site-content-wrapper .member-register dt {
  width: 31%;
  display: inline-block;
  padding-right: 3px;
  padding-top: 3px;
  font-size: 16px;
  vertical-align: top;
  line-height: 1.4;
}

.site-content-wrapper .member-register dd {
  width: 68%;
  display: inline-block;
  vertical-align: top;
  position: relative;
}

.site-content-wrapper .member-register .inp-required {
  color: red;
  font-size: 13px;
  font-weight: bold;
  margin-left: 2px;
  vertical-align: super;
}

.site-content-wrapper .member-register input[type="text"], .site-content-wrapper .member-register input[type="password"] {
  width: 100%;
}

.site-content-wrapper .member-register .mr-select {
  position: relative;
  line-height: 1.6;
  font-size: 16px;
  /* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
}

.site-content-wrapper .member-register .mr-select:before {
  content: '';
  right: 6px;
  top: 2px;
  width: 25px;
  height: 20px;
  background: white;
  position: absolute;
  pointer-events: none;
  display: block;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -ms-transition: 0.4s;
  transition: 0.4s;
}

.site-content-wrapper .member-register .mr-select:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 5px 0 5px;
  border-color: #888888 transparent transparent transparent;
  content: '';
  right: 12px;
  top: 11px;
  position: absolute;
  pointer-events: none;
}

.site-content-wrapper .member-register .mr-select select {
  width: 100%;
  background: #FFF;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -ms-transition: 0.4s;
  transition: 0.4s;
}

.site-content-wrapper .member-register .mr-select:focus:before, .site-content-wrapper .member-register .mr-select:focus select {
  background: #fffde9;
}

.site-content-wrapper .member-register .mr-select:hover:before, .site-content-wrapper .member-register .mr-select:hover select {
  background: #fffde9;
}

.site-content-wrapper .member-register .mr-birthday label {
  position: relative;
  display: inline-block;
  width: 30%;
  font-size: 14px;
  color: #444444;
  margin-right: 1.5%;
}

.site-content-wrapper .member-register .mr-birthday label:first-child {
  width: 33%;
}

.site-content-wrapper .member-register .mr-birthday input {
  width: 78%;
  text-align: center;
}

.site-content-wrapper .member-register .mr-birthday .form-tip-popup {
  width: 115px;
  right: 20px;
}

.site-content-wrapper .member-register .m-rgs-check {
  text-align: center;
  margin-bottom: 20px;
}

.site-content-wrapper .member-register .m-rgs-check input[type="checkbox"] {
  display: none;
}

.site-content-wrapper .member-register .m-rgs-check .checkbox {
  cursor: pointer;
  text-indent: 26px;
  overflow: visible;
  display: inline-block;
  position: relative;
  margin-right: 15px;
  padding-top: 3px;
  font-size: 14px;
}

.site-content-wrapper .member-register .m-rgs-check label.checkbox:before {
  background: white;
  border: 1px solid #e0e0e0;
  content: '';
  position: absolute;
  top: 0.5px;
  left: 0;
  width: 18px;
  height: 18px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.site-content-wrapper .member-register .m-rgs-check label.checkbox:after {
  opacity: 0;
  content: '';
  position: absolute;
  background: transparent;
  top: 5.5px;
  left: 5px;
  width: 8px;
  height: 4px;
  border: 3px solid #222222;
  border-top: none;
  border-right: none;
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.site-content-wrapper .member-register .m-rgs-check input[type=checkbox]:checked + label:after {
  opacity: 1;
}

.site-content-wrapper .member-register .m-rgs-rule {
  width: 100%;
  max-width: 500px;
  height: 150px;
  border: 1px solid #e0e0e0;
  padding: 10px 12px;
  margin: 0 auto 25px;
  font-size: 14px;
  line-height: 1.5;
  text-align: left;
  color: #444444;
  background: #f3f3f3;
  overflow: auto;
  overflow-x: hidden;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.site-content-wrapper .member-register .mr-tip {
  font-size: 14px;
  line-height: 1.5;
  color: #888888;
  margin-top: 5px;
  padding-left: 9px;
  position: relative;
}

.site-content-wrapper .member-upgrade {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  padding: 0 20px;
}

.site-content-wrapper .member-upgrade .scw-tip {
  width: 100%;
  padding-left: 15px;
  margin-bottom: 10px;
  text-align: center;
  position: relative;
  color: #444444;
}

.site-content-wrapper .member-upgrade .scw-tip .scw-tip-icon {
  background: #444444;
}

.site-content-wrapper .member-upgrade .scw-tip.st-hl {
  color: #f85766;
}

.site-content-wrapper .member-upgrade .scw-tip.st-hl .scw-tip-icon {
  background: #f85766;
}

.site-content-wrapper .member-upgrade .scw-tip-icon {
  margin-right: 5px;
}

.site-content-wrapper .member-upgrade .scw-tip2 {
  width: 100%;
  max-width: 400px;
  text-align: left;
  margin: 0 auto 20px;
  font-size: 14px;
  line-height: 1.5;
  color: #888888;
}

.site-content-wrapper .member-upgrade .scw-tip2 .red-tip {
  color: #f85766;
}

.site-content-wrapper .member-upgrade .scw-tip2 ul {
  list-style: disc;
  padding-left: 34px;
}

.site-content-wrapper .member-upgrade .scw-tip2 li {
  margin-top: 2px;
}

.site-content-wrapper .member-upgrade .scw-tip2 a {
  color: #036eb8;
}

.site-content-wrapper .member-upgrade .scw-tip2 a.on-touch {
  color: #014a7a;
}

.site-content-wrapper .member-upgrade .m-ug-block {
  width: 100%;
  text-align: center;
  padding-top: 10px;
}

.site-content-wrapper .member-upgrade .m-ug-block .scw-btn-block .btn {
  max-width: 400px;
}

.site-content-wrapper .member-upgrade .m-ug-form {
  width: 100%;
  max-width: 400px;
  display: inline-block;
  text-align: left;
  margin-bottom: 25px;
}

.site-content-wrapper .member-upgrade dl, .site-content-wrapper .member-upgrade dd, .site-content-wrapper .member-upgrade dt, .site-content-wrapper .member-upgrade a, .site-content-wrapper .member-upgrade .radio {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -ms-transition: 0.4s;
  transition: 0.4s;
}

.site-content-wrapper .member-upgrade dl {
  width: 100%;
  position: relative;
  margin-bottom: 15px;
  vertical-align: top;
}

.site-content-wrapper .member-upgrade dl:last-child {
  margin-bottom: 0;
}

.site-content-wrapper .member-upgrade dt {
  width: 25%;
  display: inline-block;
  padding-right: 5px;
  padding-top: 3px;
  font-size: 16px;
  vertical-align: top;
}

.site-content-wrapper .member-upgrade dd {
  width: 74%;
  display: inline-block;
  vertical-align: top;
  position: relative;
}

.site-content-wrapper .member-upgrade .inp-required {
  color: red;
  font-size: 13px;
  font-weight: bold;
  margin-left: 2px;
  vertical-align: super;
}

.site-content-wrapper .member-upgrade input[type="text"], .site-content-wrapper .member-upgrade input[type="password"] {
  width: 100%;
}

.site-content-wrapper .member-upgrade .mu-select {
  position: relative;
  line-height: 1.6;
  font-size: 16px;
  /* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
}

.site-content-wrapper .member-upgrade .mu-select:before {
  content: '';
  right: 6px;
  top: 2px;
  width: 25px;
  height: 20px;
  background: white;
  position: absolute;
  pointer-events: none;
  display: block;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -ms-transition: 0.4s;
  transition: 0.4s;
}

.site-content-wrapper .member-upgrade .mu-select:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 5px 0 5px;
  border-color: #888888 transparent transparent transparent;
  content: '';
  right: 12px;
  top: 11px;
  position: absolute;
  pointer-events: none;
}

.site-content-wrapper .member-upgrade .mu-select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #FFF;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -ms-transition: 0.4s;
  transition: 0.4s;
}

.site-content-wrapper .member-upgrade .mu-select:focus:before, .site-content-wrapper .member-upgrade .mu-select:focus select {
  background: #fffde9;
}

.site-content-wrapper .member-upgrade .mu-select:hover:before, .site-content-wrapper .member-upgrade .mu-select:hover select {
  background: #fffde9;
}

.site-content-wrapper .member-upgrade .mu-birthday label {
  position: relative;
  display: inline-block;
  width: 30%;
  font-size: 14px;
  color: #444444;
  margin-right: 1.5%;
}

.site-content-wrapper .member-upgrade .mu-birthday label:first-child {
  width: 33%;
}

.site-content-wrapper .member-upgrade .mu-birthday input {
  width: 80%;
  text-align: center;
}

.site-content-wrapper .member-upgrade .mu-birthday .form-tip-popup {
  width: 115px;
  right: 20px;
}

.site-content-wrapper .member-upgrade .mu-id-info dd {
  width: 24%;
  margin-right: 3%;
}

.site-content-wrapper .member-upgrade .mu-id-info select {
  width: 100%;
}

.site-content-wrapper .member-upgrade .mu-id-info .mu-id-type {
  width: 46%;
  margin-right: 0;
}

.site-content-wrapper .member-upgrade .mu-id-info .mu-id-type dt {
  width: 40%;
  padding-top: 9px;
}

.site-content-wrapper .member-upgrade .mu-id-info .mu-id-type dd {
  width: 55%;
}

.site-content-wrapper .member-upgrade .mu-card-num {
  width: 100%;
}

.site-content-wrapper .member-upgrade .mu-card-num input[type="text"] {
  width: 100%;
  text-align: center;
}

.site-content-wrapper .member-upgrade .mu-card-num li {
  display: block;
}

.site-content-wrapper .member-upgrade .mu-card-num .card-num {
  width: 100%;
  margin-bottom: 7px;
}

.site-content-wrapper .member-upgrade .mu-card-num .card-num input[type="text"] {
  width: 22%;
}

.site-content-wrapper .member-upgrade .mu-card-num .card-type {
  width: 100%;
}

.site-content-wrapper .member-upgrade .mu-card-num .cc-icon {
  vertical-align: -7px;
  margin-right: 5px;
}

.site-content-wrapper .member-upgrade .mu-card-num .ct-txt {
  font-size: 14px;
}

.site-content-wrapper .member-upgrade .mu-card-info dd {
  width: 24%;
  margin-right: 3%;
}

.site-content-wrapper .member-upgrade .mu-card-info input[type="text"] {
  width: 47.3%;
  display: inline-block;
  margin-right: 1%;
  text-align: center;
}

.site-content-wrapper .member-upgrade .mu-card-info input[type="text"]:last-child {
  margin-right: 0;
}

.site-content-wrapper .member-upgrade .mu-card-info .mu-card-csc {
  width: 46%;
  margin-right: 0;
}

.site-content-wrapper .member-upgrade .mu-card-info .mu-card-csc dt {
  width: 35%;
}

.site-content-wrapper .member-upgrade .mu-card-info .mu-card-csc dd {
  width: 63%;
  margin-right: 0;
}

.site-content-wrapper .member-upgrade .mu-card-info .mu-card-csc input[type="text"] {
  width: 60%;
}

.site-content-wrapper .member-upgrade .mu-card-info .mu-card-csc .mu-ccvb-img {
  width: 40px;
  vertical-align: -10px;
  margin-left: 2px;
}

.site-content-wrapper .member-upgrade .mu-card-info .form-tip-popup {
  width: 105px;
}

.site-content-wrapper .member-upgrade .mu-tip {
  font-size: 14px;
  line-height: 1.5;
  color: #888888;
  margin-top: 5px;
  position: relative;
}

.site-content-wrapper .member-upgrade .m-ug-check {
  width: 100%;
  max-width: 400px;
  text-align: left;
  margin: 0 auto 15px;
  line-height: 1.4;
}

.site-content-wrapper .member-upgrade .m-ug-check input[type="checkbox"] {
  display: none;
}

.site-content-wrapper .member-upgrade .m-ug-check .checkbox {
  cursor: pointer;
  overflow: visible;
  display: inline-block;
  position: relative;
  padding-top: 3px;
  padding-left: 27px;
  font-size: 14px;
  text-align: left;
}

.site-content-wrapper .member-upgrade .m-ug-check label.checkbox:before {
  background: white;
  border: 1px solid #e0e0e0;
  content: '';
  position: absolute;
  top: 3px;
  left: 0;
  width: 18px;
  height: 18px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.site-content-wrapper .member-upgrade .m-ug-check label.checkbox:after {
  opacity: 0;
  content: '';
  position: absolute;
  background: transparent;
  top: 8px;
  left: 5px;
  width: 8px;
  height: 4px;
  border: 3px solid #222222;
  border-top: none;
  border-right: none;
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.site-content-wrapper .member-upgrade .m-ug-check input[type=checkbox]:checked + label:after {
  opacity: 1;
}

.site-content-wrapper .ctw-verify-wrap {
  max-width: 350px;
  margin: 0 auto;
  padding: 0 15px;
  font-size: 15px;
  line-height: 1.7;
  color: #444444;
  margin-top: 15px;
  text-align: center;
}

.site-content-wrapper .ctw-verify-wrap .v-focus {
  color: #588c3f;
  margin: 10px 0;
  font-size: 22px;
  font-weight: bold;
}

.site-content-wrapper .ctw-verify-wrap .txt-high-light {
  color: #f85766;
}

.site-content-wrapper .ctw-verify-wrap .cv-block {
  width: 100%;
  max-width: 300px;
  display: inline-block;
  margin: 20px 0;
}

.site-content-wrapper .ctw-verify-wrap .cv-block p {
  margin-bottom: 5px;
}

.site-content-wrapper .ctw-verify-wrap .cv-block .input-error-txt {
  margin-top: 5px;
}

.site-content-wrapper .ctw-verify-wrap .cvb-input {
  width: 100%;
}

.site-content-wrapper .ctw-verify-wrap .cvb-input input {
  width: 100%;
  max-width: 290px;
  margin: 0 2px;
}

.site-content-wrapper .ctw-verify-wrap .cv-mobile-confirm {
  width: 100%;
  max-width: 300px;
  display: inline-block;
  margin: 20px 0;
}

.site-content-wrapper .ctw-verify-wrap .cv-mobile-confirm .cv-input {
  width: 100%;
  max-width: 300px;
  display: inline-block;
  margin: 20px 0;
}

.site-content-wrapper .ctw-verify-wrap .cv-mobile-confirm .cv-input input {
  width: 100%;
  max-width: 290px;
}

.site-content-wrapper .ctw-verify-wrap .cv-mobile-confirm .scw-btn-block {
  margin-top: 20px;
}

.site-content-wrapper .ctw-verify-wrap .cvm-input {
  width: 100%;
  margin: 20px 0;
}

.site-content-wrapper .ctw-verify-wrap .cvm-input input {
  text-align: center;
  width: 80px;
  height: 35px;
  margin: 0 5px;
  font-size: 20px;
}

.site-content-wrapper .ctw-verify-wrap .scw-btn-block {
  max-width: 290px;
  margin: 0 auto 30px;
}

.site-content-wrapper .ctw-verify-wrap .scw-btn-block .btn {
  width: 100%;
  margin: 0;
}

.site-content-wrapper .ctw-verify-wrap .send-btn {
  height: 30px;
  line-height: 29px;
  padding: 0px 8px;
  margin: 0 5px;
  font-size: 13px;
}

.site-content-wrapper .ctw-phone-verify {
  max-width: 350px;
  margin: 0 auto;
  padding: 0 15px;
  font-size: 15px;
  line-height: 1.7;
  color: #444444;
  margin-top: 15px;
  text-align: center;
}

.site-content-wrapper .ctw-phone-verify .v-focus {
  color: #036eb8;
  margin: 10px 0;
  font-size: 30px;
  font-weight: bold;
}

.site-content-wrapper .ctw-phone-verify .txt-high-light {
  color: #f85766;
}

.site-content-wrapper .ctw-bonus-error {
  width: 100%;
  max-width: 650px;
  margin: 0 auto 25px;
}

.site-content-wrapper .ctw-bonus-error .cb-red {
  color: #f85766;
  font-size: 17px;
  margin-bottom: 30px;
}

.site-content-wrapper .ctw-bonus-error .content-txt-box {
  margin-bottom: 40px;
}

.site-content-wrapper .sc-bridge {
  padding: 60px 0;
}

.site-content-wrapper .sc-bridge-block {
  width: 100%;
  margin-bottom: 35px;
  text-align: center;
  position: relative;
}

.site-content-wrapper .sc-bridge-block img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}

.site-content-wrapper .sc-bridge-block .scb-pic1 {
  margin-bottom: 15px;
}

.site-content-wrapper .sc-errorpage {
  padding: 100px 15px;
}

.site-content-wrapper .sc-errorpage-block {
  width: 100%;
  margin-bottom: 30px;
  text-align: center;
  position: relative;
}

.site-content-wrapper .sc-errorpage-block .sce-pic {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}

.site-content-wrapper .cc-icon {
  width: 34px;
  height: 24px;
  display: inline-block;
  background: #FFF url("../images/frame/card_icon_34x24.png") top left no-repeat;
}

.site-content-wrapper .cc-icon.cc-up {
  background-position: 0 0;
}

.site-content-wrapper .cc-icon.cc-ae {
  width: 34px;
  height: 24px;
  background: url("../images/frame/bank_ae.svg") center center / contain  no-repeat;
}

.site-content-wrapper .cc-icon.cc-visa {
  background-position: 0 -48px;
}

.site-content-wrapper .cc-icon.cc-mc {
  background-position: 0 -72px;
}

.site-content-wrapper .cc-icon.cc-jcb {
  background-position: 0 -96px;
}

.site-content-wrapper .cc-icon.cc-uc {
  background-position: 0 -120px;
}

@media (max-width: 568px) {
  .site-content-wrapper .member-check .mr-btn-block li {
    float: none;
    width: 100%;
    max-width: 400px;
    margin-right: 0;
    margin-bottom: 15px;
  }
  .site-content-wrapper .member-check .mr-btn-block .mbb-content {
    height: auto;
  }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .site-content-wrapper .member-register .mr-select select {
    padding-right: 18px;
  }
}

@media (max-width: 568px) {
  .site-content-wrapper .member-register .scw-tip {
    margin-bottom: 15px;
  }
  .site-content-wrapper .member-register .m-rgs-form {
    width: 100%;
    padding-right: 0px;
    vertical-align: 0px;
  }
  .site-content-wrapper .member-register dl {
    margin-bottom: 10px;
  }
  .site-content-wrapper .member-register dt, .site-content-wrapper .member-register dd {
    width: 100%;
    display: block;
  }
  .site-content-wrapper .member-register dt {
    margin-right: 0;
    margin-bottom: 6px;
  }
  .site-content-wrapper .member-register .m-rgs-rule {
    max-width: 400px;
  }
  .site-content-wrapper .member-register .mr-birthday input {
    width: 78%;
  }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .site-content-wrapper .member-upgrade .mu-select select {
    padding-right: 18px;
  }
}

@media (max-width: 568px) {
  .site-content-wrapper .member-upgrade .mu-id-info dd {
    width: 100%;
    margin-right: 0;
  }
  .site-content-wrapper .member-upgrade .mu-id-info .mu-id-type {
    width: 100%;
    margin-top: 5px;
  }
  .site-content-wrapper .member-upgrade .mu-id-info .mu-id-type dt, .site-content-wrapper .member-upgrade .mu-id-info .mu-id-type dd {
    width: 100%;
  }
}

@media (max-width: 568px) {
  .site-content-wrapper .member-upgrade .mu-card-num .card-num input[type="text"] {
    width: 22.5%;
  }
}

@media (max-width: 568px) {
  .site-content-wrapper .member-upgrade .mu-card-info dd {
    width: 100%;
    margin-right: 0;
  }
  .site-content-wrapper .member-upgrade .mu-card-info input[type="text"] {
    width: 47%;
    margin-right: 2%;
  }
  .site-content-wrapper .member-upgrade .mu-card-info .mu-card-csc {
    width: 100%;
    margin-top: 5px;
  }
  .site-content-wrapper .member-upgrade .mu-card-info .mu-card-csc dt {
    width: 100%;
  }
  .site-content-wrapper .member-upgrade .mu-card-info .mu-card-csc dd {
    width: 64%;
  }
  .site-content-wrapper .member-upgrade .mu-card-info .mu-card-csc input[type="text"] {
    width: 67%;
  }
  .site-content-wrapper .member-upgrade .mu-card-info .mu-card-csc .mu-ccvb-img {
    width: 50px;
    vertical-align: -12px;
  }
  .site-content-wrapper .member-upgrade .mu-card-info .form-tip-popup {
    right: 20px;
  }
}

@media (max-width: 568px) {
  .site-content-wrapper .member-upgrade .scw-tip {
    margin-bottom: 15px;
  }
  .site-content-wrapper .member-upgrade .m-ug-form {
    width: 100%;
    padding-right: 0px;
    vertical-align: 0px;
  }
  .site-content-wrapper .member-upgrade dl {
    margin-bottom: 10px;
  }
  .site-content-wrapper .member-upgrade dt, .site-content-wrapper .member-upgrade dd {
    width: 100%;
    display: block;
  }
  .site-content-wrapper .member-upgrade dt {
    margin-right: 0;
    margin-bottom: 6px;
  }
  .site-content-wrapper .member-upgrade .mu-birthday input {
    width: 78%;
  }
}

@media (max-width: 568px) {
  .site-content-wrapper .ctw-verify-wrap .cvb-input input {
    width: 100%;
    height: 33px;
    margin: 0 0px;
  }
  .site-content-wrapper .ctw-verify-wrap .cvm-input input {
    width: 70px;
  }
}

@media (max-width: 568px) {
  .site-content-wrapper .ctw-bonus-error {
    max-width: 568px;
  }
}

/* -- light box --*/
.mg-popup {
  width: 100%;
  position: relative;
  background: #FFF;
  margin: 20px auto;
  padding: 20px 20px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  zoom: 1;
}

.mg-popup:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.mg-popup .pp-container {
  width: 100%;
}

.mg-popup .content-title {
  width: 100%;
  text-align: center;
  font-size: 18px;
  line-height: 1.4;
  font-weight: bold;
  margin-bottom: 15px;
  color: #036eb8;
}

.mg-popup .mp-btn-block {
  width: 100%;
  position: relative;
  text-align: center;
  margin-top: 30px;
}

.mg-popup .mp-btn-block .btn {
  margin: 0 8px;
  padding: 0 20px;
}

.mg-popup .mfp-close {
  color: #FFF;
  width: 30px;
  height: 30px;
  line-height: 31px;
  text-align: center;
  font-size: 40px;
  top: -32px;
  right: -5px;
  background: transparent;
  opacity: 0.4;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}

.mg-popup .mfp-close:hover {
  opacity: 0.8;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}

.mg-popup .pp-select {
  position: relative;
}
.mg-popup .pp-select:before {
  content: '';
  right: 5px;
  top: 3px;
  width: 25px;
  height: 39px;
  background: white;
  position: absolute;
  pointer-events: none;
  display: block;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -ms-transition: 0.4s;
  transition: 0.4s;
}
.mg-popup .pp-select:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 5px 0 5px;
  border-color: #888888 transparent transparent transparent;
  content: '';
  right: 10px;
  top: 50%;
  position: absolute;
  pointer-events: none;
}
.mg-popup .pp-select select {
  width: 100%;
  height: 45px;
  line-height: normal;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #FFF;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -ms-transition: 0.4s;
  transition: 0.4s;
}
.mg-popup .pp-select:focus:before, 
.mg-popup .pp-select:focus select {
  background: #fffde9;
}
.mg-popup .pp-select:hover:before, 
.mg-popup .pp-select:hover select {
  background: #fffde9;
}


.mg-popup .pp-check {
  text-align: left;
  margin-bottom: 15px;
}
.mg-popup .pp-check input[type="checkbox"] {
  display: none;
}
.mg-popup .pp-check .checkbox {
  cursor: pointer;
  overflow: visible;
  display: inline-block;
  position: relative;
  padding-top: 3px;
  padding-left: 27px;
  font-size: 14px;
  color: #222;
  line-height: 1.4;
}

.mg-popup .pp-check label.checkbox:before {
  background: white;
  border: 1px solid #e0e0e0;
  content: '';
  position: absolute;
  top: 3.5px;
  left: 0;
  width: 18px;
  height: 18px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.mg-popup .pp-check label.checkbox:after {
  opacity: 0;
  content: '';
  position: absolute;
  background: transparent;
  top: 8.5px;
  left: 5px;
  width: 8px;
  height: 4px;
  border: 3px solid #222222;
  border-top: none;
  border-right: none;
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.mg-popup .pp-check input[type=checkbox]:checked + label:after {
  opacity: 1;
}

.mg-popup .pp-check input[type=checkbox]:disabled + label {
  color: #888;
}
.mg-popup .pp-check .input-error-txt{
  padding-left: 27px;
}

.mg-popup .pp-list{
  list-style: disc;
  padding-left: 20px;
  display: inline-block;
  font-size: 14px;
  line-height: 1.5;
  color: #444444;
}
.mg-popup .pp-list.pl-decimal{
  list-style: decimal;
}
.mg-popup .pp-list li + li {
  margin-top: 2px;
}


.mg-popup .pp-file {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.mg-popup .pp-file li {
  width: 70px;
  height: 70px;
  margin-right: 8px;
  border-radius: 6px;
}
.mg-popup .pp-file li:last-child {
  margin-right: 0;
}
.mg-popup .pp-file .tdl-photo-file {
  position: relative;
  width: 100%;
  height: 0px;
  padding-top: 100%;
  background: #FFF url("../images/frame/ic-add-img.svg") center center/14px 14px no-repeat;
  border: 1px solid #e0e0e0;
}
.mg-popup .pp-file .tdl-photo-file .tdl-img-holder {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  z-index: 10;
}
.mg-popup .pp-file .tdl-photo-file .tdl-img-holder img {
  max-width: 100%;
  max-height: 100%;
}
.mg-popup .pp-file .tdl-photo-file .tdl-input-file {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 11;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}
.mg-popup .pp-file .tdl-photo-file .tdl-file-close {
  display: none;
  position: absolute;
  top: -6px;
  right: -6px;
  z-index: 12;
  width: 16px;
  height: 16px;
  cursor: pointer;
  background: url("../images/frame/ic-del-full.svg") top left/contain no-repeat;
}

@media (max-width: 568px) {
  .mg-popup .mp-btn-block {
    margin-top: 20px;
  }
  .mg-popup .mp-btn-block .btn {
    width: 100%;
    margin: 0 0 12px 0;
  }
  .mg-popup .mp-btn-block .btn:last-child {
    margin-bottom: 0;
  }
}

.m-login-popup {
  max-width: 700px;
}

.m-login-popup.no-login-qr {
  max-width: 400px;
}

.m-login-popup.no-login-qr .m-login {
  float: none;
  width: 100%;
  padding-right: 0;
  border-right: none;
}

.m-login-popup.no-login-qr .m-login-qr {
  display: none;
}

.m-login-popup .m-login {
  float: left;
  width: 60%;
  padding-right: 25px;
  border-right: 1px solid #e0e0e0;
}

.m-login-popup .m-login-qr {
  float: left;
  width: 40%;
  padding-left: 25px;
  text-align: center;
}

.m-login-popup .m-login-qr img {
  width: 100%;
  max-width: 220px;
  margin-top: 10px;
}

.m-login-popup .scw-tip {
  font-size: 14px;
  color: #f85766;
  line-height: 1.5;
  width: 100%;
  margin-bottom: 15px;
  text-align: center;
  position: relative;
}

.m-login-popup .scw-tip-icon {
  margin-right: 5px;
  display: inline-block;
  width: 15px;
  height: 15px;
  line-height: 15px;
  background: #f85766;
  text-align: center;
  font-size: 12px;
  color: white;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 99em;
  -moz-border-radius: 99em;
  border-radius: 99em;
}

.m-login-popup dl, .m-login-popup dd, .m-login-popup dt {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -ms-transition: 0.4s;
  transition: 0.4s;
}

.m-login-popup dl {
  width: 100%;
  position: relative;
  margin-bottom: 15px;
  vertical-align: top;
}

.m-login-popup dl:last-child {
  margin-bottom: 0;
}

.m-login-popup dt {
  width: 22%;
  display: inline-block;
  padding-right: 5px;
  padding-top: 3px;
  font-size: 16px;
  vertical-align: top;
}

.m-login-popup dd {
  width: 77%;
  display: inline-block;
  vertical-align: top;
  position: relative;
}

.m-login-popup .inp-required {
  color: red;
  font-size: 13px;
  font-weight: bold;
  margin-left: 2px;
  vertical-align: super;
}

.m-login-popup input[type="text"], .m-login-popup input[type="password"] {
  width: 100%;
}

.m-login-popup .m-forgot {
  display: block;
  width: 100%;
  margin-top: 5px;
  text-align: right;
  font-size: 14px;
  color: #888888;
}

.m-login-popup .m-forgot a {
  color: #888888;
  text-decoration: underline;
}

.m-login-popup .captcha-block dd {
  padding-right: 5px;
}

.m-login-popup .captcha-block dd:last-child {
  padding-right: 0;
}

.m-login-popup .captcha-inp {
  width: 35%;
}

.m-login-popup .captcha-img {
  width: 25%;
}

.m-login-popup .captcha-img img {
  width: 100%;
}

.m-login-popup .captcha-txt {
  width: 15%;
  padding-top: 10px;
  font-size: 12px;
  text-align: right;
  color: #036eb8;
}

.m-login-popup .captcha-txt a {
  color: #036eb8;
}

.m-login-popup .captcha-txt a.on-touch {
  color: #014a7a;
}

@media (max-width: 768px) {
  .m-login-popup {
    max-width: 500px;
  }
  .m-login-popup .m-login {
    float: none;
    width: 100%;
    padding-right: 10px;
    border-right: none;
    border-bottom: none;
  }
  .m-login-popup .m-login-qr {
    display: none;
    float: none;
    width: 100%;
    padding-top: 25px;
    padding-left: 10px;
    text-align: center;
  }
  .m-login-popup .m-login-qr img {
    width: auto;
    max-width: 100%;
  }
  .m-login-popup .captcha-img {
    width: 20%;
  }
}

@media (max-width: 568px) {
  .m-login-popup {
    max-width: 320px;
  }
  .m-login-popup .scw-tip, .m-login-popup dl {
    margin-bottom: 5px;
  }
  .m-login-popup dt, .m-login-popup dd {
    width: 100%;
    display: block;
  }
  .m-login-popup dt {
    margin-right: 0;
    margin-bottom: 5px;
  }
  .m-login-popup .captcha-block dd {
    display: inline-block;
  }
  .m-login-popup .captcha-inp {
    width: 45%;
  }
  .m-login-popup .captcha-img {
    width: 34%;
    padding-top: 6px;
  }
  .m-login-popup .captcha-txt {
    width: 19%;
    padding-top: 16px;
  }
}

.nm-pay-popup {
  max-width: 600px;
}

.nm-pay-popup .content-title {
  color: #247933;
}

.nm-pay-popup .nmpp-rule {
  width: 100%;
  height: 80px;
  border: 1px solid #e0e0e0;
  padding: 10px 12px;
  margin-bottom: 15px;
  font-size: 14px;
  line-height: 1.5;
  color: #444444;
  background: #f3f3f3;
  overflow: auto;
  overflow-x: hidden;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.nm-pay-popup .nmpp-check {
  text-align: center;
}

.nm-pay-popup .nmpp-check input[type="checkbox"] {
  display: none;
}

.nm-pay-popup .nmpp-check .checkbox {
  cursor: pointer;
  text-indent: 26px;
  overflow: visible;
  display: inline-block;
  position: relative;
  margin-right: 15px;
  padding-top: 3px;
  font-size: 14px;
}

.nm-pay-popup .nmpp-check label.checkbox:before {
  background: white;
  border: 1px solid #e0e0e0;
  content: '';
  position: absolute;
  top: 0.5px;
  left: 0;
  width: 18px;
  height: 18px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.nm-pay-popup .nmpp-check label.checkbox:after {
  opacity: 0;
  content: '';
  position: absolute;
  background: transparent;
  top: 5.5px;
  left: 5px;
  width: 8px;
  height: 4px;
  border: 3px solid #222222;
  border-top: none;
  border-right: none;
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.nm-pay-popup .nmpp-check input[type=checkbox]:checked + label:after {
  opacity: 1;
}

@media (max-width: 768px) {
  .nm-pay-popup {
    max-width: 500px;
  }
}

.pay-confirm-popup {
  max-width: 700px;
}

.pay-confirm-popup .order-table {
  display: table;
  width: 100%;
}

.pay-confirm-popup .order-table dl {
  display: table-row;
}

.pay-confirm-popup .order-table dt, .pay-confirm-popup .order-table dd {
  display: table-cell;
  padding: 7px 10px;
  font-size: 15px;
  line-height: 1.4;
  vertical-align: middle;
}

.pay-confirm-popup .o-info-1 {
  color: #444444;
}

.pay-confirm-popup .o-info-1 dl:last-child dt, .pay-confirm-popup .o-info-1 dl:last-child dd {
  border-bottom: 1px solid #e0e0e0;
}

.pay-confirm-popup .o-info-1 dt, .pay-confirm-popup .o-info-1 dd {
  border-top: 1px solid #e0e0e0;
  padding: 7px 25px;
}

.pay-confirm-popup .o-info-1 dt {
  width: 30%;
  background: #f5f5f5;
}

.pay-confirm-popup .o-info-1 dd {
  width: 70%;
}

.pay-confirm-popup .o-info-1 .scw-tip {
  color: #888888;
}

.pay-confirm-popup .ot-total {
  font-weight: bold;
  width: 100%;
}

.pay-confirm-popup .ot-total dl:first-child dd, .pay-confirm-popup .ot-total dl:last-child dd {
  padding-top: 10px;
}

.pay-confirm-popup .ot-total dd {
  border-bottom: none;
  padding: 3px 10px;
}

.pay-confirm-popup .ot-total .o-other-name {
  width: 78%;
  text-align: right;
}

.pay-confirm-popup .ot-total .o-other-total {
  width: 22%;
  padding-left: 5px;
  text-align: right;
}

.pay-confirm-popup .ot-total .o-sum {
  color: #036eb8;
}

.pay-confirm-popup .ot-total .o-sum dd {
  border-top: 2px solid #666;
  font-size: 18px;
}

.pay-confirm-popup .o-other-tip {
  display: block;
  width: 58%;
  position: absolute;
  font-size: 14px;
  line-height: 1.4;
  color: #888888;
  bottom: 80px;
  left: 25px;
  text-align: left;
}

@media (max-width: 568px) {
  .pay-confirm-popup .order-table dt, .pay-confirm-popup .order-table dd {
    font-size: 14px;
    padding: 7px 7px;
  }
}

@media (max-width: 768px) {
  .pay-confirm-popup .o-info-1 dt, .pay-confirm-popup .o-info-1 dd {
    padding: 7px 15px;
  }
  .pay-confirm-popup .o-info-1 dt {
    width: 30%;
  }
  .pay-confirm-popup .o-info-1 dd {
    width: 70%;
  }
}

@media (max-width: 568px) {
  .pay-confirm-popup .o-info-1 dt, .pay-confirm-popup .o-info-1 dd {
    padding: 7px 10px;
  }
  .pay-confirm-popup .o-info-1 dt {
    width: 33%;
  }
  .pay-confirm-popup .o-info-1 dd {
    width: 67%;
  }
}

@media (max-width: 768px) {
  .pay-confirm-popup .ot-total .o-other-name {
    width: 77%;
  }
  .pay-confirm-popup .ot-total .o-other-total {
    width: 23%;
  }
}

@media (max-width: 568px) {
  .pay-confirm-popup .ot-total .o-other-name {
    width: 55%;
  }
  .pay-confirm-popup .ot-total .o-other-total {
    width: 45%;
  }
}

@media (max-width: 768px) {
  .pay-confirm-popup .o-other-tip {
    width: 281px;
    bottom: 80px;
  }
}

@media (max-width: 568px) {
  .pay-confirm-popup .o-other-tip {
    width: 90%;
    bottom: 130px;
    right: 20px;
    left: initial;
    font-size: 13px;
    text-align: center;
  }
}

@media (max-width: 568px) {
  .pay-confirm-popup .mp-btn-block {
    margin-top: 47px;
  }
}

.verify-popup {
  max-width: 470px;
}

.verify-popup .content-title {
  margin-bottom: 25px;
}

.verify-popup .pay-tab-form dl, .verify-popup .pay-tab-form dd, .verify-popup .pay-tab-form dt {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -ms-transition: 0.4s;
  transition: 0.4s;
}

.verify-popup .pay-tab-form dl {
  width: 100%;
  position: relative;
  margin-bottom: 18px;
  vertical-align: top;
}

.verify-popup .pay-tab-form dl:last-child {
  margin-bottom: 0;
}

.verify-popup .pay-tab-form dt {
  width: 100px;
  display: inline-block;
  padding-right: 5px;
  font-size: 16px;
  vertical-align: top;
}

.verify-popup .pay-tab-form dd {
  width: 74%;
  display: inline-block;
  vertical-align: top;
  position: relative;
}

.verify-popup .pay-tab-form .inp-required {
  color: red;
  font-size: 13px;
  font-weight: bold;
  margin-left: 2px;
  vertical-align: super;
}

.verify-popup .pay-tab-form input[type="text"] {
  width: 100%;
}

.verify-popup .verify-info {
  font-size: 14px;
  line-height: 1.5;
  color: #888888;
  margin-top: 15px;
}

.verify-popup .verify-info .v-focus {
  color: #036eb8;
}

.verify-popup .verify-info p {
  margin-bottom: 8px;
}

.verify-popup .verify-info .send-btn {
  height: 30px;
  line-height: 29px;
  padding: 0px 8px;
  margin: 0 5px;
  font-size: 13px;
}

.verify-popup .scw-btn-block {
  width: 100%;
  position: relative;
  text-align: center;
  margin-top: 25px;
}

.verify-popup .scw-btn-block .btn {
  margin: 0 8px;
  padding: 0 20px;
}

.verify-popup .pay-tip {
  font-size: 13px;
  line-height: 1.4;
  color: #888888;
  margin-top: 15px;
}

.verify-popup .pay-tip .red-tip {
  color: #f85766;
}

.verify-popup .pay-tip ul {
  list-style: disc;
  padding-left: 16px;
}

.verify-popup .pay-tip a {
  color: #036eb8;
}

.verify-popup .pay-tip a.on-touch {
  color: #014a7a;
}

@media (max-width: 768px) {
  .verify-popup .pay-tab-form input[type="text"] {
    width: 100%;
  }
}

@media (max-width: 568px) {
  .verify-popup .pay-tab-form dl {
    margin-bottom: 11px;
  }
  .verify-popup .pay-tab-form dt, .verify-popup .pay-tab-form dd {
    width: 100%;
    display: block;
  }
  .verify-popup .pay-tab-form dt {
    padding-right: 0;
    margin-bottom: 5px;
  }
  .verify-popup .pay-tab-form input[type="text"] {
    width: 100%;
  }
}

@media (max-width: 568px) {
  .verify-popup .scw-btn-block .btn {
    width: 100%;
    margin: 0 0 15px 0;
  }
  .verify-popup .scw-btn-block .btn:last-child {
    margin-bottom: 0;
  }
}

.pay-remind-popup {
  max-width: 600px;
}

.pay-remind-popup .prp-txt {
  font-size: 14px;
  line-height: 1.5;
  color: #444444;
}

.pay-remind-popup .prp-txt.pt2 {
  text-align: center;
  margin-top: 15px;
}

.pay-remind-popup .prp-txt-hl {
  font-weight: bold;
  color: #000;
  font-size: 15px;
}

.pay-remind-popup .prp-app-link {
  width: 100%;
  max-width: 362px;
  padding: 15px;
  margin: 20px auto 0;
  border: 1px solid #e0e0e0;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  zoom: 1;
}

.pay-remind-popup .prp-app-link:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.pay-remind-popup .prp-qr {
  float: left;
  width: 44%;
  margin-right: 6%;
  padding-top: 3px;
}

.pay-remind-popup .prp-qr img {
  width: 100%;
}

.pay-remind-popup .prp-link-block {
  float: right;
  width: 50%;
  position: relative;
  text-align: left;
}

.pay-remind-popup .prp-link-block p {
  font-size: 14px;
  line-height: 1.4;
  color: #444444;
  text-align: center;
}

.pay-remind-popup .prp-link-block img {
  margin-top: 7px;
  width: 100%;
}

.pay-remind-popup .load-btn {
  display: none;
}

@media (max-width: 768px) {
  .pay-remind-popup {
    max-width: 500px;
  }
}

@media (max-width: 568px) {
  .pay-remind-popup .prp-app-link {
    display: none;
  }
  .pay-remind-popup .load-btn {
    display: block;
  }
}

.pay-remind-popup2 {
  max-width: 380px;
}

.pay-remind-popup2 .prp-txt {
  font-size: 14px;
  line-height: 1.5;
  color: #444444;
  text-align: center;
}

.pay-remind-popup2 .prp-txt-hl {
  font-weight: bold;
  color: #000;
  font-size: 15px;
}

.pay-remind-popup2 .prp-app-link {
  width: 100%;
  max-width: 362px;
  padding: 15px;
  margin: 20px auto 0;
  border: 1px solid #e0e0e0;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  zoom: 1;
}

.pay-remind-popup2 .prp-app-link:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.pay-remind-popup3 {
  max-width: 360px;
  padding: 0;
  text-align: center;
}

.pay-remind-popup3 .content-title {
  width: 100%;
  padding: 15px 15px 12px;
  margin-bottom: 0;
  color: white;
  background: #222222;
  text-align: left;
  font-size: 17px;
  -webkit-box-shadow: 0px 1px 2px #5a5a5a;
  -moz-box-shadow: 0px 1px 2px #5a5a5a;
  box-shadow: 0px 1px 2px #5a5a5a;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  border-radius: 2px 2px 0 0;
  zoom: 1;
}

.pay-remind-popup3 .content-title:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.pay-remind-popup3 .content-title img {
  width: 19.45%;
  float: left;
  margin-right: 1%;
  padding-top: 2px;
}

.pay-remind-popup3 .content-title .ct-member-type {
  color: #ffd245;
}

.pay-remind-popup3 .pp-content {
  width: 100%;
  background: #ddd;
}

.pay-remind-popup3 .pp-content img {
  width: 100%;
  max-width: 360px;
}

.pay-remind-popup3 .pp-content .pp-upgrade {
  margin-bottom: 10px;
}

.pay-remind-popup3 .pp-content .pp-events {
  max-width: 360px;
}

.pay-remind-popup3 .mp-btn-block {
  margin: 15px 0;
  padding: 0 15px;
}

.pay-remind-popup3 .mp-btn-block .btn {
  margin: 0 6px;
  padding: 0 15px;
}

.pay-remind-popup3 .mp-btn-block .face-icon {
  width: 20px;
  margin-right: 5px;
  vertical-align: -4px;
}

@media (max-width: 568px) {
  .pay-remind-popup3 .content-title {
    font-size: 15px;
  }
}

.pay-remind-popup4 {
  max-width: 380px;
  text-align: center;
}

.pay-remind-popup4 .pp-content {
  width: 100%;
}

.pay-remind-popup4 .pp-content img {
  width: 100%;
  max-width: 300px;
}

.pay-remind-popup4 .prp-txt {
  font-size: 14px;
  line-height: 1.5;
  color: #444444;
  text-align: center;
}

.pay-remind-popup4 .prp-txt-hl {
  font-weight: bold;
  color: #000;
  font-size: 15px;
}

.pay-remind-popup4 .prp-app-link {
  width: 100%;
  max-width: 362px;
  padding: 15px;
  margin: 20px auto 0;
  border: 1px solid #e0e0e0;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  zoom: 1;
}

.pay-remind-popup4 .prp-app-link:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.pay-remind-popup5 {
  max-width: 380px;
  text-align: center;
}

.pay-remind-popup5 .prp-txt {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
  color: #444444;
  text-align: center;
}

.pay-remind-popup6 {
  max-width: 420px;
  text-align: left;
}

.pay-remind-popup6 .notice-txt {
  color: #444444;
  font-size: 16px;
  line-height: 1.4;
  margin-left: 10px;
  padding-left: 10px;
  list-style-type: disc;
  list-style-position: outside;
}

.pay-remind-popup6 .notice-txt li {
  margin-bottom: 5px;
}

.pay-remind-popup7 {
  max-width: 560px;
  padding: 20px 5px !important;
  text-align: center;
}

.pay-remind-popup7 img {
  width: 100%;
}

.time-alert-popup {
  max-width: 320px;
  text-align: center;
}

.time-alert-popup .pp-title {
  width: 100%;
  text-align: center;
  font-size: 25px;
  line-height: 1.5;
  margin-bottom: 15px;
  color: #036eb8;
}

.time-alert-popup .pp-icon-clock {
  display: inline-block;
  margin-right: 10px;
  vertical-align: -10px;
}

.time-alert-popup .pp-title-txt {
  display: inline-block;
  font-weight: bold;
}

.time-alert-popup .pp-content {
  width: 100%;
  font-size: 15px;
  line-height: 1.5;
  color: #444444;
  text-align: center;
}

.time-alert-popup .pp-content img {
  width: 100%;
  max-width: 300px;
}

.time-alert-popup .pp-countdown {
  font-size: 26px;
  font-weight: bold;
  text-align: center;
  margin-top: 15px;
  line-height: 1;
}

.time-alert-popup .pp-countdown span {
  color: #F05555;
}

.atm-sample-popup {
  max-width: 600px;
  text-align: center;
}

.atm-sample-popup img {
  max-width: 100%;
}

.quick-pay-popup {
  max-width: 320px;
}

.quick-pay-popup .content-title {
  color: #333;
}

.quick-pay-popup .qpp-content {
  width: 100%;
  font-size: 14px;
  line-height: 1.5;
  color: #444444;
}

.quick-pay-popup .mp-btn-block .btn {
  width: 100%;
  margin: 0;
}


/*提醒 popup*/
.alert-popup {
  max-width: 400px;
  text-align: center;
}

.alert-popup .pp-title {
  width: 100%;
  text-align: center;
  font-size: 25px;
  line-height: 1.5;
  margin-bottom: 15px;
  color: #036eb8;
}

.alert-popup .pp-content {
  width: 100%;
  font-size: 15px;
  line-height: 1.5;
  color: #444444;
  text-align: center;
}


/*資料提醒 popup*/
.cell-alert-popup,
.mail-alert-popup,
.addr-alert-popup {
  max-width: 400px;
}

.cell-alert-popup .pp-content,
.mail-alert-popup .pp-content,
.addr-alert-popup .pp-content {
  width: 100%;
  font-size: 14px;
  line-height: 1.5;
  color: #888;
  text-align: left;
}
.alert-txt {
  margin-top: 10px;
  text-align: left;
}
.alert-txt + .alert-txt {
  margin-top: 10px;
}
.alert-hl {
  color: #036eb8;
}


/*--持卡人身分驗證--*/
.id-verify-popup {
  max-width: 800px;
  padding: 30px 50px;
}

.id-verify-popup .ivp-box {
  width: 100%;
}

.id-verify-popup .content-title {
  font-size: 20px;
  color: #222;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: center;
}

.id-verify-popup .content-title:before {
  content: '';
  display: block;
  width: 26px;
  height: 26px;
  background: url('../images/frame/ic_address-card.svg') center center / contain no-repeat;
  margin-right: 10px;
  padding-top: 5px;
}

.id-verify-popup .content-title .ctt-txt {
  display: flex;
  align-items: center;
  justify-content: center;
}

.id-verify-popup .ivp-txt {
  width: 100%;
  height: auto;
  margin-bottom: 15px;
  font-size: 15px;
  line-height: 1.4;
  color: #222;
  position: relative;
}

.id-verify-popup .ivp-txt .ivt-en {
  font-size: 13px;
  color: #777;
}

.id-verify-popup .pp-check .ivt-en {
  font-size: 13px;
  color: #777;
}

.id-verify-popup .scw-tip {
  width: 100%;
  font-size: 12px;
  color: #f85766;
  line-height: 1.5;
  width: 100%;
  padding: 10px 10px;
  margin-bottom: 15px;
  text-align: center;
  position: relative;
  border: 1px solid #f85766;
  border-radius: 6px;
}

.id-verify-popup .scw-tip2 {
  font-size: 14px;
  color: #f85766;
  line-height: 1.5;
  width: 100%;
  margin-bottom: 15px;
  text-align: center;
  position: relative;
}

.id-verify-popup input:not(input[type='checkbox']):not(input[type='radio']) {
  width: 100%;
  max-width: 333px;
  height: 42px;
  line-height: normal;
}

.id-verify-popup dl, .id-verify-popup dd, .id-verify-popup dt {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  transition: 0.4s;
}

.id-verify-popup dl {
  width: 100%;
  position: relative;
  margin-bottom: 15px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.id-verify-popup dl:last-child {
  margin-bottom: 0;
}

.id-verify-popup dt {
  width: 160px;
  display: block;
  padding-right: 20px;
  padding-top: 9px;
  font-size: 16px;
}

.id-verify-popup dd {
  width: calc(100% - 145px);
  display: block;
  position: relative;
}

.id-verify-popup .inp-required {
  color: red;
  font-size: 13px;
  font-weight: bold;
  margin-left: 2px;
  vertical-align: super;
}

.id-verify-popup .input-tip {
  font-size: 14px;
  color: #222;
  line-height: 1.5;
  margin-top: 10px;
  padding-left: 9px;
}

.id-verify-popup .ivp-birthday {
  display: flex;
  align-items: center;
  justify-content: flex-start;

}

.id-verify-popup .ivp-birthday .ipb-txt {
  font-size: 16px;
  color: #222;
  width: 33px;
  flex-shrink: 0;
}

.id-verify-popup .ivp-birthday .pp-select {
  width: calc(33.33% - 19px);
  max-width: 100px;
  margin-left: 8px;
}

.id-verify-popup .ivp-birthday .pp-select select {
  width: 100%;
  font-size: 13px;
  color: #888;
}

.id-verify-popup .pp-select.ps-w {
  max-width: 130px;
  width: 100%;
  display: block;
}

.id-verify-popup .mp-btn-block .btn {
  width: 150px;
}

@media (max-width: 768px) {
  .id-verify-popup {
    padding: 30px 15px;
    margin: 0px auto;
    margin-left: -6px;
    width: calc(100% + 12px);
  }
}

@media (max-width: 568px) {
  .id-verify-popup {
    min-height: 100vh;
  }
  .id-verify-popup .content-title {
    font-size: 20px;
    color: #222;
    line-height: 1.4;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .id-verify-popup .content-title:before {
    width: 48px;
    height: 48px;
    padding-top: 5px;
  }

  .id-verify-popup .content-title .ctt-txt {
    display: block;
    text-align: left;
  }

  .id-verify-popup .content-title .ctt-txt .ct-en {
    display: block;
    margin-left: 0;
  }

  .id-verify-popup input:not(input[type='checkbox']):not(input[type='radio']) {
    max-width: 100%;
  }
  .id-verify-popup dl {
    margin-bottom: 15px;
    flex-wrap: wrap;
  }
  .id-verify-popup dt, 
  .id-verify-popup dd {
    width: 100%;
    display: block;
  }
  .id-verify-popup dt {
    margin-right: 0;
    margin-bottom: 5px;
    padding: 0;
  }
}



/*--持卡人身分驗證 驗證資料傳輸中--*/
.idv-bridge-popup {
  max-width: 800px;
  padding: 30px 50px;
}

.idv-bridge-popup .ibp-bridge-box {
  width: 100%;
}

.idv-bridge-popup .content-title {
  font-size: 20px;
  color: #222;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: center;
}

.idv-bridge-popup .content-title:before {
  content: '';
  display: block;
  width: 26px;
  height: 26px;
  background: url('../images/frame/ic_address-card.svg') center center / contain no-repeat;
  margin-right: 10px;
  padding-top: 5px;
}

.idv-bridge-popup .content-title .ctt-txt {
  display: flex;
  align-items: center;
  justify-content: center;
}

.idv-bridge-popup .ivp-txt {
  width: 100%;
  height: auto;
  margin-bottom: 15px;
  font-size: 15px;
  line-height: 1.4;
  color: #222;
  position: relative;
}

.idv-bridge-popup .ivp-txt .ivt-en {
  font-size: 13px;
  color: #777;
}

.idv-bridge-popup .sc-bridge {
  padding: 60px 0;
}

.idv-bridge-popup .ibb-bridge-block {
  width: 100%;
  margin: 40px 0 35px;
  text-align: center;
  position: relative;
}

.idv-bridge-popup .ibb-bridge-block img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}

.idv-bridge-popup .ibb-bridge-block .ibg-pic1 {
  margin-bottom: 15px;
}

.idv-bridge-popup .ibb-txt-box {
  width: 100%;
  height: auto;
  margin-bottom: 40px;
  font-size: 15px;
  line-height: 1.5;
  color: #444444;
  position: relative;
  text-align: center;
}

@media (max-width: 768px) {
  .idv-bridge-popup {
    padding: 30px 15px;
    margin: 0px auto;
    margin-left: -6px;
    width: calc(100% + 12px);
  }
}

@media (max-width: 568px) {
  .idv-bridge-popup {
    min-height: 100vh;
  }
  .idv-bridge-popup .content-title {
    font-size: 20px;
    color: #222;
    line-height: 1.4;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .idv-bridge-popup .content-title:before {
    width: 48px;
    height: 48px;
    padding-top: 5px;
  }

  .idv-bridge-popup .content-title .ctt-txt {
    display: block;
    text-align: left;
  }

  .idv-bridge-popup .content-title .ctt-txt .ct-en {
    display: block;
    margin-left: 0;
  }

  .idv-bridge-popup input:not(input[type='checkbox']):not(input[type='radio']) {
    max-width: 100%;
  }
}

.personal-info-popup {
  max-width: 500px;
}

.personal-info-popup .content-title {
  color: #333;
}

.personal-info-popup .qpp-content {
  width: 100%;
  font-size: 14px;
  line-height: 1.5;
  color: #444444;
}

.personal-info-popup .mp-btn-block .btn {
  width: 100%;
  margin: 0;
}

.credit-note-popup {
  max-width: 500px;
}

.credit-note-popup .content-title {
  color: #333;
}

.credit-note-popup .qpp-content {
  width: 100%;
  font-size: 14px;
  line-height: 1.5;
  color: #444444;
}

.credit-note-popup .mp-btn-block .btn {
  width: 100%;
  margin: 0;
}

/* 行動支付支援 APP popup */
.support-app-popup {
  max-width: 700px;
}
.support-app-popup .content-title {
  color: #036EB8;
  font-size: 18px;
  margin-bottom: 24px;
}
.support-app-popup .sap-content {
  width: 100%;
}
.support-app-popup .sac-title {
  width: 100%;
  text-align: left;
  font-size: 15px;
  line-height: 1.4;
  color: #444;
  margin-bottom: 16px;
}
.support-app-popup .sac-list + .sac-title {
  margin-top: 18px;
}
.support-app-popup .sac-list {
  width: 100%;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.support-app-popup .sac-list li {
  width: 33.33%;
  padding-right: 15px;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.support-app-popup .sac-list .scl-ic {
  width: 24px;
}
.support-app-popup .sac-list .scl-txt {
  font-size: 14px;
  line-height: 1.4;
  color: #444;
  margin-left: 8px;
}
@media (max-width: 768px) {
  .support-app-popup .sac-list li {
    width: 50%;
  }
  .support-app-popup .sac-list .mb-none {
    display: none;
  }
}
@media (max-width: 568px) {
  .support-app-popup .sac-list li {
    width: 50%;
  }
}

/*--詳細內容區塊 END
-------------------------------------------------- */

/*--歐付寶購物金
-------------------------------------------------- */
.link-allpay-bonus {
  display: block;
  width: 45px;
  height: 45px;
  text-align: center;
  color: white;
  position: fixed;
  bottom: 170px;
  right: 30px;
  visibility: visible;
  text-decoration: none;
  z-index: 10;
  opacity: 0.85;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -ms-transition: 0.4s;
  transition: 0.4s;
}

.link-allpay-bonus.on-touch {
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}

.link-allpay-bonus:hover, .link-allpay-bonus:focus {
  text-decoration: none;
  color: white;
}

.link-allpay-bonus img {
  width: 100%;
}

.link-allpay-bonus .bonus-tip-popup {
  font-size: 13px;
  width: 120px;
  padding: 8px 8px;
  top: -85px;
  right: 0px;
  background: black;
  border: none;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.link-allpay-bonus .bonus-tip-popup:after {
  border-color: black transparent transparent transparent;
}

@media (max-width: 768px) {
  .link-allpay-bonus {
    width: 40px;
    height: 40px;
    line-height: 40px;
    bottom: 105px;
    right: 20px;
  }
}


.input-error {
  border: 2px solid #f85766;
}

.input-error-txt {
  color: #f85766;
  font-size: 13px;
  line-height: 1.5;
  margin-top: 2px;
  padding-left: 9px;
}

.input-info-txt {
  color: #036eb8;
  font-size: 13px;
  line-height: 1.5;
  margin-top: 2px;
}
.input-info-txt.red {
  color: #f85766;
}
.tb-tip-box {
  background: #f3f3f3;
  border-radius: 6px;
  color: #3c651c;
  padding: 10px 14px;
  margin-top: 8px;
  font-size: 13px;
  line-height: 1.4;
}

/*-- 活動區塊
-------------------------------------------------- */
.scw-events {
  width: 100%;
  margin-top: 30px;
  position: relative;
  text-align: center;
}

.scw-events img {
  max-width: 100%;
  margin-bottom: 15px;
}

.scw-events .se-bn-s {
  display: none;
}

.scw-events .btn {
  min-width: 180px;
}

.scw-events.scw-m-width {
  margin: 30px auto 25px;
}

.scw-events.scw-m-width .btn {
  min-width: auto;
}

.scw-events + .content-txt-wrap.ctw-bottom {
  margin-top: 15px;
}

@media (max-width: 1170px) {
  .scw-events {
    padding: 0 15px;
  }
}

@media (max-width: 568px) {
  .scw-events {
    margin-top: 16px;
  }

  .scw-events .se-bn-l {
    display: none;
  }
  .scw-events .se-bn-s {
    display: block;
  }
  .scw-events .btn {
    width: 100%;
    margin: 0 0 15px 0;
  }
  .scw-events .btn:last-child {
    margin-bottom: 0;
  }
  .m_eng {
    display: block;
    font-size: 12px;
    color: #588c3f;
    margin-top: 5px;
    line-height: 1.2;
  }
  .m_eng02 {
    display: inline-block;
    font-size: 12px;
    color: #efefef;
    margin-left: 10px;
  }
  .m_eng03 {
    display: inline-block;
    font-size: 12px;
    color: #588c3f;
    margin-left: -15px;
    text-align: left;
  }
  .m_eng04 {
    display: inline-block;
    font-size: 14px;
    color: #fff;
    margin-left: 0px;
  }
  .site-content-wrapper .member-pay .pay-tab-list li .m_eng02 {
    color: #666;
  }
  .site-content-wrapper .member-pay .pay-tab-list li.active .m_eng02 {
    color: #efefef;
  }
  .site-content-wrapper .member-pay .pay-tip {
    font-size: 14px;
    line-height: 1.5;
    color: #888888;
    margin-top: 15px;
    padding: 0;
  }
  .site-content-wrapper .member-pay .pay-tip ul {
    list-style: disc;
    padding-left: 20px;
  }
}

/*--活動區塊 END
-------------------------------------------------- */
.site-content-wrapper {
  /*-- 發票資訊 --*/
  /*----*/
  /*-- 登入歐付寶付款 --*/
  /*----*/
  /*-- 綁定信用卡選擇 --*/
  /*-- 主區塊與登入區塊測試 --*/
}

.site-content-wrapper .invoice-info-wrap {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.site-content-wrapper .invoice-info-wrap {
  width: 100%;
  position: relative;
}

.site-content-wrapper .invoice-info-wrap .invoice-info {
  width: 100%;
  max-width: 1100px;
  padding: 25px 25px;
  background: white;
  font-size: 16px;
  line-height: 1.6;
  position: relative;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.site-content-wrapper .invoice-info-wrap .invoice-info dl, .site-content-wrapper .invoice-info-wrap .invoice-info dd, .site-content-wrapper .invoice-info-wrap .invoice-info dt {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -ms-transition: 0.4s;
  transition: 0.4s;
}

.site-content-wrapper .invoice-info-wrap .invoice-info dl {
  width: 100%;
  position: relative;
  margin-bottom: 18px;
  vertical-align: top;
}

.site-content-wrapper .invoice-info-wrap .invoice-info dl:last-child {
  margin-bottom: 0;
}

.site-content-wrapper .invoice-info-wrap .invoice-info dt {
  width: 145px;
  display: inline-block;
  padding-right: 5px;
  font-size: 16px;
  vertical-align: top;
  padding-top: 4px;
  line-height: 1.5;
}

.site-content-wrapper .invoice-info-wrap .invoice-info dd {
  width: 75%;
  display: inline-block;
  vertical-align: top;
  position: relative;
}

.site-content-wrapper .invoice-info-wrap .invoice-info .inp-required {
  color: red;
  font-size: 13px;
  font-weight: bold;
  margin-left: 2px;
  vertical-align: super;
}

.site-content-wrapper .invoice-info-wrap .invoice-info input[type="text"], .site-content-wrapper .invoice-info-wrap .invoice-info input[type="password"], .site-content-wrapper .invoice-info-wrap .invoice-info input[type="tel"], .site-content-wrapper .invoice-info-wrap .invoice-info input[type="email"] {
  width: 40%;
}

.site-content-wrapper .invoice-info-wrap .invoice-info .ifo-type-box {
  margin-bottom: 3px;
}

.site-content-wrapper .invoice-info-wrap .invoice-info .ifo-select {
  position: relative;
  /* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
}

.site-content-wrapper .invoice-info-wrap .invoice-info .ifo-select .bs-tip-popup {
  bottom: 35px;
  right: 0;
  width: 222px;
  line-height: 1.6;
  display: none;
}

.site-content-wrapper .invoice-info-wrap .invoice-info .ifo-select:before {
  content: '';
  right: 5px;
  top: 2px;
  width: 25px;
  height: 26px;
  background: white;
  position: absolute;
  pointer-events: none;
  display: block;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -ms-transition: 0.4s;
  transition: 0.4s;
}

.site-content-wrapper .invoice-info-wrap .invoice-info .ifo-select:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 5px 0 5px;
  border-color: #888888 transparent transparent transparent;
  content: '';
  right: 10px;
  top: 13px;
  position: absolute;
  pointer-events: none;
}

.site-content-wrapper .invoice-info-wrap .invoice-info .ifo-select select {
  padding: 4px 8px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #FFF;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -ms-transition: 0.4s;
  transition: 0.4s;
}

.site-content-wrapper .invoice-info-wrap .invoice-info .ifo-select:focus:before, .site-content-wrapper .invoice-info-wrap .invoice-info .ifo-select:focus select {
  background: #fffde9;
}

.site-content-wrapper .invoice-info-wrap .invoice-info .ifo-select:hover:before, .site-content-wrapper .invoice-info-wrap .invoice-info .ifo-select:hover select {
  background: #fffde9;
}

.site-content-wrapper .invoice-info-wrap .invoice-info .ifo-radio {
  font-size: 15px;
  margin-bottom: 15px;
}

.site-content-wrapper .invoice-info-wrap .invoice-info .ifo-radio input[type="radio"] {
  display: none;
}

.site-content-wrapper .invoice-info-wrap .invoice-info .ifo-radio .radio-1, .site-content-wrapper .invoice-info-wrap .invoice-info .ifo-radio .radio-2 {
  cursor: pointer;
  overflow: visible;
  display: inline-block;
  position: relative;
  margin: 2.5px 25px 2.5px 0;
}

.site-content-wrapper .invoice-info-wrap .invoice-info .ifo-radio label.radio-1:before, .site-content-wrapper .invoice-info-wrap .invoice-info .ifo-radio label.radio-2:before {
  background: white;
  border: 1px solid #e0e0e0;
  content: '';
  position: absolute;
  width: 18px;
  height: 18px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 99em;
  -moz-border-radius: 99em;
  border-radius: 99em;
}

.site-content-wrapper .invoice-info-wrap .invoice-info .ifo-radio label.radio-1:after, .site-content-wrapper .invoice-info-wrap .invoice-info .ifo-radio label.radio-2:after {
  opacity: 0;
  content: '';
  position: absolute;
  background: transparent;
  width: 8px;
  height: 4px;
  border: 3px solid #222222;
  border-top: none;
  border-right: none;
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.site-content-wrapper .invoice-info-wrap .invoice-info .ifo-radio .radio-1 {
  text-indent: 26px;
}

.site-content-wrapper .invoice-info-wrap .invoice-info .ifo-radio label.radio-1:before {
  top: 2.5px;
  left: 0;
}

.site-content-wrapper .invoice-info-wrap .invoice-info .ifo-radio label.radio-1:after {
  top: 7.5px;
  left: 5px;
}

.site-content-wrapper .invoice-info-wrap .invoice-info .ifo-radio .radio-2 {
  text-indent: 32px;
}

.site-content-wrapper .invoice-info-wrap .invoice-info .ifo-radio label.radio-2:before {
  top: 7.5px;
  left: 0;
}

.site-content-wrapper .invoice-info-wrap .invoice-info .ifo-radio label.radio-2:after {
  top: 13.5px;
  left: 6px;
}

.site-content-wrapper .invoice-info-wrap .invoice-info .ifo-radio input[type=radio]:checked + label:after {
  opacity: 1;
}

.site-content-wrapper .invoice-info-wrap .invoice-info .ifo-type {
  width: 100%;
  position: relative;
}

.site-content-wrapper .invoice-info-wrap .invoice-info .ifo-type .ift-box {
  width: 100%;
  position: relative;
}

.site-content-wrapper .invoice-info-wrap .invoice-info .ifo-type .ift-content {
  width: 100%;
  margin-top: 20px;
  text-align: center;
}

.site-content-wrapper .invoice-info-wrap .invoice-info .ift-1 {
  display: none;
}

.site-content-wrapper .invoice-info-wrap .invoice-info .ift-1 .ift-box {
  position: relative;
}

.site-content-wrapper .invoice-info-wrap .invoice-info .ift-1 .ift-box .ifo-title {
  font-size: 14px;
  color: #333;
  margin-bottom: 5px;
}

.site-content-wrapper .invoice-info-wrap .invoice-info .ift-1 .ift-box .ifo-input-box {
  display: inline-block;
  width: 40%;
  position: relative;
}

.site-content-wrapper .invoice-info-wrap .invoice-info .ift-1 .ift-box .ifo-input-box .ifo-input {
  width: 100%;
  padding-right: 25px;
}

.site-content-wrapper .invoice-info-wrap .invoice-info .ift-1 .ift-box .ifo-link {
  display: inline-block;
  margin-left: 5px;
  font-size: 13px;
  text-decoration: underline;
}

.site-content-wrapper .invoice-info-wrap .invoice-info .ift-1 .ift-box .ifo-clear {
  width: 13px;
  height: 13px;
  position: absolute;
  top: 5px;
  right: 10px;
  cursor: pointer;
  z-index: 99;
}

.site-content-wrapper .invoice-info-wrap .invoice-info .ift-1 .ift-box .ifo-clear img {
  width: 100%;
}

.site-content-wrapper .invoice-info-wrap .invoice-info .ift-1 .ift-box .ifo-prize-box {
  position: relative;
  width: 100%;
  max-width: 380px;
  height: 88px;
  margin-top: 10px;
  padding-top: 30px;
  text-align: center;
  background: url(../images/other/heart_bg.png) center center/contain no-repeat;
}

.site-content-wrapper .invoice-info-wrap .invoice-info .ift-1 .ift-box .ifo-txt {
  display: block;
  font-size: 15px;
  color: #555;
}

.site-content-wrapper .invoice-info-wrap .invoice-info .ift-2 .ift-box .ifo-select {
  display: inline-block;
  margin-right: 5px;
}

.site-content-wrapper .invoice-info-wrap .invoice-info .ift-2 .ift-box .ifo-select select {
  width: 200px;
}

.site-content-wrapper .invoice-info-wrap .invoice-info .ift-2 .ift-box .ifo-input {
  display: inline-block;
  width: 275px;
}

.site-content-wrapper .invoice-info-wrap .invoice-info .ift-2 .ift-box .iip-2 {
  display: none;
}

.site-content-wrapper .invoice-info-wrap .invoice-info .ift-2 .ift-content {
  width: 485px;
}

.site-content-wrapper .invoice-info-wrap .invoice-info .ift-2 .ift-content .ifc-img {
  width: 225px;
  display: inline-block;
  vertical-align: bottom;
}

.site-content-wrapper .invoice-info-wrap .invoice-info .ift-2 .ift-content .ifc-txt {
  width: 100%;
  font-size: 15px;
  color: #333;
  margin-top: 2px;
  text-align: center;
}

.site-content-wrapper .invoice-info-wrap .invoice-info .ift-2 .ift-content.ifc-2 {
  display: none;
}

.site-content-wrapper .invoice-info-wrap .invoice-info .ift-3 {
  display: none;
}

.site-content-wrapper .invoice-info-wrap .invoice-info .ift-3 .ift-box .ifs-addr {
  display: inline-block;
  margin-right: 5px;
}

.site-content-wrapper .invoice-info-wrap .invoice-info .ift-3 .ift-box .ifs-addr:last-of-type {
  margin-right: 0;
}

.site-content-wrapper .invoice-info-wrap .invoice-info .ift-3 .ift-box .ifs-addr select {
  width: 163px;
}

.site-content-wrapper .invoice-info-wrap .invoice-info .ift-3 .ift-box .ifi-addr {
  display: block;
  width: 335px;
  margin-top: 10px;
}

.site-content-wrapper .invoice-info-wrap .invoice-info .ifo-addr-box {
  width: 100%;
  position: relative;
}

.site-content-wrapper .invoice-info-wrap .invoice-info .ifo-addr-box .ifs-addr {
  display: inline-block;
  margin-right: 5px;
}

.site-content-wrapper .invoice-info-wrap .invoice-info .ifo-addr-box .ifs-addr:last-of-type {
  margin-right: 0;
}

.site-content-wrapper .invoice-info-wrap .invoice-info .ifo-addr-box .ifs-addr select {
  width: 163px;
}

.site-content-wrapper .invoice-info-wrap .invoice-info .ifo-addr-box .ifi-addr {
  display: block;
  width: 335px;
  margin-top: 10px;
}

@media (max-width: 768px) {
  .site-content-wrapper .invoice-info-wrap .invoice-info .ifo-radio .radio-1, .site-content-wrapper .invoice-info-wrap .invoice-info .ifo-radio .radio-2 {
    margin: 2.5px 14px 2.5px 0;
  }
  .site-content-wrapper .invoice-info-wrap .invoice-info .ift-1 .ift-box .ifo-input {
    width: 70%;
  }
  .site-content-wrapper .invoice-info-wrap .invoice-info .ift-2 .ift-box .ifo-select {
    display: block;
    margin-right: 0px;
    width: 70%;
  }
  .site-content-wrapper .invoice-info-wrap .invoice-info .ift-2 .ift-box .ifo-select select {
    width: 100%;
  }
  .site-content-wrapper .invoice-info-wrap .invoice-info .ift-2 .ift-box .ifo-input {
    display: block;
    width: 70%;
    margin-top: 10px;
  }
  .site-content-wrapper .invoice-info-wrap .invoice-info .ift-2 .ift-content {
    width: 70%;
  }
  .site-content-wrapper .invoice-info-wrap .invoice-info .ift-3 .ift-box .ifs-addr {
    width: 34%;
    margin-right: calc(2% - 4px);
  }
  .site-content-wrapper .invoice-info-wrap .invoice-info .ift-3 .ift-box .ifs-addr select {
    width: 100%;
  }
  .site-content-wrapper .invoice-info-wrap .invoice-info .ift-3 .ift-box .ifi-addr {
    width: 70%;
  }
  .site-content-wrapper .invoice-info-wrap .invoice-info .ifo-addr-box .ifs-addr {
    width: 34%;
    margin-right: calc(2% - 4px);
  }
  .site-content-wrapper .invoice-info-wrap .invoice-info .ifo-addr-box .ifs-addr select {
    width: 100%;
  }
  .site-content-wrapper .invoice-info-wrap .invoice-info .ifo-addr-box .ifi-addr {
    width: 70%;
  }
  .site-content-wrapper .invoice-info-wrap .invoice-info dd {
    width: 66%;
  }
  .site-content-wrapper .invoice-info-wrap .invoice-info input[type="text"], .site-content-wrapper .invoice-info-wrap .invoice-info input[type="password"], .site-content-wrapper .invoice-info-wrap .invoice-info input[type="tel"], .site-content-wrapper .invoice-info-wrap .invoice-info input[type="email"] {
    width: 70%;
  }
  .site-content-wrapper .invoice-info-wrap .invoice-info textarea, .site-content-wrapper .invoice-info-wrap .invoice-info select {
    width: 70%;
  }
}

@media (max-width: 568px) {
  .site-content-wrapper .invoice-info-wrap .invoice-info .ifo-radio {
    font-size: 14px;
  }
  .site-content-wrapper .invoice-info-wrap .invoice-info .ifo-select:before {
    top: 4px;
    height: 34px;
  }
  .site-content-wrapper .invoice-info-wrap .invoice-info .ifo-select:after {
    top: 19px;
  }
  .site-content-wrapper .invoice-info-wrap .invoice-info .ift-1 .ift-box .ifo-input {
    width: 67%;
  }
  .site-content-wrapper .invoice-info-wrap .invoice-info .ift-1 .ift-box .ift-block {
    display: block;
    width: 100%;
  }
  .site-content-wrapper .invoice-info-wrap .invoice-info .ift-2 .ift-box .ifo-select {
    width: 100%;
  }
  .site-content-wrapper .invoice-info-wrap .invoice-info .ift-2 .ift-box .ifo-select:before {
    top: 4px;
    height: 38px;
  }
  .site-content-wrapper .invoice-info-wrap .invoice-info .ift-2 .ift-box .ifo-select:after {
    top: 21px;
  }
  .site-content-wrapper .invoice-info-wrap .invoice-info .ift-2 .ift-box .ifo-select select {
    padding: 11px 8px;
  }
  .site-content-wrapper .invoice-info-wrap .invoice-info .ift-2 .ift-box .ifo-input {
    width: 100%;
  }
  .site-content-wrapper .invoice-info-wrap .invoice-info .ift-2 .ift-content {
    width: 100%;
  }
  .site-content-wrapper .invoice-info-wrap .invoice-info .ift-3 .ift-box .ifs-addr {
    width: 49%;
    margin-right: calc(2% - 6px);
  }
  .site-content-wrapper .invoice-info-wrap .invoice-info .ift-3 .ift-box .ifs-addr select {
    width: 100%;
    padding: 10px 8px;
  }
  .site-content-wrapper .invoice-info-wrap .invoice-info .ift-3 .ift-box .ifi-addr {
    width: 100%;
  }
  .site-content-wrapper .invoice-info-wrap .invoice-info .ifo-addr-box .ifs-addr {
    width: 49%;
    margin-right: calc(2% - 6px);
  }
  .site-content-wrapper .invoice-info-wrap .invoice-info .ifo-addr-box .ifs-addr select {
    width: 100%;
    padding: 10px 8px;
  }
  .site-content-wrapper .invoice-info-wrap .invoice-info .ifo-addr-box .ifi-addr {
    width: 100%;
  }
  .site-content-wrapper .invoice-info-wrap .invoice-info dl {
    margin-bottom: 12px;
  }
  .site-content-wrapper .invoice-info-wrap .invoice-info dt, .site-content-wrapper .invoice-info-wrap .invoice-info dd {
    width: 100%;
    display: block;
  }
  .site-content-wrapper .invoice-info-wrap .invoice-info dt {
    padding-right: 0;
    margin-bottom: 2px;
  }
  .site-content-wrapper .invoice-info-wrap .invoice-info input[type="text"], .site-content-wrapper .invoice-info-wrap .invoice-info input[type="password"], .site-content-wrapper .invoice-info-wrap .invoice-info input[type="tel"], .site-content-wrapper .invoice-info-wrap .invoice-info input[type="email"] {
    width: 100%;
  }
  .site-content-wrapper .invoice-info-wrap .invoice-info textarea, .site-content-wrapper .invoice-info-wrap .invoice-info select {
    width: 100%;
  }
}

.site-content-wrapper .pay-tab-login {
  display: none;
  width: 100%;
  margin-top: 40px;
  position: relative;
}

.site-content-wrapper .pay-tab-login .ptl-linetxt {
  width: 100%;
  border-top: 1px solid #e3e3e3;
  margin-bottom: 30px;
  position: relative;
}

.site-content-wrapper .pay-tab-login .ptl-linetxt .pl-txt {
  width: 42px;
  font-size: 15px;
  color: #333;
  text-align: center;
  background: #FFF;
  position: absolute;
  top: -14px;
  left: calc(50% - 18px);
}

.site-content-wrapper .pay-tab-login .ptl-title {
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: bold;
  color: #333;
}

.site-content-wrapper .pay-tab-login .ptl-box {
  width: 100%;
  text-align: center;
}

.site-content-wrapper .pay-tab-login .ptl-qr {
  display: inline-block;
  width: 120px;
  vertical-align: middle;
  margin-right: 80px;
}

.site-content-wrapper .pay-tab-login .ptl-qr img {
  width: 100%;
}

.site-content-wrapper .pay-tab-login .ptl-qr .pq-txt {
  font-size: 13px;
  color: #333;
  margin-top: 5px;
}

.site-content-wrapper .pay-tab-login .ptl-btn {
  display: inline-block;
  vertical-align: middle;
}

.site-content-wrapper .pay-tab-login .ptl-content {
  margin-top: 25px;
  width: 100%;
  position: relative;
  font-size: 14px;
  line-height: 1.4;
  color: #333;
}

.site-content-wrapper .pay-tab-login .ptl-content h4 {
  font-size: 16px;
  font-weight: bold;
}

.site-content-wrapper .pay-tab-login .ptl-content ul {
  width: 100%;
  list-style-type: disc;
  padding-left: 20px;
}

.site-content-wrapper .pay-tab-login .ptl-content li {
  margin-top: 8px;
}

.site-content-wrapper .pay-tab-login .ptl-content li a {
  text-decoration: underline;
}

.site-content-wrapper .pay-tab-login .pay-tab-check {
  margin-top: 10px;
}

@media (max-width: 568px) {
  .site-content-wrapper .invoice-info-wrap .invoice-info {
    padding: 25px 15px;
  }
  .site-content-wrapper .pay-tab-login .ptl-qr {
    display: none;
  }
  .site-content-wrapper .pay-tab-login .ptl-btn {
    width: 100%;
  }
}

.site-content-wrapper .pay-tab-login2 {
  width: 700px;
  margin: 40px auto 0;
  position: relative;
  border: 1px solid #e3e3e3;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.site-content-wrapper .pay-tab-login2 .ptl-title {
  width: 100%;
  padding: 10px 15px;
  position: relative;
  background: #f5f5f5;
  font-size: 15px;
  color: #333;
  text-align: center;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
}

.site-content-wrapper .pay-tab-login2 .ptl-box {
  width: 100%;
  text-align: center;
  padding: 20px 0;
}

.site-content-wrapper .pay-tab-login2 .ptl-qr {
  display: inline-block;
  width: 120px;
  vertical-align: middle;
  margin-right: 80px;
}

.site-content-wrapper .pay-tab-login2 .ptl-qr img {
  width: 100%;
}

.site-content-wrapper .pay-tab-login2 .ptl-qr .pq-txt {
  font-size: 13px;
  color: #333;
  margin-top: 5px;
}

.site-content-wrapper .pay-tab-login2 .ptl-btn {
  display: inline-block;
  vertical-align: middle;
}

.site-content-wrapper .pay-tab-login2 .ptl-content {
  width: 100%;
  position: relative;
  font-size: 14px;
  line-height: 1.4;
  color: #555;
  padding: 20px 30px;
  background: #f5f5f5;
}

.site-content-wrapper .pay-tab-login2 .ptl-content p {
  width: 100%;
  line-height: 1.5;
}

.site-content-wrapper .pay-tab-login2 .ptl-content h4 {
  width: 100%;
  text-align: center;
  font-size: 17px;
  font-weight: bold;
  margin-bottom: 20px;
}

.site-content-wrapper .pay-tab-login2 .ptl-content ul {
  width: 100%;
  list-style-type: disc;
  padding-left: 15px;
}

.site-content-wrapper .pay-tab-login2 .ptl-content li {
  margin-top: 8px;
}

.site-content-wrapper .pay-tab-login2 .ptl-content li a {
  text-decoration: underline;
}

.site-content-wrapper .pay-tab-login2 .pay-tab-check {
  width: 100%;
  padding: 15px 15px;
  position: relative;
  background: #fdfdfd;
  font-size: 15px;
  color: #555;
  text-align: center;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
}

.site-content-wrapper .pay-tab-login2 .pay-tab-check .scw-btn-block {
  margin-top: 15px;
}

@media (max-width: 568px) {
  .site-content-wrapper .pay-tab-login2 .ptl-qr {
    display: none;
  }
  .site-content-wrapper .pay-tab-login2 .ptl-btn {
    width: 100%;
  }
}

/*-- 單一信用卡 --*/
.site-content-wrapper .pay-cardnum-singal .pcsg-menu-btn {
  display: inline-block;
  width: 350px;
  height: 36px;
  padding: 4px 35px 0 15px;
  margin: 0;
  text-align: left;
  color: #333;
  font-size: 15px;
  background: #FFF;
  cursor: pointer;
  position: relative;
  vertical-align: top;
  border: 1px solid #e0e0e0;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.site-content-wrapper .pay-cardnum-singal .pcsg-menu-btn.on-touch {
  background: #fffde9;
}
.site-content-wrapper .pay-cardnum-singal .pcsg-menu-btn span {
  vertical-align: middle;
  margin-right: 5px;
}
.site-content-wrapper .pay-cardnum-singal .pcsg-def-tip {
  padding: 0 3px;
  background: #588c3f;
  color: white;
  font-size: 13px;
  line-height: 1;
}
.site-content-wrapper .pay-cardnum-singal .cc-icon {
  width: 30px;
  height: 22px;
  background-size: 30px;
}

.site-content-wrapper .pay-cardnum-singal .cc-icon.cc-up {
  background-position: 0 1px;
}

.site-content-wrapper .pay-cardnum-singal .cc-icon.cc-ae {
  background-size: contain;
}

.site-content-wrapper .pay-cardnum-singal .cc-icon.cc-visa {
  background-position: 0 -43px;
}

.site-content-wrapper .pay-cardnum-singal .cc-icon.cc-mc {
  background-position: 0 -64px;
}

.site-content-wrapper .pay-cardnum-singal .cc-icon.cc-jcb {
  background-position: 0 -84px;
}

.site-content-wrapper .pay-cardnum-singal .cc-icon.cc-uc {
  background-position: 0 -106px;
}
/*----*/

.site-content-wrapper .pay-cardnum-select {
  width: 100%;
  position: relative;
}

.site-content-wrapper .pay-cardnum-select .cc-icon {
  width: 30px;
  height: 22px;
  background-size: 30px;
}

.site-content-wrapper .pay-cardnum-select .cc-icon.cc-up {
  background-position: 0 1px;
}

.site-content-wrapper .pay-cardnum-select .cc-icon.cc-ae {
  background-size: contain;
}

.site-content-wrapper .pay-cardnum-select .cc-icon.cc-visa {
  background-position: 0 -43px;
}

.site-content-wrapper .pay-cardnum-select .cc-icon.cc-mc {
  background-position: 0 -64px;
}

.site-content-wrapper .pay-cardnum-select .cc-icon.cc-jcb {
  background-position: 0 -84px;
}

.site-content-wrapper .pay-cardnum-select .cc-icon.cc-uc {
  background-position: 0 -106px;
}

.site-content-wrapper .pay-cardnum-select .pcs-sele-tip {
  padding: 0 3px;
  background: #BBB;
  color: white;
  font-size: 13px;
  line-height: 1;
  cursor: pointer;
}

.site-content-wrapper .pay-cardnum-select .pcs-def-tip {
  padding: 0 3px;
  background: #588c3f;
  color: white;
  font-size: 13px;
  line-height: 1;
}

.site-content-wrapper .pay-cardnum-select .pcs-menu-btn {
  display: inline-block;
  width: 350px;
  height: 36px;
  padding: 4px 35px 0 15px;
  margin: 0;
  text-align: left;
  color: #333;
  font-size: 15px;
  background: #FFF;
  cursor: pointer;
  position: relative;
  vertical-align: top;
  border: 1px solid #e0e0e0;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.site-content-wrapper .pay-cardnum-select .pcs-menu-btn:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 6px 0 6px;
  border-color: #333 transparent transparent transparent;
  content: '';
  right: 15px;
  top: 15px;
  position: absolute;
  pointer-events: none;
}

.site-content-wrapper .pay-cardnum-select .pcs-menu-btn.on-touch {
  background: #fffde9;
}

.site-content-wrapper .pay-cardnum-select .pcs-menu-btn.pmb-active {
  /* &:before{
					content: '×';
					display: block;
					position: absolute;
					right: 10px;
					top: 2px;
					font-size: 28px;
				    color: #888888;
				    cursor: pointer;
				    width: 20px;
					height: 30px;
					z-index: 99;
					line-height: 1;
				} */
}

.site-content-wrapper .pay-cardnum-select .pcs-menu-btn.pmb-active:after {
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.site-content-wrapper .pay-cardnum-select .pcs-menu-btn span {
  vertical-align: middle;
  margin-right: 5px;
}

.site-content-wrapper .pay-cardnum-select .pcs-btn {
  display: block;
  width: 150px;
  margin-top: 10px;
  vertical-align: top;
}

.site-content-wrapper .pay-cardnum-select .pcs-list {
  display: block;
  width: 350px;
  height: auto;
  max-height: 0px;
  text-align: center;
  overflow: hidden;
  position: absolute;
  top: 42px;
  left: 0;
  z-index: 99;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}

.site-content-wrapper .pay-cardnum-select .pcs-list {
  zoom: 1;
}

.site-content-wrapper .pay-cardnum-select .pcs-list:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.site-content-wrapper .pay-cardnum-select .pcs-list.pl-height {
  max-height: 420px;
}

.site-content-wrapper .pay-cardnum-select .pcs-list li {
  width: 100%;
  height: 42px;
  padding: 6px 30px 0 15px;
  text-align: left;
  color: #444444;
  font-size: 15px;
  background: white;
  display: block;
  cursor: pointer;
  border: 1px solid #e0e0e0;
  border-top: none;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -ms-transition: 0.4s;
  transition: 0.4s;
}

.site-content-wrapper .pay-cardnum-select .pcs-list li.on-touch, .site-content-wrapper .pay-cardnum-select .pcs-list li.active {
  background: #fffde9;
}

.site-content-wrapper .pay-cardnum-select .pcs-list li:first-child {
  border-top: 1px solid #e0e0e0;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}

.site-content-wrapper .pay-cardnum-select .pcs-list li:last-child {
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}

.site-content-wrapper .pay-cardnum-select .pcs-list li span {
  vertical-align: middle;
  margin-right: 5px;
}

.site-content-wrapper .pay-cardnum-select .pcs-list li .pl-close {
  width: 13px;
  height: 13px;
  position: absolute;
  top: 9px;
  right: 14px;
  cursor: pointer;
  z-index: 99;
}

.site-content-wrapper .pay-cardnum-select .pcs-list li .pl-close img {
  width: 100%;
}

.site-content-wrapper .pay-cardnum-select .pcs-list li.pl-function {
  padding: 0;
  text-align: center;
}

.site-content-wrapper .pay-cardnum-select .pcs-list li.pl-function {
  zoom: 1;
}

.site-content-wrapper .pay-cardnum-select .pcs-list li.pl-function:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.site-content-wrapper .pay-cardnum-select .pcs-list li.pl-function.on-touch {
  background: white;
}

.site-content-wrapper .pay-cardnum-select .pcs-list li.pl-function a {
  float: left;
  width: 50%;
  height: 42px;
  line-height: 42px;
  display: block;
  border-right: 1px solid #e0e0e0;
}

.site-content-wrapper .pay-cardnum-select .pcs-list li.pl-function a:last-child {
  border-right: none;
}

.site-content-wrapper .pay-cardnum-select .pcs-list li.pl-function a.on-touch {
  background: #fffde9;
}

@media (max-width: 768px) {
  .site-content-wrapper .pay-cardnum-select .pcs-menu-btn {
    width: 320px;
  }
  .site-content-wrapper .pay-cardnum-select .pcs-list {
    width: 320px;
  }
  .site-content-wrapper .pay-cardnum-select .pcs-btn {
    margin-left: 0px;
    margin-top: 12px;
  }
}

@media (max-width: 568px) {
  .site-content-wrapper .pay-cardnum-select .pcs-menu-btn {
    width: 100%;
    height: 48px;
    padding: 10px 35px 0 15px;
  }
  .site-content-wrapper .pay-cardnum-select .pcs-menu-btn:after {
    top: 20px;
  }
  .site-content-wrapper .pay-cardnum-select .pcs-menu-btn.pmb-active:before {
    top: 8px;
  }
  .site-content-wrapper .pay-cardnum-select .pcs-list {
    width: 100%;
    top: 55px;
  }
  .site-content-wrapper .pay-cardnum-singal .pcsg-menu-btn {
    width: 100%;
  }
  .site-content-wrapper .pay-cardnum-singal .pay-btn-box .pcn-btn {
    width: 138px;
  }
  .site-content-wrapper .pay-cardnum-singal .pay-btn-box .pcn-btn:last-child {
    margin-right: 0;
  }
}

.site-content-wrapper .card-set-def {
  margin-top: -10px;
  margin-bottom: 18px;
  display: none;
}

@media (max-width: 568px) {
  .site-content-wrapper .card-set-def {
    margin-top: -5px;
  }
}

.site-content-wrapper .pcn-btn {
  display: block;
  width: 150px;
  margin-top: 8px;
}

.site-content-wrapper .ptl-pby {
  width: 700px;
  margin: 5px auto 0;
  color: #888;
  font-size: 12px;
  text-align: right;
}

.site-content-wrapper .ptf-dfe-phone .pdp-txt {
  display: inline-block;
  vertical-align: middle;
}

.site-content-wrapper .ptf-dfe-phone input[type="tel"].pdp-inp {
  display: inline-block;
  width: 56px;
  margin: 0 3px;
  text-align: center;
  font-size: 16px;
  vertical-align: middle;
}

@media (max-width: 568px) {
  .site-content-wrapper .ptf-dfe-phone input[type="tel"].pdp-inp {
    width: 70px;
    padding: 6px 8px;
  }
}

.site-content-wrapper .pay-main-content {
  width: 100%;
  font-size: 16px;
  line-height: 1.6;
  position: relative;
}

.site-content-wrapper .pay-main-login {
  float: right;
  width: 330px;
  padding-left: 15px;
  position: relative;
  border-left: 1px solid #e0e0e0;
}

.site-content-wrapper .pay-main-login .pay-tab-form {
  min-height: 320px;
}

.site-content-wrapper .pay-main-login .pml-or {
  font-size: 15px;
  color: #333;
  background: white;
  padding: 5px;
  position: absolute;
  left: -20px;
  top: calc(50% - 17px);
}

.site-content-wrapper .pay-main-login .lwm-title {
  width: 100%;
  text-align: center;
  font-size: 19px;
  font-weight: bold;
  margin-bottom: 10px;
  padding-top: 5px;
  color: #222222;
  line-height: 1;
}

.site-content-wrapper .pay-main-login .lwm-title.lt-blue {
  color: #036eb8;
}

.site-content-wrapper .pay-main-login .lwm-tip {
  width: 100%;
  font-size: 14px;
  line-height: 1.4;
  color: #888888;
  text-align: center;
}

.site-content-wrapper .pay-main-login .lwm-link {
  width: 100%;
  font-size: 14px;
  text-align: center;
}

.site-content-wrapper .pay-main-login .lwm-link a {
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
}

.site-content-wrapper .pay-main-login .lwm-link a + a {
  border-left: 1px solid #333;
  padding-left: 7px;
  margin-left: 3px;
}

.site-content-wrapper .pay-main-login .def-form {
  margin-top: 30px;
}

.site-content-wrapper .pay-main-login .def-form dt {
  width: 25%;
}

.site-content-wrapper .pay-main-login .def-form dd {
  width: 73%;
}

.site-content-wrapper .pay-main-login .def-form dd input[type="text"], .site-content-wrapper .pay-main-login .def-form dd input[type="password"], .site-content-wrapper .pay-main-login .def-form dd input[type="tel"] {
  width: 100%;
}

.site-content-wrapper .pay-main-login .def-form .captcha-block dd {
  padding-right: 8px;
}

.site-content-wrapper .pay-main-login .def-form .captcha-block dd:last-child {
  padding-right: 0;
}

.site-content-wrapper .pay-main-login .def-form .captcha-inp {
  width: 35%;
  display: inline-flex;
  vertical-align: middle;
}

.site-content-wrapper .pay-main-login .def-form .captcha-img {
  width: 25%;
  display: inline-flex;
  vertical-align: middle;
}

.site-content-wrapper .pay-main-login .def-form .captcha-img img {
  width: 100%;
}

.site-content-wrapper .pay-main-login .def-form .captcha-txt {
  width: 6%;
  vertical-align: middle;
  font-size: 12px;
  text-align: right;
  color: #036eb8;
  display: inline-flex;
}

.site-content-wrapper .pay-main-login .def-form .captcha-txt a {
  color: #036eb8;
  display: inline-flex;
}

.site-content-wrapper .pay-main-login .def-form .captcha-txt a.on-touch {
  color: #014a7a;
}

.site-content-wrapper .pay-main-login .def-form .captcha-txt img {
  width: 100%;
}

.site-content-wrapper .pay-main-login .def-btn-block {
  width: 100%;
  margin-top: 25px;
  text-align: center;
}

.site-content-wrapper .pay-main-login .def-btn-block .btn {
  min-width: 200px;
}

.site-content-wrapper .pay-main-login .def-btn-block .b-link-txt {
  font-size: 13px;
  margin-top: 10px;
}

.site-content-wrapper .pay-main-login .def-btn-block .b-link-txt a {
  display: inline-block;
  padding: 0 10px;
  border-right: 1px solid #e0e0e0;
}

.site-content-wrapper .pay-main-login .def-btn-block .b-link-txt a:last-child {
  border-right: none;
}

.site-content-wrapper .pay-main-login .dc-1 {
  text-align: left;
}

.site-content-wrapper .pay-main-login .lwm-tabs {
  position: absolute;
  top: 0;
  right: 0px;
  z-index: 10;
  cursor: pointer;
}

.site-content-wrapper .pay-main-login .lwm-qr {
  margin-top: 20px;
  width: 100%;
  text-align: center;
  margin-bottom: 15px;
  display: inline-block;
}

.site-content-wrapper .pay-main-login .lwm-qr .lq-pic {
  width: 200px;
}

.site-content-wrapper .pay-main-login .lwm-qr .lwm-tip {
  margin-top: 20px;
}

.site-content-wrapper .pay-main-login .lwm-qr .lwm-tip a {
  display: block;
  margin-top: 10px;
}

.site-content-wrapper .pay-main-login .lwm-tip-popup {
  top: 12px;
  right: 65px;
  position: absolute;
  width: 125px;
  height: auto;
  padding: 5px 7px;
  border: 1px solid #d5edf9;
  background: #eef7fe;
  font-size: 12px;
  line-height: 1.2;
  color: #444444;
  z-index: 11;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.site-content-wrapper .pay-main-login .lwm-tip-popup:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 6px;
  border-color: transparent transparent transparent #eef7fe;
  content: '';
  right: -6px;
  top: 8px;
  position: absolute;
  pointer-events: none;
  z-index: 12;
}

.site-content-wrapper .pay-main-login .lwm-tip-popup:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 6px 8px;
  border-color: transparent transparent transparent #d5edf9;
  content: '';
  right: -8px;
  top: 6px;
  position: absolute;
  pointer-events: none;
  z-index: 11;
}

.site-content-wrapper .pay-main-login .lwml-2 .lwm-tip-popup {
  width: 100px;
}

.site-content-wrapper .pay-main-login .lwml-note {
  width: 100%;
  position: relative;
  font-size: 14px;
  line-height: 1.4;
  color: #555;
  margin-top: 5px;
  padding: 10px 15px;
  background: #f5f5f5;
}

.site-content-wrapper .pay-main-login .lwml-note p {
  width: 100%;
  line-height: 1.5;
}

.site-content-wrapper .pay-main-login .lwml-note h4 {
  width: 100%;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 5px;
}

.site-content-wrapper .pay-main-login .opb-close {
  display: none;
  width: 100%;
  height: 25px;
  line-height: 25px;
  position: relative;
  text-align: center;
  cursor: pointer;
}

.site-content-wrapper .pay-main-login .opb-close img {
  width: 40px;
  display: inline-block;
}

.site-content-wrapper .pay-main-login .obh-close {
  display: none;
  width: 25px;
  position: absolute;
  top: 0px;
  right: 0px;
  padding: 5px 10px 0 0;
  z-index: 11;
  cursor: pointer;
  text-align: left;
}

.site-content-wrapper .pay-main-login .obh-close img {
  width: 17px;
}

.site-content-wrapper .pay-main-login .opb-header {
  display: none;
  width: 100%;
  height: 80px;
  padding: 10px 15px;
  position: relative;
  cursor: pointer;
  text-align: center;
}
@media (max-width: 320px) {
  .site-content-wrapper .pay-main-login .opb-header {
    padding: 10px 8px;
  }
}

.site-content-wrapper .pay-main-login .opb-header {
  zoom: 1;
}

.site-content-wrapper .pay-main-login .opb-header:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.site-content-wrapper .pay-main-login .opb-header .obh-logo {
  display: inline-block;
  vertical-align: middle;
  width: 60px;
  margin-right: 8px;
}

.site-content-wrapper .pay-main-login .opb-header .obh-logo img {
  width: 100%;
  vertical-align: bottom;
}

.site-content-wrapper .pay-main-login .opb-header .obh-slogan {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
}

.site-content-wrapper .pay-main-login .opb-header .obh-slogan h4 {
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
}

.site-content-wrapper .pay-main-login .opb-header .obh-slogan.obs-active .ohst-1 {
  display: none;
}

.site-content-wrapper .pay-main-login .opb-header .obh-slogan.obs-active .ohst-2 {
  display: block;
}

.site-content-wrapper .pay-main-login .opb-header .ohs-title {
  color: #036eb8;
}

.site-content-wrapper .pay-main-login .opb-header .ohs-title .ohs-btn {
  width: 75px;
  height: 30px;
  margin-left: 5px;
  padding: 0 5px;
  font-size: 14px;
  line-height: 30px;
  vertical-align: middle;
}

.site-content-wrapper .pay-main-login .opb-header .ohs-title.ohst-1 {
  padding-top: 4px;
}

.site-content-wrapper .pay-main-login .opb-header .ohs-title.ohst-2 {
  padding-top: 8px;
  display: none;
}

.site-content-wrapper .pay-main-login .opb-header .ohs-txt {
  font-size: 13px;
  color: #f85766;
  margin-top: 3px;
}

.site-content-wrapper .pay-main-login .opb-tab {
  display: none;
  width: 100%;
  padding: 0 15px 15px;
  margin: 10px 0;
}

.site-content-wrapper .pay-main-login .opb-tab ul {
  zoom: 1;
}

.site-content-wrapper .pay-main-login .opb-tab ul:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.site-content-wrapper .pay-main-login .opb-tab li {
  float: left;
  width: 50%;
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: #555;
  background: #FFF;
  cursor: pointer;
  position: relative;
  border: 1px solid #e0e0e0;
  border-right-width: 0px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}

.site-content-wrapper .pay-main-login .opb-tab li:first-child {
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}

.site-content-wrapper .pay-main-login .opb-tab li:last-child {
  border-right-width: 1px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}

.site-content-wrapper .pay-main-login .opb-tab li.on-touch, .site-content-wrapper .pay-main-login .opb-tab li.active {
  color: #FFF;
  background: #444;
}

.site-content-wrapper .pay-main-login .pml-mobile-box .scw-btn-block {
  margin-top: 30px;
}

.site-content-wrapper .pay-main-login .scw-btn-block.lq-btn-block {
  margin-top: 5px;
}

.site-content-wrapper .pay-main-login .scw-btn-block.lq-btn-block .btn {
  display: none;
}

@media (max-width: 768px) {
  .site-content-wrapper .pay-main-login {
    float: none;
    width: 100%;
    padding-left: 0;
    border-left: none;
  }
  .site-content-wrapper .pay-main-login > .pay-tab-form {
    min-height: 0;
  }
  .site-content-wrapper .pay-main-login.pml-atm {
    display: none;
  }
  .site-content-wrapper .pay-main-login .pml-or {
    display: none;
    position: absolute;
    left: calc(50% - 20px);
    top: -18px;
  }
  .site-content-wrapper .pay-main-login .lwm-title {
    margin-bottom: 25px;
    padding-top: 0px;
  }
  .site-content-wrapper .pay-main-login .lwm-tabs {
    display: none;
  }
  .site-content-wrapper .pay-main-login .lwml-note {
    display: none;
    margin-top: 10px;
  }
  .site-content-wrapper .pay-main-login .def-form {
    margin-top: 0px;
  }
  .site-content-wrapper .pay-main-login .def-form dt {
    width: 145px;
  }
  .site-content-wrapper .pay-main-login .def-form dd {
    width: 66%;
  }
  .site-content-wrapper .pay-main-login .def-form dd input[type="text"], .site-content-wrapper .pay-main-login .def-form dd input[type="password"], .site-content-wrapper .pay-main-login .def-form dd input[type="tel"] {
    width: 70%;
  }
  .site-content-wrapper .pay-main-login .def-form .captcha-inp {
    width: 20%;
  }
  .site-content-wrapper .pay-main-login .def-form .captcha-inp input[type="text"], .site-content-wrapper .pay-main-login .def-form .captcha-inp input[type="tel"] {
    width: 100%;
  }
  .site-content-wrapper .pay-main-login .def-form .captcha-img {
    width: 16%;
  }
  .site-content-wrapper .pay-main-login .def-form .captcha-txt {
    width: 4%;
  }
  .site-content-wrapper .pay-main-login .pml-mobile-box {
    position: fixed;
    width: 100%;
    padding-bottom: 5px;
    background: white;
    bottom: calc(-452.25px + 80px);
    left: 0;
    z-index: 101;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s;
    -webkit-box-shadow: 0 -1px 2px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 -1px 2px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 -1px 2px 1px rgba(0, 0, 0, 0.3);
  }
  .site-content-wrapper .pay-main-login .pml-mobile-box .opb-header, .site-content-wrapper .pay-main-login .pml-mobile-box .opb-tab, .site-content-wrapper .pay-main-login .pml-mobile-box .oph-close {
    display: block;
  }
  .site-content-wrapper .pay-main-login .pml-mobile-box .obh-close {
    display: block;
  }
  .site-content-wrapper .pay-main-login .pml-mobile-box .lwm-title {
    display: none;
  }
  .site-content-wrapper .pay-main-login .pml-mobile-box .lwm-qr {
    margin-top: 0;
  }
  .site-content-wrapper .pay-main-login .pml-mobile-box .pay-tab-form {
    min-height: 295px;
    padding: 0 15px;
  }
  .site-content-wrapper .pay-main-login .pml-mobile-box .lq-btn-block .btn {
    display: inline-block;
  }
  .site-content-wrapper .pay-main-login .pml-mobile-box.pmb-active {
    bottom: 0;
  }
  .site-content-wrapper .pay-main-login .pml-mobile-box.pmb-active .opb-close {
    display: block;
  }
  .site-content-wrapper .pay-main-login .pml-mobile-box.pmb-close {
    bottom: -1000px;
  }
}

@media (max-width: 568px) {
  .site-content-wrapper .pay-main-login .def-form dt {
    width: 100%;
  }
  .site-content-wrapper .pay-main-login .def-form dd {
    width: 100%;
  }
  .site-content-wrapper .pay-main-login .def-form dd input[type="text"], .site-content-wrapper .pay-main-login .def-form dd input[type="password"], .site-content-wrapper .pay-main-login .def-form dd input[type="tel"] {
    width: 100%;
  }
  .site-content-wrapper .pay-main-login .def-form .captcha-inp {
    width: 50%;
  }
  .site-content-wrapper .pay-main-login .def-form .captcha-img {
    width: 23%;
  }
  .site-content-wrapper .pay-main-login .def-form .captcha-txt {
    width: 8%;
  }
  .site-content-wrapper .pay-main-login .pml-mobile-box {
    bottom: calc(-530px + 80px);
  }
  .site-content-wrapper .pay-main-login .pml-mobile-box .pay-tab-form {
    min-height: 370px;
  }
  .site-content-wrapper .pay-main-login .pml-mobile-box .pay-tab-form dl {
    margin-bottom: 2px;
  }
  .site-content-wrapper .pay-main-login .pml-mobile-box .scw-btn-block {
    margin-top: 20px;
  }
  .site-content-wrapper .pay-main-login .pml-mobile-box .scw-btn-block .btn {
    margin-bottom: 10px;
  }
}

@media (max-width: 400px) {
  .site-content-wrapper .pay-main-login .def-form .captcha-img {
    width: 30%;
  }
}

.site-content-wrapper .pmc-noborder {
  border-right: none;
}

.site-content-wrapper .pmc-border {
  border-left: 1px solid #e0e0e0;
}

.site-content-wrapper .pay-main-login2 {
  width: 100%;
  position: relative;
}

.site-content-wrapper .pay-main-login2 .pay-tab-form {
  zoom: 1;
}

.site-content-wrapper .pay-main-login2 .pay-tab-form:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.site-content-wrapper .pay-main-login2 .opb-tab {
  display: none;
  width: 100%;
  padding-bottom: 15px;
  margin: 10px 0;
}

.site-content-wrapper .pay-main-login2 .opb-tab ul {
  zoom: 1;
}

.site-content-wrapper .pay-main-login2 .opb-tab ul:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.site-content-wrapper .pay-main-login2 .opb-tab li {
  float: left;
  width: 50%;
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: #555;
  background: #FFF;
  cursor: pointer;
  position: relative;
  border: 1px solid #e0e0e0;
  border-right-width: 0px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}

.site-content-wrapper .pay-main-login2 .opb-tab li:first-child {
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}

.site-content-wrapper .pay-main-login2 .opb-tab li:last-child {
  border-right-width: 1px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}

.site-content-wrapper .pay-main-login2 .opb-tab li.on-touch, .site-content-wrapper .pay-main-login2 .opb-tab li.active {
  color: #FFF;
  background: #444;
}

.site-content-wrapper .pay-main-login2 .lwml2-1 {
  float: left;
  width: 50%;
  text-align: center;
  border-right: 1px solid #e0e0e0;
}

.site-content-wrapper .pay-main-login2 .lwml2-2 {
  float: left;
  width: 50%;
  text-align: center;
}

.site-content-wrapper .pay-main-login2 .lwm-title {
  width: 100%;
  text-align: center;
  font-size: 19px;
  font-weight: bold;
  margin-bottom: 10px;
  padding-top: 5px;
  color: #222222;
  line-height: 1;
}

.site-content-wrapper .pay-main-login2 .lwm-title.lt-blue {
  color: #036eb8;
}

.site-content-wrapper .pay-main-login2 .lwm-title.lt-m {
  display: block;
}

.site-content-wrapper .pay-main-login2 .lwm-tip {
  width: 100%;
  font-size: 14px;
  line-height: 1.4;
  color: #888888;
  text-align: center;
}

.site-content-wrapper .pay-main-login2 .lwm-link {
  width: 100%;
  font-size: 14px;
  text-align: center;
}

.site-content-wrapper .pay-main-login2 .lwm-link a {
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
}

.site-content-wrapper .pay-main-login2 .lwm-link a + a {
  border-left: 1px solid #333;
  padding-left: 7px;
  margin-left: 3px;
}

.site-content-wrapper .pay-main-login2 .def-form {
  width: 350px;
  margin: 30px auto 0;
}

.site-content-wrapper .pay-main-login2 .def-form dt {
  width: 80px;
  text-align: left;
}

.site-content-wrapper .pay-main-login2 .def-form dd {
  width: 210px;
}

.site-content-wrapper .pay-main-login2 .def-form dd input[type="text"], .site-content-wrapper .pay-main-login2 .def-form dd input[type="password"], .site-content-wrapper .pay-main-login2 .def-form dd input[type="tel"] {
  width: 100%;
}

.site-content-wrapper .pay-main-login2 .def-form .captcha-block dd {
  padding-right: 5px;
}

.site-content-wrapper .pay-main-login2 .def-form .captcha-block dd:last-child {
  padding-right: 0;
}

.site-content-wrapper .pay-main-login2 .def-form .captcha-inp {
  width: 31%;
  display: inline-flex;
  vertical-align: middle;
}

.site-content-wrapper .pay-main-login2 .def-form .captcha-img {
  width: 22%;
  display: inline-flex;
  vertical-align: middle;
}

.site-content-wrapper .pay-main-login2 .def-form .captcha-img img {
  width: 100%;
}

.site-content-wrapper .pay-main-login2 .def-form .captcha-txt {
  width: 5%;
  font-size: 12px;
  text-align: right;
  color: #036eb8;
  display: inline-flex;
  vertical-align: middle;
}

.site-content-wrapper .pay-main-login2 .def-form .captcha-txt a {
  color: #036eb8;
  display: inline-flex;
}

.site-content-wrapper .pay-main-login2 .def-form .captcha-txt a.on-touch {
  color: #014a7a;
}

.site-content-wrapper .pay-main-login2 .def-form .captcha-txt img {
  width: 100%;
}

.site-content-wrapper .pay-main-login2 .def-btn-block {
  width: 100%;
  margin-top: 25px;
  text-align: center;
}

.site-content-wrapper .pay-main-login2 .def-btn-block .btn {
  min-width: 200px;
}

.site-content-wrapper .pay-main-login2 .def-btn-block .b-link-txt {
  font-size: 13px;
  margin-top: 10px;
}

.site-content-wrapper .pay-main-login2 .def-btn-block .b-link-txt a {
  display: inline-block;
  padding: 0 10px;
  border-right: 1px solid #e0e0e0;
}

.site-content-wrapper .pay-main-login2 .def-btn-block .b-link-txt a:last-child {
  border-right: none;
}

.site-content-wrapper .pay-main-login2 .dc-1 {
  text-align: left;
}

.site-content-wrapper .pay-main-login2 .lwm-tabs {
  position: absolute;
  top: 0;
  right: 20px;
  z-index: 10;
  cursor: pointer;
}

.site-content-wrapper .pay-main-login2 .lwm-qr2 {
  margin-top: 20px;
  width: 100%;
  text-align: center;
  margin-bottom: 15px;
  display: inline-block;
}

.site-content-wrapper .pay-main-login2 .lwm-qr2 .lq-pic {
  width: 200px;
}

.site-content-wrapper .pay-main-login2 .lwm-qr2 .lwm-tip {
  margin-top: 20px;
}

.site-content-wrapper .pay-main-login2 .lwm-qr2 .lwm-tip a {
  display: block;
  margin-top: 10px;
}

.site-content-wrapper .pay-main-login2 .scw-btn-block.lq-btn-block .btn {
  display: none;
}

.site-content-wrapper .pay-main-login2 .lwm-tip-popup {
  top: 12px;
  right: 65px;
  position: absolute;
  width: 125px;
  height: auto;
  padding: 5px 7px;
  border: 1px solid #d5edf9;
  background: #eef7fe;
  font-size: 12px;
  line-height: 1.2;
  color: #444444;
  z-index: 11;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.site-content-wrapper .pay-main-login2 .lwm-tip-popup:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 6px;
  border-color: transparent transparent transparent #eef7fe;
  content: '';
  right: -6px;
  top: 8px;
  position: absolute;
  pointer-events: none;
  z-index: 12;
}

.site-content-wrapper .pay-main-login2 .lwm-tip-popup:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 6px 8px;
  border-color: transparent transparent transparent #d5edf9;
  content: '';
  right: -8px;
  top: 6px;
  position: absolute;
  pointer-events: none;
  z-index: 11;
}

.site-content-wrapper .pay-main-login2 .lwml-2 .lwm-tip-popup, .site-content-wrapper .pay-main-login2 .lwml-4 .lwm-tip-popup {
  width: 100px;
}

.site-content-wrapper .pay-main-login2 .lwml-note {
  width: 100%;
  margin: 0 auto;
  position: relative;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;
  color: #555;
  margin-top: 25px;
  padding: 10px 15px;
  background: #f5f5f5;
}

.site-content-wrapper .pay-main-login2 .lwml-note p {
  width: 100%;
  line-height: 1.5;
}

.site-content-wrapper .pay-main-login2 .lwml-note h4 {
  width: 100%;
  text-align: center;
  font-size: 17px;
  font-weight: bold;
  margin-bottom: 5px;
}

@media (max-width: 768px) {
  .site-content-wrapper .pay-main-login2 .lwm-title {
    margin-bottom: 25px;
    padding-top: 0px;
    display: none;
  }
  .site-content-wrapper .pay-main-login2 .opb-tab {
    display: block;
  }
  .site-content-wrapper .pay-main-login2 .lwml2-1 {
    display: block;
    width: 100%;
    border-right: none;
  }
  .site-content-wrapper .pay-main-login2 .lwml2-2 {
    float: none;
    display: none;
    width: 100%;
  }
  .site-content-wrapper .pay-main-login2 .lwml-note {
    margin-top: 10px;
  }
  .site-content-wrapper .pay-main-login2 .scw-btn-block.lq-btn-block .btn {
    display: inline-block;
  }
  .site-content-wrapper .pay-main-login2 .def-form {
    width: 100%;
    text-align: left;
    margin-top: 0px;
  }
  .site-content-wrapper .pay-main-login2 .def-form dt {
    width: 145px;
  }
  .site-content-wrapper .pay-main-login2 .def-form dd {
    width: 66%;
  }
  .site-content-wrapper .pay-main-login2 .def-form dd input[type="text"], .site-content-wrapper .pay-main-login2 .def-form dd input[type="password"], .site-content-wrapper .pay-main-login2 .def-form dd input[type="tel"] {
    width: 70%;
  }
  .site-content-wrapper .pay-main-login2 .def-form .captcha-inp {
    width: 20%;
  }
  .site-content-wrapper .pay-main-login2 .def-form .captcha-inp input[type="text"], .site-content-wrapper .pay-main-login2 .def-form .captcha-inp input[type="tel"] {
    width: 100%;
  }
  .site-content-wrapper .pay-main-login2 .def-form .captcha-img {
    width: 16%;
  }
  .site-content-wrapper .pay-main-login2 .def-form .captcha-txt {
    width: 4%;
  }
}

@media (max-width: 568px) {
  .site-content-wrapper .pay-main-login2 .def-form dt {
    width: 100%;
  }
  .site-content-wrapper .pay-main-login2 .def-form dd {
    width: 100%;
  }
  .site-content-wrapper .pay-main-login2 .def-form dd input[type="text"], .site-content-wrapper .pay-main-login2 .def-form dd input[type="password"], .site-content-wrapper .pay-main-login2 .def-form dd input[type="tel"] {
    width: 100%;
  }
  .site-content-wrapper .pay-main-login2 .def-form .captcha-inp {
    width: 50%;
  }
  .site-content-wrapper .pay-main-login2 .def-form .captcha-img {
    width: 23%;
  }
  .site-content-wrapper .pay-main-login2 .def-form .captcha-txt {
    width: 8%;
  }
}

@media (max-width: 400px) {
  .site-content-wrapper .pay-main-login2 .def-form .captcha-img {
    width: 30%;
  }
}

.site-content-wrapper .quick-pay-tip {
  display: block;
  position: relative;
  /*--提示泡泡--*/
}

.site-content-wrapper .quick-pay-tip .ql-m {
  display: none;
}

.site-content-wrapper .quick-pay-tip .qpt-popup {
  width: 222px;
  top: 30px;
  left: 0;
  border: none;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
}

.site-content-wrapper .quick-pay-tip .qpt-popup:after {
  left: 10px;
  bottom: auto;
  top: -7px;
  border-width: 0px 5px 7px 5px;
  border-color: transparent transparent rgba(50, 50, 50, 0.9) transparent;
}

.site-content-wrapper .quick-pay-tip .qpt-popup.tp-active {
  opacity: 0.95;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}

@media (max-width: 768px) {
  .site-content-wrapper .quick-pay-tip .ql-pc {
    display: none;
  }
  .site-content-wrapper .quick-pay-tip .ql-m {
    display: block;
  }
}

.white-overlay {
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
}

.opaypay-float {
  display: none;
  width: 50px;
  height: 50px;
  padding-top: 8px;
  line-height: 1.3;
  text-align: center;
  color: white;
  font-size: 12px;
  position: fixed;
  bottom: 100px;
  right: 14px;
  background: url(../images/frame/ic_fixed_ball.svg) center center/100% no-repeat;
  text-decoration: none;
  z-index: 10;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -ms-transition: 0.4s;
  transition: 0.4s;
}

.opaypay-float.on-touch {
  color: white;
}

@media (min-width: 768px) {
  .opaypay-float {
    display: none;
  }
  .footer.footer-active {
    padding-bottom: 85px;
  }
  .wwatm {
    display: none !important;
  }
}



/*--語言--*/
.site-content-wrapper .lan-select {
  position: absolute;
  right: 0;
  top: 15px;
  display: block;
}

.site-content-wrapper .lan-select:before {
  content: '';
  right: 5px;
  top: 4px;
  width: 25px;
  height: 24px;
  background: white;
  position: absolute;
  pointer-events: none;
  display: block;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -ms-transition: 0.4s;
  transition: 0.4s;
}

.site-content-wrapper .lan-select:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 5px 0 5px;
  border-color: #888888 transparent transparent transparent;
  content: '';
  right: 10px;
  top: 14px;
  position: absolute;
  pointer-events: none;
}

.site-content-wrapper .lan-select select {
  width: 80px;
  padding: 4px 8px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #FFF;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -ms-transition: 0.4s;
  transition: 0.4s;
}

.site-content-wrapper .lan-select:focus:before, .site-content-wrapper .lan-select:focus select {
  background: #fffde9;
}

.site-content-wrapper .lan-select:hover:before, .site-content-wrapper .lan-select:hover select {
  background: #fffde9;
}
/*----*/


/*--聯絡資訊--*/
.contact-info-wrap {
  background: #f8f8f8;
}
.site-content-wrapper .contact-info-box {
  width: 100%;
  position: relative;
  background: #f8f8f8;
}

.site-content-wrapper .contact-info-box .contact-info {
  width: 100%;
  max-width: 1100px;
  padding: 0px 25px;
  font-size: 16px;
  line-height: 1.6;
  position: relative;
}

.site-content-wrapper .contact-info-box .contact-info dl, 
.site-content-wrapper .contact-info-box .contact-info dd, 
.site-content-wrapper .contact-info-box .contact-info dt {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -ms-transition: 0.4s;
  transition: 0.4s;
}

.site-content-wrapper .contact-info-box .contact-info dl {
  display: inline-block;
  width: calc(50% - 8px);
  position: relative;
  margin: 0px 10px 18px 0;
  vertical-align: middle;
}

.site-content-wrapper .contact-info-box .contact-info dl:nth-child(2n) {
  margin-right: 0;
}

.site-content-wrapper .contact-info-box .contact-info dt {
  width: 90px;
  display: inline-block;
  font-size: 16px;
  margin-right: -6px;
  vertical-align: middle;
}

.site-content-wrapper .contact-info-box .contact-info dd {
  width: calc(100% - 90px);
  padding-left: 3px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

.site-content-wrapper .contact-info-box .contact-info dd .word-break {
  word-wrap: break-word;
  word-break: break-all;
}

@media (max-width: 768px) {
  .contact-info-wrap {
      background: #f3f3f3;
  }
  .site-content-wrapper.contact-info-wrap .site-content {
    padding-bottom: 0;
  }
  .site-content-wrapper .contact-info-box .contact-info {
    max-width: 450px;
    margin: 0 auto;
  }
  .site-content-wrapper .contact-info-box .contact-info dl{
    width: 100%;
    position: relative;
    margin: 0px 0px 15px 0;
  }
  .site-content-wrapper .contact-info-box {
    padding: 25px 0;
  }
}
/*----*/

/*--微信支付--*/
.ptf-wc-block {
  width: 190px;
  margin: 5px auto 40px;
  text-align: center;
  position: relative;
}
.ptf-wc-block img {
  max-width: 100%;
  display: inline-block;
  vertical-align: bottom;
}
.ptf-wc-block .wc-qr {
  border: 2px solid #cdcbcd;
  background: white;
  padding: 10px;
  margin: 15px 0;
  -webkit-box-shadow: 0 0px 4px 1px #e0e0e0;
  -moz-box-shadow: 0 0px 4px 1px #e0e0e0;
  box-shadow: 0 0px 4px 1px #e0e0e0;
}
.ptf-wc-block .wc-note {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
/*----*/

.pay-btn-box {
  width: 100%;
}

.pay-btn-box .pcn-btn {
  display: inline-block;
  vertical-align:  middle;
  margin-right: 5px;
}




/*--日期樣式--*/
.flatpickr-day {
  border-radius: 2px; }
.flatpickr-day.selected {
  background: #3e72a4;
  border-color: #3e72a4; }
.flatpickr-day.selected:hover {
  background: #004990;
  border-color: #004990;
}
.flatpickr-calendar:before {
  display: none; }

.flatpickr-calendar.arrowTop:before, .flatpickr-calendar.arrowTop:after {
  display: none; }

.flatpickr-current-month {
  font-size: 15px; }

.numInputWrapper:hover {
  background: #e7f5f6; }

.flatpickr-time input:hover, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time .flatpickr-am-pm:focus {
  background: #e7f5f6; }


.ptr-tip {
  display: inline-block;
  margin-left: 3px;
  font-size: 13px;
  color: #555;
  text-indent: 0px;
}

.pay-note-link {
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: -3px;
  background: url('../images/other/ic_info-tip@svg.svg') center center / contain no-repeat;
}





/* Apple Pay */

@supports (-webkit-appearance: -apple-pay-button) {
  .apple-pay-button {
    display: inline-block;
    -webkit-appearance: -apple-pay-button;
    text-indent: -9999px;
    min-width: 200px;
  }

  .apple-pay-button-black {
    -apple-pay-button-style: black;
  }

  .apple-pay-button-white {
    -apple-pay-button-style: white;
  }

  .apple-pay-button-white-with-line {
    -apple-pay-button-style: white-outline;
  }
}
@supports not (-webkit-appearance: -apple-pay-button) {
  .apple-pay-button {
    display: inline-block;
    background-size: 100% 60%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border-radius: 5px;
    padding: 0px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    min-width: 200px;
    min-height: 32px;
    max-height: 64px;
  }

  .apple-pay-button-black {
    background-image: -webkit-named-image(apple-pay-logo-white);
    background-color: black;
    color: white;
    border: none;
  }

  .apple-pay-button-white {
    background-image: -webkit-named-image(apple-pay-logo-black);
    background-color: white;
  }

  .apple-pay-button-white-with-line {
    background-image: -webkit-named-image(apple-pay-logo-black);
    background-color: white;
    border: 0.5px solid black;
  }
}
.apple-pay-btn {
  width: 100%;
  max-width: 244px;
  height: 50px;
  margin: 16px auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  background-color: #444;
  font-size: 16px;
  color: #fff;
  line-height: 1.4;
}
.apple-pay-btn.on-touch {
  color: #fff;
}
.apple-pay-btn .apb-ic {
  height: 22px;
  margin: 0 5px;
  display: block;
}
/*----*/

/*-- back --*/
.pm-back {
  width: 100%;
  text-align: left;
}
.pb-link {
  display: inline-flex;
  background: #efefef;
  padding: 8px 16px;
  margin-bottom: 20px;
  border-radius: 30px;
  color: #323232;
  font-size: 15px;
  line-height: 1.4;
  align-items: center;
  justify-content: flex-start;
}
.pb-link.on-touch {
  background: #e1e1e1;
  color: #323232;
}
.pb-link .pbl-ic {
    transform: rotate(-90deg);
    font-size: 20px;
}
@media (max-width: 1170px) {
  .pm-back {
    padding: 0 15px;
  }
}
@media (max-width: 768px) {
  .pb-link {
     font-size: 14px;
  }
}
/*----*/


/*----*/
.ptf-bs.pfb-2 + div + dl,
.ptf-bs.pfb-2 + dl {
  margin-top: 34px;
}
.ptf-bs.pfb-2 dt {
  height: 30px;
}
.site-content-wrapper .member-pay .ptf-bs.pfb-2 .pay-tab-radio {
  margin-bottom: 0px;
}
.ptf-bs.pfb-2 .warning {
  margin-top: 0;
}
@media (max-width: 568px) {
  .ptf-bs.pfb-2 + div + dl,
  .ptf-bs.pfb-2 + dl {
    margin-top: 0;
  }
  .ptf-bs.pfb-2 dt {
    height: auto;
  }
}
/*----*/

/*--TWQR 行動支付--*/
.tq-support-list {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.tq-support-list li {
  height: 30px;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.tq-support-list li:after {
  content: "";
  display: block;
  height: 20px;
  border-right: 1px solid #e0e0e0;
  position: absolute;
  right: 0;
  top: calc(50% - 10px);
}
.tq-support-list li:first-child {
  padding-left: 0;
}
.tq-support-list li img {
  height: 16px;
}
.tq-include-list {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.tq-include-list li {
  height: 30px;
  padding: 0 12px;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  font-size: 14px;
  color: #000;
  line-height: 1.5;
}
.tq-include-list li:after {
  content: "";
  display: block;
  height: 20px;
  border-right: 1px solid #e0e0e0;
  position: absolute;
  right: 0;
  top: calc(50% - 10px);
}
.tq-include-list li:first-child {
  padding-left: 0;
}
.tq-include-list li:last-child:after {
  border-right: none;
}
.tq-include-list li img {
  height: 36px;
  border-radius: 8px;
  display: block;
}
.tq-more {
  font-size: 14px;
  display: inline-block;
  text-decoration: underline;
}
.tq-operate-intro {
  margin-top: 20px;
}
.tq-operate-intro .toi-title {
  position: relative;
  font-size: 16px;
  color: #000;
  line-height: 1.5;
}
.tq-operate-intro .toi-list {
  width: 100%;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  margin-top: 20px;
}
.tq-operate-intro .toi-list li {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  margin-right: 15px;
}
.tq-operate-intro .toi-list li:last-child {
  margin-right: 0;
}
.tq-operate-intro .tl-img {
  width:100%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin-bottom: 10px;
}
.tq-operate-intro .tl-img img {
  display: block;
  width: 100%;
}
.tq-operate-intro .tl-txt {
  width: 100%;
  text-align: center;
  font-size: 14px;
  color: #343434;
  line-height: 1.5;
}
.tq-operate-intro .toi-list2 {
  width: 100%;
  list-style-type: decimal;
  padding-left: 20px;
  display: none;
  margin-top: 10px;
}
.tq-operate-intro .toi-list2 li {
  width: 100%;
  font-size: 16px;
  line-height: 1.4;
  margin-bottom: 5px;
}
@media (max-width: 768px) {
  .tq-operate-intro .toi-list {
    display: none;
  }
  .tq-operate-intro .toi-list2 {
    display: block;
  }
  .tq-include-list li:first-child {
    margin-left: -9px;
  }
  .tq-include-list .mb-none {
    display: none;
  }
}
/*----*/

/*-- 網路ATM 付款說明 --*/
.webatm-operate-intro {
  margin: 20px 0;
}
.webatm-operate-intro .woi-title {
  position: relative;
  font-size: 16px;
  color: #000;
  line-height: 1.5;
}
.webatm-operate-intro .woi-list {
  width: 100%;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  margin-top: 15px;
}
.webatm-operate-intro .woi-list li {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  margin-right: 15px;
}
.webatm-operate-intro .woi-list li:last-child {
  margin-right: 0;
}
.webatm-operate-intro .wl-img {
  width:100%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin-bottom: 10px;
}
.webatm-operate-intro .wl-img img {
  display: block;
  width: 100%;
}
.webatm-operate-intro .wl-txt {
  width: 100%;
  text-align: center;
  font-size: 14px;
  color: #343434;
  line-height: 1.5;
}
@media (max-width: 768px) {
  .webatm-operate-intro {
    margin-bottom: 24px;
  }
  .webatm-operate-intro .woi-list {
    align-items: center;
    flex-direction: column;
  }
  .webatm-operate-intro .woi-list li {
    max-width: 400px;
    margin-right: 0;
    margin-bottom: 17px;
  }
  .webatm-operate-intro .woi-list li:last-child {
    margin-bottom: 0;
  }
}
/*----*/


/*--介紹區塊--*/
.ptc-intro-box {
  width: 100%;
}
.ptc-intro-box .pib-title {
  position: relative;
  font-size: 16px;
  color: #000;
  line-height: 1.5;
}
.ptc-intro-box .pib-title + .pib-list {
  margin-top: 20px;
}
.ptc-intro-box .pib-title + .pib-radio-box {
  margin-top: 10px;
}
.ptc-intro-box .pib-list {
  width: 100%;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
}
.ptc-intro-box .pib-list + .pib-title {
  margin-top: 30px;
}
.ptc-intro-box .pib-list li {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  margin-right: 15px;
}
.ptc-intro-box .pib-list li:last-child {
  margin-right: 0;
}
.ptc-intro-box .pl-img {
  width:100%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin-bottom: 10px;
}
.ptc-intro-box .pl-img img {
  display: block;
  width: 100%;
}
.ptc-intro-box .pl-txt {
  width: 100%;
  text-align: center;
  font-size: 14px;
  color: #343434;
  line-height: 1.5;
}
.ptc-intro-box .pib-list2 {
  width: 100%;
  list-style-type: decimal;
  padding-left: 20px;
  display: none;
}
.ptc-intro-box .pib-list2 li {
  width: 100%;
  font-size: 16px;
  line-height: 1.4;
  margin-bottom: 5px;
}
.ptc-intro-box .pib-radio-box {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.ptc-intro-box .pib-radio-box .pib-radio {
  display: block;
  margin: 0 25px 2.5px 0;
  position: relative;
}
.ptc-intro-box .pib-radio-box .radio-1 {
  width: 132px;
  height: 38px;
  border: 1px solid #E0E0E0;
  border-radius: 4px;
  text-indent: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
}
.ptc-intro-box .pib-radio-box .radio-1:before {
  opacity: 0;
  content: "";
  display: block;
  width: 0px;
  height: 0px;
  position: absolute;
  right: 0px;
  bottom: 0px;
  border-style: solid;
  border-width: 0 0 20px 20px;
  border-color: transparent transparent #444444 transparent;
  border-radius: 0 0 2px 0;
}
.ptc-intro-box .pib-radio-box .radio-1:after {
  opacity: 0;
  content: '';
  position: absolute;
  right: 2px;
  bottom: 5px;
  background: transparent;
  width: 6px;
  height: 3px;
  border: 2px solid #FFF;
  border-top: none;
  border-right: none;
  transform: rotate(-45deg);
}
.ptc-intro-box .pib-radio-box input[type="radio"]:checked + .radio-1 {
  border-color: #444;
}
.ptc-intro-box .pib-radio-box input[type="radio"]:checked + .radio-1:before,
.ptc-intro-box .pib-radio-box input[type="radio"]:checked + .radio-1:after {
  opacity: 1;
}
.ptc-intro-box .pib-radio-box input[type="radio"] {
  display: none;
}
.ptc-intro-box .inp-required {
  color: red;
  font-size: 13px;
  font-weight: bold;
  margin-left: 2px;
  vertical-align: super;
}
.ptc-intro-box .ptf-txt {
  margin-top: 20px;
}
@media (max-width: 768px) {
  .ptc-intro-box .pib-list {
    flex-direction: column;
    align-items: center;
  }
  .ptc-intro-box .pib-list li {
    max-width: 400px;
    margin-right: 0;
    margin-bottom: 25px;
  }
  .ptc-intro-box .pib-list li:last-child {
    margin-bottom: 0;
  }
  .ptc-intro-box .pib-radio-box .pib-radio {
    margin-right: 15px;
  }
}
/*----*/



/*-- 付款行動支付 --*/
.payway-info {
  width: 100%;
  max-width: 345px;
  margin: 0 auto 20px;
  font-size: 16px;
  line-height: 1.5;
  color: #000;
  position: relative;
}
.payway-info .pwi-txt + .pwi-txt {
  margin-top: 18px;
}
.payway-list-box {
  width: 100%;
  max-width: 345px;
  margin: 0 auto;
}
.payway-list {
  width: 100%;
}
.payway-list li {
  width: 100%;
  margin-bottom: 16px;
}
.payway-list li:last-child {
  margin-bottom: 0px;
}
.payway-list .pwl-link {
  width: 100%;
  height: 66px;
  border-radius: 10px;
  border: solid 1px #dcdcdc;
  background: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  font-size: 20px;
  line-height: 1.2;
}
.payway-list .pwl-link img {
  height: 30px;
}
.site-content-wrapper .payway-list-box .pay-tip {
  margin-top: 16px;
  padding: 0 0px;
}

.payway-list-box .plb-support-link {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 16px;
}
.payway-list-box .plb-support-link .psl-more {
  display: inline-block;
  color: #036EB8;
  font-size: 16px;
}
.payway-list-box .scw-btn-block {
  margin-top: 16px;
}
.payway-list-box .scw-btn-block .btn {
  width: 100%;
  height: 46px;
  line-height: 46px;
}

.payway-list-box .plb-other-list {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: 15px;
}

.payway-list-box .plb-other-list .pol-title {
  width: 104px;
  height: 35px;
  font-size: 13px;
  color: #000;
  line-height: 1.5;
  margin-right: 15px;
  padding-top: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.payway-list-box .plb-other-list .pol-list {
  width: calc(100% - 130px);
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.payway-list-box .plb-other-list .pol-list li {
  margin-right: 10px;
  padding-top: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #000;
}

.payway-list-box .plb-other-list .pol-list li:last-child {
  margin-right: 0px;
}

.payway-list-box .plb-other-list .pol-list li img {
  height: 30px;
  border-radius: 8px;
  display: block;
}

@media (max-width: 768px) {
  .payway-list-box .plb-other-list .pol-title {
      width: 100%;
      height: auto;
      font-size: 16px;
      margin-right: 0px;
      margin-bottom: 10px;
  }
  .payway-list-box .plb-other-list .pol-list {
      width: 100%;
      justify-content: center;
  }
  .payway-list .pwl-link .mb-none {
    display: none;
  }
}
/*----*/


/*--行動支付APP掃描付款--*/
.pay-process-intro {
  width: 100%;
  background: #eee;
  border-radius: 12px;
}
.pay-process-intro .ppi-box {
  width: 100%;
  padding: 30px 30px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.pay-process-intro .pib-qr {
  width: 280px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
.pay-process-intro .pib-qr img {
  width: 100%;
  display: block;
}
.pay-process-intro .pib-content {
  width: calc(100% - 280px);
  padding-left: 30px;
}
.pay-process-intro .pib-content .pbc-title {
  font-size: 28px;
  color: #343434;
  line-height: 1.2;
  text-align: left;
  margin-bottom: 15px;
}
.pay-process-intro .pib-content .pbc-txt {
  font-size: 15px;
  color: #000;
  line-height: 1.2;
  text-align: left;
  margin-bottom: 15px;
}
.pay-process-intro .pib-content .pbc-txt .ptx-hl {
  color: #f85766;
}
.pay-process-intro .pib-content .pbc-txt .tq-more {
  margin-left: 10px;
}
.pay-process-intro .pib-content .pbc-btn-block {
  width: 100%;
  position: relative;
  text-align: left;
}
.pay-process-intro .pib-content .pbc-btn-block .btn {
  width: 100%;
  max-width: 350px;
}
.pay-process-intro .pib-content .pbc-list {
  width: 100%;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
}
.pay-process-intro .pib-content .pbc-list li {
  width: calc(33% - 40px);
  margin-right: 60px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  position: relative;
}
.pay-process-intro .pib-content .pbc-list li:after {
  content: '';
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  right: -42px;
  top: 36%;
  background: url('../images/other/ic_arrow@2x.png') center center / contain no-repeat;
}
.pay-process-intro .pib-content .pbc-list li:last-child {
  margin-right: 0;
}
.pay-process-intro .pib-content .pbc-list li:last-child:after {
  display: none;
}
.pay-process-intro .pib-content .pl-img {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin-bottom: 10px;
}
.pay-process-intro .pib-content .pl-img img {
  display: block;
  width: 100%;
}
.pay-process-intro .pib-content .pl-txt {
  width: 100%;
  text-align: center;
  font-size: 16px;
  color: #343434;
  line-height: 1.5;
}
.pay-process-intro .ppi-box-footer {
  width: 100%;
  padding: 20px 30px;
  border-radius: 0 0 12px 12px;
  background: #292929;
}
.pay-process-intro .ppi-list-box {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.pay-process-intro .ppi-list-box + .ppi-list-box {
  margin-top: 12px;
}
.pay-process-intro .ppi-list-box .plb-title {
  width: 100px;
  height: 30px;
  font-size: 16px;
  color: #FFF;
  line-height: 1.5;
  margin-right: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pay-process-intro .ppi-list-box .plb-title.pt2 {
  height: 16px;
}
.pay-process-intro .ppi-list-box .plb-list,
.pay-process-intro .ppi-list-box .plb-list2 {
  width: calc(100% - 130px);
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.pay-process-intro .ppi-list-box .plb-list2 li {
  height: 16px;
  border-right: 1px solid #FFF;
  padding: 0px 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #FFF;
}
.pay-process-intro .ppi-list-box .plb-list2 li:first-child {
  padding-left: 0;
}
.pay-process-intro .ppi-list-box .plb-list2 li:last-child {
  border-right: none;
}
.pay-process-intro .ppi-list-box .plb-list li {
  /* min-width: 64px;
  height: 30px;
  padding: 3px 12px; */
  margin: 0 10px 8px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  /* border-radius: 100px;
  background: #FFF; */
  font-size: 14px;
  color: #000;
}
.pay-process-intro .ppi-list-box .plb-list li:last-child {
  margin-right: 0px;
}
.pay-process-intro .ppi-list-box .plb-list li img {
  height: 30px;
  border-radius: 8px;
  display: block;
}
@media (max-width: 768px) {
  .pay-process-intro .ppi-box {
    padding: 20px 20px;
  }
  .pay-process-intro .pib-qr {
    width: 100%;
    max-width: 260px;
    margin-bottom: 20px;
  }
  .pay-process-intro .pib-content {
    width: 100%;
    padding-left: 0px;
  }
  .pay-process-intro .pib-content .pbc-title {
    font-size: 24px;
  }
  .pay-process-intro .pib-content .pbc-btn-block {
    text-align: center;
  }
  .pay-process-intro .pib-content .pl-img {
    margin-bottom: 5px;
  }
  .pay-process-intro .pib-content .pl-txt {
    font-size: 14px;
  }
  .pay-process-intro .pib-content .pbc-list li {
    width: calc(33% - 30px);
    margin-right: 45px;
  }
  .pay-process-intro .pib-content .pbc-list li:after {
    right: -34.5px;
    top: 36%;
  }
  .pay-process-intro .ppi-box-footer {
    padding: 20px 20px;
  }
  .pay-process-intro .ppi-list-box + .ppi-list-box {
    margin-top: 15px;
  }
  .pay-process-intro .ppi-list-box .plb-title {
    width: 100%;
    height: auto;
    font-size: 16px;
    margin-right: 0px;
    margin-bottom: 10px;
  }
  .pay-process-intro .ppi-list-box .plb-list,
  .pay-process-intro .ppi-list-box .plb-list2 {
    width: 100%;
    justify-content: center;
  }
}
/*----*/


/*--綠界 APP 付款--*/
.pay-ecpay-app {
  width: 100%;
  height: 49px;
  position: relative;
  display: none;
  align-items: stretch;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  background: #FFF;
  /* box-shadow: 0px -1px 4px rgba(0, 0, 0, 0.25); */
  transition: .2s;
}
.pay-ecpay-app.pea-act {
  top: -49px;
}
.pay-ecpay-app .pea-close {
  width: 24px;
  height: 24px;
  background: url('../images/frame/close_icon.svg');
  position: absolute;
  right: 5px;
  top: 5px;
  cursor: pointer;
}
.pay-ecpay-app .pea-box {
  padding: 8px 16px;
  width: 100%;
  /* max-width: 400px; */
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pay-ecpay-app .peb-content {
  width: 100%;
  padding-right: 16px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.pay-ecpay-app .peb-content .pbc-logo {
  width: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.pay-ecpay-app .peb-content .pbc-logo img {
  width: 100%;
  display: block;
}
.pay-ecpay-app .peb-content .pbc-txt {
  font-size: 16px;
  font-weight: bold;
  color: #000;
  line-height: 1.4;
  margin-left: 8px;
}
.pay-ecpay-app .peb-btn-box {
  width: 62px;
}
.pay-ecpay-app .peb-btn-box .peb-btn {
  width: 100%;
  height: 26px;
  border-radius: 8px;
  border: 1px solid #65B366;
  background: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  color: #65B366;
  line-height: 1.4;

}
@media (max-width: 768px) {
  body:has(.pay-ecpay-app) .site-body {
    padding-top: 49px;
  }
  .pay-ecpay-app {
    display: flex;
  }
}
/*----*/


/*-- 付款方式 --*/
.payway-box {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.payway-box .pwb-qr-box {
  width: 320px;
  padding: 30px 0 40px;
  margin-left: 10px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  border-left: 1px solid #E0E0E0;
}
.payway-box .pwb-qr-box .pqb-title {
  font-size: 19px;
  font-weight: bold;
  line-height: 1.4;
  color: #222;
  text-align: center;
  margin-bottom: 25px;
}
.payway-box .pwb-qr-box .pqb-qr {
  width: 200px;
}
.payway-box .pwb-qr-box .pqb-qr img {
  width: 100%;
}
.payway-box .pwb-qr-box .pqb-info {
  font-size: 16px;
  line-height: 1.5;
  color: #444;
  text-align: center;
  margin-top: 25px;
}
.payway-box .pwb-qr-box .pqb-info b,
.gwpay-qr-box .pqb-info b {
  color: #339965;
}
.gwpay-qr-box {
  margin: 20px auto 0;
  width: 220px;
}
.gwpay-qr-box .pqb-title img,
.gwpay-qr-box .pqb-qr img {
  width: 100%;
}
.gwpay-qr-box .pqb-title,
.gwpay-qr-box .pqb-qr {
  margin-bottom: 16px;
}
.gwpay-qr-box .pqb-info {
  text-align: center;
}
.gwpay-btn {
  display: none;;
}
.gwpay-btn  .text {
  margin: 0 0 8px;
}
@media (max-width: 768px) {
  .payway-box .pwb-qr-box,
  .gwpay-qr-box,
  .webatm-operate-intro {
    display: none;
  }
  .gwpay-btn  {
    display: block;
  }
}
/*----*/

/*--服務提供商資訊--*/
.pay-support-info {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 14px;
  color: #343434;
  line-height: 1.4;
  margin-top: 20px;
}
.psi-img {
  height: 20px;
  padding: 0 5px;
  display: block;
}
.psi-img.pi-twqr {
  height: 15px;
}
.psi-img:first-child {
  padding-left: 0;
}
.psi-txt {
  display: block;
}
/*----*/

/*---活動POPUP---*/
.action_box .action-tip .sac-title {
  margin: 16px 0 4px;
}
.action_box .action-tip img {
  width: 100%;
}
.action_box .action-tip ul {
  list-style: disc;
  padding-left: 22px;
}
.action_box .action-tip ul li {
  color: #444;
  font-size: 15px;
  line-height: 1.4;
}


/*-- 上傳檔案 --*/
.def-upload-box {
  width: 100%;
}
.def-upload-box .drop-area {
  width: 100%;
  padding: 16px 16px;
  border-radius: 8px;
  border: 1px solid #DCDCDC;
  background: #FFF;
}
.def-upload-box .drop-area.highlight {
  background: #F0F2F1;
}
.def-upload-box .dub-info-box {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: pointer;
}
.def-upload-box .dub-info-box .dub-info {
  font-size: 14px;
  color: #1C1C1E;
  line-height: 1.2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.def-upload-box .dub-info-box .dub-info:before {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  background: url("../images/ic-add.svg") center center/contain no-repeat;
  margin-right: 4px;
}
.def-upload-box .dub-info-box .dib-btn {
  min-width: 84px;
  line-height: 1;
  height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.def-upload-box .preview-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.def-upload-box .file-preview {
  width: 100%;
  min-height: 44px;
  margin-top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  position: relative;
  padding: 10px 48px 10px 16px;
  border-radius: 10px;
  background: #F8F8F8;
}
.def-upload-box .file-preview:first-child {
  margin-top: 16px;
}
.def-upload-box .file-preview .file-name {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  color: #1C1C1E;
  line-height: 1.2;
}
.def-upload-box .file-preview .delete-button {
  cursor: pointer;
  display: block;
  width: 32px;
  height: 32px;
  background: url("../images/ic-del.svg") center center/contain no-repeat;
  position: absolute;
  right: 12px;
  top: calc(50% - 15px);
  overflow: hidden;
  text-indent: -9999px;
}
.def-upload-box .dub-tip {
  font-size: 14px;
  color: #626264;
  line-height: 1.4;
  text-align: left;
  margin-top: 8px;
}
.def-upload-box .dub-tip .dt-list {
  padding-left: 18px;
  list-style-type: disc;
}
.def-upload-box .dub-tip .dt-list > li + li {
  margin-top: 1px;
}
/*----*/

/*-- 付款行銷 BANNER --*/
.scw-pay-bnr {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  position: relative;
}
.scw-pay-bnr .spb-box {
  width: 100%;
  display: block;
}
.scw-pay-bnr .spb-box img {
  width: 100%;
  display: block;
}
.scw-pay-bnr .spb-box.spb-pad,
.scw-pay-bnr .spb-box.spb-mb {
  display: none;
}
@media (max-width: 768px) {
  .scw-pay-bnr .spb-box.spb-pad {
    display: block;
  }
  .scw-pay-bnr .spb-box.spb-dp,
  .scw-pay-bnr .spb-box.spb-mb {
    display: none;
  }
}
@media (max-width: 568px) {
  .scw-pay-bnr .spb-box.spb-mb {
    display: block;
  }
  .scw-pay-bnr .spb-box.spb-dp,
  .scw-pay-bnr .spb-box.spb-pad {
    display: none;
  }
}
/*----*/

/*--- 現金回饋已啟動 --*/
.cashback-act-status {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: -14px 0 40px;
}
.cashback-act-status .cas-box {
  width: 204px;
  height: 48px;
  border-radius: 999px;
  background: #13AB67;
  padding: 4px 24px 4px 4px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  overflow: hidden;
  position: relative;
}
.cashback-act-status .cas-box .cas-ic {
  width: 62px;
  flex-shrink: 0;
  margin: 0 -10px 0 -3px;
  position: relative;
  z-index: 5;
}
.cashback-act-status .cas-box .cas-ic img {
  width: 100%;
  display: block;
}
.cashback-act-status .cas-box .cas-txt {
  width: 100%;
  color: #FFF;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4;
  position: relative;
  z-index: 5;
}
.cashback-act-status .cas-box .cas-reflection {
  width: 100%;
  height: 100%;
  pointer-events: none; 
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
}
.cashback-act-status .cas-box .cas-reflection:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 150%; 
  height: 100%;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 30%,
    rgba(255, 255, 255, 0.8) 48%, 
    rgba(255, 255, 255, 0.8) 52%, 
    rgba(255, 255, 255, 0) 80%
  );
  transform: translateX(-100%) skewX(-25deg); 
  animation: shine_ani 3.4s infinite ease-in-out;
}
@keyframes shine_ani {
  0% {
    transform: translateX(-100%) skewX(-25deg);
  }
  50%, 100% {
    transform: translateX(100%) skewX(-25deg);
  }
}
@media (max-width: 568px) {
  .cashback-act-status {
    margin: -4px 0 24px;
  }
}
/*----*/



/*-- 捐款付款 --*/
.ecpay-dn-sitebody {
  width: 100%;
  min-width: 1170px;
  min-height: calc(100vh - 270px);
  position: relative;
  background: white;
}
.ecpay-dn-sitebody.dsb-noheader {
  min-height: calc(100vh - 176px);
}
@media (max-width: 820px) {
  .ecpay-dn-sitebody {
    min-width: 0;
  }
}

/* 捐款 header */
.ecpay-dn-header {
  width: 100%;
  min-width: 1170px;
  position: relative;
  border-bottom: 1px solid #DCDCDC;
  background: #FFF;
  z-index: 11;
}
.ecpay-dn-header .container {
  width: 100%;
  max-width: 1170px;
  height: auto;
  min-height: 104px;
  padding: 24px 0;
  margin: 0 auto;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ecpay-dn-header .sf-title {
  color: #121212;
  font-size: 28px;
  font-weight: bold;
  line-height: 1.2; 
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.ecpay-dn-header .sf-title .st-logo {
  height: 54px;
}
.ecpay-dn-header .sf-title .st-logo img {
  height: 100%;
  display: block;
}
@media (max-width: 820px) {
  .ecpay-dn-header {
    min-width: 0;
  }
  .ecpay-dn-header .container {
    height: auto;
    min-height: 64px;
    padding: 12px 16px;
  }
  .ecpay-dn-header .sf-title {
    font-size: 22px;
  }
  .ecpay-dn-header .sf-title .st-logo {
    height: 40px;
  }
}
/*----*/

/* 捐款 Footer */
.ecpay-dn-footer {
  width: 100%;
  min-width: 1170px;
	background-color: #292929;
  position: relative;
}
.ecpay-dn-footer a {
  text-decoration: none;
}
.ecpay-dn-footer .footer-content {
  max-width: 1000px;
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 24px 0;
  text-align: center;
  position: relative;
  z-index: 12;
}
.ecpay-dn-footer .footer-info {
  position: relative;
}
.ecpay-dn-footer .fi-cpr01 {
  width: 100%;
  display: block;
  text-align: left;
  color: #FFF;
  line-height: 1.5;
  font-size: 16px;
  margin-bottom: 16px;
}
.ecpay-dn-footer .fi-cpr01 .fcp-txt {
  margin: 0 4px;
}
.ecpay-dn-footer .fi-cpr02 {
  width: 100%;
  display: block;
  text-align: right;
  color: rgba(255, 255, 255, 0.70);
  line-height: 1.4;
  font-size: 13px;
}
@media (max-width: 820px) {
  .ecpay-dn-footer {
    min-width: 0;
  }
  .ecpay-dn-footer .footer-content {
    padding: 24px 24px;
  }
}
/*----*/

.ecpay-dn-payment-header-tip {
  width: 100%;
  background-color: #F0FFF5;
  border-bottom: 1px solid #C3F9D1;
  text-align: right;
  padding: 10px 16px;
  font-size: 16px;
  color: #121212;
  line-height: 1.5;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
}

.ecpay-dn-payment-content {
  margin: 0 auto;
  width: 100%;
  max-width: 600px;
  padding: 24px 0 40px;
}
.ecpay-dn-payment-content.ecpay-dpc-02 {
  max-width: 800px;
}
.ecpay-dn-payment-content.ecpay-pd01 {
  padding: 40px 0 80px;
}
.ecpay-dn-payment-content.ecpay-pd02 {
  padding: 120px 0 80px;
}
.ecpay-dn-payment-content .red {
  color: #F85766;
}
.ecpay-dn-payment-content .ecpay-dpc-back {
  width: 100%;
  margin-bottom: 24px;
}
.ecpay-dn-payment-content .ecpay-dpc-back .edbk-link {
  display: inline-block;
  font-size: 16px;
  color: #121212;
  padding: 12px 16px 12px 48px;
  background: url('../images/fs-ic-arrow02.svg') no-repeat 16px center;
}
.ecpay-dn-payment-content .ecpay-dpc-info {
  width: 100%;
  background-color: #F5F5F5;
  margin-bottom: 16px;
  padding: 18px 20px;
  border-radius: 6px;
}
.ecpay-dn-payment-content .ecpay-dpc-info dl {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 18px;
  font-weight: bold;
  color: #121212;
}
.ecpay-dn-payment-content .ecpay-dpc-info dt {
  font-weight: bold;
}
.ecpay-dn-payment-content .ecpay-dpc-box {
  width: 100%;
}


.ecpay-dn-payment-content .ecpay-dpc-detail {
  width: 100%;
  border: 1px solid #dcdcdc;
  border-radius: 6px;
  overflow: hidden;
}
.ecpay-dn-payment-content .ecpay-dpc-detail .ecpay-dcd-title {
  width: 100%;
  height: 56px;
  background: #f3f3f3;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
  color: #333;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px 6px 0 0;
}
.ecpay-dn-payment-content .ecpay-dpc-detail .ecpay-dcd-content {
  width: 100%;
  padding: 24px 40px 40px;
}
.ecpay-dn-payment-content .ecpay-dpc-detail .ecpay-dcd-content .ecpay-dc-box {
  width: 100%;
}
.ecpay-dn-payment-content .ecpay-dpc-detail .ecpay-dcd-content .ecpay-dc-box + .ecpay-dc-box {
  margin-top: 24px;
}
.ecpay-dn-payment-content .ecpay-dpc-detail .ecpay-dc-title {
  width: 100%;
  color: #000;
  font-size: 16px; 
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 8px;
}
.ecpay-dn-payment-content .ecpay-dpc-detail .ecpay-dcd-content dl {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-top: 12px;
  margin-bottom: 8px;
  color: #000;
  font-size: 16px;
  line-height: 1.5;
}
.ecpay-dn-payment-content .ecpay-dpc-detail .ecpay-dcd-content dl:last-child {
  margin-bottom: 0px;
}
.ecpay-dn-payment-content .ecpay-dpc-detail .ecpay-dcd-content dd {
  text-align: right;
}
.ecpay-dn-payment-content .ecpay-dpc-detail .ecpay-dcd-content .ecpay-dc-copy-btn {
  width: 100%;
  max-width: 160px;
  height: 48px;
  padding: 12px 16px;
  margin-top: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  border: 1px solid #DCDCDC;
  background: #FFF;
  font-size: 15px;
  color: #000;
}
.ecpay-dn-payment-content .ecpay-dpc-detail .ecpay-dcd-content .ecpay-dc-copy-btn:before {
  content: '';
  width: 24px;
  height: 24px;
  margin-right: 4px;
  background: url('../images/ic-copy.svg') center center / contain no-repeat;
}
.ecpay-dn-payment-content .ecpay-dpc-detail .ecpay-dcd-content .ecpay-dc-barcode-box {
  width: 100%;
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.ecpay-dn-payment-content .ecpay-dpc-detail .ecpay-dcd-content .ecpay-dc-barcode-box .ecpay-dbb-txt{
  color: #121212;
  font-size: 16px; 
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 8px;
  text-align: center;
}
.ecpay-dn-payment-content .ecpay-dpc-detail .ecpay-dcd-content .ecpay-dc-barcode-box .ecpay-dbb-cv{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ecpay-dn-payment-content .ecpay-dpc-detail .ecpay-dcd-content .ecpay-dc-barcode-box .ecpay-dcv-txt {
  color: #121212;
  font-size: 16px; 
  font-weight: bold;
  line-height: 1.4;
  margin-right: 10px;
}
.ecpay-dn-payment-content .ecpay-dpc-detail .ecpay-dcd-content .ecpay-dc-barcode-box .ecpay-dcv-list {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.ecpay-dn-payment-content .ecpay-dpc-detail .ecpay-dcd-content .ecpay-dc-barcode-box .ecpay-dcv-list .ecpay-dl-item {
  width: 40px;
  height: 40px;
  margin-right: 10px;
  background: center center / contain transparent no-repeat;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
}
.ecpay-dn-payment-content .ecpay-dpc-detail .ecpay-dcd-content .ecpay-dc-barcode-box .ecpay-dcv-list .ecpay-dl-item:last-child{
  margin-right: 0px;
}
.ecpay-dn-payment-content .ecpay-dpc-detail .ecpay-dcd-content .ecpay-dc-barcode-box .ecpay-dcv-list .ecpay-dl-item.ecpay-ok {
  background-image: url("../images/frame/store_ok.png");
}
.ecpay-dn-payment-content .ecpay-dpc-detail .ecpay-dcd-content .ecpay-dc-barcode-box .ecpay-dcv-list .ecpay-dl-item.ecpay-seven {
  background-image: url("../images/frame/store_711.png");
}
.ecpay-dn-payment-content .ecpay-dpc-detail .ecpay-dcd-content .ecpay-dc-barcode-box .ecpay-dcv-list .ecpay-dl-item.ecpay-hilife {
  background-image: url("../images/frame/store_hilife.png");
}
.ecpay-dn-payment-content .ecpay-dpc-detail .ecpay-dcd-content .ecpay-dc-barcode-box .ecpay-dcv-list .ecpay-dl-item.ecpay-family {
  background-image: url("../images/frame/store_fami.png");
}
.ecpay-dn-payment-content .ecpay-dpc-detail .ecpay-dcd-content .ecpay-dc-barcode-box .ecpay-dbb-barcode {
  margin-top: 40px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
}
.ecpay-dn-payment-content .ecpay-dpc-detail .ecpay-dcd-content .ecpay-dc-barcode-box .ecpay-dbb-barcode .dbc-img {
  height: 75px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ecpay-dn-payment-content .ecpay-dpc-detail .ecpay-dcd-content .ecpay-dc-barcode-box .ecpay-dbb-barcode .dbc-img + .dbc-img {
  margin-top: 20px;
}
.ecpay-dn-payment-content .ecpay-dpc-detail .ecpay-dcd-content .ecpay-dc-barcode-box .ecpay-dbb-barcode .dbc-img img {
  height: 100%;
  display: block;
}
.ecpay-dn-payment-content .ecpay-dpc-detail .ecpay-dcd-content .ecpay-dc-btn-box {
  width: 100%;
  margin-top: 40px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ecpay-dn-payment-content .ecpay-dpc-detail .ecpay-dcd-content .ecpay-dc-btn-box .ecpay-dc-load-btn {
  width: 100%;
  max-width: 200px;
  height: 48px;
  padding: 12px 16px;
  margin-top: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  border: 1px solid #DCDCDC;
  background: #FFF;
  font-size: 15px;
  color: #000;
}
.ecpay-dn-payment-content .ecpay-dpc-detail .ecpay-dcd-content .ecpay-dc-btn-box .ecpay-dc-load-btn:before {
  content: '';
  width: 24px;
  height: 24px;
  margin-right: 4px;
  background: url('../images/ic-download.svg') center center / contain no-repeat;
}
.ecpay-dn-payment-content .ecpay-btn-box {
  width: 100%;
  margin-top: 24px;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ecpay-dn-payment-content .ecpay-btn-box.ebb-2 .ecpay-btn {
  max-width: 200px;
}
.ecpay-dn-payment-content .ecpay-btn-box.ebb-pd01 {
  margin-top: 60px;
}
.ecpay-dn-payment-content .ecpay-btn-box .ecpay-btn {
  width: 100%;
  max-width: 300px;
  height: 40px;
  padding: 10px 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background: #444;
  font-size: 15px;
  color: #FFF;
}
.ecpay-dn-payment-content .ecpay-btn-box .ecpay-btn + .ecpay-btn {
  margin-left: 16px;
}

.ecpay-dn-payment-content .ecpay-btn-box .ecpay-btn.ebb-w {
  border: 1px solid #DCDCDC;
  background: #FFF;
  color: #000;
}

.ecpay-dn-payment-content .ecpay-btn-box .ecpay-btn.ebb-w {
  border: 1px solid #DCDCDC;
  background: #FFF;
  color: #000;
}
.ecpay-dn-payment-content .ecpay-btn-box .ebb-block {
  width: 100%;
  max-width: 300px;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
}
.ecpay-dn-payment-content .ecpay-btn-box .ebb-block .ebb-tip{
  color: #000;
  text-align: center;
  font-size: 15px;
  line-height: 1.4;
  margin-top: 8px;
}

.ecpay-dn-payment-content .ecpay-dpc-status {
  width: 100%;
  border: 1px solid #dcdcdc;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 40px 40px;
}
.ecpay-dn-payment-content .ecpay-dpc-status .dcs-box {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
}
.ecpay-dn-payment-content .ecpay-dpc-status .dsb-ic {
  width: 40px;
  height: 40px;
  margin-bottom: 8px;
  background: url('../images/ic-atte.svg') center center / contain no-repeat;
}
.ecpay-dn-payment-content .ecpay-dpc-status .dsb-title {
  font-size: 20px;
  color: #121212;
  text-align: center;
  margin-bottom: 16px;
}
.ecpay-dn-payment-content .ecpay-dpc-status .dsb-txt {
  font-size: 14px;
  color: #121212;
  text-align: center;
}
.ecpay-dn-payment-content .ecpay-dpc-status .dsb-txt.red {
  color: #F85766;
}
.ecpay-dn-payment-content .ecpay-dpc-status .dsb-txt + .dsb-txt {
  margin-top: 16px;
}
.ecpay-dn-payment-content .ecpay-dpc-status .ecpay-btn-box {
  margin-top: 40px;
}
.ecpay-dn-payment-content .ecpay-dpc-status .ecpay-btn {
  max-width: 160px;
}
@media (max-width: 820px) {
  .ecpay-dn-payment-content {
    padding: 20px 12px 40px;
  }
  .ecpay-dn-payment-content.ecpay-pd01 {
    padding: 20px 12px 40px;
  }
  .ecpay-dn-payment-content.ecpay-pd02 {
    padding: 80px 12px 80px;
  }
  .ecpay-dn-payment-content .ecpay-dpc-status {
    margin-top: 20px;
  }
  .ecpay-dn-payment-content .ecpay-dpc-detail .ecpay-dcd-content .ecpay-dc-barcode-box .ecpay-dbb-barcode .dbc-img {
    height: 58px;
  }
}
/*----*/