@charset "utf-8";
@font-face {
  font-family: "Montserrat-Bold";
  src: url('../fonts/Montserrat-Bold.ttf');
 font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat-ExtraBold";
  src: url('../fonts/Montserrat-ExtraBold.ttf');
 font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat-Black";
  src: url('../fonts/Montserrat-Black.ttf');
 font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat-SemiBold";
  src: url('../fonts/Montserrat-SemiBold.ttf');
 font-weight: normal;
  font-style: normal;
}
.modal-paymessage{border-radius:15px!important;box-shadow:18px 22px 100px rgba(0,0,0,.55);overflow:hidden;padding-bottom:0!important }
.modal-paymessage .ant-modal-header{display:none}
.modal-paymessage .ant-modal-content{background: linear-gradient(to top, #192849, #141b26 8%); padding:30px 10px 40px}
.modal-paymessage .ant-modal-body{ padding:10px !important; }

.modal-paymessage .ant-modal-content .ant-modal-body .image{text-align:center; width:90% }
.modal-paymessage div{margin:0 auto; }
@media(min-width:750px){
.modal-paymessage .ant-modal-content .ant-modal-body .image{ width:80%  !important; }
}

.modal-paymessage .ant-modal-content .ant-modal-body .image img{ width:100%;}
.modal-paymessage .paycontent{margin:0 auto 20px;padding:0px;text-align:center; font-family: "Montserrat-Bold";  }
.modal-paymessage .paybg {background:url("../images/paybg.png") center center no-repeat;  background-size:90%;background-position: 50% 30%;}
.modal-paymessage .paycontent .paytop30{ margin-top:30px;}
.modal-paymessage  .QR_code{ width:50%;max-width:360px; min-width:200px !important;   }
.modal-paymessage .paycontent .imagelogo{ margin:10px auto; padding:0 30px;}
.modal-paymessage .paycontent .imagelogo img{  width:100%;}
.modal-paymessage .QR_code img{ width:100%; padding:25px;}
@media(min-width:750px){
.modal-paymessage .QR_code{ width:60%  !important; }
.modal-paymessage .paycontent .paytop30{ margin-top:10px!important; }
.modal-paymessage .QR_code img{ padding:10px!important;}
}
.modal-paymessage .paycontent .pay-desc{color:#fff;font-size:14px;font-weight:600;line-height:30px}
.modal-paymessage .paycontent .pay-desc-item-1{color:#fff;font-size:12px;font-weight:600;line-height:18px;font-family: "Montserrat-SemiBold";text-transform:uppercase; }
.modal-paymessage .paycontent .pay-desc-item-2{color:#fff;font-size:14px;font-weight:600;line-height:20px;font-family: "Montserrat-ExtraBold";}
.modal-paymessage .paycontent .pay-desc-item-3{color:#fff;font-size:18px;font-weight:600;line-height:26px;font-family: "Montserrat-ExtraBold";}
.defaultButton{border-radius: 10px;box-sizing: border-box;cursor: pointer;font-size: 14px;fill: #fff; margin:0 10px; text-transform:uppercase;  font-family: "Montserrat-Black";color: #fff;
justify-content: center;line-height: 1.5;padding: 8px 12px;}

.modal-paymessage .buttonlist{ margin:15px auto;display: flex;justify-content: space-between; font-family: 'Montserrat-Black'; text-align:center;}
.modal-paymessage .buttonlist  button{border: none;outline: none; margin:8px;}
.button_grey{background-color: #1d2737; }
.button_addwidth{ padding:8px 40px;}
.button_blue{background-color: #2b55ca;}
.button_red{background-color: #ed1d49;}


.ActivityBanner {background:url('../images/banner_bg.png') top center no-repeat;  background-size:100%; min-height:400px; color:#fff ;   width: 100%; }
.ActivityBanner .ActivityDiv{ margin:0px 20px; padding-top:40px; padding-left:20px;  float:left; max-width:800px;}
.ActivityBanner h1{ font-size:30px; text-align:left; font-family: "Montserrat-ExtraBold";text-transform:uppercase; }
.ActivityBanner h1 span{ color:#ef1d4a}
.ActivityBanner .bannerdesc{font-size:20px; margin-top:10px; line-height: 1.5;}
.ActivityBanner .ModoButton{ margin-top:50px; width:80%; text-align:left; min-width:200px; max-width:400px; }
.ActivityBanner .ModoButton img{ width:100%;}
.ActivityBanner .ModoButton a { text-decoration: none; outline: thin none; }
.ActivityBanner .ModoButton a:hover { text-decoration: underline; }
@media screen and (max-width:576px){
.ActivityBanner {min-height:260px; }
.ActivityBanner .ActivityDiv{ margin:0px 10px; padding-top:20px; padding-left:10px;min-height:250px;  }
.ActivityBanner h1{ font-size:24px; }
.ActivityBanner .bannerdesc{font-size:12px; margin-top:5px; line-height: 1.5;}
.ActivityBanner .ModoButton{ margin-top:36px; width:80%;  }
}

@media(max-width:1099px){

}
@media(min-width:1100px){
.ActivityBanner .ActivityDiv{ margin:0px 40px; padding-top:60px; padding-left:40px;  }
.ActivityBanner h1{ font-size:46px; }
.ActivityBanner .bannerdesc{font-size:24px; margin-top:10px; line-height: 1.5;}
.ActivityBanner{background:url('../images/banner_pc_bg.png') center center no-repeat; 	}
}


.ServiceRightFloat{position:fixed;z-index:999;right:0;bottom:270px; right:40px;}
.ServiceRightFloat-box{position:relative;float:right; width:106px; height:106px; padding:30px 24px; border-radius:100%; overflow:hidden; background-color:#2b82eb;cursor:pointer;}
.ServiceRightFloat-box img{display:block;width:100%;}

@media(max-width:1023px){
.ServiceRightFloat{bottom:170px; right:20px;}
.ServiceRightFloat-box{width:64px; height:64px; padding:18px 16px; }


}

/*
.suspension .a{display:block;width:64px;height:64px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{}
.suspension .a .i{float:left;width:64px;background-repeat:no-repeat;}
*/