.bc {
  font-size: 18px;
  font-weight: 200;
  color: #414042;
  text-align: justify;
}
.WCP_offer_hl {
  font-size: 36px;
  font-weight: 200;
  color: #9bba05;
  text-align: left;
  padding: 0px 0px 0px 10px;
}
.WCP_offer_top {
  border-top: solid #9bba05 10px;
  border-left: solid #56750b 10px;
  line-height: 10px;
}
.WCP_offer {
  display: flex;
}
.WCP_offer_v {
  background-image: url(../images/wechatpayhk_app.jpg);
  box-shadow: 5px 5px 0px 5px #56750b;
  background-repeat: no-repeat;
  padding: 76px 250px;
  margin: 10px 10px 0px 10px;
}
.WCP_offer_btn {
  color: #9bba05;
  font-size: 20px;
  font-weight: 200;
  text-align: center;
  border: solid 2px;
  border-radius: 20px 20px 0px;
  background-color: white;
  width: 200px;
}
.WCP_offer_td_1 {
  padding: 5px 5px 5px 15px;
  text-align: left;
  vertical-align: middle;
  border-bottom: 2px solid #ffffff;
  font-weight: 200;
  font-size: 16px;
  line-height: 16px;
}
.WCP_offer_td_2 {
  padding: 5px 5px 5px 5px;
  text-align: left;
  vertical-align: middle;
  border-bottom: 2px solid #ffffff;
  font-weight: 200;
  font-size: 16px;
  line-height: 16px;
}
.WCP_offer_td_3 {
  padding: 5px 15px 5px 5px;
  text-align: left;
  vertical-align: middle;
  border-bottom: 2px solid #ffffff;
  font-weight: 200;
  font-size: 16px;
  line-height: 16px;
}
.WCP_offer_col_1 {
  width: 40%
}
.WCP_offer_col_2 {
  width: 100%
}
.offer_1_hl {
  font-size: 36px;
  font-weight: 200;
  color: #00c0f3;
  text-align: left;
  padding: 0px 0px 0px 10px;
}
.offer_1_top {
  border-top: solid #00c0f3 10px;
  border-left: solid #0072bc 10px;
  line-height: 10px;
}
.offer_1 {
  display: flex;
}
.offer_1_v {
  background-image: url(../images/mainland_and_macau.jpg);
  box-shadow: 5px 5px 0px 5px #0072bc;
  background-repeat: no-repeat;
  padding: 112px;
  margin: 10px 10px 0px 30px;
}
.offer_1_btn {
  color: #00c0f3;
  font-size: 20px;
  font-weight: 200;
  text-align: center;
  border: solid 2px;
  border-radius: 20px 20px 0px;
  background-color: white;
  width: 200px;
}
.offer_2_top {
  border-top: solid #39bb9d 10px;
  border-left: solid #057174 10px;
  line-height: 10px;
}
.offer_2 {
  display: flex;
  flex-direction: row-reverse;
  padding-bottom: 10px;
}
.offer_2_v {
  background-image: url(../images/snr.jpg);
  box-shadow: 5px 5px 0px 5px #057174;
  background-repeat: no-repeat;
  padding: 76px 250px;
  margin: 10px 10px 0px 10px;
}
.offer_6_v {
  background-image: url(../images/overseas_spending.jpg);
  box-shadow: 5px 5px 0px 5px #aa6622;
  background-repeat: no-repeat;
  padding: 76px 250px;
  margin: 10px 10px 0px 10px;
}
.offer_7_v {
  background-image: url(../images/unionpay_app.jpg);
  box-shadow: 5px 5px 0px 5px #485e88;
  background-repeat: no-repeat;
  padding: 76px 250px;
  margin: 10px 10px 0px 10px;
}

