.pageTopDes h1, .pageTopDes .h1 {
    margin-top: 70px !important;
}

.highlit_green {
	color: #02beb9;
}
.clearFix {
	clear: both;
}
.border-bottom-0 {
    border-bottom: 0!important;
}
.infoBox {
	padding: 30px;
	border: solid 1px #ccc;
	border-radius: 5px;
	box-sizing: border-box;
	margin-bottom: 30px;
}
.promoImg {
	width: 100%;
	max-width: 250px;
	height: auto;
}
.workDay {
	font-size: 16px;
	margin-bottom: 6px;
}
.workHour {
	font-size: 14px;
	line-height: 18px;
}
.num {
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 30px;
	line-height: 32px;
}
.subNote {
	font-size: 12px;
}
.enquiryItem {
	border-left: solid 1px #ccc;
	padding-left: 45px;
	box-sizing: border-box;
}
.contact {
	margin: 15px 0 8px;
}
.contact a.link {
	border-bottom: none;
}
.contact a.link:hover {
	border-bottom: dotted 1px #0055cc;
}
.address {
	font-size: 16px;
}
.mail {
	font-size: 16px;
	display: inline-block;
}
.contact-icon {
	display: inline-block;
	width: 50px;
	height: auto;
	margin: 3px 10px 3px 0;
}
.contact-infoGrp {
	display: inline-block;
	vertical-align: top;
}
.contact-ttl {
	margin-right: 5px;
}
.contact-tel,
.contact-fax,
.contact-email {
	display: inline-block;
	width: 29%;
	margin-right: 30px;
	color: #666;
	font-size: 20px;
	vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
}
.contact-num {
	color: #333;
	font-size: 20px;
}
.appendixNote {
	font-size: 14px;
	font-weight: normal;
}
.table-premium {
  background: #f6f6f6;
  margin-bottom: 20px;
  font-family: Arial, Helvetica, sans-serif;
  width: 100%;
}
.table-premium th,
.table-premium td {
  background: #f6f6f6;
  padding: 15px 25px!important; 
  text-align: left;
}
.table-premium th {
	border-bottom: none!important;
	border-right: solid 1px #fff;
	font-size: 16px;
	font-weight: bold;
	background-color: #bc1286;
	color: #fff;
}
.table-premium td {
	border-bottom: 1px solid #c1c1c1;
}
.table-premium tr:last-child td {
	border-bottom: none;
}
/**/
.table-easy {
  background: #f6f6f6;
  margin-bottom: 20px;
  font-family: Arial, Helvetica, sans-serif;
}
.table-easy th,
.table-easy td {
  background: #f6f6f6;
  padding: 15px 25px!important; 
}
.table-easy td.first {
	border-top: none;
}
.table thead th {
	border-bottom: none!important;
	font-size: 16px;
	font-weight: bold;
}
.table-easy>table{
  margin-bottom: 0;
  font-family: Arial, Helvetica, sans-serif;
}
.table-easy .table > thead > tr > th {
  border-bottom: 1px solid #c1c1c1;
  padding: 15px 8px;
  font-size: 16px;
}
.table-easy .table > tbody > tr > td{
  border-top: none;
}
.subTable th,
.subTable td {
	padding: 15px 15px 10px 5px!important;
	vertical-align: top;
}
.subTable_col {
	border-bottom: solid 1px #ddd;
	width: 63%;
	box-sizing: border-box;
}
.subTable_col_noBtm {
	width: 63%;
	box-sizing: border-box;
}
.subTable-contentAdjust {
	margin-top: 17px;
}
.securities_en{
    background:url(../../../images/insurance/banner_maid.jpg) center;
    min-height: 370px;
    background-size: cover;
}
.securities_tc{
    background:url(../../../images/insurance/banner_maid.jpg) center;
    min-height: 370px;
    background-size: cover;
}
.colorbox-outer{
    background: white;
    border: 1px solid #D7D7D7;
    clear: both;
    height: 100%;
    margin: 10px 0 0 0;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}
