/* CSS Document */
body{
	FONT-SIZE: 12px; 
	COLOR: #000000; 
	TEXT-DECORATION: none;
	BACKGROUND-COLOR: #ffffff;
	margin:0;
	padding:0;
/* 	background:url(/epassc/images/bg.jpg) center top no-repeat; */
	font-family:Microsoft yahei;
}
a{  
	font-size: 12px; 
	color: #000000; 
	text-decoration: none
}
a:hover {  
	font-size: 12px; 
	color: #CC0033; 
	text-decoration: underline
}
h3{
	font-size:20px;
}
h5{
	font-size:12px;
}
big{
	font-size:20px;
}

/*td {
	FONT-SIZE: 12px; 
	TEXT-DECORATION: none; 
	line-height:18px;
}*/

#tooltip2 td,#tooltip3 td{
	FONT-SIZE: 12px; 
	TEXT-DECORATION: none; 
	line-height:18px;
}

.font-top-link {
	font-family:Microsoft yahei;
	}

a.link_top:link {
	COLOR: #000000; TEXT-DECORATION: none;
}
a.link_top:visited {
	COLOR: #000000; TEXT-DECORATION: none;
}
a.link_top:hover {
	COLOR: #BC001F; TEXT-DECORATION: underline;
}
a.link_red:link {
	COLOR: #BA0403; TEXT-DECORATION: none; 
}
a.link_red:visited {
	COLOR: #BA0403; TEXT-DECORATION: none;
}
a.link_red:hover {
	COLOR: #000000; TEXT-DECORATION: underline;
}
.icbc-logo{
	width: 100%;
	height: 100%;
	background:url(/epassc/images/icbc-logo.png) no-repeat;
}
.table-top{
	width:889px;
	border:0;
}
.table-middle{
	width:889px;
	border:0;
}

.table-bottom{
	 border:0;
	 width:883px;
	 height:49px;
	 background:url(/epassc/images/footer.png) no-repeat;
	
}
.table-bottom td {
	FONT-SIZE: 12px; 
	TEXT-DECORATION: none; 
	line-height:18px;
}


#rightArea{
	float:left;
	width: 348px;
	height:517px;
	top:0;
	left:0;
	padding:0;	
	margin:0;
/* 	margin:-182px,0,0,-174px; */
/* 	position:relative; */
/* 	border:1px solid #ccc;  */
/* 	-moz-border-radius:15px; */
/* 	-webkit-border-radius:15px; */
	
}
.adArea{
	width:520px;
	height:315px;
	position:relative;
	float:left;
}
.adArea img{
	border-style:none;
	width:520px;
	height:315px;
}
.adArea ul{
	list-style-type:none;
	margin:0px;
	padding:0px;
}
.adArea ul li{
	display:none;
	width:520px;
	height:315px;
	background: url(/epassc/images/loader.gif) center center no-repeat;
}

#loginArea{
	width:370px;
	height:520px;
	position:relative;
	padding:0;
}
#loginAreaAPI{
	width:370px;
	height: 100%;
	position:relative;
	padding:0;
}

#certLogoinArea{
	width:370px;
	height:160px;
	position:relative;
	float:left;
	margin-left:0;
	padding:0;
}
/* login area*/
.login-title{
	height: 25px;
	font-size: 16px;
/* 	position: relative; */
	font-weight:bold;
	color:#323232;
	/*margin: 10px 8px 30px 8px;*/
	font-family:Microsoft yahei;
	margin: 0;
	margin-left: 0;
/* 	padding:4px,0,7px,20px; */
/* 	background-color:#DCDCDC; */
	
}

#certLoginContent{
	width: 370px;
	height: 216px;
	position: relative;
	font-family:Microsoft yahei;
/* 	border:1px solid #dcdcdc; */
/* 	box-sizing:border-box; */
	background: url(/epassc/images/logon-area3.png) top left no-repeat;
}
#loginContent{
	width: 370px;
	height: 300px;
	position: relative;
	margin-top: 20px;
	font-family:Microsoft yahei;
	box-sizing:border-box;
	background: url(/epassc/images/logon-area2.png) top left no-repeat;
	
}
.other-link{
	width: 420px;
	height: 20px;
	position: relative;
	font-family:Microsoft yahei;
	FONT-SIZE: 12px;
	color:#323232;
	left:70px;
	}
