@charset "utf-8";

/* for KFS PDF*/
.kfs-pfd{font-weight:bold;color: #0066b3;}
/* 公共样式*/
html,

body {
    overflow-x: hidden;
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
	font-family:Arial, Helvetica,MingLiU;
	/*font-family:"PMingLiU","MingLiU","Microsoft Yahei",Arial,Helvetica,sans-serif;*//* sans-serif,*/
	color:#333;
	font-size: 14px;
	min-width: 100%;
	/*-webkit-overflow-scrolling: touch;*/
	overflow-x: hidden;
}

img {
	border: 0;
}

/*ol, ul,li {
	list-style: none;
}*/
ol, ul  {
	list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {  font-size: 100%;  font-weight: normal;}

.hidden {
    visibility: hidden;
}
dt {
    font-weight: inherit;
}
/*顏色的class*/
.acolor{color:#0066b3;}
.errorCor{color:#d62f2f;}
.gray{color:#999;}
.lightGrey{color:#666;}
.blue{color: #003576;}
.white{color: #fff;}
.lakeblue{color:#26b8eb;}
.orange{color: #E6740A;}
.font12{font-size: 12px;}
.black {color: #333!important;}
q:before,
q:after { content: ''}

.acursor{cursor:pointer;}

a{text-decoration: none;  /*blr: expression(this.onFocus=this.blur());  outline: 0;*/ color:#333; }
a:hover{color:#0066b3;}
a.white:hover{color:#fff; opacity: 0.9;}
a.acolor:hover, p>a:hover{text-decoration: underline;}
a.link, 
a.link:hover {text-decoration: underline;}
input {
	color: #333;
	font-family:Arial, Helvetica, sans-serif;
	/*outline: 0;*/
}
em {
	font-size: 70%;
	font-style: normal;
}
lable {
	font-family:Arial, Helvetica, sans-serif;
}
.terms {
    display: inline-block;
}
span.block{
	display: block;
}
.w69{width:69px !important;}
.w74{width:74px;}
.w132{width:130px !important;}
.w148{width: 148px;}
.w150{width: 150px !important;}
.w160{width:160px;}
.w220 {width: 220px;}
.w252 {
	width: 252px;
	height: 490px;
}
.w266{width:266px;}
.w300 {width: 300px;}
.w303 {
	width: 303px;
	height: 328px;
}
.wh360{height: 360px !important;}
.w312 {width: 312px !important;}
.w612 {width: 612px;}
.w630 {width: 630px;}
.w640 {width: 640px;}
.w644{width:644px;}
.w810 {
	width: 810px;
	margin: 0 auto;
	overflow: hidden;
	height: 320px;
}

.w850 {
	width: 850px;
	margin: 0 auto;
	overflow: hidden;
	height: 320px;
}
.w644{width:644px;}
.w252 {
	width: 252px;
	height: 490px;
}
.w160{width:160px;}
.w266{width:266px;}
.w148{width: 148px;}
.w74{width:74px;}
.w630 {
	width: 630px;
}
.w393{width:393px !important;}
.w303 {
	width: 303px;
	height: 328px;
}

.w612 {
	width: 612px;
}

.w300 {
	width: 300px;
}

.w220 {
	width: 220px;
}
.w640 {
    width: 640px;
}
.w960{width:960px;margin:0 auto;}
.w800{width:800px;margin:0 auto;}
.w805{width:805px;margin:0 auto;}
.iner {
	margin-bottom: 60px;
	padding: 40px 10px 0 10px;
}


.m0{margin:0;}
.m10{margin:10px 0;}
.m20{margin:20px 0;}

.mr8  {margin-right: 8px;  }
.mr10 {margin-right: 10px; }
.mr12 {margin-right: 12px; }
.mr20 {margin-right: 20px; }
.mr24 {margin-right: 20px; }
.mr40{margin-right:40px;}
.mr60 {margin-right: 60px; }
.mrl35{margin-right: 134px;}

.mb0{margin-bottom:0;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb60{margin-bottom:60px;}

.mbl20{margin-left: 20px;margin-bottom: 20px;}

.ml12{margin-left: 12px;}
.ml6 {margin-left: 5px;}
.ml8 {margin-left: 7px;}
.ml10{margin-left: 10px;}
.ml20{margin-left: 20px;}
.ml40{margin-left: 40px;}
.ml110{margin-left: 110px;}

.mt10{margin-top: 10px !important;}
.mt16{margin-top: 16px;}
.mt20{margin-top: 20px !important;}
.mt30{margin-top: 30px}
.mt40{margin-top: 40px;}
.mt45{margin-top: 45px;}
.mt60{margin-top: 60px;}
.mt100{margin-top: 100px;}


.h50 {height: 50px;}
.p0{padding:0;  }
.p10{padding: 0 10px;}
.p40 {padding: 32px 0;}

.p30 {padding: 30px 0;}

.p150 {padding-left: 150px;}

.pl350 {padding-left: 350px;}
.pl20{padding-left: 20px;}
.fl {float: left!important;}

.fr {float: right!important;}
.fs14{ font-size:14px;}
.fs16{ font-size:16px;}
/* TOP底边阴影 */
.font666{color:#666;}
.shadow {
	background: url(../../../hongkong/personal/images/index/icons/shadow.png) repeat-x left top;
	height: 4px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
}

.shadow2 {
	background: url(../../../hongkong/personal/images/index/icons/shadow2.png) repeat-x left top;
	height: 2px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
}

.shadow3 {
	background: url(../../../hongkong/personal/images/index/icons/shadow3.png) center;
	height: 6px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
}
.showMenu01:hover,
.showMenu02:hover,
.showMenu03:hover,
.showMenu04:hover,
.showMenu05:hover,
.showMenu06:hover,
.showMenu07:hover,
.showMenu08:hover,
.showMenu09:hover,
.showMenu10:hover,
.showMenu11:hover,
.showMenu12:hover {
    cursor: pointer;
}
.showMenu01:after,
.showMenu02:after,
.showMenu03:after,
.showMenu04:after,
.showMenu05:after,
.showMenu06:after,
.showMenu07:after,
.showMenu08:after,
.showMenu09:after,
.showMenu10:after,
.showMenu11:after,
.showMenu12:after {
    content: "";
    background: url(../../../hongkong/personal/images/index/icons/icon_greyArrow.png) no-repeat;
    background-size: 25px;
    background-position: right;
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 3px;
    position: absolute;
    right: 0px;
}
.showMenu01.active:after,
.showMenu02.active:after,
.showMenu03.active:after,
.showMenu04.active:after,
.showMenu05.active:after,
.showMenu06.active:after,
.showMenu07.active:after,
.showMenu08.active:after,
.showMenu09.active:after,
.showMenu10.active:after,
.showMenu11.active:after,
.showMenu12.active:after {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
     position: absolute;
    right: 10px;
    margin-top: 10px;
}
.bulletSubmenu01,
.bulletSubmenu02,
.bulletSubmenu03,
.bulletSubmenu04,
.bulletSubmenu05,
.bulletSubmenu06,
.bulletSubmenu07,
.bulletSubmenu08,
.bulletSubmenu09,
.bulletSubmenu10,
.bulletSubmenu11,
.bulletSubmenu12 {
    display: none;
}
.bulletSubmenu01.active,
.bulletSubmenu02.active,
.bulletSubmenu03.active,
.bulletSubmenu04.active,
.bulletSubmenu05.active,
.bulletSubmenu06.active,
.bulletSubmenu07.active,
.bulletSubmenu08.active,
.bulletSubmenu09.active,
.bulletSubmenu10.active,
.bulletSubmenu11.active,
.bulletSubmenu12.active {
    display: block;
}
/*仅作为测试用*/
.modul{
	display: block;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background: #fff url(../../../hongkong/personal/images/index/icons/logo.png) no-repeat center 20%;
	z-index: 1001;
}
.modul>p{font-size: 24px;position:absolute;top:30%;left:39%;color:#0066b3}
#upwd{width:330px;height:50px;border:1px solid #0066b3;position:absolute;top:35%;left:39%;padding-left:20px;font-size: 18px;}
#sub{width:200px;height:50px;position:absolute;left:43%;top:48%;font-size: 24px;color:#fff;font-weight: bold;background: #0066b3;border:none;border-radius: 5px;}
#sub:hover{background: #1693f0}
#upwd.wrong{border-color: #ff0000;}
.modul .atten_tit{color:#ff0000;position:absolute;left:40%;top:43%;font-size: 14px;display: none}
/*body{overflow-y:hidden;}*/
.downloadSect {
    display: none;
}
/*仅作为测试用*/
/* 全屏遮罩 */

.shade {
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index: 1001;
	-moz-opacity: 0.4;
	opacity: .40;
	filter: alpha(opacity=40);
}


/*万能闭合*/
.clearfix{ *zoom:1}
.clearfix:before,
.clearfix:after{ display:block; line-height:0; content:""}
.clearfix:after{ clear:both;}
.clear_both{clear: both;}
.clear {
	height: 0px;
	clear: both;
	font-size: 0px;
	line-height: 0px;
	zoom: 1;
}
.father:after{
	content:".";
	visibility:hidden;
	display:block;
	clear:both;
	height: 0;
}
.yuan {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	behavior: url(../../../not-found.html)
}


/*通用下拉框CSS开始 */

.select-box {
	float: left;
	overflow: hidden;
}

.mod_dropdownlist {
	display: inline-block;
}

.mod_dropdownlist .dropdown_select {
	color: #666;
	cursor: pointer;
	border: 1px solid #0066b3;
	display: inline-block;
	*display: inline;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	*zoom: 1;
	-webkit-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.mod_dropdownlist .dropdown_select .dropdown_input {
	text-indent: 10px;
	zoom: 1;
	overflow: hidden;
	font-size: 14px;
	line-height: 30px;
	float: left;
	height: 30px;
}

.mod_dropdownlist .dropdown_select .dropdown_icon {
	background: url(../../../hongkong/personal/images/index/icons/rightbtn.jpg) center center no-repeat;
	width: 40px;
	zoom: 1;
	float: left;
	height: 30px;
	position: relative;
}

.mod_dropdownlist .dropdown_list {
	background: #fff;
	border-left: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
	display: block;
	overflow: hidden;
	padding: 0;
}

.mod_dropdownlist .dropdown_options {
	background: #fff;
	display: block;
	overflow: hidden;
	padding: 0;
	margin: 0;
}

.mod_dropdownlist .dropdown_options li a {
	color: #666;
	cursor: pointer;
	display: block;
	padding: 0 8px;
	white-space: nowrap;
	font-size: 14px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 100%;
}

.mod_dropdownlist .dropdown_options li a:hover {
	background-color: #eee;
	color: #666;
}

.mod_dropdownlist .dropdown_options li.dropdown_options_focus a,
.mod_dropdownlist .dropdown_options li.dropdown_options_focus a:hover {
	background-color: #0066b3;
	border-top: 1px solid #ccc;
	color: #fff;
}

.mod_dropdownlist .dropdown_list .dropdown_custombox {
	border-top: 1px solid #ccc;
}


/*通用下拉框CSS结束 */


/*顶部通知CSS*/

#overlay {
    position: absolute;
    display: none;
    width: 580px;
	min-height: 80px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #fff;
	z-index: 15 !important;
	border: 1px solid #000;
	padding: 40px 25px 40px; /*50px 25px 30px;*/
}
#overlayClose {
  background: #000;
  position: absolute;
  top: 0px;
  right: 0px;
    padding: 3px 5px;
}
#overlayClose a{color: #fff;}
#overlay p { font-size: 1.1em;}
#overlay p>a{text-decoration:underline;}
.notice {
	background:#666/*#f7ad29*/;padding: 20px 0;
}
.notice .noticeIn{width:960px;margin:0 auto; position:relative;}

.notice .notice_li2 {
	width: 890px;
	font-size: 14px;
	line-height: 20px;
	color: #fff;
}
.notice .notice_li2 a{
	color: #fff;
	text-decoration: underline;
}
.notice .btn_close2 {
	position:absolute;right: 0;cursor: pointer;
}

/*底部通知*/
.notice_footer{
	position: fixed;
	left: 0;
	bottom: 0;
	background:#fffddc;
	z-index: 9999;
	width: 100%;
	font-size: 12px;
	/*display: none;*/
}
.notice_footer .noticeIn{
	width:960px;
	margin:0 auto;
	position:relative;
	padding: 5px 0;
}
.notice_footer .btn_close2{
	float: right;
	display: block;
	width: 20px;
	text-align: center;
	cursor: pointer;
	font-weight: bold;
	font-size: 16px;
	line-height: 14px;
}



/*头部样式*/

#header {
	/*height: 150px;*/
	position: relative;
}

#top {
	width: 100%;
	background: #0066B3;
	height: 50px;
}
#top .container{width: 960px;margin: 0 auto;}
#top ul li span a {
	color: #1dd9e2;
}

#top ul li span a:hover {
	color: #fff;
}

#top ul li.showLeft {
	position: relative;
}

#top .show_hov {
	background: url(../../../hongkong/personal/images/hv_top.html) no-repeat left top;
	width: 141px;
	height: 28px;
	float: left;
	line-height: 24px;
	margin-top: 12px;
	display: none;
	text-align: center;
}

#top .show_hov a {
	color: #1dd9e2;
	font-family: Arial;
	font-size: 12px;
	padding: 0 5px;
}

#top .show_hov a:hover {
	color: #fff;
	font-family: Arial;
}

.ul_l {
	float: left;
	line-height: 50px;
}

.ul_l li {
	padding-right: 12px;
	float: left;
	color: #83c6ff;
	display: block;
	position: relative;
}

i.cur {
	background: url(../../../hongkong/personal/images/index/icons/cur.png) no-repeat;
	width: 18px;
	height: 8px;
	position: absolute;
	left: 18px;
	bottom: -1px;
	display: inline-block;
}

.ul_l li a {
	font-size: 16px;
	color: #FFFFFF;
	cursor: pointer;
}

.ul_l li a:hover,.ul_l li a.se {
text-decoration: underline; color:#FFFFFF;font-size: 17px;
}

.ul_l li a:focus,.ul_l li a.se {
text-decoration: underline; color:#FFFFFF;font-size: 17px;
}

.ul_l li.showLeft a img {
	float: left;
	width: 79px;
	height: 23px;
	padding-top: 14px;
	padding-bottom: 13px;
}

.ul_r {
	float: right;
	line-height: 50px;
}

.ul_r li {
	margin-left:8px;
	padding-left:4px;
	float: left;
	display: block;
	/*text-align: right;*/
}

.ul_r .header_top_right_a {
	color: #FFFFFF;
	display: block;
	cursor: pointer;
}
.ul_r li.se .header_top_right_a {
	color: #fff;
}

.ul_r li a:hover,.ul_r li a.se {
text-decoration: underline; color:#FFFFFF;font-size: 110%; 
}

.ul_r li a:focus,.ul_r li a.se {
text-decoration: underline; color:#FFFFFF;font-size: 110%; 
}

.top_show {
	overflow: hidden;
}

/*2018/4/10 add*/
ul.ul_r li.last_one {
	color: #FFFFFF;
	display: block;
	cursor: pointer;
	float: right;
	margin-right: 0;
}
ul.ul_r li.last_one a{
	color: #FFFFFF;
}

/*右邊*/
.ul_r .ico {
	background: url(../../../hongkong/personal/images/ico/zx_icon.html) no-repeat 0 15px;
	padding-left: 20px;
}
.ul_r li.top_show.se {
	 background: url(../../../hongkong/personal/images/index/icons/hover2.png) bottom center no-repeat;
	 color: #fff;
}

.ul_r li span {
	font-size: 14px;
	/* display: block; */
	cursor: pointer;
}
.ul_r li span:hover{color:#fff;}

.ul_r li.first span {
	font-style: normal;
	font-size: 14px;
}
/*新头部特殊   start  *******/
.menu_l ul.log_r{line-height: 50px;}
.menu_l .logo_tab span{padding:  4px;	font-size: 14px;color: #333;}
.menu_l .logo_tab span:hover{ color: #0066B3;cursor: pointer;}
.menu_ls_p {width: 800px;margin: 0px auto;height: 60px;position: relative; max-width: 100%; }
.logo_img_p{ margin-top: 14px;}

#simplefooter hr{border: 1px dashed #666666;}
.sfooter {font-size: 12px; padding-bottom: 20px;}
.sfooter img{float: right;}
.sfooter a.acolor{text-decoration: none;}
.sfooter:after{content: ''; display: table; clear: both;}
.menu{width: 960px;margin:0 auto;}

/*Logo and City*/

.menu_l {
	width:960px;
	margin: 0px auto;
	height:60px;
	position: relative;
}

.menu_l .logo {
	width: 960px;
	float: left;
	height:60px;
	position: relative;
}

#header .menu_l .logo_img {
	width: 240px;
	height: 40px;
	padding-top:20px;
}

#header .menu_l .logo_city,
.logo_city {
	display: inline-block;
    margin-right: 5px;
    width: 102px;
    height: 24px;
    background: url(../../../hongkong/personal/images/index/icons/city_bg.jpg) no-repeat;
    line-height: 24px;
    font-size: 14px;
    cursor: pointer;
}

#header .menu_l .logo_city.active,
.logo_city.active{background: url(../../../hongkong/personal/images/index/icons/city_bg2.jpg) no-repeat}

#header .menu_l .logo_city a,
.logo_city a {
	display: block;
	font-size: 12px;
	color: #333;
	cursor: pointer;
	padding-left: 7px;
	text-align: left;
}
.region {
    position: relative;
    left: 425px;
    top: 5px;
    z-index: 1;
}
.region .btn-confirm{display: none;}

.fixed-header .region {
    position: relative;
    left: 425px;
    top: 5px;
    z-index: 999999;
}
.fixed-header #top {
	height: 0;
}

.btn-confirm, .btn-confirm:hover {
    background: #0066b3;
    color: #fff;
    font-size: 14px;
    padding: 1px 6px;
}
.marketBanner {
    margin-bottom: 40px;
}



@media all and (max-width: 1023px) {
    .w805{width:100%;margin:0 auto;}
    .marketBanner {
        margin-bottom: 100px!important;
    }
    #top {
        width: 100%;
        background: transparent;
        height: 50px !important;
    }
	.btn-confirm, .btn-confirm:hover {
	    font-size: 12px;
	    padding: 2px 4px;
	}
	.region {
		left: 0;
        top: 0;
        display: inline-block;
	}
    .logo_city {        
        margin-right: 0;
    }
    .logo_val {
        font-size: 14px;
    }
}
.logo_list{
	text-align: left;
	box-sizing: border-box;
	position: absolute;
	z-index: 15;
	font-size: 12px;
	color: #333;
	cursor: pointer;
	background: #fff;
	width: 100px;
	max-height: 160px;
	border: 1px solid #ccc;
	min-height: 50px;
	display: none;
}

.logo_list.active{display: block}
.logo_list li{padding-left:4px;}
.logo_list li:hover{  background: #eee;}

#regionBtn {
    display: none;
}
.region_confirm {
    background-color: #0066B3;
    border-radius: 3px;
    padding: 3px 7px;
    box-sizing: border-box;
    font-size: 12px; 
    color: #fff;
    border: solid 1px #0066B3;
}


.region_confirm:hover {
    background-color: #005798;
}
.regionSetting {
    display: inline-block;
}
/* search on header.html */
body.searchBg {
    /* background-color: rgba(0,0,0,.7);   20211103*/
    position: fixed;
    z-index: 9999999999;
    width: 100%;
    height: 100%;
}
.search {
    border: solid 1px #666;
    border-radius: 3px;
    padding: 4px 15px 4px 30px;
    box-sizing: border-box;
    color: #666;
    display: inline-block;
    background:  url(../../../hongkong/personal/images/search/search_grey.png) no-repeat 8px center;
    background-size: 15px 15px;
    float: right;
    margin-top: 15px;
    font-size: 13px;
}
body.large-font-size .search{
	font-size: 14px;
}
body.small-font-size .search{
	font-size: 12px;
}
.searchClose {
    float: right;
    margin-top: 15px;
    display: none;
    cursor: pointer;
}
.searchActive {
    display: inline-block;
    float: right;
    border: solid 1px #ccc;
}
.searchDeactive {
    display: none;
}
.collapse, .collapsing {
    position: absolute;
   width: 100%;
    left: 0px;
    z-index: 9999;
    /* background: #fff; 20211103*/
     background: #f1f1f1;
    /*top: 140px;   search button menu display 20211103 */
    border-top: solid 1px #ccc;
}
.searchDropdown { 
    padding: 20px;
    max-width: 960px;
    margin: 0 auto;
    min-height: 80px;
}
.searchkeywords_ttl {
    color: #666;
    font-weight: bold;
    display: inline-block;
    margin-left: 15px;
}
.searchkeywords_item {
    background: #eee;
    border-radius: 20px;
    padding: 2px 15px;
    box-sizing: border-box;
    color: #666;
    display: inline-block;
    margin-left: 12px; 
    margin-bottom: 5px;
    transition: 0.3s;
}
.searchkeywords_item:hover {
    background: #666;
    border-radius: 20px;
    padding: 2px 15px;
    box-sizing: border-box;
    color: #eee;
    display: inline-block;
    margin-left: 12px; 
    cursor: pointer;
}
.searchTtl {
    font-size: 2em;
    font-weight: bold;
    display: inline-block;
    color: #333;
    margin-right: 20px;
    margin-bottom: 10px;
}
.searchSubttl {
    font-size: 1.2em;
    font-weight: bold;
    display: inline-block;
    color: #666;
    margin-bottom: 20px; 
}
.searchBarCol {
    margin: 50px auto 20px;
    width: 80%;
    clear: both; 
}
.searchConfirmBtn {
    color: #fff;
    background: #0066B3 url(../../../hongkong/personal/images/index/icons/search_wh.png) no-repeat 15px 9px;
    background-size: 19px;
    border-radius: 3px;
    padding: 8px 20px;
    padding-left: 40px;
    border: none;
    box-sizing: border-box;
    margin-left: 15px;
}
.checkCol {
    margin: 0px auto 50px;
    width: 80%;
}
.checkDistrib {
    width: 31%;
    margin-bottom: 15px;
}
           

input[type=radio]:checked ~ .check:before{
	content: ""; /*✓*/
  	font-size: 0.9rem; 
  	background:url("../../../hongkong/personal/images/search/whiteTick.png") no-repeat 2px 2px;  
    background-size: 14px;
    height: 20px;
	width: 20px;
	text-align: center;
	display: block;
	position: absolute;
}
input[type=radio]:checked ~ .check{
	background:#0066B3;
}
input[type=checkbox]:checked ~ .check:before {
    content: "";
    font-size: 0.9rem;
    background: url(../../../hongkong/personal/images/search/whiteTick.png) no-repeat 2px 2px;
    background-size: 14px;
    height: 20px;
    width: 20px;
    text-align: center;
    display: block;
    position: absolute;
}
input[type=checkbox]:checked ~ .check{
	background:#0066B3;
}
.form-check .check {
    display: block;
    position: absolute;
    border: solid 1px #ccc;
	background: #fff;
    border-radius: 100%;
    height: 20px;
    width: 20px;
    top: 0px;
	left: 0;
    z-index: 5;
    transition: border .25s linear;
    -webkit-transition: border .25s linear;
}
.form-check-label{
	padding-left: 30px;
	position: relative;
    z-index: 9;
    cursor: pointer;
}
.form-check-inline .form-check-input {
    position: absolute;
	opacity: 1;
    width: 18px;
    height: 18px;
    visibility: hidden;
}
.searchKV .form-check-inline .form-check-input {
    position: absolute;
  opacity: 1;
  top: 1px;
  left: 1px;
    width: 18px;
    height: 18px;
    visibility: visible;
}

/* end - checkbox color*/

input.form-control::placeholder {
    color: #aaa;
}
.input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.custom-select {
    display: inline-block;
    width: 100%; 
    max-width: 225px;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 1.75rem 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: #fff url(../../../hongkong/personal/images/index/icons/searchArrow.png) no-repeat right 0.75rem center/11px 9px;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}


/*@media (prefers-reduced-motion: reduce) {
  .sort-select {
    transition: none;
  }
}*/
.adReview {
    width: 100%;
    max-width: 200px;
    margin-bottom: 10px;
}
@media (max-width: 1023px){
	.adReview {
    width: 100%;
	max-width: unset;
    margin-bottom: 10px;
}
}
.adGrp {
    display: block;
    margin-bottom: 20px;
}
/* search.html */
.searchKVTrick {
    background: url("../../../hongkong/personal/images/search/searchbg.jpg") repeat-x;
    background-position: top;
    background-size: auto 400px ;
}
.searchKV {
    padding-bottom: 100px;
    margin-bottom: 40px;
    
}
 

.sortBtn {
    background: #eee;
    border-radius: 3px;
    padding: 2px 15px;
    box-sizing: border-box;
    color: #333;
    display: inline-block;
    margin-left: 12px;
    transition: 0.3s;
    border: none;
}
.sortBtn:hover {
    background: #666;
    border-radius: 3px;
    padding: 2px 15px;
    box-sizing: border-box;
    color: #eee;
    display: inline-block;
    margin-left: 12px;
    transition: 0.3s;
}
 
.searchSortBlock {
    position: relative;
    display: inline-block;
}
.searchSortBlock select {
  display: none; /*hide original SELECT element:*/
}

.select-selected {
  background-color: #fff;
}

/*style the arrow inside the select element:*/
.select-selected:after {
  height: 25px;
  padding: 2px 1.75rem 2px 15px;
  font-size: 0.9rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  vertical-align: middle;
  background:  url(../../../hongkong/personal/images/index/icons/searchArrow.png) no-repeat right 9px center/9px 7px;
    position: absolute;
  content: "";
   top: 1px;
  right: 0px;
}

/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
   
}

/*style the items (options), including the selected item:*/
.select-items div,.select-selected {
  color: #333;
  padding: 2px 1.75rem 2px 15px;
  /*background: #fff url(../../hongkong/images/common/searchArrow.png) no-repeat right 9px center/9px 7px;*/
  border: 1px solid #0066B3;
  border-radius: 0; 
  cursor: pointer;
  user-select: none;
}

/*style items (options):*/
.select-items {
  position: absolute;
  background-color: #fff;
  top: calc(100% - 1px);
  left: 0;
  right: 0;
  z-index: 99;
}

/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}
 
.resultItem {
    margin: 20px 0 40px;
    clear: both;
}
.resultItem p {
    /* display: inline-block; */
    /* width: calc(100% - 141px); */
    word-break: break-word;
}
a.resultTtl {
    font-size: 1.3em;
    color: #2f65ae;
    text-decoration: none;
}
a.resultTtl:hover {
    font-size: 1.3em;
    color: #2f65ae;
    text-decoration: underline;
}
.resultRef {
    color: #696969;
    clear: both;
    /* float: right; */
    margin-bottom: 40px;
}
.resultImage {
    display: inline-block;
    margin: 0 20px 0 0;
    float: left;
    width: 100%;
    min-width: 121px;
    max-width: 121px;
    max-height: 68px;
    /*min-height: 61px; */
}

a.resultPageSelected {
    background: #2f65ae;
    border-radius: 20px;
    color: #fff;
    padding: 5px 10px; 
    margin: 0 5px;
}
a.resultPage {
    color: #333;
    text-decoration: none;
     margin: 0 5px;
}
a.resultPage:hover {
    color: #333;
    text-decoration: underline;
     margin: 0 5px;
}
.resultPageCol {
    border-top: solid 1px #ccc;
    padding-top: 20px;
    text-align: center;
}
button.resultPrev {
    border: none;
    background: url("../../../hongkong/personal/images/index/icons/resultPage_arrowL.png") no-repeat 3px;
    padding-left: 20px;
}
button.resultNext {
    border: none;
    background: url("../../../hongkong/personal/images/index/icons/resultPage_arrowR.png") no-repeat 3px;
    background-position: right;
    padding-right: 20px;
}
@media all and (max-width: 1023px) {
   
    .overRide {
        position: relative;
        z-index: 999;
        top: 0;
        width: 100%;
    }
	.downloadSect {
        display: block;
        background: #ebebeb;
        padding: 20px 10px 10px;
        box-sizing: border-box;
    } 
    .downloadSect row{
        margin-left: 0;
        margin-right: 0;
    }
    .downloadSect p {
        font-size: 1em;
        line-height: 1.2em;
        margin-bottom: 5px;
        display: inline-block;
    }
    .downloadSect p.tagInfo {
        font-size: 0.8em;
        line-height: 1.5em;
        margin-bottom: 18px;
          display: inline-block;
    }
    .appSignW {
           margin-left: 15px!important;
            padding-right:10px!important;
        
    }
    .appSignCCB { 
        width: 100%; 
        max-width: 50px;
        display: inline-block;
        margin-right: 10px;
    }
    .downloadAppBtn {
        display: inline-block;
        border-radius: 3px;
        /*background: url(../../hongkong/images/common/icon/icon_dlApp.png) #449cff no-repeat 5px;*/
        background-size: 25px;
        /*padding: 10px 8px 10px 35px;*/
        background: #449cff;
    	padding: 10px 20px;
        color: #fff;
        font-size: 1em; 
        margin-top: 6px;
        margin-left: 10px; 
    }
    .closeAppDL {
        width: 100%;
        max-width: 15px;
        display: inline-block; 
        margin-top: 15px;
    }
    .alignApp {
        text-align: right;
        width: 100%;
        max-width: 130px;
    }
    .tc .alignApp,
    .sc .alignApp{
        text-align: right;
        width: 100%;
        max-width: 156px;
    }
    body.tc.large-font-size .alignApp,
    body.sc.large-font-size .alignApp{
        text-align: right;
        width: 100%;
        max-width: 110px;
    }
    .apptext {
        margin-top: 6px;
    }
    .appIcon {
        margin-left: 0;
    }
    
   /* .regionSetting {
       position: fixed;
        top: 13px;
        margin-left: 15px;
    }*/
   
    .show-mobile-menu .header-wrapper .top-menu  .regionSetting {
        display: none;
    }
    .show-mobile-menu .header-wrapper .mobile .regionSetting {
        position: relative;
        display: inline-block!important;
    }
    .logo_list{
        text-align: left;
        box-sizing: border-box;
        position: absolute;
        z-index: 15;
        font-size: 12px;
        color: #333;
        cursor: pointer;
        background: #fff;
        width: 100px;
        max-height: 160px;
        border: 1px solid #ccc;
        min-height: 50px;
        display: none;
        bottom: 24px;
    }
     .search {
        display: none;
    }
}
/*--搜索展示CSS--*/

.city1_box {
	position: absolute;
	width: 217px;
	z-index: 10001;
	color: #919191;
	left: 14px;
	top: 82px;
}

.city1_box_body {
	border: solid 1px #dbdbdb;
	border-top: 0;
	background-color: #fff;
}

.city1_box ul {
	margin: 0 auto;
	border-top: solid 1px #f1f4f9;
}

.city1_box li {
	clear: both;
	padding: 10px 20px;
	border-bottom: solid 1px #f1f4f9;
	cursor: pointer;
	margin: 0;
}

.city_hover {
	background-color: #eee;
	color: #333;
}

.iframe_click {
	border: solid 3px #ff0000;
}

.bg_click {
	position: absolute;
	z-index: 1;
}

.red_city {
	color: red;
	font-weight: normal;
}


/*city select end*/



/* 个人网上银行登录1.1  */
/* position: absolute;  left: 280px;top:150px z-QuickBtn: 0;  */
.login{
	width:274px;
	z-index:2;
	position: absolute;
	top:142px;
}
body.fixed-header .login{
	width:274px;
	z-index:2;
	position: absolute;
	top:0;
}
.login .login_box{
	height:56px;
	/*width: 272px;*/
	width:274px;
	border-bottom-left-radius:6px;
	border-bottom-right-radius:8px;
	background: url(../../../hongkong/personal/images/index/icons/up1.png) no-repeat left top;

	/* -webkit-box-shadow: 1px 3px 6px #6c7870; */
	/* -moz-box-shadow: 1px 3px 6px #6c7870; */
	/* box-shadow: 1px 3px 6px #6c7870; */
}
.login .login_box.hover{background: url(../../../hongkong/personal/images/index/icons/up33.png) no-repeat left top;}

.login .select_box{z-index:2;width:250px;height:32px;position: relative;padding:6px 12px;}

.sel_bottom{
	cursor: pointer;
	width: 274px;
	height: 14px;
	/*background: url(../images/cosolidated_banking/btn/up1.png) no-repeat center center;*/
	position: absolute;
	bottom: 0px;
	left: 0}

/*下拉菜单的样式*/
.sel_list {  text-indent: 5px;  position: relative;margin-right:10px; font-size: 14px;  color:#333;display: inline-block  }
.sel_list .sel_val{width:160px;box-sizing: border-box;background: url(../../../hongkong/personal/images/index/icons/rightbtn.jpg) right center no-repeat;  cursor: default;  display:block;  border: 1px solid #0066b3; }
.sel_list .sel_val_b{height:32px;line-height: 32px;}/*大的下拉菜单*/
.sel_list .sel_val_s{height:28px;line-height: 28px;}/*小的下拉菜单*/
.sel_list .sel_ul, .sel_list .sel_al {display:none;box-sizing: border-box;position: absolute;z-index: 15;background: #fff;width: 100%;top: 32px;left:0;max-height: 160px;overflow-y: auto;border: 1px solid #999;}
.sel_list .sel_ul.active, .sel_list .sel_al.active{display: block}
.sel_list .sel_ul li, .sel_list .sel_al li{height: 28px;  line-height: 28px;  cursor: default;  display: list-item;background: #fff}
.sel_list .sel_ul li:hover, .sel_list .sel_al li:hover{background:#eeeeee }

/*登录按钮*/
.sel_dl{
	display: block;
	width: 80px;
	height: 32px;
	/*float: right;*/
	position:absolute;
	right:12px;
	top:6px;
	line-height: 31px;
	color: #fff;
	background: #0066b3 url(../../../hongkong/personal/images/index/icons/btn_login.png) no-repeat;
    border-radius: 5px;
	text-indent: 35px;
	cursor: pointer;
	font-size: 14px;}
.sel_dl:hover{color: #fff;opacity: 0.8;}
.mobile{display: none; visibility: hidden;}
.btn-pdf{
	color: #0067b3;
    background: #fff;
    border-radius: 6px;
    padding: 2px 10px;
    width: 200px;
    font-size: 14px;
}
.btn-pdf:before{
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(../../../hongkong/personal/images/index/icons/icon-pdf.png) no-repeat;
	background-size: cover;
	vertical-align: sub;
    margin-right: 5px;
}



/* 个人网上银行登录1.12 */
.login .login_up{width: 274px;display:none;position: relative;z-index:10;}
.login .login_up .login-item2 ul li{height: 26px;line-height: 26px;display: inline-block;  font-size: 12px;margin: 0 14px;}
.login .login_up .login-item2 ul li a{color: #000}
.login .login_up .login-item3{height: 26px; background-color: #c4a660;position: absolute;top:0;}
.login .login_up .login-item3 ul li{float:left;margin: 0  8px;line-height: 26px;}
/* 个人网上银行登录1.12 */
.login_box .sel_hide{display:none;width: 274px;height:60px;z-index:10}
.login_box .sel_hide .link_a{overflow: hidden;padding: 0px 0 0 12px;}
.login_box .sel_hide .link_a a{color: #666;display: block;float: left;font-size: 12px;margin-right:14px;padding-bottom:5px;}
.login_box .sel_hide .link_a a:hover{color: #0066b3;}
.login_box .sel_hide .bottom{height: 34px;line-height: 31px;}
.login_box .sel_hide .bottom li{padding-left: 40px;display: inline;width: 90px;vertical-align:top;background: url(../../../hongkong/personal/images/index/icons/buy.png) no-repeat 20px  center;line-height: 34px;}
.login_box .sel_hide .bottom li:nth-child(2){padding-left:60px;}
.login_box .sel_hide .bottom li a{color: #0066b3;font-size: 12px;}
.login_box .sel_hide .bottom li a:hover{color: #1693f0;}
.login_box .sel_hide.active{display: block}

/*********對於銀行服務暫停的樣式********/
.login_box_stop{
	height:86px;
	/*width: 272px;*/
	width:274px;
	border-bottom-left-radius:6px;
	border-bottom-right-radius:8px;
	background:url(../../../hongkong/personal/images/index/icons/up1_stop.png) no-repeat left top;
}

.login_box_stop .select_box{z-index:2;width:250px;height:32px;position: relative;padding:6px 12px;}


.login_box_stop .sel_hide_stop{
	display:block;
	height:32px;
	z-index:10;
	padding:0 12px 10px;
}
.login_box_stop .error_atten{
	background:#f8b128;
	/*background: #f8b128 url(../images/common/btn/down_error.png) no-repeat 58px center;*/
	line-height: 32px;
	height:32px;
	text-align: center;
	color:#fff;
}
.login_box_stop .error_atten img{
	vertical-align: text-bottom;
}





/* -------菜单栏-------   */

/******************margin-bottom????????????????????????????????????*/
/* 导航栏的下拉菜单及点击展开 */
/*.menu_p{height:40px;color:#333;position: relative;width: 960px;}*/
/*.menu_p ul{height:40px;color:#333;position: relative;width: 960px;*/
	/* display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
	/* display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
	/* display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
	/* display: -moz-box;      /* 老版本语法: Firefox (buggy) */
	/* display: -ms-flexbox;   /* 混合版本语法: IE 10 */
	/*-webkit-box-pack:justify;*/
	/*-webkit-justify-content:space-between;*/
	/*-ms-flex-pack:justify;*/
	/*justify-content:space-between;}*/
/*.menu_p ul li.nav_li.hover .li_span{background:#1693f0;color:#fff;}*/
/*.menu_p .nav_list li .li_span{cursor: pointer; float: left; font-size: 16px;color:#333;display: inline-block;line-height:40px;}*/
/*padding:0 30.75px;*/
/*.menu_p .nav_list li .li_span:hover{background:#1693f0;color:#fff;}*/
/*.menu_p .nav_list li .li_span:focus{background:#1693f0;color:#fff;}*/

/*當前頁面的樣式*/
/*.menu_p .nav_list li.aActive{color:#0066b3;}*/
/*.menu_p .nav_list li.aActive .li_span{color:#0066b3;}*/
/*.menu_p .nav_list li.aActive .li_span:hover{color:#fff;}*/
/*.menu_p .nav_list li.aActive .li_span:focus{color:#fff;}*/

/*.menu_p .nav_list li a{display:inline-block;}*/
/*.menu_p .nav_list .nav_down{width: 960px; overflow: hidden;}*/


/*导航展开*/
.nav_down{ width:960px;  overflow:hidden; position:absolute; top:40px; left:0px; border-top:2px #1693f0 solid; -moz-box-shadow: 1px 3px 6px #6c7870; -webkit-box-shadow: 1px 3px 6px #6c7870; box-shadow: 1px 3px 6px #6c7870;
    z-index:14; background:#f9f9f9; color:#333; font-size:14px; display:none;}
.item_top{ overflow:hidden;    margin-top: 1px;}
/*左边*/
.item_top_left{ box-sizing:border-box;width:960px;min-height: 333px; float: left;  display: inline-block;  padding:0 30px 16px;}
.item_top_left .fl_nth1{float:left;width:260px;}
.item_top_left .fl_nth1 li{width: 260px;}
/*.item_top_left .fl_nth1 li.aboutCCB{width:210px;}*/
/*.item_top_left .fl_nth1 li:first-child a{white-space: nowrap;}*/
#nowrap{white-space: nowrap;}
.item_top_left .fl_nth1 li{width: 260px;}
.item_top_left .fl_nth1 li a{cursor: pointer; display:block;color: #333;  border-bottom: 1px solid #ddd;height:22px;line-height:18px;}
.item_top_left .fl_nth1 li>a{margin-top:25px;padding-bottom:15px;}
.item_top_left .fl_nth1 .TransverseLine{border-bottom: 1px solid #ccc;padding-bottom: 15px;}
.item_top_left .fl_nth1 .TransverseLine a{border-bottom: none;padding-bottom: 0;}

/*#Accounts .fl_nth1 li>a{margin-top:10px;}*/
/*.item_top_left .fl_nth1 .fl_nth1_el{padding-top:10px;}*/
.item_top_left .fl_nth1 .fl_nth1_el div{padding-left: 12px;margin-top: 14px;}
.item_top_left .fl_nth1 .fl_nth1_el div a{border: none;display: inline;}
.item_top_left .fl_nth1  a:hover{text-decoration: underline; color:#0066b3;font-size: 110%;}
.item_top_left .fl_nth1  a:focus{text-decoration: underline; color:#0066b3;font-size: 110%;}

/*右边*/
.item_top .item_top_right{ display: inline-block; float:left;padding:30px 20px 16px 20px; }
.item_top .item_top_right img{width: 180px;}
/*環球視野下拉菜單*/
.horizon_nav_down{  overflow:hidden; position:absolute; top:40px; border-top:2px #1693f0 solid; -moz-box-shadow: 1px 3px 6px #6c7870; -webkit-box-shadow: 1px 3px 6px #6c7870; box-shadow: 1px 3px 6px #6c7870;
	z-index:14; background:#f9f9f9; color:#333; font-size:14px; display:none;}
.horizon_nav_down .item_top .item_top_right{padding:10px 20px 16px 20px;}
.horizon_nav_down .item_top .item_top_right .fl_nth1 li>a{margin-top:10px;padding-bottom:5px;}

.nav_list .item_bottom{ height:50px; background:#eeeeee;}
.item_bottom span{height: 50px;line-height: 50px; margin: 0 20px;}
.item_bottom span a{color: #333;font-size: 12px;}
.item_bottom span img{margin-right: 6px;vertical-align: middle;width:16px;height:16px;}



/*导航上面的搜索部分*/
.nav_down2 {
    width: 960px;
	height:118px;
    overflow: hidden;
    position: absolute;
    top: 100px;
    left: 0px;
    border-top: 2px #1693f0 solid;
    -moz-box-shadow: 1px 3px 6px #6c7870;
    -webkit-box-shadow: 1px 3px 6px #6c7870;
    box-shadow: 1px 3px 6px #6c7870;
    z-index: 14;
    background: #F8F8F8;
    color: #333;
    font-size: 14px;
    display: none;
}




/*导航搜索*/

.nav_seach {
	width: 470px;
	margin: 0 auto;
	padding: 30px 0;
	overflow: hidden;
}

.seach_input {
	width: 360px;
	height: 36px;
	border: 1px solid #0066b3;
	text-indent: 10px;
	float: left;
}

.btn_seach {
	float: right;
	display: block;
	width: 100px;
	height: 38px;
	background: url(../../../hongkong/personal/images/index/icons/scbtn.png) no-repeat;
	text-align: center;
	line-height: 38px;
	color: #fff;
	font-size: 16px;
}

.btn_seach:hover {
	opacity: 0.8;
	filter: alpha(opacity=90);
	color: #fff;
}

.li_cur:hover {
	background: url(../../../hongkong/personal/images/index/icons/search_btn.jpg) no-repeat;
}
.nav_hot_words span {
	float: left;
	color: #333;
	font-size: 12px;
}

.nav_hot_words a {
	float: left;
	padding-right: 24px;
	color: #333;
	font-size: 12px;
}

.nav_hot_words a:hover {
	color: #0066b3;
}

.btn_close {
	position: absolute;
	top: 10px;
	right: 16px;
	cursor: pointer;
}


/* footer */
#footer,
#simplefooter {
    margin: 0 auto;
    background: #0066cc;
    min-height: 265px;
}
.footer_top {
    margin: 0 auto;
    background: #025a9d;
}

a.footerNavItem {
    color: #fff;
    line-height: 58px;
    font-size: 14px;
    padding: 0 10px;
}
a.footerNavItem:hover {
    color: #fff;
    line-height: 58px;
    font-size: 14px;
    padding: 0 10px;
    text-decoration: underline;
}
body.small-font-size a.footerNavItem,
body.small-font-size a.footerNavItem:hover,
body.small-font-size .rightReserved{
    font-size: 12px;
}
body.large-font-size a.footerNavItem,
body.large-font-size a.footerNavItem:hover,
body.large-font-size a.rightReserved{
    font-size: 16px;
}
.footm {
    margin: 0 auto;
    position: relative;
}
.footm ul li {
    float: left;
    display: inline;
    line-height: 58px;
    font-size: 14px;
    color: #83c6ff;
    padding: 0 10px;
}
.footm ul li a {
	color: #FFFFFF;
}
.footm ul li a:hover {
	text-decoration: underline; color:#FFFFFF;font-size: 110%;
} 
.footm ul li a:focus {
	text-decoration: underline; color:#FFFFFF;font-size: 110%;
} 

.footm ul li.last_one {
    float: right;
    margin-right: 0;
}
.footin {
    margin: 0 auto;
    padding-bottom: 15px;
}
.footin:after {
    content: '';
    display: block;
    clear: both;
}
.footin .foot_l {
    width:50%;
    line-height: 20px;
    float: left;
    /* padding-top: 60px; */
    padding-top: 14px;
    color: #fff;
    display: inline-block;
}
.footin .foot_1_1 p{
	width:260px;
}

.footin .foot_r {
    float: right;
    overflow: hidden;
    /*width: 325px;*/
    margin-top: 14px;
}
.footin .foot_r>div {
    float: left;
    width: 100px;
    height: 152px;
    background: #ffffff;
    padding: 20px 0;
    margin-right: 35px;
    text-align: center;
}
.footin .foot_r>div:last-child {
    float: left;
    width: 100px;
    background: #ffffff;
    margin-right: 0;
    text-align: center;
}
.footin .foot_r>div.mr0 {
    margin-right: 0;
}
.footin .foot_r>div p {
    height: 22px;
    font-size: 12px;
    color: #0066b3;
    text-align: center;
}
.footer_commercialLogo {
   max-width: 80px;
   vertical-align: top;
   margin-left: 12px;
}
.footer_wgaLogo {
    max-height: 38px;
    margin-left: 12px;
    vertical-align: top;
}
.rightReserved {
    display: block;
    padding: 0 0 10px 10px;
    font-size: 14px;
    line-height: 18px;
    width: 100%!important;
}
body.small-font-size .rightReserved {
     font-size: 12px;
}
body.large-font-size .rightReserved {
     font-size: 16px;
}
/*w800 footer*/
.w800 .footin .foot_l {
    width:48%;
    line-height: 20px;
    float: left;
    padding-top: 60px;
    color: #fff;
    display: inline-block;
    margin-left: 10px;
}
.w800 .footin .foot_1_1 p {
    width: 337px;
}
.w800 .rightReserved {
    display: block;
    padding: 0 0 10px 0px;
    font-size: 14px;
    line-height: 18px;
    width: 48%!important;
}
.qrLabel {
    padding-top: 5px;
    height: 22px;
    font-size: 5px;
    line-height: 14px;
}
.qrLink {
    display: none;
}
.appRow {
    display: none;
}
.mobile_footerCol {
        display: inline-block;
        float: none;
        padding-right: 0px;
    }
    .mobile_footerCol a,
    .mobile_footerCol a:hover{
        display: inline-block;
    }
@media all and (max-width:1023px){
    /* search.html */
    .checkDistrib {
        width: 100%;
        margin: 5px 0;
    }
    .searchBarCol {
        margin: 30px auto 10px;
        width: 95%;
       
        clear: both;
        position: relative;
    }
    .checkCol {
        margin: 55px auto 80px;
        width: 95%;
        max-height: 170px;
        overflow: auto;
    }
    .searchKVTrick {
        background: none;
        background-position: top;
        background-size: auto 400px;
       
    }
    .searchKV {
        padding-bottom: 0;  
        margin-bottom: 20px;
        background-color: #f1f1f1;
        margin-top: -40px;
        border-bottom: solid 1px #ddd;
        max-height: 315px;
        min-height: 135px;
    }
    .searchkeywords_ttl {
        display: none;
    }
    .searchkeywords_item {
        display: none;
    }
    .custom-select {
        background: #fff url(../../../hongkong/personal/images/index/icons/resultPage_arrowDown.png) no-repeat right 0.75rem center/11px 8px;
        max-width: 100%;
    }
    .input-group > .form-control {
        position: absolute; 
        bottom: -220px;
        width: calc(100% - 75px);
    }
    .searchBarCol > .form-control {
        position: absolute;
        bottom: -50px;
        width: calc(100% - 65px);
    }
    .searchBarCol > .searchConfirmBtn {
       position: absolute;
        bottom: -50px;
        right: 0;
        background: #0066B3;
        padding: 8px 10px;
    }
    .searchConfirmBtn { 
        position: absolute;
        bottom: -220px;
        right: 0;
        background: #0066B3;
        padding: 8px 10px;
    }
     /* search function on mobile side menu */
    .show-mobile-menu .searchGreyPanel {
        background-color: #f1f1f1;
        margin: 20px -20px 0;
        height: 100vh;
        padding: 1px 20px 0;
    }
    .show-mobile-menu .input-group > .custom-select {
        /*max-width: 100%;
        background: #fff url(../../../hongkong/personal/images/index/icons/resultPage_arrowDown.png) no-repeat right 0.75rem center/11px 8px;*/
        position: relative;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        min-width: 0;
        margin-bottom: 0;
        max-width: 100%;
    }
    .show-mobile-menu .searchConfirmBtn { 
        position: absolute;
        bottom: -53vh;
        right: 0;
        background: #0066B3;
        padding: 8px 10px;
    }
    .show-mobile-menu .checkCol {
        /*margin: 0px auto;
        width: 100%;
        max-height: 100%;
        border-bottom: none;
        overflow: auto;*/ 
        margin: 55px auto 60px;
        width: 100%;
        max-height: 170px;
        overflow: auto;
        padding: 0 15px;
    }
    .show-mobile-menu .searchBarCol > .form-control {
        position: absolute;
        bottom: -50px;
        width: calc(100% - 65px);
    }
    .show-mobile-menu .searchBarCol > .searchConfirmBtn {
        position: absolute;
        bottom: -50px;
        right: 0;
        background: #0066B3;
        padding: 8px 10px;
    }
    .show-mobile-menu .input-group > .form-control {
        /*position: absolute; 
        bottom: -53vh;
        width: 74%;*/
        position: absolute;
        bottom: -50px;
        width: calc(100% - 65px);
    }
    /**/
    .rightReserved {
        display: inline-block;
        padding: 0 0 0 10px;
        font-size: 10px;
        line-height: 14px!important;
        width: 52%!important;
        margin-right: 10px;
    }
    .footer_commercialLogo {
       max-width: 49px;
        vertical-align: top;
    }
    .footer_wgaLogo {
        max-height: 23.27px;
        margin-left: 12px;
        vertical-align: top;
    }
    #footer,
    #simplefooter {
        height: 500px;
    }
    .en #footer,
    .en #simplefooter {
        height: 620px;
    }
    body.large-font-size #footer,
    body.large-font-size #simplefooter{
         height: 380px;
    }
    .footin .foot_l {
        width:100%;
        line-height: 20px;
        float: none;
        padding-top: 60px;
        color: #fff;
        display: inline-block;
    }
    .footin .foot_1_1 p {
        margin-left: 10px;
    }
    /*w800 footer*/
    .w800 .footin .foot_l {
        width:100%;
        line-height: 20px;
        float: left;
        padding-top: 60px;
        color: #fff;
        display: inline-block;
        margin: 0;
    }
    .w800 .rightReserved {
        display: inline-block;
        padding: 0 0 10px 0px;
        font-size: 10px;
        line-height: 14px;
        width: 46%!important;
        margin-right: 20px;
    }
    .coApp {
        color: #fff;
        font-size: 16px;
    }
    .appRow {
        margin: 15px;
        display: block;
    }
    .appSign {
        margin-right: 15px;
    }
    .ccbaApp {
        margin: 0 15px;
        display: inline-block;
    }
    .qrLink {
        display: block;
        margin: 10px 0;
    }
    .qrLink div {
        margin: 0 1px;
    }
    .qrLink div div,
    .qrLink div div a{
        color: #fff;
        font-size: 12px;
    }
     .qrLink div div a{
         font-weight: bold;
         padding: 0 4px;
    }
    .footer_slash {
        padding: 0 10px !important;
    }
    .footer_slash a,
    .footer_slash a:hover{ 
        line-height: 16px;
        font-size: 13px;
        box-sizing: border-box;
        display: inline-block;
    }
        
        .footer_slash a:last-child {
            border-right: none;
        }
    .mobile_footerCol {
        display: inline-block;
        float: left; 
        max-width: 45%;
        margin-left: 10px;
        margin-right: 10px;
    }
body.large-font-size .mobile_footerCol {
        display: inline-block;
        float: left; 
        max-width: 43%;
        margin-left: 10px;
        margin-right: 10px;
}
    .mobile_footerCol a,
    .mobile_footerCol a:hover{
        display: block;
        line-height: 1.5em;
        margin: 10px 0;
    }
    .footm {
        padding: 15px 0;
    }
    .foot_r {
        display: none;
    }
    .foot_l {
        border-top: solid 1px #fff;
        width: 100%;
        position: absolute;
        left: 0;
        padding-top: 20px!important;
    }
}
@media all and (max-width:442px) {
    #footer,
    #simplefooter {
        height: 380px;
    }
    body.large-font-size  #footer,
    body.large-font-size #simplefooter {
         height: 500px;
    }
    .appRow {
        margin: 15px 0;
        display: block;
    }
    .coApp {
        color: #fff;
        font-size: 14px;
    }
   .ccbaApp {
        margin: 0 10px;
        display: inline-block;
        max-width: 68px;
    }
    .footin .foot_1_1 p {
    margin-left: 0px;
}
    .rightReserved {
        display: inline-block;
        padding: 0 0 0 10px;
        font-size: 10px;
        line-height: 14px!important;
        width: 46%!important;
        margin-right: 10px;
    }
    body.large-font-size  .rightReserved {
         display: block;
        width: 100%!important;
        line-height: 1.3em!important;
        margin-bottom:10px;
    }
     .mobile_footerCol {
        display: inline-block;
        float: left; 
        max-width: 43%;
        margin-left: 10px;
        margin-right: 10px;
    }
	body.large-font-size .mobile_footerCol {
        display: inline-block;
        float: left; 
        max-width: 40%;
        margin-left: 10px;
        margin-right: 10px;
	}
}
 
/*返回顶部*/
.go_top {
	position: fixed;
	bottom: 20px;
	right: 0px;
	width: 40px;
	overflow: hidden;
	z-index: 10;
    display: inline-block;
}

.go_back {
	display: inline-block;
	width: 40px;
	height: 40px;
	background: url(../../../hongkong/personal/images/index/icons/go_top_bg1.png) left bottom;
}

.go_back:hover,
.tc .go_back:hover,
.sc .go_back:hover {
	display: inline-block;
	width: 40px;
	height: 40px;
	background: url(../../../hongkong/personal/images/index/icons/go_top_bg1.png) left bottom;
    box-shadow: 0px 5px 10px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.1);
    outline: solid 1px rgba(0,0,0,0.1);
}

.go_back:hover {
	background: url(../../../hongkong/personal/images/index/icons/go_top_bg1.png) right bottom;
}
.tc .go_back:hover {
	background: url(../../../hongkong_tc/personal/images/index/icons/go_top_bg1.png) right bottom;
}
.sc .go_back:hover {
	background: url(../../../hongkong_sc/personal/images/index/icons/go_top_bg1.png) right bottom;
}
button.go_top,
.tc button.go_top,
.sc button.go_top,
a.go_back,
.tc a.go_back,
.sc a.go_back,
button.go_back,
.tc button.go_back,
.sc button.go_back{
    background-color: none;
    border: 0;
    padding: 0;
}
.go_top:focus,
.tc .go_top:focus,
.sc .go_top:focus,
.go_back:focus,
.tc .go_back:focus,
.sc .go_back:focus,
.go_top:active,
.tc .go_top:active,
.sc .go_top:active,
.go_back:active,
.tc .go_back:active,
.sc .go_back:active {
     box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
    outline: solid 2px #000;
}

.go_notify{
	display: inline-block;
	position:fixed;
	top:494px;
	right:0;
	cursor: pointer;
	width:40px;
	height:40px;
	z-index: 10;
	overflow: hidden;
	background-color: #f2f2f2;
	-webkit-border-radius: 10px 0 0 10px;
    background: url(../../../hongkong/personal/images/index/icons/notify.jpg) no-repeat;
}
.go_notify p{
    /*width: 70px;*/
	height: 40px;
    line-height: 40px;
    font-size: 14px;
    padding: 0px 20px;
    background-color: #f2f2f2;
    margin-top: 0;
    position: relative;
    right: -35px;
}
@media all and (max-width:1023px) {
    .go_notify p{
    /*width: 70px;*/
	height: 40px;
    line-height: 40px;
    font-size: 14px;
    padding: 9px 20px !important;
    background-color: #f2f2f2;
    margin-top: 0;
    position: relative;
    right: -40px;
}
}
/*.go_notify:hover{background: url(../images/common/notify_hover.jpg); }*/
.show {
	overflow: hidden;
	margin-bottom: 8px;
}

.show ul {
	display: none;
	overflow: hidden;
}

.show li {
	/*float: left;
	width: 40px;
	height: 40px;
	cursor: pointer;
	background: url(../images/common/go_top_bg1.png) no-repeat;*/
}

.show .hide_li1 {
	background-position: 0 0px;
}

.show .hide_li2 {
	background-position: 0 -40px;
}

.show .hide_li3 {
	background-position: 0 -80px;
}

.show .hide_li4 {
	background-position: 0 -120px;
}

.show .hide_li5 {
	background-position: 0 -160px;
}

.hide_li1:hover {
	background-position: -50px 0;
}

.hide_li2:hover {
	background-position: -50px -40px;
}

.hide_li3:hover {
	background-position: -50px -80px;
}

.hide_li4:hover {
	background-position: -50px -120px;
}

.hide_li5:hover {
	background-position: -50px -160px;
}

.arrow {
	display: inline-block;
	width: 40px;
	height: 40px;
}

.arrow.down:hover {
	background: url(../../../hongkong/personal/images/index/icons/go_top_bg1.png) -50px 84px;
}

.arrow.up:hover {
	background: url(../../../hongkong/personal/images/index/icons/go_top_bg1.png) -50px 120px;
}

.arrow.up {
	background: url(../../../hongkong/personal/images/index/icons/go_top_bg1.png) 0px 120px;
}

.arrow.down {
	background: url(../../../hongkong/personal/images/index/icons/go_top_bg1.png) 0px 84px;
}

.li_cur { display: inline-block; width: 40px; height: 40px; cursor:pointer;}
.up_ico { background-image:url(../../../hongkong/personal/images/index/icons/search_btn.jpg); }
.down_ico { background-image:url(../../../hongkong/personal/images/index/icons/btn_search.png);}

.line{ border-left:2px solid #bbbbbb; height:32px;margin:4px 4px 0; display:block;}

/*mini daohang*/
/*悬浮导航*/
.mini_nav {
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999999999999999999;
	background: #eee;
	display: none;
}
.mini_nav .menu{width: 960px;margin: 0 auto;}
.mini_nav .menu_l .logo{height:50px;}
.mini_nav .menu_l .logo_img{height:40px;margin-top:10px; }
.mini_nav .menu_l .nav_li2{margin-top: 10px;}
/*#nav {*/
	/*margin: 0;*/
	/*margin-top: 5px;*/
/*}*/

/*藍色按鈕的樣式*/
.btn_blue{
	display: inline-block;
	text-align:center;
	min-width:56px;
	height:32px;
	padding:0 12px;
	line-height: 32px;
	background: #0066b3;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color:#fff;
	font-size: 14px;
	cursor: pointer;
	border: none;
}
.btn_grey {
	display: inline-block;
	text-align:center;
	min-width:56px;
	height:32px;
	padding:0 12px;
	line-height: 32px;
	background: #737373;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color:#fff!important;
	font-size: 0.9rem;
	cursor: pointer;
	border: none;
}
body.small-font-size .btn_grey {
	font-size: 0.7rem;
}
body.large-font-size .btn_grey {
	font-size: 1.1rem;
}
.btn_blue:hover{background: #277AB9;color:#fff;}
.btn_grey:hover{background:#666;color:#fff;}
.line_ht{line-height: 2;}


/*通用單選按鈕樣式*/
.sample_radio{
	padding-left: 22px;
	margin-right: 20px;
	cursor: pointer;
	display: inline-block;
	height: 24px;
	line-height: 24px;
	background: url(../../../hongkong/personal/images/index/icons/cbx-normal.png) no-repeat 5px center;
}
.sample_radio input[type="radio"]{
	display: none;
	margin: 3px 3px 0px 5px;
}
.sample_radio.checked {
	background: url(../../../hongkong/personal/images/index/icons/cbx-selected.png) no-repeat 5px center;
}
.sample_radio.hover{
	background: url(../../../hongkong/personal/images/index/icons/cbx-hover.png) no-repeat 5px center;
}


/*建行集團*/

.jhjt{position:absolute;height:550px;display:none;left:0%;width:100%;background-color:#86b9e6;z-index:1004;overflow:auto;}
.zhezhao{width:960px;margin:0 auto;padding-top:9px;}
.showshow .showj .in_s a{color:#0066b3;}
.showshow .showj .in_s a:hover{color:#fff;}
.zz_top1{height:42px;margin-top:20px;padding-left:100px;margin-left:320px;border-bottom:2px #b6d5f0 solid;position:relative;}
.zz_top1 .zz_top_left ul li.hover{background:url(../../../hongkong/personal/images/index/icons/hjjbg.jpg) repeat-x left bottom;color:#fff;z-index:999;}
.zz_top_left ul li{display:block;padding:0 20px;height:45px;line-height:45px;font-weight:normal;cursor:pointer;color:#0066b3;font-size:18px;}
.zz_top_right1{cursor:pointer;position:absolute;right:0px;top:-9px;}
.in_s{position:absolute;top:-50px;left:-3px;font-size:18px;}
.showj_info{width:270px;margin:0 auto;}
.showj_r{width:680px;float:right;margin-top:10px; display:none;}
.showj_r .f_blue{color:#0066b3;}
.list_one1{width:320px;}
.list_one1 ul li{width:300px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.list_li{padding-left:15px;font-size:14px;color:#0066b3;cursor:pointer;line-height:40px;}
.showj_r .fl{ padding-left:20px;}
.world_map{ margin-top:20px; position:relative;}
.area_city{ position:absolute; width:191px; display:none;}
.area_city_up{ width:191px;height:12px; background:url(../../../hongkong/personal/images/index/icons/area_city_top.png) top no-repeat;}
.area_city_bottom{ width:191px;height:6px; background:url(../../../hongkong/personal/images/index/icons/area_city_bottom.png) top no-repeat;}
.area_city ul{margin:0;padding:0; background:#dbeaf8; border-left:1px solid #0066b3; border-right:1px solid #0066b3;}
.area_city ul li{ float:none;line-height:20px; font-size:12px;margin-left:8px}
.area_city ul li a{ color:#0066b3;}
.area_city ul li a:hover{ color:#0066b3;}
.showj_info ul li.showj_tit a:hover,.showj_info ul li.showj_li a:hover{color:#1dd9e2;}
.showj_info ul li.showj_tit{font-size:18px;color:#0066b3;line-height:53px;}
.showj_info ul li{display:block;width:252px;}
.showj_info ul li.showj_li{font-size:14px;color:#0066b3;line-height:24px;}
.showj_in{background:url(../../../hongkong/personal/images/index/icons/showj_in.png) no-repeat;width:252px;height:442px; float:left;}
.showj_in img{ margin:5px 0 10px 5px;}
.showj{width:960px;height:450px;position:relative;margin:5px auto;}
.showj_info ul li.showj_li a{color:#0066b3;}
.showj_info ul li.showj_tit a{color:#0066b3;}
div.showj_info ul li.showj_tit div.showj_tit a{color:#0066b3}
.list_li a{font-size:14px;color:#0066b3;cursor:pointer;line-height:40px;}
/*.head_top .ul_r li.top_show.se {*/
	/*background: url(../images/common/hover2.png) bottom center no-repeat;*/
/*}*/


/*字體大小切換*/
.fontChange{float: right;font-size: 14px;}
.fontChange #jia,.fontChange #jian{margin:0 5px;cursor: pointer;}

.tabsBox p b{
	font-size: 140% !important;
}
sup{
	font-size:0.8em;
}



/**********************************规范化*********************/
.mb24{margin-bottom: 24px;}
.mt0{margin-top: 0;}
.iceCor2 {
	color: #666;
	/*font-size: 14px;*/
}
.img100{
	max-width: 100%;
}
.remarktxt {
	/*font-size: 14px*/;
	margin: 20px 0;
	line-height: 2;
	color:#666;
}
.txt14 {
    font-size: 1rem;
}
.txt20 {
    font-size: 1.3rem;
}
.iframe-wrap{width: 100%; overflow: auto;} /*overflow-x: auto;*/
/*蓝色按钮通用样式*/
.btn_blue {
	display: inline-block;
	text-align: center;
	min-width: 85px;
	height: 32px;
	padding: 0 12px;
	line-height: 32px;
	background: #0066b3;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #fff!important;
	font-size: 0.9rem;
	cursor: pointer;
	border: none;
}
body.small-font-size .btn_blue {
	display: inline-block;
	text-align: center;
	min-width: 56px;
	height: 32px;
	padding: 0 12px;
	line-height: 32px;
	background: #0066b3;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #fff!important;
	font-size: 0.7rem;
	cursor: pointer;
	border: none;
}
body.large-font-size .btn_blue {
	display: inline-block;
	text-align: center;
	min-width: 134px;
	height: 32px;
	padding: 0 12px;
	line-height: 32px;
	background: #0066b3;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #fff!important;
	font-size: 1.1rem;
	cursor: pointer;
	border: none;
}
 .promoBanner {
    text-align: left;
    padding: 35px 28px;
    background-position: top center;
    min-height: 500px;
    padding-top: 20px;
    position: relative;
}
.promoBanner h1 {
    text-align: left;
    font-size: 2.1rem; /*30px*/
    position: relative;
    top: calc(100% + 10px);
    left: 15px;
    font-weight: bold;
    text-shadow: 2px 2px 15px #fff, 0px 0px 15px #fff, 0px 0px 15px #fff, 0px 0px 20px #fff;
}
.promoBanner_new {
    text-align: left;
    padding: 35px 28px;
    background-position: top center;
    min-height: 500px;
    padding-top: 20px;
    position: relative;
background-repeat: no-repeat;
}
.promoBanner_new330 {
    text-align: left;
    padding: 35px 28px;
    background-position: top center;
    min-height: 500px;
    padding-top: 20px;
    position: relative;
background-repeat: no-repeat;
}
.promo_caption h1 { 
    font-weight: bold; 
    color: #E6740A; 
    font-size: 1.8rem;
    margin-bottom: 15px;
}
.promo_caption330 h1 { 
    font-weight: bold; 
    color: #E6740A; 
    font-size: 1.8rem;
    margin-bottom: 15px;
}
body.large-font-size .promo_caption h1 { 
    font-weight: bold; 
    color: #E6740A; 
    font-size: 1.9rem;
    margin-bottom: 15px;
}
body.large-font-size .promo_caption330 h1 { 
    font-weight: bold; 
    color: #E6740A; 
    font-size: 1.9rem;
    margin-bottom: 15px;
}
body.small-font-size .promo_caption h1 { 
    font-weight: bold; 
    color: #E6740A; 
    font-size: 1.7rem;
    margin-bottom: 15px;
}
body.small-font-size .promo_caption330 h1 { 
    font-weight: bold; 
    color: #E6740A; 
    font-size: 1.7rem;
    margin-bottom: 15px;
}
.promo_caption h2 {
    color: #0066b3;
    font-weight: bold;
    font-size: 1.1rem;
    margin-bottom: 15px;
}
.promo_caption330 h2 {
    color: #0066b3;
    font-weight: bold;
    font-size: 1.1rem;
    /*margin-bottom: 15px;*/
}
body.large-font-size .promo_caption h2 {
    color: #0066b3;
    font-weight: bold;
    font-size: 1.2rem;
    margin-bottom: 15px;
}
body.large-font-size .promo_caption330 h2 {
    color: #0066b3;
    font-weight: bold;
    font-size: 1.2rem;
    /*margin-bottom: 15px;*/
}
body.small-font-size .promo_caption h2 {
    color: #0066b3;
    font-weight: bold;
    font-size: 1rem;
    margin-bottom: 15px;
}
body.small-font-size .promo_caption330 h2 {
    color: #0066b3;
    font-weight: bold;
    font-size: 1rem;
    /*margin-bottom: 15px;*/
}
.promo_caption {
    background: rgb(255,255,255);
    background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 80%, rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 80%, rgba(255,255,255,0) 100%);
    background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 80%, rgba(255,255,255,0) 100%);
    padding: 15px 20px;
    margin: 30px 50% 30px auto;
    max-width: 50%;
    min-width: 300px;
}
.promo_caption330 {
    background: rgb(255,255,255);
    padding: 15px 20px;
    margin: 30px 50% 30px -80px;
    max-width: 445px;
    min-width: 300px;
}
body.small-font-size .promoBanner h1 {
     font-size: 28px;
}
body.large-font-size .promoBanner h1 {
     font-size: 32px;
}

/*1. 三级页面最最外层包裹*/
.inner{
	margin:0 auto;
	margin-bottom: 60px;
	padding-top: 40px;
}
/*2.三级页面大标题*/
.mess_tit {
	/*min-height: 50px;*/
	font-size: 30px;
	line-height: 1.3em;
	position: relative;
    margin-bottom: 20px;
    display: inline-block;
}
.mess_tit:after {
    content: '';
    display: table;
    clear: both;
}
body.large-font-size .mess_tit,
body.large-font-size .tall_tit { 
	font-size: 34px;
	line-height: 34px; 
}
body.small-font-size .mess_tit,
body.small-font-size .tall_tit {
    font-size: 24px;
    line-height: 24px; 
}
.mess_tit_tle { 
    display: inline-block;
    color: #333;
    padding-right: 12px;
    border-left: 10px solid #ccc;
    padding-left: 12px; 
}
body.large-font-size .mess_tit_le {
    font-size: 16px;
}
h2.mess_tit .mess_tit_tle{float: left;}
.tall_tit{
	font-size: 30px;
	line-height: 30px;
}
.mess_tit_remark{
	font-size: 14px;
}
body.large-font-size .mess_tit_remark{ 
	font-size: 16px;
}
body.small-font-size .mess_tit_remark{
    font-size: 12px;
}
/*3.带有立即申请的按钮的文字*/
.btnApply {
	margin-bottom: 15px;
    display: inline-block;
}
/*.btnApply p {
	line-height: 1.5;
	width: 820px;
	max-width: 100%;
	float: left;
}*/
.btnApply a {
	float: right;
	width: 110px
}

/*4 。蓝色按钮左侧*/
ul.blue_list {
    margin-top: 20px;
}
.blue_list li {
	font-weight: bold;
    position: relative;
    padding-left: 50px;
    display: inline-block;
    margin-right: 50px;
}
.blue_list li img {
	position: absolute;
    top: 50%;
    left: 0;
    margin-top: -20px;
}
.blue_list li a {
	color: #0066b3;
	float: none;
}

/*5.三级页面主体内容tab切换的内容部分的外层标签*/
.service_list {
	margin-top: 40px;
	/*font-size: 14px;*/
}


/*6. table 切换*/
.mess_tag {
	border-bottom: 2px solid #eee;
	height: 42px;
	width: 100%;
}

/*
    7. 二级页面tab切换在右边的情况 不加service_list 类名
*/
.mess_tag ul {
	float: right;
}
/*
    7.  三级页面tab切换在左边的情况
*/
.service_list .mess_tag ul {
	float: left;
}
.mess_tag ul li {
	font-size: 18px;
	color: #333;
	float: left;
	height: 42px;
	line-height: 42px;
	text-align: center;
	cursor: pointer;
	padding: 0 18px;
}

.mess_tag ul li.hover {
	border-bottom: 4px solid #0066b3;
	height: 41px;
	color: #0066b3;
}

.mess_tag ul li.hover a{
	color: #0066b3;
}
/*8.带文本框的重要提示*/
.important_section {
	border: 1px solid #999999;
	padding: 8px;
	font-weight: normal;
	/*overflow: hidden;*/
	margin: 16px 0;
    margin-top: 0;/*new add*/
}
.important_section:after{content:"";height:0;line-height:0;display:block;visibility:hidden;clear:both}
.important_section .remarktxt {
	margin: 5px 0px;
}

/*10.h3标签*/
.mess_show h3, .tabsBox h3, .mess_box h3 {
    font-weight: bold;
    color: #0066b3;
    font-size: 1.1em;
}
body.large-font-size .mess_show h3, body.large-font-size .tabsBox h3, body.large-font-size .mess_box h3{font-size:18px;}
body.small-font-size .mess_show h3, body.small-font-size .tabsBox h3, body.small-font-size .mess_box h3{font-size:14px;}
.mess_show h3.iceTit {
    color: #333;
    font-size: 14px;
}
body.large-font-size .mess_show h3.iceTit{font-size: 16px;}
body.small-font-size .mess_show h3.iceTit{font-size: 12px;}
p.icon_left1 {
    line-height: 2;
}
.mes_box h3{font-size: 16px;}
body.large-font-size .mes_box h3{font-size:18px;}
body.small-font-size .mes_box h3{font-size:14px;}
.tabsBox dl.cintactx dt {
    width: 400px;
    float: left;
    position: inherit;
	margin-bottom: 20px;
}
.tabsBox dl.cintactx dd {
    float: left;
    width: 500px;
	margin-bottom: 20px;
}
.tabsBox dl.cintactx dd b {
    font-weight: 600;
}
/*11.左侧的按钮*/
/*√*/
div.icon_left_ok,p.icon_left_ok,ul.icon_left_ok>li,a.icon_left_ok,span.icon_left_ok,ul li p.icon_left_ok{background: url(../../../hongkong/personal/images/index/icons/ico_tick.gif) no-repeat 3px 6px;padding-left:29px;line-height: 2}
/*小·*/
div.icon_left_sm,p.icon_left_sm,ul.icon_left_sm>li,a.icon_left_sm,span.icon_left_sm,ul li p.icon_left_sm{background: url(../../../hongkong/personal/images/index/icons/btn_dot_blue.gif) no-repeat 13px 11px;padding-left: 30px;line-height: 2}
/*大·*/
div.icon_left2,p.icon_left2,ul.icon_left2>li,a.icon_left2,span.icon_left2，ul li>p.icon_left_sm{background: url(../../../hongkong/personal/images/index/icons/ico_dot_02.gif) no-repeat left 5px;padding-left: 30px;line-height: 2}
/*礼物*/
div.icon_left3,p.icon_left3,ul.icon_left3>li,a.icon_left3,span.icon_left3,ul li>p.icon_left3{background: url(../../../hongkong/personal/images/index/icons/ico_dot_03.gif) no-repeat left 5px;padding-left: 30px;line-height: 2}
/*放大镜*/
div.icon_left4,p.icon_left4,ul.icon_left4>li,a.icon_left4,span.icon_left4,ul li>p.icon_left4{background: url(../../../hongkong/personal/images/index/icons/ico_dot_04.gif) no-repeat left 5px;padding-left: 30px;line-height: 2}
/*左邊的箭頭*/
div.icon_left5,p.icon_left5,ul.icon_left5>li,a.icon_left5,span.icon_left5,ul li>p.icon_left5{background: url(../../../hongkong/personal/images/index/icons/ico_dot_05.gif) no-repeat left 5px;padding-left: 30px;line-height: 2}
/*带刺的球形状*/
div.icon_left6,p.icon_left6,ul.icon_left6>li,a.icon_left6,span.icon_left6,ul li>p.icon_left6{background: url(../../../hongkong/personal/images/index/icons/ico_dot_07.gif) no-repeat left 5px;padding-left: 28px;line-height: 2}

/*手指点赞的形状*/
div.icon_left7,p.icon_left7,ul.icon_left7>li,a.icon_left7,span.icon_left7,ul li>p.icon_left7{background: url(../../../hongkong/personal/images/index/icons/ico_dot_10.gif) no-repeat left 5px;padding-left: 28px;line-height: 2}

/*手指指向形状*/
div.icon_left8,p.icon_left8,ul.icon_left8>li,a.icon_left8,span.icon_left8,ul li p.icon_left8{background: url(../../../hongkong/personal/images/index/icons/ico_dot_08.gif) no-repeat left 5px;padding-left: 25px;line-height: 2}

/*钻石形状*/
div.icon_left9,p.icon_left9,ul.icon_left9>li,a.icon_left9,span.icon_left9,ul li p.icon_left9{background: url(../../../hongkong/personal/images/index/icons/ico_dot_09.png) no-repeat left 8px;padding-left: 15px;line-height: 2}
/*o 形状 */
div.icon_left10,p.icon_left10,ul.icon_left10>li,a.icon_left10,span.icon_left10,ul li p.icon_left10{background: url(../../../hongkong/personal/images/index/icons/o.jpg) no-repeat left 8px;padding-left: 28px;line-height: 2}


/*12.风险提示*/
.remarktxt{
	margin: 20px 0px;
	color: #666;
	/*font-size: 14px;*/
	line-height: 2;
}
.fontgray{color:#666;}

/*13.列表 ，有序列表*/
/*将numList修改成number*/
/*数字的列表*/
ol.number{
	list-style: decimal;
	margin-left: 28px;
	padding-left: 0;
}
ol.number li {
	list-style: inherit;
	*list-style: decimal;
}
/*圆圈的列表*/
ol.disc{
	list-style: disc;
	margin-left: 28px;
	padding-left: 0;
}
ol.disc li{
	list-style: inherit;
}
    .mess_box ol {
        margin-bottom: 20px;
    }
    .mess_box ol li {
        line-height: 2;
    }
/*罗马序号的列表*/
ol.roman{
	list-style: lower-roman;
	margin-left: 28px;
	padding-left: 0;
}
ol.roman li{
	list-style: inherit;
}
ol.alphaUpper{
	list-style-type:upper-alpha;
	margin-left: 20px;
	padding-left: 0;
}
ol.alphaUpper li{
	list-style-type: inherit;
}
ol.alphaLower{
	list-style-type:lower-alpha;
	margin-left: 20px;
	padding-left: 0;
}
ol.alphaLower li{
	list-style-type: inherit;
}
ul.disc{
	list-style: disc;
	margin-left: 16px;
	padding-left: 0;
}
ul.disc li{
	list-style: inherit;
}
ul.square{
	list-style: square;
	margin-left: 16px;
	padding-left: 0;
}
ul.square li {
	list-style: inherit;
	*list-style: square;
}
ul.inline-block{
	vertical-align: top;
}
/**************add at 2018/1/13****************/
/*本行資料  -- 就業規劃 --  申請方式*/
.mess_box .list{margin-bottom:20px;}
.mess_box .list td{padding:6px 3px;}



/*mini 页头的导航*/
#simpheader{border-bottom: 2px solid #0066B3}
#simpheader .logo_img{margin-top: 10px;}

/*#header_top{height:50px;width:100%;line-height:50px;border-bottom:2px solid #0066b3;margin-top:10px;}*/
/*#header_top .container{width:960px; margin:0 auto;}*/
/*.logoImg{height:50px;line-height:50px;}*/

/*!* 頁腳部分 *!*/
/*#form_footer{border-top:2px solid #0066b3;padding-top:10px;margin-bottom:30px;}*/





/***************** 表单页面start  by  shengwen *******************/
/* 表單title部分 */
/*表單樣式*/
.form_tal dl {width: 960px;margin: 0 auto;}
.form_tal dl dt {float: left;height: 32px;line-height: 32px;width: 170px;margin-right: 24px;margin-left: 81px;  margin-bottom: 30px;  position: relative;  }
.form_tal dt i {position: absolute;left: -10px;font-style: normal;color: #d62f2f;}
/*紅色文本字體*/
.font_require {
	color: #ff0000;
	font-weight: bold;
}

.form_tal dl dd { width: 680px; float:left; height:32px; line-height:32px; margin-bottom:30px;}

.mess_tit_tle_form{display: block;color: #333;float: left;padding: 0 12px;border-left: 10px solid #c1c1c1;font-size:24px;}
.service_form{font-size:16px;height:40px;line-heigth:40px;margin-bottom:10px;}
.service_form b{height:40px;line-height:40px;}
.service_form>span{display:inline-block;border-bottom:1px solid #c1c1c1;width:850px;height:20px;line-height:20px;}



.icon_i{background:url(../../../hongkong/personal/images/index/icons/icon_i.jpg) center bottom no-repeat;display:inline-block;width:18px;height:18px;margin-left:5px;vertical-align:middle;}



.tit_left{display: inline-block;width: 100px;}


/**********************************************************表单 add   by  chenyi ************************************/
.w140{width:140px !important;}
.w148{width:148px !important;}
.w160{width:160px !important;}
.w196{width:148px !important;}
.w231{width:231px !important;}
.w277{width:277px !important;}
.w282{width: 282px !important;}
.w300{width: 300px !important;}
.w350{width:350px !important;}
.w400{width:400px !important;}
.w480{width:480px;}


/*右侧标题分割线*/
.pbd_table_step_title {
	height: 20px;
	line-height: 20px;
	margin-top:40px;
	position: relative;
}
.pbd_table_step_title h3 {
	margin-right:12px;
	font-size: 16px;
	color:#333;
	font-weight: bold;
	display: inline-block;
	float: left;
}
.pbd_table_step_title i.ic_line {
	display: block;
	border-bottom: 2px solid #eee;
	/*position: absolute;*/
	/*right: 0;*/
	/*top: 10px;*/
	height:10px;
	overflow: hidden;
}

/*form 表单 table*/
.form_table{margin:20px 0 0 80px; width: 880px;}
/*.form_table tr{*/
	/*!*height:32px;*!*/
	/*line-height:32px;*/
	/*padding:10px 0;*/
	/*margin-bottom:30px;*/
/*}*/
.form_table tr td{padding:15px 0}
/*单选按钮*/
.pbd_radio {
	display: block;
	/*width: 105px;*/
	float: left;
}
.pbd_radio input[type="radio"] {
	margin: 3px 3px 0px 5px;
	display: none;
}
.pbd_radio label {
	padding-left: 20px;
	padding-right: 24px;
	cursor: pointer;
	background: url(../../../hongkong/personal/images/index/icons/cbx-normal.png) no-repeat left center;
}
.pbd_radio label:hover {
	background: url(../../../hongkong/personal/images/index/icons/cbx-hover.png) no-repeat left center;
}
.pbd_radio label.checked {
	background: url(../../../hongkong/personal/images/index/icons/cbx-selected.png) no-repeat left center;
}

/* 复选框的样式 */
.pbd_checkbox input[type="checkbox"] {
	margin: 3px 3px 0px 5px;
	display: none;
}

.pbd_checkbox label {
	/*width: 75px;*/
	padding-left: 20px;
	display: block;
	/*margin-bottom: 5px;*/
	cursor: pointer;
	background: url(../../../hongkong/personal/images/index/icons/icon_check.png) no-repeat left 9px;
	/*height: 24px;*/
	line-height: 2;
}

.pbd_checkbox label.checked {
	background: url(../../../hongkong/personal/images/index/icons/icon_checked.png) no-repeat left 9px;
}

/*輸入框*/
.pbd_input{
    width:280px;
    height:30px;
    line-height:30px;
    text-indent:5px;
    /*padding:4px 9px;*/
    border:1px #0066B3 solid;
}
/*下拉框*/
/* select之下拉 */
.pbd_selectCtrl {
	display: inline-block;
	width: 298px;
	height: 30px;
	border: 1px solid #0066b3;
	position: relative;
	z-index: 1;
	background: url(../../../hongkong/personal/images/index/icons/icon_down.jpg) no-repeat right center;
}

.pbd_selectCtrl:hover,
.pbd_selectCtrl:focus{
	text-decoration: none;
	color: #3f3f3f;
}
.pbd_selectCtrl .cur_select {
	position: absolute;
	display: block;
	width: 262px;
	height: 30px;
	line-height: 30px;
	text-indent: 5px;
	/* padding-right: 11px; */
	overflow: hidden;
}
.pbd_selectCtrl .btn_select {
	position: absolute;
	top: 0;
	left: -1px;
	width: 298px;
	height: 30px;
	opacity: 0;
	font: 14px/20px "Microsoft YaHei";
}
 

/*4.7 日历输入*/
.pbd_date_group {
	width: 320px;
}

.pbd_date_item {
	position: relative;
	float: left;
	margin-right: 9px;
}

.pbd_date_input_280 {
	width: 280px !important;
}

.pbd_date_input {
	width: 125px;
	height: 28px;
	line-height: 28px;
	border: 1px #0066B3 solid;
	padding: 0 9px;
}

.pbd_date_input::-ms-clear {
	display: none;
}

.logo_tab a { text-decoration:none; color:#333333; margin-left:20px; font-size:14px;}


/* landingpage */
.Service_Selection_box1{border: 1px  solid #ccc; display: table; width: 100%;}
.Service_Selection_box1 li:nth-child(2){ border-right: 1px  solid #ccc; border-left: 1px  solid #ccc;}
.Service_Selection_box1 li {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 33.3333%;
    padding: 20px;
}
.Service_Selection_box1 li .btn_blues {
    display: block;
    text-align: center;
    width: 106px;
    height: 32px;
    line-height: 32px;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    margin: 10px auto 0;
    background: #0066b3;
    border:none;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.Service_Selection_box1 li .btn_blues:hover {background: #277AB9;}

/*****条款细则样式 20180212 jww添加*****/
/*.iner {*/
	/*padding-top: 20px;*/
/*}*/
 
.provision li {
	list-style-type:decimal;
    list-style-position: inside;
    margin-top: 10px;
}
.provision li ol li {
	list-style-type: lower-alpha;
	margin: 5px 0 0 14px;
}
.provision p {
	margin: 5px 0 0 14px;
	line-height: 24px;
}
.provision li ol li p {
	margin: 0 0 0 24px;
}
.provision li ol li ol li {
	list-style-type: lower-roman;
	margin-left: 50px;
	list-style-position: inherit;
}
.provision li ol li ol li ol li {
	list-style-type: lower-alpha;
	margin-left: 15px;
}
ol.aType li{list-style: lower-alpha;}
/*条款细致标题*/
.term_title{
    height: 87px;
    font-size: 20px;
}

.registerBtn{
	margin-top: 20px;
	overflow: hidden;
}
.p_desc{
	margin-top:10px;
	/*font-size:12px;*/
	color:#666;
	line-height:120%;
	text-align:left;
}
ol.numNopl li{
	list-style: decimal;
	margin-left: 16px;
}
.asia_aia_credit_card{
    width: 490px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    float: right;
}
.decimalOrder{
	list-style: decimal;
}
/*关于我们 条款及服务收费表*/
.inner p.second_list,.inner p.second_list>a.link{margin-top:20px;margin-bottom:20px;font-size:16px;font-weight:bold;color:#333;}
.inner p.second_list:hover,.inner p.second_list>a.link:hover{color:#0066b3;cursor:pointer;}
.nohover:hover{color:#333 !important;cursor:auto !important;}
/* #tncContent ol, #tncContent li{list-style: disc} */

.btn-collapse {
/*    color: #666;
    font-size: 12px;
    background: #FAFAFA;
    border-radius: 90px 0px 0px 90px;padding: 7px 10px 7px 20px;*/
    position: absolute;
    right: 0px;
    top: 10px;
    display: none;
    cursor: pointer;
    text-indent: -9999px;
}
body.large-font-size .btn-collapse {
        top: -4px;
}
.btn-collapse:after{
	/*content: '';
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    display: inline-block;
    width: 8px;
    height: 8px;
    border-color: #666;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-left: 10px;
    vertical-align: middle;*/
    content: '';
    width: 25px;
    height: 25px;
    display: block;
    float: right;
    margin-top: -4px;
    background-image: url(../../../hongkong/personal/images/index/icons/arrow-next.png);
    background-size: cover;
    margin-left: 10px;
    transform: rotate(90deg);
}
.btn-collapse.expand:after{
	-webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.applyInfo {
    width: calc(100% - 120px);
    display: inline-block;
    margin-top: 20px; 
}
.applyLarge{
	width: calc(100% - 320px);
}
.border_box {
    border: 1px solid #000;
    padding: 10px 15px;
    margin-top: 20px;
}
body.large-font-size .notice_li, 
body.large-font-size .notice_li2{
	font-size:18px;
}
body.small-font-size .notice_li,
body.small-font-size .notice_li2{
	font-size:11.2px;
}
/* =========== 1023 ========== */
@media (max-width: 1023px){
.promoBanner_new {
    text-align: left;
    padding: 35px 28px;
    background-position: top center;
    min-height: 500px;
    padding-top: 20px;
    position: relative;
background-repeat: no-repeat;
}
.promoBanner_new330 {
    text-align: left;
    padding: 35px 28px;
    background-position: top center;
    min-height: 500px;
    padding-top: 20px;
    position: relative;
background-repeat: no-repeat;
}
	.w960, .w800{
	    width: 720px;
	}
    .w480{width:365px;} 
	.notice_footer .noticeIn{
		width: 720px;
	}
	#simpheader1 .menu{
		width: 720px;
	}
	.notice .noticeIn{width:720px;}

	.notice .notice_li2 {
		width: 680px;
	}
	.mobile{display: block; visibility: visible;}
	.desktop{display: none;}
    .btnApply a {
        float: none;
    }
    .blue_list li{display: block;margin-right: 0;margin-bottom: 20px;}
    .blue_list li:last-child{margin-bottom: 0;}
    .mobileTop{margin-top: 20px;}
    .applyInfo {
        font-size: 0.9em;
    }
	.tabsBox dl.cintactx dt, .tabsBox dl.cintactx dd {
	    float: none;
	    width: 100%;
	}
}
/* =========== 768 ========== */
@media (max-width: 768px){
	.w960, .w800{
		width: 100%;
        padding: 0 15px;
	}
	.notice_footer .noticeIn{
		width: 100%;
		padding: 5px 10px;
	}
	#simpheader1 .menu{
		width: 100%;
		padding: 0 15px;
	}
   
	.mess_tit {
	    height: auto;
	    border-left: 6px solid #ccc;
	    font-size: 21px;
	    line-height: 1.25;
        margin-top: 15px;
	    margin-bottom: 15px;
	}
	.tall_tit{
		font-size: 21px;
		line-height: 1.25;
	}
	body.large-font-size .mess_tit,
	body.large-font-size .tall_tit { 
		font-size: 24px;
		line-height: 24px; 
	}
	body.small-font-size .tall_tit,
	body.small-font-size .mess_tit {
	    font-size: 18px;
	    line-height: 18px; 
	}
	h2.collapse_tit{padding-right: 35px;}
	.sfooter img{float: none;}
	.notice .noticeIn{width:100%; padding: 0 15px;}
	.notice .notice_li2 {
		width: calc(100% - 30px);
	}
    .notice .btn_close2 {right: 15px;}
    .btn-collapse {display: block;}
    .applyInfo {
        font-size: 1em;
    }
      .promoBanner {
        text-align: left;
        padding: 65% 0 0;
        margin-bottom: 100px;
        background-size: cover;
        background-repeat: no-repeat;
        min-height: 215px; 
     }
     .promoBanner h1 {
        font-size: 22px;
	    position: absolute;
	    left: 0; /*15px*/
	    text-shadow: none;
    }
    .promoBanner_new {
        text-align: left;
        padding: 65% 0 0;
        margin-bottom: 150px;
        background-size: cover;
        background-repeat: no-repeat;
        min-height: 215px;  
        background-position: 70%;
     }
    .promoBanner_new330 {
        text-align: left;
        padding: 65% 0 0;
        margin-bottom: 190px;
        background-size: cover;
        background-repeat: no-repeat;
        min-height: 215px;  
        background-position: 70%;
     }
    .promo_caption h1 { 
        font-weight: bold; 
        color: #E6740A; 
        font-size: 1.25rem;
        margin-bottom: 5px;
       
    }
   .promo_caption330 h1 { 
        font-weight: bold; 
        color: #E6740A; 
        font-size: 1.25rem;
        margin-bottom: 5px;
       
    }
     body.small-font-size .promo_caption h1 { 
        font-weight: bold; 
        color: #E6740A; 
        font-size: 1.15rem;
        margin-bottom: 5px;
       
    }
     body.small-font-size .promo_caption330 h1 { 
        font-weight: bold; 
        color: #E6740A; 
        font-size: 1.15rem;
        margin-bottom: 5px;
       
    }
     body.large-font-size .promo_caption h1 { 
        font-weight: bold; 
        color: #E6740A; 
        font-size: 1.35rem;
        margin-bottom: 5px;
       
    }
     body.large-font-size .promo_caption330 h1 { 
        font-weight: bold; 
        color: #E6740A; 
        font-size: 1.35rem;
        margin-bottom: 5px;
       
    }
    .promo_caption h2 {
        color: #0066b3;
        font-weight: bold;
        font-size: 1rem;
        margin-bottom: 5px; 
    }
    .promo_caption330 h2 {
        color: #0066b3;
        font-weight: bold;
        font-size: 1rem;
        margin-bottom: 5px; 
    }
     body.small-font-size .promo_caption h2 {
        color: #0066b3;
        font-weight: bold;
        font-size: 0.9rem;
        margin-bottom: 5px; 
    }
     body.small-font-size .promo_caption330 h2 {
        color: #0066b3;
        font-weight: bold;
        font-size: 0.9rem;
        margin-bottom: 5px; 
    }
     body.large-font-size .promo_caption h2 {
        color: #0066b3;
        font-weight: bold;
        font-size: 1.1rem;
        margin-bottom: 5px; 
    }
     body.large-font-size .promo_caption330 h2 {
        color: #0066b3;
        font-weight: bold;
        font-size: 1.1rem;
        margin-bottom: 5px; 
    }
    .promo_caption { 
        top: auto;
        width: 100%;
        padding: 20px 0;
        background: none;
        position: absolute;
        margin: 0;
        min-width: 310px; 
    }
    .promo_caption330 { 
        top: auto;
        width: 100%;
        padding: 20px 0;
        background: none;
        position: absolute;
        margin: 0;
        min-width: 320px;
    }
    body.small-font-size .promoBanner h1 {
         font-size: 20px;
    }
    body.large-font-size .promoBanner h1 {
         font-size: 24px;
    }
    .applyInfo {
        width: 100%;
        display: block;
    }
    .captionColor {
    background-color: #fafafa;
    position: absolute;
    width: 100%;
}
    .inner {
        margin: 0 auto;
        margin-bottom: 60px;
        padding-top: 0;
    }
 .searchKV {
    padding-bottom: 0;
    margin-bottom: 20px;
    background-color: #f1f1f1;
    margin-top: 0px;
    border-bottom: solid 1px #ddd;
}
}
@media (max-width:576px) { 
    /* search.html */
     .notice_footer {
       	font-size: 10px;
     }
     .searchKV {
        padding-bottom: 0;
        margin-bottom: 20px;
        background-color: #f1f1f1;
        margin-top: -10px;
        border-bottom: solid 1px #ddd;
    }
    .checkCol {
        margin: 55px auto 60px;
        width: 100%;
        max-height: 170px;
        overflow: auto;
        /*border-bottom: solid 1px #ddd;*/
        padding: 0 15px;
    }
    /* end - search.html */
	span.block{
		display: inline-block;
	}
    .longTag {
        height: 48px!important;
        overflow-x: auto;
        overflow-y: hidden;
        position: relative;
    }
    .longTag::-webkit-scrollbar {
      display: none;
    }
    .longTag ul{
        display: table;
    }
    .longTag ul li {
        float: none!important;
        display: table-cell;
        text-align: left;
        white-space: nowrap;
    }
    .inner {
        margin: 0 auto;
        margin-bottom: 60px;
        padding-top: 0;
    }
  
   
    .Service_Selection_box1 li {
    	display: block;
	    width: 100%;
	}
	.Service_Selection_box1 li:nth-child(2) {
	    border-top: 1px solid #ccc;
	    border-bottom: 1px solid #ccc;
	    border-right: none;
	    border-left: none;
	}
}

@media all and (max-width: 375px) {
          .appSignW {
             display: block;
               margin-left: 15px!important;
                padding-right:10px!important;
             width: 100%;

        } 
         .tc .appSignW,
         .sc .appSignW {
             display: inline-block;
             margin-left: 15px!important;
             padding-right:10px!important;
             width: 35px;
             margin-top: 15px;
        } 
         .closeAppDL {
            width: 100%;
            max-width: 15px;
            display: block; 
            margin-top: 0px;
             margin-bottom: 10px;
        }
        .appIcon {
            margin-left: 15px;

        }
        .tc .appIcon,
        .sc .appIcon {
            margin-left: 0px; 
        }
        .alignApp {
            text-align: right;
            width: 100%;
            max-width: 109px;
        }
     body:not(.non-responsive).en.large-font-size .alignApp {
            text-align: right;
            width: 100%;
            max-width: 126px;
        }
     .tc .alignApp,
     .sc .alignApp{
            text-align: right;
            width: 100%;
            max-width: 85px;
        }
     body:not(.non-responsive).tc.large-font-size .alignApp,
     body:not(.non-responsive).sc.large-font-size .alignApp{
            text-align: right;
            width: 100%;
            max-width: 95px;
        }
    }
@media all and (max-width:320px) {
    .tc .appSignW,
    .sc .appSignW {
        display: block;
        margin-left: 15px!important;
        padding-right:10px!important;
        width: 100%;
        margin-top: 0;
    } 
    .tc .appIcon,
    .sc .appIcon {
        margin-left: 15px; 
    }
   
}

/*20211103 inactive*/
/* search function occurs  */
                        
/*.searchBg #main > div,
.searchBg #main, .searchBg #main > *,
.searchBg .swiper-container,
.searchBg .swiper-wrapper,
.searchBg .swiper-thumbs .pause-button{
	z-index: -9999!important; /*overwrite in swiper.css*/
/*opacity: .5; */
    /*filter: grayscale(90%); inactive 20211103*/
/*  filter: blur(5px); */
/*}*/
/*.searchBg #footer {
    z-index: -9999!important;
    position: relative;
    /*filter: grayscale(90%); inactive 20211103*/                        
/*   filter: blur(5px); */
   /*  opacity: .5; */
/*} */
/* end - search function occurs  */





@media print {
     body{
        -webkit-print-color-adjust:exact;
        -moz-print-color-adjust:exact;
        -ms-print-color-adjust:exact;
        print-color-adjust:exact;
		min-width:1024px; 
		width:100%;
    } 
    body:not(.non-responsive).mobile .header-container .header-wrapper .top-navigation {
        height: auto; 
    }
    .header-container {
        height: auto;
        max-height: 50px;
    }
    #top {
        height: 0!important;
    }
    .top-navigation {
        height: auto!important;
    }
    body:not(.non-responsive).tablet .header-container, body:not(.non-responsive).mobile .header-container {
        height: auto;
    }
    #overlay, #scrolllist, #notice_footer {
        display: none!important;
    }
    .desktop {
        display: block!important;
    }
    .mobile {
        display: none!important;
        visibility:hidden!important;
    }
     .swiper-slide {
        flex-shrink: 0;
        width: 45%;
        height: 100%;
        position: relative;
        transition-property: transform;
    }
    .eBank_swiper {
        width: 100%!important;
        display: block!important;
        margin: 0;
    }
    .eBank_show, .eBank_swiper .swiper-container{
        display: block!important;
        width: 100%!important;
        margin-left: 0;
        margin-right: 0;
    }
    .eBank_swiper .swiper-slide {
        flex-shrink: 0;
        width: 100%!important;
        height: 100%;
        position: relative;
        transition-property: transform;
        margin: 0!important;
        clear: both!important;
        float: left;
    }
    #eBank01, #eBank02 {
        margin: 0!important;
        display: block!important;
        width: 100%!important;
    }
   
    .eBank_show .w960 {
        width: 100%!important;
        margin: 0 !important;
    }
   
    .eBank_show.active {
        display: block!important;
    }
    .eBank_img_lf, .eBank_img_rt {
        display: inline-block!important; 
        /*width: 216px;
        height: 240px; */
        width: auto;
        text-align: center!important;
        margin-top: 90px;
        float: left;
        position: relative!important;
    }
     .eBank_img_cent {
       float: left;
        margin: 0 ;
        display: inline-block!important;
        width: 300px;
        position: relative;
        margin-bottom: 10px;
    }
    .card_mobile {
        display: none!important;
    }
    .card_swiper {
        width: 100%!important;
        display: block!important;
        margin: 0;
    }
    .card_show {
         display: block!important;
    }
    .card_swiper .swiper-container {
        margin-left: 0!important;
        margin-right: 0!important;
        position: relative;  
        display: inline-block;
         width: auto!important; 
    }
     .card_swiper .swiper-slide {
        flex-shrink: 0;
        width: 100%!important;
        height: 100%;
        position: relative;
        transition-property:none!important; /*transform*/
        margin: 0!important;
        clear: both!important;
        float: left;
    }
     .card_show .w960 {
        width: 100%!important;
        margin: 0 !important;
    }
    .card_show.active {
        display: block!important;
    }
    .card_img_lf, .card_img_rt {
        display: inline-block!important;
        /*width: 216px;
        height: 240px;*/
        width: auto!important;
        float: left!important;
        text-align: center!important;
       
        position: relative!important;
        padding-top: 90px;
    }
    .card_img_cent {
        float: left!important;
        margin: 0 39px;
        width: auto;
        display: inline-block!important;
        position: relative;     
    }
      
    .mess_left, .mess_left ul{
        display: inline-block!important;
    }
    .mess_left {
        max-width: 50%!important;
        float: left!important;
    }
    .messRight {
        max-width: 50%!important;
        display: inline-block!important;
        float: right!important;
    }
    .messRight img {
        max-width: 30%;
    }
    .channel_cont {
        z-index: 9;
        width: 230px;
        display: inline-grid;
    }
    .finance_message {
        width: 100%;
        max-width: 1200px;
        overflow: hidden;
        margin: 0 auto;
        padding-top: 0px!important;
        position: relative;
        z-index: 9;
    }
    .finance_message .item_show li.item_li {
        width: calc(33.3333% - 6.667px);
        display: inline-block;
        margin: 0 10px 10px 0;
        float: left;
        position: relative;
    }
    #login, #logonViaMobile,
    .regionSetting,
    .gallery-pagination, .swiper-pagination-bullets,
    .modal,
    .swiper-thumbs, .sel_dl, .sel_dl_m,
    .scrolllist-wrap {
       display: none!important;
    }
    /**/
    #InvItemList .swiper-slide, #AccItemList .swiper-slide, #rmbItemList .swiper-slide, #rmbItemList02 .swiper-slide, #CrossItemList .swiper-slide, #EntItemList .swiper-slide, #InsurItemList .swiper-slide, #InsurItemList02 .swiper-slide {
        height: calc((100% - 12px) / 2);
        width: 32%!important;
        border: 1px solid #eee;
        display: inline-grid!important;
        margin-bottom: 10px;
        margin-right: 10px!important;
        max-width: 234px;
        box-sizing: border-box;
    }
    .item_show a, #privItemList .swiper-slide a, #InvItemList .swiper-slide a, #AccItemList .swiper-slide a, #rmbItemList .swiper-slide a, #rmbItemList02 .swiper-slide a, #CrossItemList .swiper-slide a, #EntItemList .swiper-slide a, #InsurItemList .swiper-slide a, #InsurItemList02 .swiper-slide a {
        background-position: 15px center!important;
        background-size: 80px;
    }
    .item_show li a:before, #privItemList .swiper-slide a:before, #InvItemList .swiper-slide a:before, #AccItemList .swiper-slide a:before, #rmbItemList .swiper-slide a:before, #rmbItemList02 .swiper-slide a:before, #CrossItemList .swiper-slide a:before, #EntItemList .swiper-slide a:before, #InsurItemList .swiper-slide a:before, #InsurItemList02 .swiper-slide a:before {
        content: '';
        border-top: none!important;
        border-left:none!important;
        display: none;   
    }
    /* banner */
    #silder .swiper-slide a {
        background-size: contain!important;
        background-position: right!important;
        background-repeat: no-repeat;
        background-color: transparent;
        display: block;
        min-height: auto;
        background-attachment:local;
    }
    .gallery-top .swiper-slide .caption {
        position: absolute!important;
        top: 80px!important;
        width: 370px!important;
        background: #fff!important;
        padding: 15px 20px!important;
        margin-top: 15px!important;
        box-sizing: border-box!important;
    }
    /* end - banner */
    
    .iceCor {
        color: #666;
        width: 136px;
        line-height: 1.2;
        display: inline-block;
        font-size: 0.9em;
    }
    .intes_info ul li {
        display: inline-block!important;
        height: 96px;
        width: 33.33%;
        position: relative;
        float: left;
        max-width: 319px;
    }
    /*最新公告*/

.news_massage{ width:100%; min-height:230px; padding-bottom:20px; padding-top:20px;background:#eee;}
.news_massage span{font-size: 16px;color:#333;line-height: 30px;display: block; margin-top: 6px;}
.mas_tit{ height:70px; line-height:70px;}
.mas_tit a{ color:#333; font-size:18px; padding-left:20px;}
.mas_tit a:hover{ color:#0066b3;}
.mas_con dl{width:33%;float: left}
.mas_date{ width: 35px;float: left;margin-right:10px;}
.mas_date span{ display:block; text-align:center;line-height: 18px;font-size: 18px;color:#333;}

.mas_date .line2{ border-bottom:1px solid #bfbfbf; height:1px;}
.mas_date .month{ font-size:12px; padding-top:2px;}

.mas_desc{ height:160px; width:248px; float:left;}
.mas_desc h2 a{ font-size:18px; color:#333;}
.mas_desc h2 a:hover{ color:#0066b3;}
.mas_desc p{ font-size:14px; color:#666; line-height:24px; padding-top:16px;}
    /******感兴趣的推荐栏 start******/
.intes_info {margin-top: 20px;}
.intes_info ul img{margin-right:6px;float: left;margin-top:6px;cursor: pointer;}
.intes_info ul li{display: inline-block;height: 96px;width: 33.33%;position: relative; float: left;}
.intes_info ul:after{content: '';display: table;clear: both;}
.intes_infO_mor0{display:block;width: 186px;  height: 56px;  float: left;  padding-top:10px;cursor: pointer;}
.intes_infO_mor0 h4 a{color: #333333;font-size: 14px;width: 170px;white-space: nowrap;display: inline-block;}
.intes_infO_mor0 p{margin-top: 15px;}

/**********最新的公告栏 start************/
.message_tag{ border-bottom:2px solid #cccccc!important; height:auto!important; width:100%!important; }
.message_tag ul li{ font-size:18px; color:#333;font-family:Arial, Helvetica, sans-serif;  float:left;padding: 0 18px; height:45px; line-height:38px; text-align:center; cursor:pointer;padding-bottom: 3px;}
.message_tag ul li.hover{ border-bottom:4px solid #0066b3!important; color:#0066b3!important;}
.message_tag ul li.hover a{color: inherit;}
.message_tag ul{ float:left!important;}
.message_more a{color: #0066b3!important;} 
.intes_info ul li.intes_in{margin-right: 0px!important;}  
      /**/
    .intes_info ul li {
        display: block;
        width: 100%;
        height: auto;
        margin-bottom: 10px;
    }
    .intes_infO_mor0 {
        width: calc(100% - 90px);
        height: auto;
    }
    /*.mas_con dl {
        width: 50%;
    }*/
    .news_massage{margin-top: 60px; padding-top: 20px;}
    .message_tag.tabTag {
        border: none!important;
        height: auto!important; 
    }
    .message_tag.tabTag ul{
        display: table;
        width: 100%;
    }
    .message_tag.tabTag ul li{
        font-size: 14px;
        width: auto!important;
        height: auto!important;
        line-height: 1em!important;
        padding: 5px 5px!important;
        min-height: auto!important;
        display: inline-block!important;
        vertical-align: middle;
        float: none;
        border-right: none!important;
        border-top: none!important;
        border-bottom: 1px solid #cccccc;
    }
    .message_tag.tabTag ul li:last-child{
        border-top-right-radius:0;
        border-bottom-right-radius:0;
    }
    .message_tag.tabTag ul li:first-child{
        border-left: none!important;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
    .message_tag.tabTag ul li.hover {
        border-bottom: 4px solid #0066b3!important;
        color: #fff;
        background: transparent!important;
    }
    
    
    /* credit card */
    .item_show li.item_li {
        margin: 0!important;
        margin-bottom: 10px!important;
        float: left!important;
        position: relative;
        width: calc(33.3333% - 6.667px)!important;
    }
     .line_info span {
        position: relative;
        float: left;
        width: calc(32% - 5px)!important;
        height: 84px;
        padding-left: 74px;
        padding-top: 35px!important;
        margin-bottom: 20px;
        margin-right: 0!important;
    }
    .c_card .mess_con a {
        height: 162px;
        width: auto!important;
        padding: 20px 0 0 15px;
    }
    #creditCardItemList .swiper-slide {
        width: calc(20% - 8px);
        border: 1px solid #eeeeee;
        margin-right: 12px;
        margin-top: 0!important;
        display: inline-block;
        vertical-align: top;
        margin-bottom: 15px;
    }
    #creditCardItemList .swiper-wrapper {
        position: relative;
        width: 100%;
        height: 100%;
        z-index: 1;
        display: inline-block;
        transition-property:none;
        box-sizing: content-box;
    }
     /* loan */
    .ccb_newsFrameList, .loanItemFrameList {
        width: 48%!important;
        display: inline-block;
        float: none!important;
        margin-right: 10px;
        min-width: auto!important;
    }
     #loansList li, #ccb_news_list li, #loansList02 li, #ccb_news_list02 li {
        border: solid 1px #EBEBEB!important;
        margin-bottom: 10px;
        padding: 20px 10px 10px;
        box-sizing: border-box;
    }
    
    .mess_left ul li a.commercial_li_1:before, .mess_left ul li a.commercial_li_2:before, .mess_left ul li a.commercial_li_3:before, .mess_left ul li a.commercial_li_4:before, .mess_left ul li a.mess_li_1:before, .mess_left ul li a.mess_li_2:before, .mess_left ul li a.mess_li_3:before, .mess_left ul li a.mess_li_4:before, .mess_left ul li a.mess_li_5:before, .mess_left ul li a.mess_li_6:before, .mess_left ul li a.mess_li_7:before, .mess_left ul li a.mess_li_8:before, .mess_left ul li a.mess_li_9:before, .mess_left ul li a.loan_li_3:before, .mess_left ul li a.loan_li_4:before, .mess_left ul li a.loan_li_5:before, .mess_left ul li a.loan_li_6:before, .mess_left ul li a.loan_li_7:before, .mess_left ul li a.loan_li_8:before {
        display: none!important;
    }
    /* ebanking */
    .bank_list_info span {
        width: calc(33.3333% - 12px)!important;
        float: left;
        padding-left: 70px;
        padding-top: 16px;
        margin-right: 18px;
        margin-bottom: 24px;
    }
    .bank_ifo_box .ifo-show-r {
        margin-left: 50px;
    }
    .bank_ifo_box li {
        float: left!important;
        margin-bottom: 0px;
        margin-right: 175px;
        margin-top: 20px;
        font-size: 14px;
        color: #666666;
        text-align: center;
        width: 50%!important;
        display: inline-block!important;
    }
    .bank_ifo_box li:after {
        display: none!important;
    }
    .line_ser_box {
        margin-top: 20px;
        height: 330px;
        background: url(../../../hongkong/personal/banking_channels/images/index/thumbnail/sevbg.png) no-repeat right center!important;
    }
    .line_ser_box .line_info {
        width: 70%!important;
    }
    .line_info span {
        float: left!important;
        width: calc(50% - 5px)!important;
        height: 84px;
        padding-left: 74px;
        padding-top: 10px;
        margin-bottom: 20px;
        margin-right: 10px;
    }
    .line_ser_box .mobile>img {
        display: none!important;
    }
    
   /* footer */
#footer,
#simplefooter {
    margin: 0 auto;
    background: #0066cc;
    height: auto;
}
.footer_top {
    margin: 0 auto;
    background: #025a9d;
    max-height: 58px;
}

a.footerNavItem {
    color: #fff;
    line-height: 1.1em;
    font-size: 14px;
    padding: 0 10px;
}
a.footerNavItem:hover {
    color: #fff;
    line-height: 1.1em;
    font-size: 14px;
    padding: 0 10px;
    text-decoration: underline;
}
body.small-font-size a.footerNavItem,
body.small-font-size a.footerNavItem:hover,
body.small-font-size .rightReserved{
    font-size: 12px;
}
body.large-font-size a.footerNavItem,
body.large-font-size a.footerNavItem:hover,
body.large-font-size a.rightReserved{
    font-size: 16px;
}
.footm {
    margin: 0 auto;
    position: relative;
    max-height: 58px;
}
.footm ul li {
    float: left;
    display: inline;
    line-height: 58px;
    font-size: 14px;
    color: #83c6ff;
    padding: 0 10px;
}
.footm ul li a {
	color: #FFFFFF;
}
.footm ul li a:hover {
	text-decoration: underline; color:#FFFFFF;font-size: 110%;
} 
.footm ul li a:focus {
	text-decoration: underline; color:#FFFFFF;font-size: 110%;
} 

.footm ul li.last_one {
    float: right;
    margin-right: 0;
}
.footin {
    margin: 0 auto;
    padding-bottom: 15px;
}
.footin:after {
    content: '';
    display: block;
    clear: both;
}
.footin .foot_l {
    width:50%;
    line-height: 20px;
    float: left;
    padding-top: 60px;
    color: #fff;
    display: inline-block;
    border-top: none;
}
.footin .foot_1_1 p{
	width:260px;
}

.footin .foot_r {
    float: right;
    overflow: hidden;
    width: 45%;
    margin-top: 14px;
    display: inline-block;
}
.footin .foot_r>div {
    float: left;
    width: 100px;
    height: 142px;
    background: #ffffff;
    padding: 10px 0;
    margin-right: 35px;
    text-align: center;
}
.footin .foot_r>div:last-child {
    float: left;
    width: 100px;
    height: 142px;
    background: #ffffff;
    padding: 10px 0;
    margin-right: 0;
    text-align: center;
}
.footin .foot_r>div.mr0 {
    margin-right: 0;
}
.footin .foot_r>div p {
    height: 22px;
    font-size: 12px;
    color: #0066b3;
    text-align: center;
}
.footer_commercialLogo {
   max-width: 80px;
    vertical-align: top;
}
.footer_wgaLogo {
    max-height: 38px;
    margin-left: 12px;
    vertical-align: top;
}
.rightReserved {
    display: block;
    padding: 0 0 10px 10px;
    font-size: 14px;
    line-height: 18px;
    width: 100%!important;
}
body.small-font-size .rightReserved {
     font-size: 12px;
}
body.large-font-size .rightReserved {
     font-size: 16px;
}
/*w800 footer*/
.w800 .footin .foot_l {
    width:48%;
    line-height: 20px;
    float: left;
    padding-top: 60px;
    color: #fff;
    display: inline-block;
    margin-left: 10px;
    border-top: none;
}
.w800 .footin .foot_1_1 p {
    width: 337px;
}
.w800 .rightReserved {
    display: block;
    padding: 0 0 10px 0px;
    font-size: 14px;
    line-height: 18px;
    width: 48%!important;
}
.qrLabel {
    padding-top: 5px;
    height: 22px;
    font-size: 5px;
    line-height: 14px;
}
.qrLink {
    display: none;
}
.appRow {
    display: none;
}
.mobile_footerCol {
        display: inline-block;
        float: none!important;
        padding-right: 0px;
        max-width: none;
        margin-left: 0;
        margin-right: 0;
    }
    .mobile_footerCol a,
    .mobile_footerCol a:hover{
        display: inline-block;
    }
}
.item .menu-toggle {
  margin: 10px 0 0 -20px; float: right;
}
@media (max-width: 1023px) {
  .item .menu-toggle {
    display: none;
  }
}
button.search {
  display: none;
}
.trigger a:empty {
    display: block;
    height: 100%;
    width: 100%;
    position: relative;
}
.skip-to-main {
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 0;
    color: #FFF;
}  

#login_box_select {
    appearance: none;
    -webkit-appearance: none;
    padding: 0 10px;
}
.logo_city_select {
    appearance: none;
    -webkit-appearance: none;
    padding: 0 10px;
    background: none;
    width: 100%;
    border: none;
}
               /* Floating Bar */
#downloadApps {padding-top:30px;}
#productJump {padding-top:100px;}  
.floatContainer{position: fixed; bottom: 10px; z-index: 10000; width:100%; border: 1px solid #ccc; padding: 0;background-image:url(/hongkong_sc/personal/banking_channels/images/demo/bg.jpg); background-repeat: no-repeat; background-size: 100% 100%; }
	.contentContainer{width:960px; display:block; height: 75px; color: white; }
	.rightContentContainer{width: 660px;  display: inline-block; float: right;  border-radius: 10px; text-align: left; padding-right: 68px;}
	.middleContent{float:left; font-size: 1.6em; line-height: 1.3em;}
	.middleContent > strong {font-size:1.2em;}
	.rightButton{float: right; font-weight: bold; font-size: medium; margin: 10px; width:120px; height: 50px; line-height:50px;background: white; color: #0066b3!important;}
	.rightButton.btn_blue:hover{color:white!important;}
	//.leftBackground{background-image:url(/hongkong_sc/personal/banking_channels/images/demo/JOEY2.png);background-repeat: no-repeat; padding:20px 0;background-position-x: 100px; background-size: 130px;max-width: 960px; display: inline-block;}
	.leftBackground{background-repeat: no-repeat; padding:20px 0;background-position-x: 100px; background-size: 130px;max-width: 960px; display: inline-block;}
	.QRcode{height:80px; float: right;padding-right: 10px;}
    .contentContainer > img{height:80px;}
    .rightQR{float: right; font-weight: bold; font-size: medium; width: 170px; color: white; display: flex;align-items: center;}
      .rightQR.en{line-height: 1.1em;}            
	a.rightQR:hover {color:white;}
    .middleTnC{display: block; font-size: 0.7em;}
	
@media only screen and (max-width: 960px) {
  .contentContainer{width:100%;padding: 0 30px;}
  .leftBackground{background-position-x: left;width: 100%;}
  .rightContentContainer{width: 100%;padding-left: 130px;padding-right: 0;}
}
@media only screen and (max-width: 760px) {
.rightQR {display: contents; width: 100%;}
.rightQR  > span {float: left; text-decoration: underline;width: 100%;}
  .middleContent {width: 70%; font-size: 1.4em;line-height: 1.4em;}
  .middleContent > strong { font-size: 1em;}
}
@media only screen and (max-width: 550px) {
.rightContentContainer{padding-right: 20px; padding-left: 20px;}
.rightButton {width: 100px;}
.middleContent {font-size: 1.1em; line-height: 1.4em;}
.alert-dismissible .close {padding: 0.5rem 0.75rem;}
  .leftBackground{background-image:none;}
}
@media only screen and (max-width: 400px) {
.rightContentContainer{padding-right: 0; padding-left: 0;}
.rightButton {height: 30px;line-height: 30px;}
.contentContainer {display: block;padding: 0 20px;}
.floatContainer {padding: 5px 0;}
.leftBackground{padding: 0;}
.middleContent {font-size: 1em;width: 60%;}
.QRcode {height: 70px;}
}
@media only screen and (max-width: 300px) {
.rightQR  > span {width:50%; margin-top:10px;font-size: small; font-weight: normal;}
.middleContent {width: 100%;}
.rightQR{margin-top:10px;display:block;}
.QRcode {wheight:60px}
}
a.extLink{color:#0066b3;text-decoration: underline;}
a.extLink:hover{color:#333;text-decoration: none;}
/* End of Floating bar */
.simplogo110 {width:70px;}             
.logo110{width:70px;float: right;padding-top:5px;}
@media only screen and (max-width: 960px) {
  .logo110{width:40px;}
}
@media only screen and (max-width: 960px) {
  .simplogo110 {width:30px;}
}