@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;
}

.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, ::-moz-placeholder, :-ms-input-placeholder {
  color: #aaa;
  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;
  }
  .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: 25px 0;
}

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

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

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

@media (max-width: 768px) {
  .site-content-wrapper .site-content {
    width: auto;
    max-width: 768px;
  }
  .site-content-wrapper .site-content:first-child {
    padding-bottom: 25px;
  }
  .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.ctw-bottom {
  margin-bottom: 0px;
  margin-top: 30px;
}

.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: 568px) {
  .site-content-wrapper .content-title {
    margin-bottom: 20px;
  }
}

.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-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-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 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: 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: center;
}

.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;
}

@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%;
  }
}

@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;
}

@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: 10px;
  border-bottom: 2px solid #666;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
  zoom: 1;
}

.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 {
  float: left;
  height: 36px;
  line-height: 36px;
  padding: 0 14px;
  margin: 0 10px 10px 0;
  text-align: center;
  color: #444444;
  font-size: 16px;
  font-weight: bold;
  background: white;
  display: block;
  cursor: pointer;
  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.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -ms-transition: 0.4s;
  transition: 0.4s;
}

.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;
}

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

.site-content-wrapper .member-pay .pay-tab-list.pt-height {
  max-height: 420px;
}

.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: 4px;
  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 .ptf-txt {
  font-size: 14px;
  color: #444444;
  line-height: 1.5;
  margin-bottom: 15px;
  padding-left: 9px;
}

@media (max-width: 1170px) {
  .site-content-wrapper .process-wrap {
    padding: 25px 15px 15px;
  }
}
@media (max-width: 1000px) {
  .site-content-wrapper .member-pay .pay-tab-list li {
    padding: 0 10px;
    margin: 0 10px 10px 0;
    font-size: 15px;
  }
}
@media (max-width: 850px) {
  .site-content-wrapper .member-pay .pay-tab-list li {
    padding: 0 8px;
    margin: 0 8px 10px 0;
    font-size: 14px;
  }
}
@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-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: 2px;
  }
  .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%;
  }
}

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

.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;
}

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

@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 .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 .add-cc-block a {
  text-decoration: underline;
}

.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: 38px;
  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 input[type="checkbox"] {
  display: none;
}

.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-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-2 .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;
  }
}

@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 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 {
  top: 50%;
  margin-top: -10px;
}
.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%;
}
@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 .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 {
    text-align: center;
  }
  .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 {
  background-position: 0 -24px;
}

.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);
}

@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;
}




/*--詳細內容區塊 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;
}

/*-- 活動區塊
-------------------------------------------------- */
.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 .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-position: 0 -20px;
}

.site-content-wrapper .pay-cardnum-singal .cc-icon.cc-visa {
  background-position: 0 -42px;
}

.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-position: 0 -20px;
}

.site-content-wrapper .pay-cardnum-select .cc-icon.cc-visa {
  background-position: 0 -42px;
}

.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%;
}

.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;
}