.input-area{
	position: relative;
	height: 30px;
/* 	padding-left:34px; */
	left:0;
/* 	margin:10px 0 0 11px; */
}

.link-pwd{
		color:#5aa5ff;
		text-decoration: none;
		position: absolute;
		margin:0;
		right:0;
}

.label-area{
	position: relative;
	height: 20px;
	font-weight:bold;
	
/* 	padding-left:34px; */
	margin-top:0px;
	margin-bottom:5px;
	margin:10px 0 0 11px;
	left:0;
	margin-left:0;
}
.input-label{
	position:left;
	/*text-align:right;
	float:left;
	height:28px;
	line-height:28px;
	width:72px;*/
	height:16px;
	line-height:16px;
	font-size:12px;
	margin-bottom:2px;
	color:#666666;
	font-weight:bold;
}

.input-area-btn{
	text-align:center;
	margin-bottom:8px;
	margin-left:0;
	
}

.place-holder{
	position: absolute;
	top: 10px;
	left: 10px;
	font-size: 14px;
	line-height: 16px;
	color: #000;
	cursor: text;
}
.place-holder-alias{
	color:#8D8686;
}
.place-holder-focus{
	color:#ddd;
}
.input-wrapper-uin{
	height: 30px;
	width: 370px;
	
	/*float:left;*/
	position: relative;
	border:1px solid #ccc;
	box-sizing:border-box;
	margin-right: 1px;
	
}
.input-wrapper-pwd{
	/*background: url(/epassc/images/pwd.png) no-repeat;*/
	width: 370px;
	height: 30px;
	position: relative;
	float: left;
	margin-right: 1px;
	overflow:hidden;
}
.tip-img{
	float:left;
	border:0;
}
.tip-link{
	font-size: 12px;
	margin: 0 15px 0 0;
	float:right;
}
.tip-link a{
	color:#5aa5ff;
	TEXT-DECORATION: underline;
	cursor:pointer;
	
}
.input-wrapper-vcode{
	width: 370px;
	height: 30px;
	/*background: url(/epassc/images/vcode.png) no-repeat;*/
	position: relative;
	float: left;
	overflow:hidden;

}
.pwd-obj-wrapper{
	position: relative;
	left: 64px;
	top: 5px;
}
.vcode-obj-wrapper{
	width: 44px;
	height: 
	position: relative;
	left: 51px;
	top: 5px;
}
.vcode-img-wrapper{
	position: relative;
	width: 85px;
	height: 30px;
	float: left;
	margin-left:2px;
	display:none;
}
.input-wrapper-mode{
	width:200px;
	height:30px;
}
.input-wrapper-mode .radio-btn{
	display: block;
	width: 75px;
	height: 30px;
	cursor: pointer;
	position: relative;
	line-height: 30px;
	padding-left: 8px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: #000;
	TEXT-DECORATION: none;
}
.input-wrapper-mode #standardMode{
	float:left;
}
.input-wrapper-mode #simpleMode{
	float:right;
}

#modeSelect {
	height:40px;
}
.unchecked{
	background: url(/epassc/images/unchecked.png) no-repeat;
	background-position:left center;
}
.checked{
	background: url(/epassc/images/checked.png) no-repeat;
	background-position:left center;
}
.input-style{
	width:370px;
/* 	position: relative; */
	top: 4px;
	left: 2px;
	height: 20px;
	line-height: normal;
	border: none;
	background: none;
	font-size: 16px;
	outline: none;
}
.input-btn-wrapper {
	width:370px;
	height:30px;
	line-height:35px;
	margin-top:5px ;
	margin-left:0 ;
/* 	background-color:#c7000B; */
	color:#ffffff;
	font-size:18px;
	font-weight:bold;
	font-family:Microsoft yahei;
}
.input-btn-wrapper1 {
	width:370px;
	height:30px;
	line-height:35px;
	margin-top:60px ;
	margin-left:0 ;
/* 	background-color:#c7000B; */
	color:#ffffff;
	font-size:18px;
	font-weight:bold;
	font-family:Microsoft yahei;
}
.clickable-btn {
	background: url(/epassc/images/logon-btn.png) center center  ;
	text-decoration:none;
	cursor:pointer;
}
.click-btn {
	background: url(/epassc/images/logon-btn-click.png) center center;
}
#downArea{
	overflow-y: hidden;
	position: relative;
	top: 12px;
	left: 24px;
}

