.greenStep {
    font-size: 1.6rem;
    font-weight: bold;
    color: #8bc543;
}
.txt14 {
    font-size: 1rem;
    font-weight: normal;
}
.note{
	font-size:12px;
	padding:15px;
	margin-bottom:20px;
	color:#000;
	border: #000 solid 1px;
}
.note ul {margin:0.2em 0;margin-left:1.5em;padding:0;}
.note li {margin-left:0em;padding:0;}

.visual {position:relative;}
.visual .txt{
	position:absolute;
	top:30px;left:40px;
	width:720px;
}
.visual .txt .head {font-size:42px;color:#054c9b;font-weight:bold;}
.visual .txt .headEn{font-size:30px; line-height:130%;}
.visual .txt .subhead {width:500px;margin-top:10px;font-size:28px;color:#363636;font-weight:normal;}

/*************** Rounded Corner ****************/

.offer-table1{
	border-width: 0 0 1px 1px;
	border-spacing: 0;
	border-collapse: collapse;
	border-style: solid;
	border-color: #7fa6ce;
	margin:6px 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.offer-table1 .head {background:#054c9b}
.offer-table1 th{
	font-weight: 400 !important;
}
.offer-table1 td, th{
	margin: 0;
	padding: 10px;
	border-width: 1px 1px 0 0;
	border-style: solid;
	border-color: #7fa6ce;
	background-color: #f0f7fe;
}
.offer-table1 thead tr td{
	background-color: #f0f7fe;
}
.offer-table1 thead tr td, .offer-table tbody tr td{
	text-align:center;
	vertical-align:middle;
}
.offer-table2{
	border-width: 0 0 1px 1px;
	border-spacing: 0;
	border-collapse: collapse;
	border-style: solid;
	border-color: #a67adc;
	margin:6px 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.offer-table2 .head {background:#5d2e98}
.offer-table2 th{
	font-weight: 400 !important;
}
.offer-table2 td, th{
	margin: 0;
	padding: 10px;
	border-width: 1px 1px 0 0;
	border-style: solid;
	border-color: #a67adc;
	background-color: #f6eeff;
}
.offer-table2 thead tr td{
	background-color: #f6eeff;
}
.offer-table2 thead tr td, .offer-table tbody tr td{
	text-align:center;
	vertical-align:middle;
}
.offer-table3{
	border-width: 0 0 1px 1px;
	border-spacing: 0;
	border-collapse: collapse;
	border-style: solid;
	border-color: #999999;
	margin:6px 0;
	font-size:10px; color:#666666;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.offer-table3 .head {background-color: #666666; color:#ffffff;}
.offer-table3 th{
	font-weight: 400 !important;
}
.offer-table3 td, th{
	margin: 0;
	padding: 5px;
	border-width: 1px 1px 0 0;
	border-style: solid;
	border-color: #999999;
	background-color: #ffffff;
}
.offer-table3 tr td{
	background-color: #ffffff; color:#666666;
}
.offer-table3 tr td{
	text-align:center;
	vertical-align:middle;
}

.contentNormal {
	font-size:14px;color:#333333;
	line-height:140%;
}
.blue {
	font-weight:bold;
	color:#054c9b;
}
.remark {
	font-size:12px;color:#666666;
	line-height:120%;
}
.call-for-action {
	font-size:24px;
	font-weight:bold;
	color:#054c9b;
	text-align:center;
	padding:30px 0;
}
.btns a{text-decoration:none;}
.btn-link{
	width:100%;
	font-size:18px; 
	color:#FFFFFF;
	text-align:center; 
	text-decoration:none;
	padding:20px 15px;
	margin:10px 0;
	margin:auto;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	background-image:url(../../../../hongkong/promotions/banking_channels/images/arrow.png);
	background-position:right center;
	background-repeat:no-repeat;
	background-color:#054c9b;
}
.buttonLink {
	text-decoration:none !important;
	display: block;
	width: 100%;
}
.buttonLink:hover .btn-link{color: #fff;text-decoration:none;}
#shareContent span {
	float:left;clear:right;
	font-size:16px; font-weight:bold; color:#054c9b;
	padding:10px 0px;
	margin-right:10px;
}
#shareContent img {
	width:40px; 
	float:left;
    clear:right;
	margin-right:8px;
}
#shareContent .shareDown img{
	width:auto!important; 
	float:none!important;
    clear:right;
	margin-right:8px;
}
.captionColor {
    background-color: none;
}
.hotline {
	color:#054c9b;font-size:18px;font-weight:bold;
	padding:1em 0;
	margin-top: 20px;
}

/* Tabs */
.tab-wrap {
	margin-top: 20px;
	border-bottom:1px #ccc solid;
	display: table;
    width: 100%;
}
.tab{
	display: table-cell;
	vertical-align: middle;
	text-align:center;
	background:#0D7BBA; color:#FFF;
	width:25%; box-sizing:border-box;
	padding:8px 0px; cursor:pointer;
	border-right:1px solid #FFF;
	-webkit-box-shadow:inset 0 -2px 3px 0 rgba(22,77,124,0.2);
	-moz-box-shadow:inset 0 -2px 3px 0 rgba(22,77,124,0.2);
	box-shadow:inset 0 -2px 3px 0 rgba(22,77,124,0.2);
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}
.tab-con {
	display:none;
	box-sizing:border-box;
	width:100%;
	padding:10px;
	background:#FFFFFF;
	border:1px #ccc solid;
	border-top:none;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}
.tabActive {background:#054c9b !important;}
.conActive {display:block !important;}

ul.tablist{margin-left:0; padding-left:1.5em;}
.swiper-tabmenu {padding-bottom: 20px;}
.swiper-tabmenu .swiper-slide{text-align: center;}
.swiper-tabmenu .swiper-slide>img{max-width: 100%;}
.swiper-tabmenu .swiper-pagination-bullets{bottom: 0;}
.swiper-tabmenu .swiper-pagination-bullet-active { background: #0066b3;}
.stepSwiper01-button-prev,
.stepSwiper02-button-prev,
.stepSwiper03-button-prev{
    cursor: pointer;
    position: absolute;
    display: block;
    height: 100px;
    width: 21px;
    overflow: hidden;
    background: url(../../../../hongkong/personal/images/index/icons/arrow.png) no-repeat 0px 50%;
    z-index: 9;
    left: 0px;
    top: 50%;
    margin-top: -50px;
}
.stepSwiper01-button-prev.swiper-button-disabled,.stepSwiper02-button-prev.swiper-button-disabled,.stepSwiper03-button-prev.swiper-button-disabled{
    background-position:-42px 50%;
}
.stepSwiper01-button-next,.stepSwiper02-button-next,.stepSwiper03-button-next{
    cursor: pointer;
    position: absolute;
    display: block;
    height: 100px;
    width: 21px;
    overflow: hidden;
    background: url(../../../../hongkong/personal/images/index/icons/arrow.png) no-repeat 0px 50%;
    background-position:-21px 50%;
    z-index: 9;
    right: 0;
    top: 50%;
    margin-top: -50px;
}
.stepSwiper01-button-next.swiper-button-disabled,.stepSwiper02-button-next.swiper-button-disabled,.stepSwiper03-button-next.swiper-button-disabled{
    background-position:-65px 50%;
}
/* TNC */
#tncContent{
	display:none;
	margin-top:1em;
	font-size:10px;line-height:14px;
	color:#666666;
}

/****** Side Menu ******/
#bottom_call {
	display:none;
	width:601px;height:50px;
	margin:auto;
	position:fixed;
	top:0; left:50%; margin-left:-300px;
	z-index:98; 
	-webkit-border-bottom-left-radius: 	13px;
	-webkit-border-bottom-right-radius: 13px;
	-moz-border-radius-bottomleft: 		13px;
	-moz-border-radius-bottomright: 	13px;
	border-bottom-left-radius:			13px;
	border-bottom-right-radius: 		13px;
	background-image:url(../../../../hongkong/promotions/images/bottom_bar_bg.gif);
	-webkit-box-shadow: 0px 0px 15px 0px rgba(20, 20, 20, 0.4);
	-moz-box-shadow:    0px 0px 15px 0px rgba(20, 20, 20, 0.4);
	box-shadow:         0px 0px 15px 0px rgba(20, 20, 20, 0.4);
}
#bottom_call a {text-decoration:none;}
#bottom_call .bottom_button {
	width:300px;
    height:25px; 
    display: inline-block;
    clear:right; 
    font-size:0.9rem;
    line-height: 1.2em;
	text-decoration:none;
	text-align:center; color:#dedede; padding:5px 0; 
    float: left;
}
#bottom_call .bottom_button:hover { 
	color:#ffffff;
	background-image:url(../../../../hongkong/promotions/images/arrow.png);
	background-position:270px center;
	background-repeat:no-repeat;
	-webkit-transition: background-image 0.3s; /* For Safari 3.1 to 6.0 */
    transition: background-image 0.3s;
}
#bottom_call .style1 {border-right:1px dotted rgba(255,255,255,0.3)}
#bottom_call .single {
	float: none;clear: both; margin:auto; margin-top:10px;
}
.logo_tab a {
	text-decoration: none;
	color: #333333;
	margin-left: 20px;
}
.fpsBlue {
    color: #005bae;
    text-shadow: 2px 2px 15px #fff, 0px 0px 15px #fff, 0px 0px 15px #fff, 0px 0px 20px #fff;
}
/* =========== 1023 ========== */
@media (max-width: 1023px){
    .greenStep {
        font-size: 1.2rem;
        font-weight: bold;
        color: #8bc543;
    }
   
}
/* =========== 768 ========== */
@media (max-width: 768px){
	ul.tablist {
	    padding-left: 0;
	}
	.tab{height: 100px;}
	.stepSwiper01-button-next, .stepSwiper02-button-next, .stepSwiper03-button-next{display: none;}
	.stepSwiper01-button-prev, .stepSwiper02-button-prev, .stepSwiper03-button-prev{display: none;}
	.call-for-action {
	    font-size: 20px;
	} 
  
}
/* =========== 576 ========== */
@media (max-width: 576px){
    .captionColor {
        background-color: #fafafa;
        position: absolute;
        width: 100%;
    }
}