@charset "utf-8";
/* CSS Document */

* {
	padding:0;
	margin:0 auto;
	border:0;
	outline:none;
}
a {
	color:#002955;
	text-decoration:none;
}
a:focus {
	outline:none;
}
a:hover, a:active {
	outline: none;
	text-decoration:none;
}
ul, dl, dd, dt, li, form, h3, h2, h1, form {
	margin:0;
	padding:0;
}
h1,h2,h3,h4 {
	font-weight:100;
}
.fl {
	float:left;
}
.fr {
	float:right;
}
li {
	list-style:none;
}
img {
	border:none;
	vertical-align:top;
}
a, input, button {
    outline: medium none;
}
.hide {
	display:none;
}
div {
	margin: auto;
}
.clear {
	clear: both;
	overflow: hidden;
}
.clearfix{
	clear: both;
	overflow: hidden;
	height:0;
	font-size:0;
}
.pb10{
	_padding-bottom:20px;
}
.fontstyle_new{
	color:#1c1c1c;
}
.fontstyle2{
	color:#9b000d;
	letter-spacing:-1px;
	overflow:hidden;
}
.fontstyle2 a{
	text-decoration:underline;
	margin-right:25px;
}
.fontstyle2 a:hover{
	text-decoration:none;
}
.ocx_style a{
	margin:0 !important;
	padding:0;
	display:inline-block;
}
body {
	height:100%;
	width:100%;
	background:#fff;
}
#header, #mainWrapper, #footer{
    clear: both;
    width: 100%;
}
.watermark {
   	background: #f4f9fd;
    height: auto;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
    display:none;
}
.loginPanel{
	width: 100%; 
	
}
.top_panel{
	background:#000;
	height:38px;
	line-height:38px;	
}
.top_panel .top_link{
	width:990px;
	padding-left:20px;
}
.header{
	/*background:url(images/login_header_bg.gif) repeat-x;*/
	width:100%;
	height:65px;
	line-height:65px;	
}
.header .toppanel, .wrapper .login_container{
	width:960px;
}
.logo{
	float:left;
}
.top_link{
	float:right;
}
.header .logo img{
	margin-top:2px;
}
.login_container{
	width:960px;
	height:423px;
	position: relative;
}
.ad{
	position:relative;
	float:left;
	width:670px;
	height:350px;
}
.formArea{
	position:relative;
	float:left;
	width:424px;
	top:20px;
	left:25px;
	z-index:90;
	background:#f9f9f9;
	border-radius: 5px;
	padding-bottom: 10px;
	filter:alpha(opacity=90);
	opacity:0.9;
}
.u_focus, .p_focus, .captchaInput{
	background:#fff;
	z-index: -1;
	height:40px;
	line-height:40px;
	border:none;
	float:left;
	padding-left:15px;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
	.u_focus, .p_focus, .captchaInput{
			font:14px/ 1.5 Microsoft YaHei, SimSun, arial, \5b8b\4f53, sans-serif;

	}

}
 .u_focus{
	width: 230px;
}
.p_focus{
	width:230px;
}
.captchaInput{
	width:165px;
	border:none;
}
.p_box img{
	border:1px solid #aaabab;
	margin-left:10px;
}
.p_box{
	position:relative;
	clear: both;
}
.p_box a{
	margin-top:10px;
	margin-left:10px;
	color:#005ba1;
	text-decoration:none;
}
.p_box a:hover{
	text-decoration:underline;
}
.loginBtn{
	margin-top:30px;
	display:block;
	width:374px;
	height:35px;
	color:#fff;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #bc0716;
	background:#bc0716;
	box-shadow: 0px 3px 0px #9f000d;
	z-index: -1;
	cursor:pointer;
}
.loginBtn:active,.loginBtn:hover{
	background:#d40a1b;	
}
.loginBtn_disabled{
	margin-top:30px;
	display:block;
	width:374px;
	height:35px;
	color:#fff;
	border:1px solid #7c7c7c;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	background:#7c7c7c;
	box-shadow:  0px 3px 0px #5a5a5a;
	z-index: -1;
}