.colorbox-inner {
    padding: 10px 20px;
}
.bar-header-green {
    background: #f0f0f0 url(../../../images/insurance-green-br-zn.png) repeat-x bottom left;
}
.bar-header-blue {
    background: #fff url(../../../images/insurance-blue-br-zn.png) repeat-x bottom left;
}
.bar-header-orange {
    background: #fff url(../../../images/orange.png) repeat-x top left;
}
.bar-header-blue, .bar-header-green, .bar-header-orange, .bar-header-purple, .bar-header-pink {
    padding: 9px 20px 1px 20px;
    margin: 0 2px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
}
.bar-header-green h4,
.bar-header-blue h4,
.bar-header-orange h4,
.bar-header-green .h4,
.bar-header-blue .h4,
.bar-header-orange .h4 {
    color: #fff;
    margin: 0 0 10px 0;
	font-size: 22px;
	text-align: center;
}
.effect6 { 
	position:relative;       
}
.effect6:before, .effect6:after
{
    content:"";
    position:absolute; 
    z-index:-1;
    box-shadow:0 0 5px rgba(0,0,0,0.8);
    top:50%;
    bottom:0;
    left:10px;
    right:10px;
    border-radius:100px / 10px;
}
.download-link{
    margin-top: 40px;
}
.download-link .icon_pdf{
    margin-right: 10px;
}
.icon_pdf {
    background: url(../../../images/sprite-icon.png) no-repeat -5px -460px;
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
}
/* ============= Securities IPO ============= */
.securitiesIPO_en{
    background:url(../../../images/securities_ipo.jpg) center;
    min-height: 370px;
    background-size: cover;
}
.securitiesIPO_tc{
    background:url(../../../images/securities_ipo.jpg) center;
    min-height: 370px;
    background-size: cover;
}
.content-title {
    font-size: 16px;
    font-weight: bold;
}
.section-img {
    margin-top: 40px;
    padding-top: 80px;
    background: url(../../../images/content_bottom.jpg) top center no-repeat;
    background-size: contain;
}
.icon_secure {
    background: url(../../../images/sprite-icon.png) no-repeat -9px -298px;
    width: 44px;
    height: 44px;
    display: inline-block;
    vertical-align: middle;
}
.login-section {
    position: relative;
    margin-top: 30px;
}
.loginRight {
    position: absolute;
    top: 0;
    left: 200px;
}
/* ============= Securities IPO Centre ============= */
.securitiesIPOCentre_en{
	background:url(../../../images/insurance/banner_maid.jpg) center;
	min-height: 370px;
	background-size: cover;
}
.securitiesIPOCentre_tc{
	background:url(../../../images/insurance/banner_maid.jpg) center;
	min-height: 370px;
	background-size: cover;
}
.content-top {
  margin-top: 80px;
}
.content-section {
  margin-top: 40px;
}
.disclaimer-bar{
	background:url(../../../images/eIPO_download.jpg) right;
	min-height: 148px;
	background-size: cover;
	border: 1px solid #eaeaea;
    padding: 30px;
    margin-top: 50px;
}
.list-section {
    margin-bottom: 50px;
}
.list-item {
    border-left: 1px solid #dbdbdb;
    padding: 0 60px;
}
.list-section>.row>.list-item:first-child {
    border-left:none;
}
ul.list-point {
	font-family: Arial, Helvetica, sans-serif;
    padding-left: 15px;
    margin: 15px 0;
}
ul.list-point>li,
ul.list-point-none>li{
	margin-bottom: 10px;
}
ul.list-point>li a, ul.list-point>li a:hover{
  text-decoration: none;
  border-bottom: #0055cc 1px dotted;
}	
	ul.list-point-none {
		font-family: Arial, Helvetica, sans-serif;
		padding-left: 0;
		margin: 15px 0;
	}
	ul.list-point-none>li {
		list-style-type: none;
	}
