.card {text-align: center; margin-bottom: 10px;}
.headl {text-align: center; color: #0d6c28; font-size: 30px; font-weight: bold;}
b {color: #0d6c28;}
.intro {font-size: 20px; text-align: center;}
.intro b {font-size: 28px;}
.headline {background: #156E1C;
background: linear-gradient(180deg, rgba(21, 110, 28, 1) 0%, rgba(0, 77, 65, 1) 100%); height: 80px; border-radius: 40px; padding: 5px; font-size: 28px; color: #fff; font-weight: bold; text-align: center; width: 380px;line-height: 70px; margin: 0 auto;} 
.subhead {font-size: 25px; text-align: center; margin-top: 30px;}
.subhead b {font-size: 30px;}
.heads {text-align: center; color: #0d6c28; font-size: 26px; font-weight: bold; margin: 15px 0;}
.wbox {background-color: #fff; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-top-left-radius: 40px; border-bottom-right-radius: 40px; padding: 20px;}

.aTable {border: none; margin: 0 auto; width: 100%;  }
.aTable th {  font-size: 18px; line-height: 26px;  background-color: #fff;  border-bottom: 1px solid #0d6c29;  border-top: 1px solid #fff; border-right: 1px solid #fff; border-left: 1px solid #fff;}
.aTable td {  padding: 20px 10px; font-size: 18px; line-height: 26px;  background-color: #fff;  border-right: 1px solid #fff; border-left: 1px solid #fff;  text-align: center;}
.aTable tr { border-bottom: 1px solid #d9d9d9;}
.aTable .bgcolor {background-color: #FAFFE7; border-top: 2px solid #4fc522;}
.aTable .bigfont {color: #0d6c29; font-size: 25px; font-weight: bold;}
.aTable .yuu {color: #3679bd;  font-weight: bold;}
.aTable .yuubigfont b {font-size: 28px; color: #3679bd;}
.aTable .bottom { border-bottom: 2px solid #fff; }

.act-offer{display: flex;
flex-wrap: wrap;
align-items: center;
margin-top: 20px;
}
.actword:first-child {width: 320px;}
.actword:last-child {width: 390px;}
.actword img {height: 40px; margin-top: -3px; margin-right: 10px;}
.actword {font-size: 24px; text-align: center;}
.actword a {color: #129f3a; text-decoration: underline; cursor: pointer;}
.qrcode1 img {width: 130px}

 @media screen and (max-width: 860px) {
.act-offer{
margin-top: 0px;
}	 
.actword:first-child {margin-top: 10px;}
.actword:last-child {margin-top: 20px;}
}

.green {color: #0d6c28;]}
.tncfont {font-size: 15px;}

.hidden { margin:10px 0 0 0; display:table; width:100%; position:relative; padding:0 0 0px 0; }
.hidden.tnc { padding:0; }
.hidden .btn_tnc,
.hidden .btn_tnc:focus{font-size:11px; padding:0 0px; font-weight:normal; background:#ffffff; color:#222222; display:block; display:table; float:left;}
.hidden .btn_tnc:after{ content:' '; text-indent:-999em; background:url(http://www.hangseng.com/cms/emkt/pmo/common/img/icon_15px.png) no-repeat 0px -90px; width:15px; height:15px; margin-left:0px; display:inline-block; vertical-align:middle; }
.hidden .btn_tnc:hover{ color:#000; }
.hidden .btn_tnc:hover:after{ background-position:0px -90px; }
.hidden .btn_tnc.expanded:after{ background-position:-15px -90px; }
.hidden .btn_tnc.expanded:hover:after{ background-position:-15px -90px; }
.hidden.tnc .content {background:#ffffff; height: 100%; width: 100%; border:0; overflow: hidden; margin-left:-20px;}
.hidden .content { color:#000000; position:relative; padding:0px }
.hidden .content .remarkTable {margin: 5px 0;}
.hidden .content .remarkTable td{ border:1px solid #636363; padding:3px; text-align:left; background-color:#ffffff; font-size: 10px;}
.hidden .content .remarkTable th{ border:1px solid #636363; padding:3px; text-align:left; background-color:#ffffff; font-weight: bold; font-size: 10px;}
.actmobile {display: none;}
.actdesktop {display: block;}

 @media screen and (max-width: 680px) {
.actmobile {display: block;}
.actdesktop {display: none;}
}

.sline {border: 1px solid #306a30; width: 300px; margin: 0 auto;}
.actheadword {color: #306a30; font-size: 25px; font-weight: bold; width: 130px; background-color: #fff; margin: 0 auto; margin-top: -20px; text-align: center;}

.gbox {border: 1px solid #245442; padding: 20px; border-radius:20px; margin-top: 40px; }
.ghead {font-size: 23px; font-weight: bold; text-align: center; width: 150px; margin: 0 auto; background: #ffffff; margin-top: -35px;}
.gdec {font-size: 20px; line-height:28px; margin-top: 10px; text-align: center;}
.gicon img {height: 50px; margin-top: -10px;}
.gicon1 img {height: 40px; margin-top: -10px;}
.gdecins {width: 100%; font-size: 20px; line-height:32px; text-align: center;}
.gdecins a {color: #000; font-weight: bold; text-decoration: underline;}
.gdecins a:hover {color:#046F3C;}
.gpoint:after{display:table; clear:both; content:"";}
.gpoint { margin-bottom: 10px;}
.mtop1 {margin-top: 30px;}
.act-point img {height: 38px;}
.act2 {margin: 0 10px 0 20px;}