.regist{
	color:#1fded7;
}
.safeHint{
	width:960px;
	height:126px;
	text-align:center;
	position:relative;
}
.safeHint a{
	background:url(/icbc/abroadperbank/HK/images/login_safeHint_bg.png) no-repeat;
	display:block;
	float:left;
	height:106px;
	width:100px;
	margin:20px 30px 0;!important; /* IE7以上浏览器 */
	*margin:20px 30px 0;/* IE6*/
	position:relative;
}
.safeHint a div{
	position:absolute;
	bottom:0px;
	text-align:center;
	color:#9b000d;
	width:100px;
}
.safeHint .icon_logon_img{
	background-position:12px 0 ;
}
.safeHint a:hover.icon_logon_img{
	background-position:12px -139px ;
}

.safeHint .icon_safe_img{
	background-position:-155px 0 ;
}
.safeHint a:hover.icon_safe_img{
	background-position:-155px -139px ;
}

.safeHint .icon_first_img{
	background-position:-315px 0 ;
}
.safeHint a:hover.icon_first_img{
	background-position:-315px -139px ;
}

.safeHint .icon_ask_img{
	background-position:-479px 0 ;
}
.safeHint a:hover.icon_ask_img{
	background-position:-479px -139px  ;
}

.safeHint a.icon_xz_img{
	background-position:-637px 0px ;
}
.safeHint a:hover.icon_xz_img{
	background-position:-637px -139px ;
}

.safeHint .icon_fw_img{
	background-position:-793px 0 ;
}
.safeHint a:hover.icon_fw_img{
	background-position:-793px -139px ;
}

.links{
	width:490px;
	text-align:center;
	
}
#mainWrapper {
	clear: both;
}
.watermark img {
    background-size: auto auto;
    width: 100%;
}
.ocx_style {
    height: 40px;
    width:250px;
    line-height: 40px;
	float:left;
	border:none;
}
.errortip{
	position:absolute;
	top:48px;
	left:0;
	color:#F00;
}
input.errorInput {
    color: #F00;
	border-color:#c;
	outline:0;outline:thin dotted \9;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075), 0 0 2px #F00;
	-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075), 0 0 2px #F00;
	box-shadow:inset 0 1px 1px rgba(0,0,0,0.075), 0 0 2px #F00;
}
.bg_lg{
    height: 40px;
    padding-left:40px;
	background:url(/icbc/abroadperbank/HK/images/login_icons.png) no-repeat;
	position: relative;
}
.bg_Pg{
	height:40px;
    padding-left:40px;
	background:url(/icbc/abroadperbank/HK/images/login_icons.png) no-repeat;
	background-position:0 -48px;
	position: relative;
}
.bg_lg a.trade_link,.bg_Pg a.trade_link{
	position:absolute;
	top:0px;
	left:315px;
}
.bg_Yg{
	height: 40px;
    padding-left:40px;
	background:url(/icbc/abroadperbank/HK/images/login_icons.png) no-repeat;
	position: relative;
	background-position: 0 -96px;
}
.blankH15{
	height:15px;	
}
.passbg{
	background:#fff;
}
.tipLogin{
	width:968px;
    color: #ff6c00;
    padding: 0 10px;
}
.smallIconguashi {
    background: url("/icbc/abroadperbank/HK/images/login_icons.png") no-repeat scroll top  right;
    _background: url("images/login_icons.gif") no-repeat scroll 2px  right;
    display: inline-block;
    height: 16px;
    vertical-align: middle;
    width: 16px;
}
.uiClose {
	float:right;
	display:inline-block;
    background: url("/icbc/abroadperbank/HK/images/login_icons.png") no-repeat scroll -534px -19px;
    width: 23px;
    height: 23px;
}
.bottom_info{
	width:100%;
	overflow:hidden;
	background:#fff;
	margin-top:10px;
	padding:15px 0;
	color:#666;
}
.bottom_info h3{
	display:inline-block;
    background: url("/icbc/abroadperbank/HK/images/login_icons.png") no-repeat -450px -343px;
    height: 20px;
    margin-bottom: 20px;
    color:#222;
    font-weight:500;
}
.bottom_info div.tip_paragraph{
	line-height:25px;
	background: url("/icbc/abroadperbank/HK/images/jt.png") no-repeat 0px 9px;
	padding-left:10px;
	margin-left: 20px;
}
.b_info{
	width:960px;
	margin:0 auto;
	padding:0 40px;
}
.b_txt{

}
.telIcon{
	float:right;
	display:inline-block;
    background: url("/icbc/abroadperbank/HK/images/login_icons.png") no-repeat scroll 0 -410px;
    width: 275px;
    height: 70px;
}
.onfucus{
	background-position:0 -295px; 
	color:#000;
}
.onblur{
	background-position:0 0; 
	color:#a09f9f;
}
.onfucus_y{
	background-position:0 -343px; 
	color:#000;
}
.onblur_y{
	background-position:0 -48px;	
	color:#a09f9f;
}
.onfucus_p{
	background-position:0px -580px;
	color:#000;
}
.onblur_p{
	background-position:0 -96px;	
	color:#a09f9f;
}
.passwordHelp{
	float:left;
	display:inline-block;
    background: url("/icbc/abroadperbank/HK/images/login_icons.png") no-repeat scroll -526px -297px;
    width: 23px;
    height: 25px;
    cursor:pointer;
    z-index:100;
}
#footer {
    background: url("images/foot_bg.jpg") no-repeat scroll center top;
    height: 46px;
    width: 100%;
}
.foot_jy {
    background: url("images/foot_jy.jpg") no-repeat scroll center top;
    height: 101px;
}
.pos{
	position:absolute;
	left:40px;
	z-index:1;
	display:none;
}
.wrapper{
	width:990px;
	margin:0 auto;
}
.wrapper a{
	float:right;
	margin:15px 20px 0 0;
}
.dialog p{
	text-align: left;
}
#bg{background-color:#666;position:absolute;z-index:99;left:0;top:0;display:none;width:100%;height:100%;opacity:0.5;filter: alpha(opacity=50);-moz-opacity: 0.5;}
.important_tips {
	position:fixed;
	top:10px !important;        
    width: 850px;
    border: 1px solid #323232;
    border-radius: 5px;
    box-shadow: 0px 0px 5px #000;
    background: #FFF;
    z-index: 200;
    margin:40px;
}
.risk_title{
	display:inline-block;
	text-align:center;
	width:100%;
	height:46px;
	line-height:46px;
	background: url("/icbc/abroadperbank/HK/images/riskTitle.png") repeat-x;
}
.important_tips p.tip_paragraph{
	color:#666;
	padding:0 10px 12px 10px;
}
.tips_close{
	display:block;
	width:25px;
	height:25px;
	float:right;
	margin:10px;
	line-height:25px;
	color:#a2a2a2;
	background:#f4f4f4;
	border:1px solid #a2a2a2;
	text-align:center;
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
	border-radius:50px;
}
.risk_title a:hover{
	color:#fff;
	background:#cf1818;
}