.table-easy td ul.list-point {
    margin: 0;
}
.table-easy td ul.list-point>li {
    margin-bottom: 0;
}
/**/
ol.list-count  {
	font-family: Arial, Helvetica, sans-serif;
    padding-left: 15px;
    margin: 15px 0;
}
ol.list-count li{
	margin-bottom: 10px;
    padding-left: 3px;
}
/* insurance */
.label_promo {
	display: inline-block;
	padding: 15px;
	vertical-align: -2px;
}
.insuranceBadge {
	display: inline-block;
	margin-right: 15px;
	vertical-align: top;
	margin-right: 30px;
}
.indexMenuFloat {
	display: inline-block;
	width: 60%;
}
ul.list-point_arrow {
	font-family: Arial, Helvetica, sans-serif;
    margin: 15px 5px;
}
ul.list-point_arrow>li{
	list-style-image: url(../../../images/insurance/icon_arrowBubble.png);
	padding: 5px 15px;
	font-size: 18px;
}
.parag-control {
	position: relative;
	top: -15px;
}
ul.list-point_arrow>li.parag{
	list-style-image: url(../../../images/insurance/icon_arrowBubble.png);
	padding: 5px 15px;
}
ul.list-point_arrow>li a.parag-link {
	vertical-align: 0;
	color: #0055cc;
	border-bottom: #0055cc 1px dotted;
}
ul.list-point_arrow>li a.parag-link:hover {
	vertical-align: 0;
	color: #0055cc;
	border-bottom: none;
}
ul.list-point_arrow>li a {
  text-decoration: none;
  border-bottom: none;
  color: #000;
  vertical-align: 15px;
}
ul.list-point_arrow>li a:hover{
  text-decoration: none;
  border-bottom: #000 1px dotted;
  color: #000;
}
/* ============= Securities Margin Trading Services ============= */
.securitiesMargin_en{
    background:url(../../../images/securities_margin_trading_services.jpg) center;
    min-height: 370px;
    background-size: cover;
}
.securitiesMargin_tc{
    background:url(../../../images/securities_margin_trading_services.jpg) center;
    min-height: 370px;
    background-size: cover;
}
.icon-pdfDownload{
    background: url(../../../images/pdf_download.png) no-repeat;
    background-size: cover;
    width: 95px;
    height: 95px;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: 30px;
    left: 40px;
}
.download-bar {
    margin-top: 40px;
    background: #fff url(../../../images/ui-jquery-bg-zn.png) repeat-x left bottom;
    border: 1px #d7d7d7 solid;
    border-radius: 6px;
    padding: 30px 90px 30px 160px;
    position: relative;
}
/* ============= Securities Preset Order Services ============= */
.presetOrder_en{
    background:url(../../../images/securities_preset_order_services.jpg) center;
    min-height: 370px;
    background-size: cover;
}
.presetOrder_tc{
    background:url(../../../images/securities_preset_order_services.jpg) center;
    min-height: 370px;
    background-size: cover;
}
.rowList-section{
    margin-top: 20px;
}
.rowList-head {
    color: #666;
    font-size: 14px;
    background: #ebebeb;
    padding: 10px 15px;
	font-family: Arial, Helvetica, sans-serif;
}
.rowList-content {
    border: 1px solid #ebebeb;
    font-size: 12px;
    padding: 10px 20px;
	font-family: Arial, Helvetica, sans-serif;
}
.rowList-section.horizontal .rowList-head {
    width: 40%;
    display: table-cell;
}
.rowList-section.horizontal .rowList-content {
    width: 60%;
    display: table-cell;
    line-height: 18px;
    border-top: none;
}
.rowList-row{
    display: table;
    width: 100%;
	font-family: Arial, Helvetica, sans-serif;
}
.rowList-section.horizontal .rowList-row:first-child{
    border-top: 1px solid #ebebeb;
}
/* ============= stock quote Services ============= */
.stockQuote_en{
    background:url(../../../images/securities_stock_quote_service.jpg) center;
    min-height: 370px;
    background-size: cover;
}
.stockQuote_en{
    background:url(../../../images/securities_stock_quote_service.jpg) center;
    min-height: 370px;
    background-size: cover;
}
.table-easy .table > tbody > tr > td:nth-child(1){
    font-size: 18px;
}
.bgimg-bar {
    margin-top: 40px;
    background: #fff url(../../../images/ui-jquery-bg-zn.png) repeat-x left bottom;
    border: 1px #d7d7d7 solid;
    border-radius: 6px;
    padding: 20px 30px;
}
/* ============== Stock Monthly Investment Plan ============ */
.stockMonthly_en{
    background:url(../../../images/securities_stock_monthly_investment_plan.jpg) center;
    min-height: 370px;
    background-size: cover;
}
.stockMonthly_tc{
    background:url(../../../images/securities_stock_monthly_investment_plan.jpg) center;
    min-height: 370px;
    background-size: cover;
}
.stepPlan{
    margin-bottom: 20px;
}
/* ============== Shanghai HongKong Stock Connect ============ */
.stockConnect_en{
    background:url(../../../images/securities_shanghai_hk_stock_connect.jpg) center;
    min-height: 370px;
    background-size: cover;
}
.stockConnect_tc{
    background:url(../../../images/securities_shanghai_hk_stock_connect.jpg) center;
    min-height: 370px;
    background-size: cover;
}


