@charset "UTF-8";
.card {text-align: center; margin-bottom: 10px;}
.headl {text-align: center; color: #3e7e61; font-size: 30px; line-height: 40px; font-weight: bold;}
.cardface img { max-height: 55px; }
p {font-size: 18px; line-height:26px; }	
b {color: #3e7e61;}
.tncfont {font-size: 13px; line-height:15px; margin-top: 15px; }	
.font1 {font-size: 11px;}
.ui-table01 td { padding: 10px 5px; vertical-align: top; font-size: 16px; line-height:18px; background-color: #ffffff; border-bottom: 1px solid #39b54a; border-top: 1px solid #39b54a; border-left: 1px solid #39b54a; border-right: 1px solid #39b54a;} 
.ui-table01 .logo {width: 210px; float: left; text-align: center;}
.text-area {width: 100%;}	
.text-area h2 {font-size: 23px; line-height:30px; margin-bottom: 10px;}
.text-area li {margin-left: 20px; font-size: 18px; line-height:23px; margin-bottom: 8px; margin-top: 8px;}
.text-area li b {font-size: 130%; font-weight: bold; color:#39b54a; }
.text-area .tnc1 {margin-top: 15px;}
.text-area .tnc1 p {font-size: 14px; line-height:23px;}
.text-area .tnc1 li {font-size: 14px; line-height:16px;}
	
	

.hidden{ margin:0px 0 0 0; display:table; width:100%; position:relative; padding:0 0 0px 0; }
.hidden .btn_tnc,
.hidden .btn_tnc:focus{font-size:12px; padding:0 0px; font-weight:normal; background:transparent; color:#222222; display:block;  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 -75px; width:15px; height:15px; margin-left:0px; display:inline-block; vertical-align:middle; }
.hidden .btn_tnc:hover{ color:#5b5f5e; }
.hidden .btn_tnc:hover:after{ background-position:0px -60px; }
.hidden .btn_tnc.expanded:after{ background-position:-15px -75px; }
.hidden .btn_tnc.expanded:hover:after{ background-position:-15px -60px; }
.hidden.tnc .content {
    width: 100%;
	border:0;
    overflow: hidden;
    overflow-y: scroll; margin-left: 0px;
}
	
.hidden .content { position:relative; padding:0px;}
.hidden .content  li {font-size: 12px; line-height: 20px;}

.tablevt {vertical-align: top;}

.hidden .content .ui-table02 th {padding: 10px 10px; vertical-align: top; font-size: 16px; line-height:18px; background-color: #efefef; border-bottom: 1px solid #efefef; border-top: 1px solid #efefef; border-left: 1px solid #efefef; border-right: 1px solid #efefef; color: #222222;} 	
.hidden .content .ui-table02 td {padding: 10px 10px; vertical-align: top; font-size: 16px; line-height:18px; background-color: #ffffff; border-bottom: 1px solid #efefef; border-top: 1px solid #efefef; border-left: 1px solid #efefef; border-right: 1px solid #efefef; color: #222222;} 
.hidden .content .ui-table02 td.color {border-right: 1px solid #ffffff;}
	
.hidden .content .ui-table03 th {padding: 10px 10px; vertical-align: top; font-size: 16px; line-height:18px; background-color: #ddf2cc; border-bottom: 1px solid #ddf2cc; border-top: 1px solid #ddf2cc; border-left: 1px solid #ddf2cc; border-right: 1px solid #ddf2cc; color: #222222;} 	
.hidden .content .ui-table03 td {padding: 10px 10px; vertical-align: top; font-size: 16px; line-height:18px; background-color: #f5ffed; border-bottom: 1px solid #ddf2cc; border-top: 1px solid #ddf2cc; border-left: 1px solid #ddf2cc; border-right: 1px solid #ddf2cc; color: #222222;} 
.hidden .content .ui-table03 td.color {border-right: 1px solid #f5ffed;}	
	
.hidden .content p {color: #222222;}
.hidden .content li {color: #222222;}
.hidden .content ol {margin-left: 0px;}

	
.gbg {background-color: #f5ffed; padding: 20px 25px; border: 1px solid #c1dfa9;}
.gbg:after{display:table; clear:both; content:"";}
	
.gbg1 {background-color: #ffffff; padding: 20px 25px; border: 1px solid #c1dfa9;}
.gbg1:after{display:table; clear:both; content:"";}
	
.offerleft {width: 100%; padding-right: 300px;}	
.offerright {width: 280px; float: right; text-align: right;}

.not-show-mobile {display: block;}	
.show-mobile {display: none;}

 @media screen and (max-width: 970px) {	
.not-show-mobile {display: none;}	
.show-mobile {display: block;}
	}	
	
 @media screen and (max-width: 680px) {
.offerleft {width: 100%; padding-right: 0px;}
.offerright {width: 100%; float: none; text-align: left; margin-bottom: 15px;}
.text-area {width: 100%;}		 
	}

.btn_action {
 background-color: #0d6c28; color:#fff; margin: 0 3px 0;
}
.btn_action:after {
  background: url(icn_stroke_non_hase_link_white.svg) no-repeat;
  width: 22px;
  height: 22px;
  margin-left: 0;
  margin-top: -4px;
}
.btn_action:hover {
 color: #fff;  background-color: #063414;
}
.btn_action:hover:after {
  background: url(icn_solid_external_link_white.svg) no-repeat;
}


.bg1 {background-color: #e6ebe9;}

.bgbottom {background-color: #e6ebe9; text-align: center; margin-top: 30px; padding: 20px 0 0px; margin-bottom: -30px; margin-left: -30px;  margin-right: -30px;}

.headline {font-size: 25px; text-align: center;}
.headline img {width: 60px; }
.headline b {font-size: 130%;}

.offer-area:after{display:table; clear:both; content:"";}
.offer-left {width: 250px; float: left; }
.ologo {text-align: center;}
.ologo img {width: 120px;}
.offer-word {padding-left: 280px;}
.offer-head {font-size: 20px; margin-bottom: 15px;}
.offer-contact {font-size: 18px; line-height:26px; }

.offer-contact ul {margin-left: 20px;}
.offer-tel {font-size: 18px; line-height:26px; margin-top: 15px;}

.line {border-top: 1px solid #818c87; margin: 30px 0;}

.logoall {background-color: #fff; border-radius: 10px; width: 550px; margin:  0 auto; padding: 10px; margin-top: 10px; margin-bottom: 15px;}

.giftbox {border: 3px solid #0e7a53; padding: 10px 10px 30px; width: 95%; margin: 0  auto ; border-radius: 20px; text-align: center; margin-top: 60px;}
.boxicon {width: 100px; background-color: #e6ebe9; margin: 0 auto; margin-top: -70px; margin-bottom: 20px;}
.boxicon img {width: 80px;}

.dish ul {
list-style: none;	
margin-left: 20px;
}
.dish ul li::before {
content: "-";
display: inline-block;
margin-left: -20px;
width: 20px;	
}

.remarkTable td { border:1px solid #000; padding:3px; text-align:center; background-color:#ffffff; }
.mobile {display: none;}
.desktop {display: block;}
 @media screen and (max-width: 680px) {
.logoall {width: 430px;}	 
.ologo img {width: 150px;}	 
.offer-left {width: 100%; float: none; }
.offer-word {padding-left: 0px; margin-top: 20px;}	 
.mobile {display: block;}
.desktop {display: none;}	 
	}