.card {text-align: center; margin-bottom: 10px;}
.headl {text-align: center; color: #0d6c28; font-size: 30px; font-weight: bold;}

.leadin { font-size: 24px; line-height:32px; color: #3E3E3E; text-align: center;}
b {color: #0d6c28;}

.offer-area {margin: 10px 0px;}
.offer-col { border-radius: 30px; border-left:5px solid #60b357; border-right:5px solid #60b357; padding: 30px;}

.offer1 {transition: transform .2s; /* Animation */ }
.offer1:hover {transform: scale(1.05);}
.headline {font-size: 26px; font-weight: bold; color:#245342;}
.dec {font-size: 22px; margin-top: 0px; padding-left: 50px; line-height: 35px;}
.sdec {font-size: 18px; line-height: 35px;}
.lineli {margin: 20px 0px;}

.fun {float: right;}
.fun img {width: 180px;}

.gbox {border: 1px solid #245442; padding: 20px; border-radius:20px; margin-top: 0px;}
.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;}
.gicon img {height: 50px; float: left; margin-top: -10px;}
.gdecins {width: 100%; padding-left: 55px; font-size: 20px; line-height:32px;}
.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;}

.line1 {margin: 30px 0px;}
.lineo {border-top:1px solid #379b55; margin: 25px 0px;}
.hidden{ margin:0px 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; margin-left:0px;}
.hidden .btn_tnc:after{ content:' '; text-indent:-999em; background:url(https://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 0px; }

.hidden .content .remarkTable {margin: 5px 0;}
.hidden .content .remarkTable td{ border:1px solid #636363; padding:3px; text-align:center; background-color:#ffffff; font-size: 10px;}
.hidden .content .remarkTable th{ border:1px solid #636363; padding:3px; text-align:center; background-color:#ffffff; font-weight: bold; font-size: 10px;}

a .headlink {color: #006838; font-size: 20px; font-weight: bold;}
a .headlink img {height: 8px; margin-top: -2px;}

.ui-table { border-spacing: 0; border: 1px solid #fff; border-collapse: collapse; }
.ui-table td {font-size: 18px; border-bottom: 1px solid #fff; border-top: 1px solid #fff; border-right: 1px solid #fff; border-left: 1px solid #fff; vertical-align: top;}
.ui-table th  {font-size: 18px; border-bottom: 1px solid #fff; border-top: 1px solid #fff; border-right: 1px solid #fff; border-left: 1px solid #fff;}
.ui-table td {background-color: #e3e5e3;  padding: 10px;}
.ui-table th {background-color: #006838; padding: 10px;}
.ui-table .large {font-size: 28px;  margin-top: 10px;}
.ui-table .large img {width: 140px;}
.ui-table .gbg {background-color: #008a44; color: #fff;}
.ui-table .rightw { border-right: 1px solid #fff;}

.mobile {display: none;}
.desktop {display: block;}



 @media screen and (max-width: 860px) {
.mobile {display: block;}
.desktop {display: none;}
.fun {float: none; text-align: left; width: 100%; margin-top: 20px; padding-left: 40px;}
.fun img {width: 180px;}	 
}