@charset "UTF-8";
.card {  margin-top: 20px; text-align: center;}
.card img {   max-height: 100px; }
.plusfun {width: 440px; margin: 20px 0;}
.offer-area {text-align: center; font-size: 20px;}
.cd {height: 15px; margin: -5px 0 0 5px;}
.headl img {height: 90px;}
.intro {
	font-size: 20px;
	line-height: 32px;
	color: #3E3E3E;
	text-align: center;
}

.word-offer {padding: 0 50px; font-size: 24px; line-height: 30px; margin: 20px 0;}
.word-offer span {font-size: 16px; line-height: 20px;}
.head {text-align: center;  width: 320px; background-color: #fff; margin: 0 auto; margin-top: -20px;}
.head h1 {font-size: 24px; color: #0d6c28; }

.summer {font-size: 24px; line-height: 28px; margin-bottom: 15px; }
.summerpic {width: 250px; float: left;}
.summerword {padding-left: 280px; }
.summerword p {font-size: 24px; line-height: 35px; }

.summer span {background-color: #0d6c28; padding: 5px 10px; color: #ffffff; border-radius: 5px; font-weight: bold;}

.td-18 {width: 17%;}
.hidden .content p { margin-bottom: 10px; }
.hidden .content ol { list-style-position: outside; margin-bottom: 20px; }

b {color: #0d6c28; }
.green {color: #0d6c28; }
.remark { font-size: 12px; margin: 10px 0; }
.ui-list { display: table; border-collapse: collapse; width: 100%; margin: 0 auto;}

.point {font-size: 24px; line-height: 28px; text-align: center; margin-top: 30px;}


.offer-box h1 { color: #3E3E3E; }
.list_pt ul { list-style: none; }
.list_pt ul li {padding-left: 35px; margin-bottom: 10px; font-size: 24px; line-height: 28px;  }
.list_pt ul li .circle { margin-left: -35px; background-color: #ffffff; border: 1px solid #919191; height: 30px; width: 30px; color: #919191; font-weight: bold;}
.list_pt ul { font-size: 16px; }

.list_pt ul li .yuucolor {color: #3679bd;}



.line {background: rgb(0,149,75); background: radial-gradient(circle, rgba(0,149,75,1) 42%, rgba(169,222,38,1) 100%); height: 4px; width: 100%;}



.fb-share { text-align: right; margin-bottom: 10px; }
a.btn_tc { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 0 20px; height: 40px; line-height: 40px; font-size: 16px; font-weight: bold; display: table; }
a.btn_tc:hover, a.btn_tc:focus { color: #20662A; }
.table-offer p .green_txt { color: #0d6c28; font-size: 14px; }
.col-1 { width: 70.33333% }
.col-2 { width: 3.33333%; }
.col_ico_plus { color: #0d6c28; left: 70.33333% }
.col-3 { width: 26.33333%; float: right; }
.cashdollars_red { margin-left: 6px; margin-bottom: 5px; }
.highlight_red { color: #3E3E3E; font-size: 14px; }
.highlight_red2 { color: #D10000; font-size: 16px; }
.large_no { font-size: 28px; line-height: 26px;  }
.offer-box span { font-size: 12px; margin: 5px 0; font-weight: normal; }
/*btn_tnc new version*/
.btn_tnc2, .btn_tnc2:focus { font-size: 13px; padding: 0 10px; font-weight: bold; color: #39B54A; line-height: 30px; height: 30px; display: table; border: 1px solid #D4D4D4; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.btn_tnc2:hover { color: #20662a; }
.btn_tnc2:after { content: ' '; text-indent: -999em; background: url(https://www.hangseng.com/cms/emkt/pmo/common/img/icon_15px.png) no-repeat 0px -60px; width: 15px; height: 15px; margin-left: 10px; display: inline-block; vertical-align: middle; }
.remark_m { display: none; }
.remark_d { display: block; }
.remark_d, .remark_m { padding-top: 10px; }
.remark_d h1, .remark_m h1 { margin-bottom: 0px; }
.remark_d .remark, .remark_m .remark { margin: 0; }
.highlight_red { color: #3E3E3E; font-size: 20px; }
.tips_m { display: none; }
.tips_d { display: block; }
.table_m { display: none; }
.table_d { display: block; }
.cashDollars_red{font-size: 25px; }
@media screen and (max-width: 819px) {
.col-1 { width: 100%; }
.col-2 { width: 100%; }
.col-3 { width: 100%; padding-left: 0; }
.col-3 .table-offer .list_basic { display: none; }
.col-3 .table-offer img {margin-bottom: 8px;}
.col_ico_plus { position: relative; top: 0; left: 0; }
.remark_m { display: block; }
.remark_d { display: none; }
.tips_d { display: none; }
.tips_m { display: block; }
#tnc_row { display: none; }
#hide_read { text-align: center; }
#hide_read .btn_readmore { display: inline-block; float: none; margin-right: 10px; }
#hide_read .btn_tnc2 { display: inline-block; }
#hide_read .content { text-align:left; }

}
@media screen and (max-width: 970px) {
.table_d { display: none; }
.table_m { display: block; }
}

.actwidth 
{
	max-width: 150px;	
}
.leadin {font-size: 20px; line-height:28px; color: #3E3E3E;}

p { font-size: 16px; line-height:22px; }






.large-1 { width: 0%; float: left !important; }
.img_d { display: block; margin-top:-40px; }
.img_m { display: none; }

@media screen and (max-width: 750px) {
.img_d { display: none; }
.img_m { display: block; }
}
.hs-box { border: 2px solid #0d6c28; padding:10px;-webkit-border-radius: 0px;border-radius:0px;}
.hs-box h2  b {color: #0d6c28;}
ol.b {
	list-style-type: lower-alpha;
	margin-left: -3px;
}
.hidden{ margin:10px 0 0 0; display:table; width:100%; position:relative; padding:0 0 20px 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.table1 .content { background:#ffffff; height: 100%; width: 100% border:0; overflow: hidden; }

.hidden .tiphead {background-color:#dd0000; padding: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; font-size: 18px; font-weight: bold; color: #fff; width: 150px; text-align: center; }
.hidden .tiphead:focus {background-color:#dd0000; padding: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; font-weight: bold; color: #fff; width: 150px; text-align: center; font-size: 18px; font-weight: bold; }
.hidden .tiphead:after{ content:' '; text-indent:-999em; background:url(icon_15px.png) no-repeat 0px -90px; width:15px; height:15px; margin-left:0px; display:inline-block; vertical-align:middle; }
.hidden .tiphead:hover{ color:#ffe7e7; }

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


.mtop { margin-top:-30px;}
.nextline { display:block;}
.nextline2 { display:none;}

@media screen and (max-width: 970px) {
.mtop { margin-top:0px;}
.nextline { display:none;}
.nextline2 { display:block;}
}

.hs-box2 { border: 2px solid #bcd632; padding:5px;-webkit-border-radius: 20px;border-radius: 20px; background-color:#ffffff; }

.large-5 {
width: 48%; float: left !important; }

.large-1 { width: 0%; float: left !important; }


.cardface { margin-bottom: 10px; }
.cardface img { max-height: 60px; }

.mtop3 { margin-top:30px;}
.mtop3 b {color:  #0d6c28;}
.chat1 img {height: 50px;}	

@media (max-width: 780px) {
.chat1 img {height: 50px;}
}


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


#mtop001.btn_action { margin-top:-50px;}

.mbottom { padding-bottom:0px;}
.malign { margin-top:0px;margin-bottom:-5px;}
.font_new { font-size:14pt;}
.mleft { margin-left:0px;}
.mleft2 { margin-left:24px;}
.mleft3 { padding-left:10px;}

@media (max-width: 970px) {
#mtop001.btn_action { margin-top:0px;}
.mbottom { padding-bottom:20px;}
.malign { margin-top:10px;margin-bottom:0px;}
.mleft { margin-left:-20px; margin-top:-25px;}
.mleft2 { margin-left:0px;}
.mimg { max-width:180px;}
.mleft3 { padding-left:0px; margin-left:10px;}
}


.hotline {margin-top: 10px;}
.hotline h1 {color: #0d6c28;}
.hotline b {font-size: 30px; color: #000;}
.hotlineicon img {width: 35px; margin-right: 5px; margin-top: 5px; float: left}
.hotline1 {padding-left: 40px;}
.hotline1 {margin-top: 10px; font-weight: bold; font-size: 17px;}
.hotline1 img {width: 35px; margin-right: 5px;}
.hotline2 {padding-left: 40px;}
.hotline2 span {color: #00000; font-size: 28px; font-weight: bold;}
.hotline2 img {width: 35px; margin-right: 5px; }


.hotline_win {margin-top: 10px;}
.hotline_win h1 {color: #3E3E3E; font-size: 20px;}

.hotline_win img {width: 25px; margin-right: 5px; margin-top: -5px;}
.hotline1_win {margin-top: 10px; font-weight: bold; font-size: 17px;}

.hotline2_win span {color: #00000; font-size: 20px; font-weight: bold;}
.hotline2_win img {width: 25px; margin-right: 5px; margin-top: -10px;}

.list_pt b {color: #0d6c28;}
.cdoffer {font-size: 17px; line-height: 25px; padding-top: 10px; color: #0d6c28;}
.cdoffer b {font-size: 35px; padding-top: 30px; color: #0d6c28;}
.cdoffer img {height: 15px; margin-right: 3px; margin-top: -5px;}
.yuuoffer {font-size: 20px; line-height: 35px; color: #3E3E3E; font-weight: bold; padding-top: 10px;}
.yuuoffer span {font-size: 35px;}
.yuuoffer img {height: 23px; margin: 0 5px;}
.enjoy {font-size: 17px; line-height: 25px; text-align: center;}



.offer {width: 100%; margin-top: 10px; padding-left: 0; margin-bottom: 20px;}

.bigred {color: #3E3E3E; font-size: 26px; line-height: 30px; font-weight: bold; }

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

.tl {width: 15px; float: left;}
.tr {width: 100%; padding-left: 15px;}
.suptext {vertical-align: super;}

.winter1 {width: 100%; margin-bottom: 10px;  text-align: center}

@media (max-width: 970px) {
.m {display: none;}
.mc {display: block;}
.offer {width: 100%; margin-top: 10px; padding-left: 0; margin-bottom: 20px; text-align: center;}	
.offer img {width: 410px}	

.winter1 {width: 100%;  padding-left: 0; margin-bottom: 10px; text-align: center}	
.winter1 img {width: 430px}	
}	
	
.url img {height: 11px;}	
.no1offer b {color: #0d6c28;}	
.winter {font-size: 20px; margin-top: 20px;}



@media (max-width: 970px) {
.hidden .content  p {font-size: 13px; line-height: 16px; color: #000;}
.hidden .content .ui-table td, .ui-table th {font-size: 13px;}
.summerpic {width: 250px; float: none; margin-bottom: 10px;}
.summerword {padding-left: 0px;}		
}	
.offer-area {padding: 0 40px;}
.offer-area:after{display:table; clear:both; content:"";}
.offerbar {background-color: #0d6c28; font-size: 20px; color: #fff; border-radius: 5px; padding: 5px; text-align: center; font-weight: bold; margin: 10px 0;}
.offerleft {width: 100%; float: none; padding: 0  0px 0 0;}
.headline {color: #3E3E3E;  font-size: 20px; font-weight: bold; text-align: center; margin: 0 auto; margin-top: -15px; margin-bottom: 10px; background-color: #f2f7e5; width: 320px; }

.headline1 {color: #3E3E3E;  font-size: 20px; line-height: 25px; font-weight: bold; text-align: center; margin: 0 auto; margin-top: -35px; margin-bottom: 10px; background-color: #fff; width: 360px; }
.headline1 img {width: 80px;}

.headline-act {color: #0d6c28;  font-size: 26px; font-weight: bold; text-align: center; margin: 0 auto; margin-top: -20px; margin-bottom: 10px; background-color: #fff; width: 400px; }


.offerright {width: 100%; float: none; padding: 0  0 0 0px; margin-top: 80px;}


.offerright1 {width: 50%; float: left; padding:  10px  0 0 10px;}
.offerleft1 {width: 50%; float: left; padding:  10px  10px 0 0;}
.plus1 {color: #3E3E3E; font-size: 60px; font-weight: bold; float: right; margin-right: -15px; padding-top: 30px;}
.bigoffer {color: #0d6c28; font-size: 60px; font-weight: bold; text-align: center; line-height: 60px;}
.offerword { font-size: 25px; font-weight: bold; text-align: center;}
.headline2 {color: #0d6c28;  font-size: 20px;  font-weight: bold; }

.offerword img {width: 200px;}

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

.gbox { border: 1px solid #3e3e3e; padding: 10px; margin-top: 30px;}

.redb b {color: #D10000;}

.offertable {margin: 5px 0;}
.offertable th { padding: 8px;
	border-left: 1px solid #cdcdcd;
	border-right: 1px solid #cdcdcd;
	border-top: 1px solid #cdcdcd;
	border-bottom: 1px solid #cdcdcd;
	background-color: #ededed;
	color: #3e3e3e;
	font-size: 16px;
	line-height: 22px; font-weight: normal;
	border: 1px solid #cdcdcd;
}
.offertable td { padding: 8px;
	border-left: 1px solid #cdcdcd;
	border-right: 1px solid #cdcdcd;
	border-top: 1px solid #cdcdcd;
	border-bottom: 1px solid #cdcdcd;
	font-size: 16px;
	line-height: 22px;
}
.offertable tr:nth-child(even) {
	background-color:#FFFFFF;
}

.offertable .tbhight {height: 63px;}

.offertable  .thead {font-size: 20px;}


.mydiv {display:none;}

.trptable th { padding: 8px;
	border-left: 1px solid #cdcdcd;
	border-right: 1px solid #cdcdcd;
	border-top: 1px solid #cdcdcd;
	border-bottom: 1px solid #cdcdcd;
	background-color: #ededed;
	border: 1px solid #cdcdcd;
	font-size: 16px; line-height: 25px; text-align: left; font-weight: normal;
}
.trptable td { padding: 8px;
	border-left: 1px solid #cdcdcd;
	border-right: 1px solid #cdcdcd;
	border-top: 1px solid #cdcdcd;
	border-bottom: 1px solid #cdcdcd;
	font-size: 16px; line-height: 25px; background-color: #fff;
}


.offerpic {width: 180px; float: left; }
.picarea:after{display:table; clear:both; content:"";}
.greenbold {color:#0d6c28; }
.yuucolor {color: #3679bd;}
.trptable .picword {padding-left: 190px; padding-top: 30px;}
.trptable .picword p {font-size: 18px;}
.bigfont1 {color: #dd0000; font-size: 60px; line-height: 70px; font-weight: bold;}
.bigfont1 img {height: 30px; margin-top: -3px;}
.bigfont1 span {font-size: 35px;}
.trptable .tnc {font-size: 11px; line-height: 15px; margin-top: 15px;}

@media (max-width: 680px) {
.offerpic {width: 150px; float: left; }
.trptable .picword {padding-left: 155px; padding-top: 0px;}
.trptable .picword h1 {font-size: 22px;}	
.trptable .picword p {font-size: 17px;}
.bigfont1 {color: #dd0000; font-size: 45px; line-height: 45px; font-weight: bold;}
.bigfont1 img {height: 20px; margin-top: -5px;}
.bigfont1 span {font-size: 25px;}	
}

.extra {float: none; width: 80px; margin-top: -35px; margin-left: 150px;}
.btnright {float: right; margin-top: -30px; }


.tabletop {margin-top: 55px;}
.offertop {margin-top: 90px;}

.btn_pos { width: 200px; text-align: center; background-color: #ffffff; margin: 0 auto; margin-top: -30px;}

.break {display: none;}

@media (max-width: 860px) {
.headline {color: #3E3E3E;  font-size: 20px; font-weight: bold; text-align: center; margin: 0 auto; margin-top: -15px; margin-bottom: 10px; background-color: #f2f7e5; width: 320px; }	
.headline1 {color: #3E3E3E;  font-size: 20px; line-height: 25px; font-weight: bold; text-align: center; margin: 0 auto; margin-top: -45px; margin-bottom: 10px; background-color: #fff; width: 240px; margin-right: 130px;}

	
.offer-area {padding: 0 0px;}	
.ui-list { display: table; border-collapse: collapse; width: 100%; margin: 0 auto;}	
.banner_title h1 {font-size: 25px; line-height: 30px;}
.banner_title h2 {font-size: 20px; line-height: 25px;}
.banner_title h3 {font-size: 15px; line-height: 20px;}

	
.extra {float: left; width: 80px; margin-top: -35px; margin-left: 10px;}	
.btnright {float: right; margin-top: -25px; margin-right: -10px;}
.break {display: block;}
.tabletop {margin-top: 10px;}	
.righttop {margin-top: 70px;}
.m {display: none;}	
.mc {display: block; text-align: center; margin-top: 10px;}	
.offerleft {width: 100%; float: none; padding: 0 0px 0 0;}
.offerright {width: 100%; float: none; padding: 0  0 0 0px;}
.plus1 {color: #3E3E3E; font-size: 60px; line-height: 60px; font-weight: bold; float: none; margin-right: 0px; padding-top: 10px; margin-bottom: 10px; text-align: center;}	
	
.bigred {color: #3E3E3E; font-size: 20px; line-height: 25px; font-weight: bold; }	
}	


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

.actleft {width: 50%; float: left;}





@media (max-width: 860px) {
.actleft {width: 90%; float: none; margin: 20px;}	
}

.border-right {border-right: 1px solid #999999;}

.actleft .h2 {margin-bottom: 10px;}

.tip {font-size: 20px; line-height: 25px; margin: 15px 0 30px 0;}

.tiphead {background-color:#dd0000; padding: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; font-weight: bold; color: #fff; width: 150px; text-align: center;} 




@media (max-width: 860px) {
.border-right {border-right: 0px solid #999999; border-bottom: 1px solid #999999; padding-bottom: 20px;}	
.logo {float: none; width: 200px; margin-top: 5px; margin-bottom: 10px;}	
.leadin {padding-right: 0px;}	
.offertable th { padding: 8px;
	border-left: 1px solid #cdcdcd;
	border-right: 1px solid #cdcdcd;
	border-top: 1px solid #cdcdcd;
	border-bottom: 1px solid #cdcdcd;
	background-color: #ededed;
	color: #3e3e3e;
	font-size: 14px;
	line-height: 20px; font-weight: normal;
	border: 1px solid #cdcdcd;
}
.offertable td { padding: 8px;
	border-left: 1px solid #cdcdcd;
	border-right: 1px solid #cdcdcd;
	border-top: 1px solid #cdcdcd;
	border-bottom: 1px solid #cdcdcd;
	font-size: 14px;
	line-height: 20px;
}
.word-offer {padding: 0 0px; font-size: 24px; line-height: 30px; margin: 20px 0;}
}	
	
.head1 {font-size: 25px; text-align: center; font-weight: normal; margin: 15px 0;}
.cd1 {height: 12px; margin: -2px 0 0 5px;}
.yuu {height: 30px; margin: 7px 3px 0 }
.yuu1 {height: 16px; margin: -2px 5px 0 }

.cdoffer {float: left;}
.cdoffer img {width: 250px;}
.cdword {padding-left: 280px; font-size: 17px; line-height:25px; }
.cdword span {color: #3175C3; font-weight: bold;}
.hotline {font-size: 20px; line-height:50px; font-weight: bold; color:#E50000;}
.hotline img {width: 40px;}
.cdtop {margin-top: 20px;}

.red { color:#E50000;}

.specialoffer {margin: 10px 0;}
.specialoffer .cw {width: 15px; height: 30px; color: #0d6c29; float: left; }
.specialoffer .circleword {padding-left: 20px; padding-top: 3px;}
.specialoffer .circleword1 {padding-left: 20px; padding-top: 0px;}

.offertable li {margin-left: 20px;}
.offertable .plus {text-align: center;color: #0d6c29; font-weight: bold; font-size: 21px; margin-top: -19px; }
.offertable .plus2 {text-align: center;color: #0d6c29; font-weight: bold; font-size: 21px; margin-top: -19px; }

.gbg {background-color: #f2f7e5; padding-bottom: 50px; padding-top: 20px; }


@media (max-width: 840px) {
.box1 {
	background-color: #E50000;
	color: #ffffff;
	margin:0px 0px 10px 0px;
	padding: 10px 10px 10px;
	font-size:18px;
	line-height:28px;
	font-weight:bold;
	width:60px; height: 80px;
	margin-top:20px; float: left;}	
.box2 {
	background-color: #0d6c29;
	color: #ffffff;
	margin:0px 0px 10px 0px;
	padding: 10px 10px 10px 10px;
	font-size:18px;
	line-height:28px;
	font-weight:bold;
	width:100%;
	margin-top:20px; }
	
.cd {height: 12px; margin: -2px 3px 0 }
.yuu {height: 28px; margin: 7px 0px 0 }	

	
.cdoffer {float: none;}
.cdoffer img {width: 250px;}
.cdword {padding-left: 0px; font-size: 16px; line-height:24px; margin-top: 20px; width: 100%;}	
}

.acthead {font-size: 28px; line-height: 32px; text-align: center; color: #0d6c28; margin-bottom: 15px; font-weight: bold;}


.subhead1 {background-color: #0d6c28; color: #fff; font-weight: bold; text-align: center; width: 300px; padding: 10px; border-radius: 15px; margin: 0 auto; margin-bottom: 15px;}
.subhead2 {text-align: center; margin-bottom: 15px;}
.subhead2 img {width: 350px;}

.bg {background-color: #0d6c28; padding: 10px; text-align: center; }
.bg p {font-size: 20px; line-height: 30px; color: #ffffff; }


@media (max-width: 768px) {
.call_for_act_area { display: table; table-layout: fixed; height: 52px; width: 80%; padding: 5px; background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb', GradientType=0 );
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #D4D4D4; margin: 0 auto; }
.call_for_act_area .columns { width: 33.33333%; padding-left: 0; padding-right: 0; border-left: 1px solid #D4D4D4; }
.call_for_act_area .columns:first-child { border-left: 0px; }
.call_for_act_area a { color: #333; }
.call_act_content { display: table-cell; position: relative; text-align: left; padding: 0 0 0 50px; vertical-align: middle; }
.call_act_content:not(:last-child):after { content: ""; position: absolute; height: 100%; width: 1px; display: block; background: #e6e6e6; top: 0; right: 0 }
.call_act_content i { position: absolute; left: 10px; top: 10px; margin: 0 0 0 3px; }
	
}
.mobile {display: none;}
.desktop {display: block;}

@media (max-width: 860px) {
.mobile {display: block;}
.desktop {display: none;}

}

.aTable {border: none; margin: 0 auto; width: 100%; margin-top: 10px; }
.aTable th { padding-left: 10px; 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; padding: 20px;}
.aTable td { padding-left: 10px; font-size: 18px; line-height: 26px;  background-color: #fff;  border-right: 1px solid #fff; border-left: 1px solid #fff;}
.aTable tr { border-bottom: 1px solid #d9d9d9;}
.aTable .bgcolor {background-color: #FAFFE7; border-top: 2px solid #4fc522;}
.aTable .bigfont {color: #0d6c29; font-size: 21px; font-weight: bold;}
.aTable .yuu {color: #3679bd;  font-weight: bold;}
.aTable .yuubigfont b {font-size: 28px; color: #3679bd;}
.aTable .bottom { border-bottom: 2px solid #0d6c29; }
.bottomw1 { border-bottom: 2px solid #ffffff; }
.topw1 { border-top: 2px solid #ffffff; }
.aTable .bg1 {background-color: #b5d100; border-top-left-radius: 30px; border-bottom-left-radius: 30px;  border-left: 1px solid #fff; color: #ffffff; }
.aTable .bg2 {background-color: #60b257; color: #ffffff;  border-bottom: 1px solid #fff;}
.aTable .bg3 {background-color: #156e1c; border-right: 1px solid #fff; color: #ffffff;  border-bottom: 1px solid #fff}
.aTable .bg4 {background-color: #004d41; border-bottom-right-radius: 30px; border-top-right-radius: 30px; border-right: 1px solid #fff; color: #ffffff;}

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

.gdecins {width: 100%; font-size: 20px; line-height:32px;}

.gdecins1 {width: 100%; font-size: 20px; line-height:32px;}
.gdecins1 a {color: #000000; text-decoration: underline; }

.gpoint:after{display:table; clear:both; content:"";}
.gpoint { margin-top: 0px;}
.qrcode1 img {width: 130px}

.rewardarea:after{display:table; clear:both; content:"";}
.rewardarea {padding-left: 40px; width: 780px; margin: 0 auto;}
.rewardbg {border: 2px solid #235442; padding: 10px; border-top-right-radius: 30px; border-bottom-right-radius: 30px; border-bottom-left-radius: 30px;}

.icon img {width: 80px; margin-top: -20px; margin-left: -40px; float: left;}
.rewardword {padding-left: 60px; font-size: 23px; text-align: center;}

@media (max-width: 860px) {
.rewardarea {padding-left: 40px; width: 100%; margin: 0 auto;}
.rewardword {padding-left: 20px; font-size: 23px; text-align: center;}
.icon img {width: 80px; margin-top: -20px; margin-left: -40px; float: left;}	
}