/* ============= panel ============= */
.XLpanel-heading{
  margin: 0;
  /*padding: 13px 20px 13px 40px;*/
  padding: 12px 20px 10px 33px;
  line-height: 30px;
  position: relative;
  cursor: pointer;
}
.XLpanel-heading h3, .XLpanel-heading .h3{
  margin: 0;
}
.XLpanel-title:after{
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -10px;
  left: 5px;
}
.XLpanel-title[aria-expanded="true"]:after{
  background: url(../../../images/down-arrow-outline.png);
  width: 20px;
  height: 20px;
  background-size: contain;
  display: inline-block;
}
.XLpanel-title[aria-expanded="false"]:after{
  background: url(../../../images/right-arrow-outline.png);
  width: 20px;
  height: 20px;
  background-size: contain;
  display: inline-block;
}
.XLpanel.XLpanel-type {
  box-shadow: none;
  border-radius: 0;
}
.XLpanel-collapse{
  top: -5px;
  position: relative;
  z-index: 2;
}
.XLpanel-group .XLpanel-heading + .XLpanel-collapse > .XLpanel-body {
  border-top: none;
  padding: 5px 55px 30px;
}
.XLpanel-body hr{
  border-color: #ccc;
}
.panel-heading {
    margin: 0;
    padding: 10px 20px 6px 50px!important; /*overwrite*/
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: 1px #d7d7d7 solid;
    -moz-box-shadow: 0 1px 2px #c4c4c4;
    -webkit-box-shadow: 0 1px 2px #c4c4c4;
    box-shadow: 0 1px 2px #c4c4c4;
    line-height: 30px;
    position: relative;
    cursor: pointer;
}
 
button.panel-title {
    background: transparent;
    border: 0;
}
button.XLpanel-title {
    background: transparent;
    border: 0;
}
a.redbtn:focus {

    box-shadow: 0px 0px 0px 3px #ccc;

}
.applyItem>.btn{
    margin-bottom: 10px;
    width: 210px;
}
/* ============= 992 ============= */
@media all and (max-width : 992px) {
	.list-item {
	    border-left: none;
	    padding: 0 15px;
	}
    .icon-pdfDownload{
        position: relative;
        top: auto;
        left: auto;
    }
    .download-bar {
        padding: 30px;
    }
} 

/* ============= media control panel ============= */
.container-gap {
    margin-right: 15px;
}
@media all and (min-width: 100px) {
.busyDebit-inner-container {
	background: white;
    border: 1px solid #D7D7D7;
	margin-top: 10px;
    height: 100%;
	min-height: 320px;
    width: 100%;
    float: left;
    display: inline-block;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
	vertical-align: top;
}
	.busyDebit-inner-container p {
		margin-bottom: 15px;
	}
.busyDebit-plans-content {
    margin: 0;
    padding: 0;
    float: left;
    display: inline;
    width: 100%;
}
.busyDebit-plans-detail {
    float: left;
    display: inline;
    width: 100%;
    padding: 20px;
	box-sizing: border-box;
}

}
@media all and (min-width: 926px) {
.busyDebit-inner-container {
	background: white;
    border: 1px solid #D7D7D7;
	margin-top: 10px;
    height: 100%;
	min-height: 320px;
    width: 31%;
    float: left;
    display: inline-block;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
	vertical-align: top;
}
.busyDebit-plans-content {
    margin: 0;
    padding: 0;
    float: left;
    display: inline;
    width: 100%;
}
.busyDebit-plans-detail {
    float: left;
    display: inline;
    width: 100%;
    padding: 20px;
	box-sizing: border-box;
}
}