.f20 {font-size: 20px; line-height: 160%;}
.card {  margin-top: 20px; text-align: center;}
.card img {max-height: 100px; }
.plusfun {max-width: 540px; width: 100%; height: auto; margin: 20px 0;}
.headl {text-align: center; font-size: 35px; font-weight: bold; text-shadow: 2px 2px #e7e6e7;}
.headl img {height: 40px;}
.greencolor {color: #025541;}
.goldcolor {color: #cb9763;}

.leadin { font-size: 20px; line-height:32px; color: #3E3E3E; text-align: center;}
b {color: #0d6c28;}
.bigfont {font-size: 30px; }
.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;}



.sline {border: 1px solid #306a30; width: 300px; margin: 0 auto;}
.actheadword {color: #306a30; font-size: 25px; font-weight: bold; width: 190px; background-color: #fdfff8; margin: 0 auto; margin-top: -20px; text-align: center;}
.gdecins {width: 100%; font-size: 20px; line-height:32px; text-align: center;}

.mtop1 {margin-top: 30px;}

.qrcode1 img {width: 130px}

.actmobile {display: none;}
.actdesktop {display: block;}

.ohead {font-size: 30px; font-weight: bold; color: #0d6c28; text-align: center;}
.ohead img {height: 80px;}
.odec {text-align: center; margin-top: 20px;}

.greenbg {background: #ffffff;
background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(248, 255, 230, 1) 100%); margin-top: 30px; padding-bottom: 40px;}
.greenbg2 {background: #f6fff0;
background: linear-gradient(0deg, rgba(246, 255, 240, 1) 0%, rgba(255, 255, 255, 1) 49%, rgba(233, 252, 222, 1) 100%); padding-bottom: 20px;}
.headline {background: #006e14;
background: linear-gradient(0deg, rgba(0, 110, 20, 1) 0%, rgba(120, 191, 57, 1) 100%); padding: 0 10px; font-size: 26px; font-weight: bold; color: #fff; text-align: center; max-width: 430px; width: 100%; margin: 0 auto; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; }
.headline img  {height: 80px;}

.headline2 {background: #006e14;
background: linear-gradient(0deg, rgba(0, 110, 20, 1) 0%, rgba(120, 191, 57, 1) 100%); padding: 0 10px; font-size: 26px; font-weight: bold; color: #fff; text-align: center; max-width: 600px; width: 100%; margin: 0 auto; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; }
.headline2 .icon {height: 80px;}
.product img {float: right; width: 300px; margin-top: -100px;}
.mtop60 {margin-top: 60px; }

 @media screen and (max-width: 680px) {
.actmobile {display: block;}
.actdesktop {display: none;}
.headline2 {max-width: 410px; width: 100%; padding: 0 5px;}	 
.headline2 .icon  {height: 80px; float: left;}
.product {text-align: center;}	 
.product img {float: none; width: 300px; margin-top: 00px;}
.mtop60 {margin-top: 10px; }	 
}


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