.offer_2_btn {
  color: #39bb9d;
  font-size: 20px;
  font-weight: 200;
  text-align: center;
  border: solid 2px;
  border-radius: 20px 20px 0px;
  background-color: white;
  width: 200px;
}
.offer_2_td {
  padding: 5px 0px 5px 30px;
  text-align: left;
  vertical-align: middle;
  border-bottom: 2px solid #ffffff;
  font-weight: 200;
  font-size: 16px;
  line-height: 16px;
}
.gba-con{
  padding: 10px 30px 17px 30px;
  width: 100%;
  margin: 0 auto;
}
.gba-head {
  font-size: 36px;
  font-weight: 200;
  text-align: left;
}
.hl-green{
	color: #39bb9d;
}
.hl-yellow{
	color: #bb7027;
}
.hl-orange{
	color: #f36e29;
}
.hl-gray{
	color: #648596;
}
.hl-red{
	color: #9f151a;
}
.hl-blue{
	color: #6c8cc7;
}
.gba-table {
  text-align: center;
  border-collapse: collapse;
  font-size: 18px;
  font-weight: 200;
}
.gba-table tr th{
	padding: 0;
	border: 0;
	border-bottom: 3px solid #E3F3F1;
}
.gba-table tr td{
	padding: 0;
	border: 0;
	vertical-align: middle;
	border-bottom: 2px solid #E3F3F1;
}
.gba-table tr:nth-child(1) th {
  background: #1D8353;
  color: #fff;
  font-weight: 400;
}
.gba-table tr:nth-child(2) th {
  background: #01a084;
  color: #fff;
  font-weight: 400;
}
.gba-table tr:nth-child(even) td {
  background: #96DCD2;
  color: #434545;
}
.gba-table tr:nth-child(odd) td {
  background: #B1E6DD;
  color: #434545;
}
.gba-table .merge-row {
  background: #96DCD2 !important;
  vertical-align: middle;
  border-bottom: 2px solid #E3F3F1;
  border-right: 2px solid #E3F3F1;
}
.gba-table .icon-pay {
  display: flex;
  justify-content: space-between;
  align-self: center;
  width: 80px;
  margin: 0 auto;
  text-align: left;
}
.pay-info {
  display: flex;
  gap: 40px;
  color: #434545;
  font-size: 14px;
  font-weight: 200;
}
.gba-btn {
  text-align: center;
  margin: 20px 0 40px 0;
}
.offer_2_bot {
  border-bottom: solid #39bb9d 10px;
  border-right: solid #057174 10px;
  line-height: 10px;
}
.offer_3_top {
  border-top: solid #f36e29 10px;
  border-left: solid #b4521a 10px;
  line-height: 10px;
}
.offer_3 {
  display: flex;
}
.offer_3_v {
  background-image: url(../images/lifestyle_app.jpg);
  box-shadow: 5px 5px 0px 5px #b4521a;
  background-repeat: no-repeat;
  padding: 76px 250px;
  margin: 10px 10px 0px 10px;
}
.offer_3_btn {
  color: #f36e29;
  font-size: 20px;
  font-weight: 200;
  text-align: center;
  border: solid 2px;
  border-radius: 20px 20px 0px;
  background-color: white;
  width: 200px;
}
.offer_3_td_1 {
  padding: 5px 5px 5px 15px;
  text-align: left;
  vertical-align: middle;
  border-bottom: 2px solid #ffffff;
  font-weight: 200;
  font-size: 16px;
  line-height: 16px;
}
.offer_3_td_2 {
  padding: 5px 5px 5px 5px;
  text-align: left;
  vertical-align: middle;
  border-bottom: 2px solid #ffffff;
  font-weight: 200;
  font-size: 16px;
  line-height: 16px;
}
.offer_3_td_3 {
  padding: 5px 15px 5px 5px;
  text-align: left;
  vertical-align: middle;
  border-bottom: 2px solid #ffffff;
  font-weight: 200;
  font-size: 16px;
  line-height: 16px;
}
.offer_3_col_1 {
  width: 40%
}
.offer_3_col_2 {
  width: 100%
}
.offer_3_bot {
  border-bottom: solid #f36e29 10px;
  border-right: solid #b4521a 10px;
  line-height: 10px;
}
.offer_4_top {
  border-top: solid #8ebbd0 10px;
  border-left: solid #648596 10px;
  line-height: 10px;
}
.offer_4_v {
  background-image: url(../images/gba.jpg);
  box-shadow: 5px 5px 0px 5px #648596;
  background-repeat: no-repeat;
  padding: 76px 250px;
  margin: 10px 10px 0px 10px;
}
.offer_4_btn {
  color: #8ebbd0;
  font-size: 20px;
  font-weight: 200;
  text-align: center;
  border: solid 2px;
  border-radius: 20px 20px 0px;
  background-color: white;
  width: 200px;
}
.offer_4_td_1 {
  padding: 5px 5px 5px 15px;
  text-align: left;
  vertical-align: middle;
  border-bottom: 2px solid #ffffff;
  font-weight: 200;
  font-size: 16px;
  line-height: 16px;
}
.offer_4_td_2 {
  padding: 5px 15px 5px 5px;
  text-align: left;
  vertical-align: middle;
  border-bottom: 2px solid #ffffff;
  font-weight: 200;
  font-size: 16px;
  line-height: 16px;
}
.offer_4_bot {
  border-bottom: solid #8ebbd0 10px;
  border-right: solid #648596 10px;
  line-height: 10px;
}
.offer_5_top {
  border-top: solid #f15b40 10px;
  border-left: solid #9f151a 10px;
  line-height: 10px;
}
.offer_5_v {
  background-image: url(../images/card_to_pay.jpg);
  box-shadow: 5px 5px 0px 5px #9f151a;
  background-repeat: no-repeat;
  padding: 76px 250px;
  margin: 10px 10px 0px 10px;
}
.offer_5_btn {
  color: #f15b40;
  font-size: 20px;
  font-weight: 200;
  text-align: center;
  border: solid 2px;
  border-radius: 20px 20px 0px;
  background-color: white;
  width: 200px;
}
.offer_5_td_1 {
  padding: 5px 5px 5px 15px;
  text-align: left;
  vertical-align: middle;
  border-bottom: 2px solid #ffffff;
}
.offer_5_td_2 {
  padding: 5px 15px 5px 5px;
  text-align: left;
  vertical-align: middle;
  border-bottom: 2px solid #ffffff;
}
.offer_5_bot {
  border-bottom: solid #f15b40 10px;
  border-right: solid #9f151a 10px;
  line-height: 10px;
}
.offer_6_top {
  border-top: solid #6c8cc7 10px;
  border-left: solid #485e88 10px;
  line-height: 10px;
}
.offer_6_bot {
  border-bottom: solid #6c8cc7 10px;
  border-right: solid #485e88 10px;
  line-height: 10px;
}
.offer_7_top {
  border-top: solid #a97c50 10px;
  border-left: solid #6c4e2f 10px;
  line-height: 10px;
}
.offer_8_top {
  border-top: solid #6c8cc7 10px;
  border-left: solid #002e5e 10px;
  line-height: 10px;
}
.offer_8_btn {
  color: #002e5e;
  font-size: 30px;
  font-weight: 200;
  text-align: center;
  border: solid 2px;
  border-radius: 40px 40px 0px;
  background-color: #b1bfdc;
  width: 100%;
  padding: 10px;
}
.offer_cfa_hl {
  color: #ffffff;
  font-size: 24px;
  font-weight: 200;
  text-align: center;
  border-radius: 50px;
  background-color: #0066b3;
  width: 100%;
  padding: 10px;
}
.offer_cfa {
  color: #005da4;
  font-size: 30px;
  border: 2px solid;
  font-weight: 200;
  text-align: center;
  border-radius: 50px;
  background-color: #ffffff;
  width: 100%;
  line-height: 42px;
  padding: 30px 50px;
}
.offer_cfa_r1 {
  display: flex;
  justify-content: space-between;
  padding-bottom: 30px;
}
.offer_cfa_r2 {
  font-size: 14px;
  text-align: left;
  color: #414042;
  font-weight: 200;
  line-height: 22px;
}
.offer_cfa_qr {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 10px 0px 0px 0px;
}
.caf_btn {
  color: #ffffff;
  font-size: 20px;
  font-weight: 200;
  text-align: center;
  border: solid 2px;
  border-radius: 20px 20px 0px;
  background-color: #005da4;
  width: 400px;
}
.arrow_symbol {
  width: 20px;
  vertical-align: baseline;
}
.w10 {
  width: 10%
}
.w15 {
  width: 15%
}
.w15a {
  width: 15%
}
.w20 {
  width: 20%
}
.w20a {
  width: 20%
}
.w25 {
  width: 25%
}
.w30a {
  width: 33%
}
.w40 {
  width: 40%
}
.w50 {
  width: 50%
}
.w60 {
  width: 60%
}
@media (max-width: 576px) {
  .gba-con{
  padding: 0 14px;
}
	.gba-btn{
	margin: 20px 0 30px 0;
	}
   .pay-info {
	display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 4px;
	}
	.pay-info div{
		flex: 1; 
	}
	.pay-info img{
	width: auto;
    min-width: 28px;
    height: 16px;
    object-fit: none;
	}
  .WCP_offer_hl1 {
    line-height: 46px;
  }
  .offer_3_hl1 {
    line-height: 46px;
  }
  .WCP_offer_v {
    background-image: url(../images/wechatpayhk_app_m.jpg);
    box-shadow: 5px 5px 0px 5px #56750b;
    background-repeat: no-repeat;
    padding: 70px 168px;
    margin: 0px 10px 20px 30px;
  }
  .WCP_offer {
    display: flex;
    flex-direction: column;
  }
  .WCP_offer_col_1 {
    width: 100%
  }
  .WCP_offer_col_2 {
    width: 100%
  }
  .offer_1_v {
    background-image: url(../images/mainland_and_macau_m.jpg);
    box-shadow: 5px 5px 0px 5px #0072bc;
    background-repeat: no-repeat;
    padding: 70px 168px;
    margin: 0px 10px 20px 30px;
  }
  .offer_2_v {
    background-image: url(../images/snr_m.jpg);
    box-shadow: 5px 5px 0px 5px #057174;
    background-repeat: no-repeat;
    padding: 70px 168px;
    margin: 0px 10px 20px 30px;
  }
	  .offer_6_v {
    background-image: url(../images/overseas_spending_m.jpg);
    box-shadow: 5px 5px 0px 5px #aa6622;
    background-repeat: no-repeat;
    padding: 70px 168px;
    margin: 0px 10px 20px 30px;
  }
  .offer_7_v {
    background-image: url(../images/unionpay_app_m.jpg);
    box-shadow: 5px 5px 0px 5px #485e88;
    background-repeat: no-repeat;
    padding: 70px 168px;
    margin: 0px 10px 20px 30px;
  }

  .offer_3_v {
    background-image: url(../images/lifestyle_app_m.jpg);
    box-shadow: 5px 5px 0px 5px #b4521a;
    background-repeat: no-repeat;
    padding: 70px 168px;
    margin: 0px 10px 20px 30px;
  }
  .offer_4_v {
    background-image: url(../images/gba_m.jpg);
    box-shadow: 5px 5px 0px 5px #648596;
    background-repeat: no-repeat;
    padding: 70px 168px;
    margin: 0px 10px 20px 30px;
  }
  .offer_5_v {
    background-image: url(../images/card_to_pay_m.jpg);
    box-shadow: 5px 5px 0px 5px #9f151a;
    background-repeat: no-repeat;
    padding: 70px 168px;
    margin: 0px 10px 20px 30px;
  }
  .offer_1 {
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-end;
  }
  .offer_3 {
    display: flex;
    flex-direction: column;
  }
  .offer_3_col_1 {
    width: 100%
  }
  .offer_3_col_2 {
    width: 100%
  }
  .offer_8_btn {
    font-size: 32px;
  }
  .w15a {
    width: 25%
  }
  .w20a {
    width: 25%
  }
  .w30a {
    width: 40%
  }
  .row {
    text-align: center;
  }
}