@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;
}
.fontstyle_new{
	color:#fff;
	font-size:18px;
	margin-bottom:12px;
}
.fontstyle2{
	color:#ccc;
	font-size:12px;
	margin:10px 0;
	letter-spacing:-0.5px;
}
.fontstyle2 a{
	color:#fff;
	font-size:12px;
	text-decoration:underline;
}
.fontstyle2 a:hover{
	text-decoration:none;
}
.fontstyle1{
	color:#a3a2a5;
	font-size:16px;
	padding-left:10px;
	font-family: 'Microsoft YaHei', 'SimSun';
}
.ocx_style a{
	margin:0 !important;
	padding:0;
	display:inline-block;
}
.fontloginstyle{
	color:#A09F9F;
	font-size:14px;
	/*margin:10px 4;*/
	float:left;
	line-height:28px;
}
body {
	height:100%;
	width:100%;
	background:url("../../skins/default/images/mainBg.jpg") no-repeat scroll center -40px #f4f9fd;
	font-family: 'Microsoft YaHei', 'SimSun';
}
.loginPanel{
	width: 100%; 
	
}
.top{
	/*position:fixed;
	top:0;
	left:0;
	z-index:100;*/
	width:100%;
	
}
.top_panel{
	background:#000;
	height:38px;
	line-height:38px;
	
}
.top_panel .top_link{
	width:990px;
	padding-left:20px;
}
.top_panel .top_link a{
	display:inline-block;
	font-size:12px;
	background:#000;
	height:38px;
	width:82px;
	text-align:center;
	color:#fff;
	border-right:1px solid #999;
}
.header{
	background:url(images/login_header_bg.gif) repeat-x;
	width:100%;
	height:58px;
	line-height:58px;	
}
.header .logo, .wrapper .login_container{
	width:990px;
}
.header .logo img{
	/*vertical-align:middle;*/
}
.wrapper{
	width:990px;
	margin-top:15px;
	background:#fff;
	padding-top:20px;
	min-height:460px;
}
.ad{
	position:relative;
	float:left;
	width:670px;
	height:350px;
}
.banner_tip{
	position:absolute;
	background:url(images/login_tip_bg.png) no-repeat;
	padding-left:20px;
	width:670px;
	bottom:0;
	left:0;
	color:#FFF;
	font-size:24px;
	height:60px;
	line-height:60px;
}
.formArea{
	float:left;
	margin-left:8px;
	background:url(images/loginBg.png) repeat;
	width:310px;
	height:350px;
}
.inputArea{
	margin:12px 25px;
}
.u_focus, .p_focus, .captchaInput{
	display:inline-block;
	background:#fff;
	height:40px;
	line-height:40px;
	padding-left:10px;
	font-size:14px;
	font-family: 'Microsoft YaHei', 'SimSun';
	z-index: -1;
}
.u_focus{
	background-position:0 0;
	width:210px;
}
.p_box{
	position:relative;
}
.p_box a{
	display:block; 
	margin-top:5px;
	font-size: 14px;
	color:#fff;
	text-decoration:underline;
}
.p_box a:hover{
	text-decoration:none;
}
.word{
	position:absolute;
	left:50px;
	top:10px;
	color:#999999;
}
.p_focus{
	background-position:0 -48px;
	width:210px;
}
.captchaInput{
	float:left;
	background-position:0 -96px;
	width:98px;
	ime-mode: disabled;
	margin-right:18px;
}
.verifyImg{
}
.loginBtn{
	display:block;
	background:url(images/login_icons.png) no-repeat;
	background-position:0 -156px;
	width:250px;
	height:40px;
	line-height:40px;
	padding-left:10px;
	z-index: -1;
}
.regist{
	color:#1fded7;
}
.safeHint{
	width:650px;
}
.safeHint a{
	background:url(images/login_safeHint_bg.png) no-repeat;
	display:inline-block;
	height:106px;
	width:77px;
	margin:20px 0 40px 0;
}
.safeHint .icon_logon_img{
	background-position:0 0 ;
	margin-right:110px;
}
.safeHint .icon_safe_img{
	background-position:-184px 0 ;
	margin-right:110px;
}
.safeHint .icon_ask_img{
	background-position:-374px 0 ;
	margin-right:110px;
}
.safeHint .icon_first_img{
	background-position:-560px 0 ;
}
.links{
	width:490px;
	text-align:center;
	
}
.links a{
	font-size:16px;
	margin:0 15px;
}
.links a:hover{
	text-decoration:underline;
}
.footer{
	width:100%;
	height:40px;
	line-height:40px;
	background:#e6f2ff;
	border-top:1px solid #d7d7d7;
	/* margin-top:12px; */
	text-align:center;
	color:#a3a3a5;
}
.footer span{
	margin-right:15px;
}
/*.ocx_style{
	width:155px;
	height:25px;
	position: absolute;
    margin-left: 2px;
    margin-top: 10px;	
}*/
.ocx_style {
    height: 40px;
    /* left: 40px;*/
    line-height: 40px;
   /* padding-top: 5px;*/
    padding-left: 8px;
   /* position: absolute;*/
   /*  top: 0;*/
    width: 219px;
	*width:211px; 
	width:211px\0;
}
.errortip, .error_info{
	/*position:absolute;
	top:8px;
	left:45px;
	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;
}*/
.ocx_style:focus, input:focus{
	border-color:#7dbcec;
	outline:0;
	/* outline:thin dotted \9; */
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(82,168,236,0.6);
	-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(82,168,236,0.6);
	box-shadow:inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(82,168,236,0.6);
	color:#999;
 }
.bg_lg, .bg_Pg, .bg_Yg{
	display:inline-block;
	width:40px;
	height:40px;
	background:url(images/login_icons.png) no-repeat;
	float:left;
}
.bg_Pg{
	background-position: 0 -48px;
}
.bg_Yg{
	background-position: 0 -96px;
}
/* .spanBg {
    background: none repeat scroll 0 0 #fafafa;
    border: 1px solid #fafafa;
    color: #999;
    display: inline-block;
    font-family: 'Microsoft YaHei','SimSun';
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    outline: medium none;
    padding-left: 10px;
    width: 260px;
} */
.inputTable{
	margin-bottom:15px;
}
.op-label{
	font-size:12px;
	color:#666;
	
}
.buttonArea {
	width:100%;
    margin:0 0 30px 0;
	padding:30px 0 0 0;
	text-align:center;
}
.op-itemN{
	padding-bottom: 10px;
    padding-left: 100px;
	clear:both;	
	line-height:30px;
}
.op-item{
	font-size:12px;
	color:#666;
}
.level_yellow, .level_green, .level_red{
	display: inline-block;
    font-size: 0;
    height: 20px;
   /*  vertical-align: middle; */
    width: 100px;
}
.level_yellow {
    background: url("images/level_yellow.png") no-repeat scroll 0 0 ;
}
.level_green {
    background: url("images/level_green.png") no-repeat scroll 0 0 ;
}
.level_red {
    background: url("images/level_red.png") no-repeat scroll 0 0 ;
}
.agreement{
	border:1px solid #ccc;
	color: #666;
}
.agreement h1{
	 font-size:20px;
	 text-align:center;
	 padding:10px;
}
.agreement ul{
	text-indent: 22px;
	padding-bottom:20px;
}
.content p {
    text-indent: 22px;
    line-height:20px;
}
.content ul li{
	line-height:20px;
}
#footer{
	border-top:none;
	color:#fff;
}
.mar20{
	color: #666;
	margin:10px 48px;
}
#mainPay{
	width:1050px;
	margin:0 auto;
}
.mainPayContainer{
	margin-top:30px;
}
.panelLeft{
	background: url("images/panelLeft.jpg") no-repeat scroll 0 0 ;
	width:430px;
	/* height:473px; */
	float:left;
	margin-right:30px;
	padding:150px 0 150px 120px;
}
.panelRight{
	background: url("images/panelRight.png") no-repeat scroll 0 0 ;
	width:450px;
	height:400px;
	float:left;
	margin-top:30px;
	padding:90px 0 0 0;	
}
.itemPay{
	margin-bottom:8px;	
	line-height:30px;
}
.itemPay img{
	margin-left:10px;
	border:1px solid #D3E3FA;
}
.itemPaySpan, .itemPayInput{
	display: inline-block;
	color:#666;
	text-align:right;
	width:100px;
}
.itemPaySpan{
	margin-right:20px;	
}
.itemPayInput{
	margin-right:10px;	
}
.orange{
	color:#f0650e;
}
.fontSize{
	font-size:24px;
}
.pay20{
	margin-bottom:15px !important;	
}
/* .payWidth{
	width:230px !important;	
} */
.ml115{
	margin:0 0 0 110px;
	clear:both;
	font-size:12px !important;	
}
.btn{
	clear:both;
	padding-top:30px;
}
.payBtn{
	display:block;
	background:url(images/login_icons.gif) no-repeat;
	background-position:0 -206px;
	width:235px;
	height:40px;
	line-height:40px;
	padding-left:10px;
	z-index: -1;
}
.mt30{
	margin-top:30px;
	
}
.mt50{
	margin-top:50px;
	
}
.payBtn:hover{
	background-position:-320px -205px;
}
.transactionBox .info{
	text-align:center;
}