.quick-menu-box{
	box-sizing:border-box;
	width:140px;
	position: relative;
	float: left;
}
.quick-menu-title{
	height:30px;
	line-height:30px;
	font-size:20px;
	font-weight:bold;
	padding-left: 30px;
	color:#666363;
}
.assist{
	background:url(/epassc/images/assist.png) no-repeat
}
.security{
	background:url(/epassc/images/security.png) no-repeat
}
.regist{
	background:url(/epassc/images/regist.png) no-repeat
}
.more{
	background:url(/epassc/images/more.png) no-repeat
}
.quick-menu-content{
    padding-left: 10px;
}	
.vertical-line{
	height: 70px;
	position: relative;
	float: left;
	width: 1px;
	background-color: gray;
}
.quick-menu-list{
	margin: 0 0px 0 22px;
	padding: 0;
}
.quick-menu-list li{ 
	list-style-image:url(/epassc/images/li.png);
	list-style-position:outside;
	line-height: 18px;
	font-size:12px;
}
.dowload-tool-tip{
	position: relative;
	float: left;
	width:237px;
	height:102px;
	margin: auto 26px;
	background:url(/epassc/images/icbc-assist-tip.png) no-repeat;
	overflow:hidden;
}
.inner-tip-wrapper{
	position: relative;
	color: #666363;
	font-size: 13px;
	width: 200px;
	height: 40px;
	top: 50%;
	left: 50%;
/* 	margin: -5px 0 0 -100px; */
}
.inner-tip-wrapper img{
	vertical-align:bottom;
}

.username{
	margin-top:20px;
	background: url(/epassc/images/username.png) center left no-repeat;
}
.password{
	background: url(/epassc/images/password.png) center left no-repeat;
}
.verifycode{
	background: url(/epassc/images/verifycode.png) center left no-repeat;
}
.certTip{
	font-size: 14px;
	text-align: center;
	color: #323232;
	margin-top:40px;
	font-family:Microsoft yahei;
}

.reset-link{
	margin-top:10px;
	text-align:center;
	
	}
.reset-link-item{
	color:#053fdc;
	}
.safeTip{
	padding: 10px 0 0 18px;
	text-align:left;
	FONT-SIZE: 12px;
	color:#323232;
	font-family:Microsoft yahei;
	margin-bottom:-12px;
	}
.hori-line{
	overflow:hidden;
	margin:6px 0 0 25px;
	width:295px;
	height:1px;
	background-color: #d5d5d5;
	
}

.other-link-item{
	float:left;
	margin-top:0;
	margin-right:10px;
	margin-bottom:18px;
	padding-left:10px;
	padding-right:16px;
	padding-top:0px;
	color:#323232;
	font-family:Microsoft yahei;
	background:url(/epassc/images/arrow.png)  left no-repeat;	
}
.main-tip{
	position:relative;
	width:470px;
	height:110px;
	line-height:2;
	FONT-SIZE: 12px;
	color:#323232;
	font-family:Microsoft yahei;
	margin: 15px 0 0 23px;
		}
.errors{
		color:#ff737c;
		font-weight:bold;
		background-color:#ffe6e9;
		border:1px solid #ff737c;
		padding:10px 5px 5px 34px;
		word-wrap: break-word;
		margin-bottom:5px;
		margin-left:0;
		background-image:url(/epassc/images/tips.png);
		background-repeat:no-repeat;
	 	background-position:6px 6px; 
	 	background-size: 16px 16px;
		visibility:hidden;
}
.inputnew-style{
	width:370px;
/* 	position: relative; */
	top: 4px;
	left: 2px;
	height: 25px;
	line-height: normal;
	border: none;
	background: none;
	font-size: 16px;
	outline: none;
}