.risk_title P{
	
}

/*------2015-5-8---------*/
.iframe{width:960px; margin:0 auto;}
.fontstyle_new{line-height:40px; color:#fff; font-weight: normal;padding-left:25px; background: url("/icbc/abroadperbank/HK/images/bg_lg.png") no-repeat; width:400px; height:48px;}
/*.P25{padding:25px;}
*/
.main_login{margin:25px auto;padding-left:20px;}
.MT20{margin-top:20px;}
.MT25{margin-top:25px;}


.choose_servion a{border:1px solid #c6c6c6; background:#ffffff; padding:8px 36px; margin:0px 30px; display:inline-block;}
.choose_servion a.red_bd ,.choose_servion a:hover{border:1px solid #bc0716; color:#bc0716;background:url("../../images/jianyue.png") no-repeat right bottom #ffffff;}

.head_msg{color:#666666;}
.head_msg .notice{height:30px; line-height:30px;border:1px solid #ebebeb; background-color:#f4f4f4;}
.banknotice .image3{
	display:inline-block;
	background: url("/icbc/abroadperbank/HK/images/zyts_icons.png") no-repeat 0px 4px;
	height:30px;
}
.tip-green{border: 2px solid #f00;}

.noticeNew{position:relative; height:32px;overflow:hidden; }
.noticeNew .menuinfo{top:0px;background-color:#f4f4f4;border:1px solid #ebebeb;padding-left:10px; width:948px; line-height:30px; height:30px;}
.banknotice .image1{
	background:url(/icbc/abroadperbank/HK/images/notice1.png) center no-repeat;
}
.banknotice .image2{
	background:url(/icbc/abroadperbank/HK/images/notice2.png) center no-repeat;
}
.slide{
	position:relative;
	width:648px;
	height:160px;
	overflow:hidden;
}