@charset "UTF-8";
.desktop {display: block;}
.mobile {display: none;}
 @media screen and (max-width: 780px) {
.desktop {display: none;}
.mobile {display: block;}
}


.banner_title {margin-top: -30px;}
.banner_title h1 {font-size: 30px; line-height:35px;}
p {font-size: 16px; line-height:25px; }

.ui-tab { position:absolute; width:100%; bottom:0; left:0; border-bottom: 10px solid #0d6c29; }

.tab-2 li.red1 {background-color:#E30000;}
.tab-2 li.green {background-color:#0d6c29;}

.inword b {color: #E30000; font-size: 120%;}
h3 {font-size: 20px; line-height:30px;}


.awesome_icon { background-image:url(icon_20px.png); width:20px; height:20px; display:inline-block; vertical-align:middle; margin-top:-3px; margin-right:5px; }
.icon_map { background-position: -60px 0px; }

.ui-tab li a { display: block; padding: 0.7rem 1rem; color:#ffffff; max-width:350px; min-width:350px; font-weight:bold; line-height:18px; }

.boxs {border: 1px solid #bfbfbf; padding:15px; height: 150px; width: 100%; overflow-y: scroll; margin: 0 auto;}
.boxs li {margin-left: 15px;}
.tnc {font-size: 11px; color: #5b605f; vertical-align: middle;}
.top {margin-top: 10px; display: inline-block;}	

.top2 {margin-top: 30px;}	
.top3 {margin-top: 10px; margin-bottom: 10px;}	
.offera {width: 100%; margin-top: 10px; display: inline-block;}	
.offera b {color:#0d6c29;}
.offer-box {float: left; width: 49.5%; border: 3px solid #e4e4e4; padding:10px; text-align: center; height: 270px; margin-right: 1%;}
.offer-box:last-child {float: left; width: 49.5%; border: 3px solid #e4e4e4; padding:10px; text-align: center; height: 270px; margin-right: 0%;}
.icon img {width: 160px; text-align: center;}
.word p {font-size: 16px; line-height:23px;}
.offer-box h2 {font-size: 19px; line-height:26px;}


.pic {width: 70%; margin: 0 auto;}
.act {width: 500px;}
.act b {color: #0d6c29;}
.lity {margin-left: 0; }
.lity1 {margin-top: -10px;}
.call_act_content {text-align: center;}
.call_for_act_area {width: 95%;
}
.left {width: 70px; float: left;}
.right {width: 100%; padding-left: 75px; font-size: 16px; line-height:25px; }
.right b {color: #E30000; font-size: 120%;}
 @media screen and (max-width: 680px) {
.pic {width: 100%; margin: 0 auto;}
.act {width: 100%;}
}
	 
 @media screen and (max-width: 970px) {
.offer-box {float: none; width: 100%; border: 3px solid #e4e4e4; padding:15px; text-align: left; height: auto; margin-top: 10px; margin-right: 0%; margin-top: 0px;}
.offer-box:last-child {float: none; width: 100%; border: 3px solid #e4e4e4; padding:15px; text-align: left; height: auto;  argin-top: 10px; margin-right: 0%;  margin-top: 10px;}	
.offer-box:after{display:table; clear:both; content:"";}
.icon img {width: 110px; text-align: left; float: left; margin-right: 5px;}	 
.top {margin-top: 0px; display: inline-block;}	
.top1 {margin-top: 10px; display: inline-block;}	
.word {width: 100%; padding-left: 115px;}
.ui-tab li a { max-width:inherit; min-width:inherit; }

}

.m {display: block;}
.mc {display: none;}

 @media screen and (max-width: 780px) {
.banner_title h1 {font-size: 25px; line-height:30px;} 
.banner_title {margin-top: -40px;}	 
.top2 {margin-top: 0px;}
.m {display: none;}
.mc {display: block;}
}

.ui-table th { padding: 5px 5px; font-size: 16px; text-align:center; font-weight:bold; background-color: #0d6c29;}
.ui-table th:first-child {border-left: 1px solid #0d6c29; border-top: 1px solid #0d6c29; }
.ui-table th:last-child {border-right: 1px solid #0d6c29; border-top: 1px solid #0d6c29; }
.ui-table td { padding: 5px 5px; font-size: 16px; line-height: 21px; text-align:center; background-color:#ffffff; border-bottom: 1px solid #0d6c29; border-left: 1px solid #0d6c29; border-right: 1px solid #0d6c29;}
.ui-table td.redfont {font-weight: bold;}

.ui-table .tleft {text-align: right;}
.ui-table .tleft img {height: 17px; margin-top: -3px;}
.ui-table .td-15 {width: 15%;}
.ui-table .leftline {border-right: 1px solid #fff;}

.ui-table .green1 {background-color: #068A0C;}
.ui-table .green2 {background-color: #006704;}
.ui-table .green3 {background-color: #245442;}
.ui-table .green4 {background-color: #06ba6c;}

.hidden{display:table; width:100%; position:relative; padding:0 0 0px 0; }
.hidden.tnc {padding:0;}
.hidden .btn_tnc,
.hidden .btn_tnc:focus{font-size:16px; padding:0 0px; font-weight:normal; background:transparent; color:#5a5e5d; display:block;  float:left; margin-left:0px; margin-top: 2px; width: auto; text-decoration: underline;}
.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:10px; display:inline-block; vertical-align:middle; }
.hidden .btn_tnc:hover{ color:#222222; }
.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 {

    width: 100%;
	border:0;
    overflow: hidden;
    overflow-y: scroll;
}
.hidden.tnc .content .remark p {color: #222222;}
	
.hidden .content { position:relative; padding:0px;}

.hidden .content .smaplebox {background-color: #f1fbe2; padding: 10px; font-size: 16px; line-height:25px; color: #000;}

.oborder {border: 2px solid #39B54A; padding: 10px;}
.oliveapp:after{display:table; clear:both; content:"";}
.oliveapp {border: 2px solid #068A0C;  padding: 10px 85px; margin: 20px 0;}
.oliveapp img {height: 80px; float: right; margin: 0 5px; margin-top: 0px;}
.oliveapp p {padding-top: 10px;}
.search {width: 160px;}
 @media screen and (max-width: 970px) {
.oliveapp {border: 2px solid #068A0C;  padding: 10px 10px; margin: 20px 0;}
}

.tpoint ul {
	list-style-image: url('arr1.png');}



.desktop1 {display: block;}
.mobile1 {display: none;}
@media screen and (max-width: 635px){
.desktop1 {display: none;}
.mobile1 {display: block;}
.awesome_icon { background-image:url(icon_20px.png); width:20px; height:20px; display:inline-block; vertical-align:top; margin-top:-3px; margin-right:5px; }	
.call_act_content i { position: relative; left: 0; top: 1%; margin: 0px 0 0; }
.mobtext span { font-size: 15px; line-height: 20px; font-weight: bold;}	
}