/*
 * 126免费邮首页
 * 2009-7-3 Sunji
 */

/* reset */
html,body{height:100%;}
body{background:#fff;line-height:1.666em; background:#65b9c8;}
body,input,select,button{font-family:verdana,simsun,sans-serif;}
body,select,input,textarea,button,h1,h2,h3,h4,h5,h6,table{font-size:12px;}
body,h1,h2,h3,h4,h5,h6,ul,ol,li,form,p,dl,dt,dd,table,th,td,img,blockquote{margin:0;padding:0;border:0;}
input,button,textarea,img{line-height:normal;}
abbr,acronym,address,cite,q,em,code,var,dfn,ins{font-style:normal;text-decoration:none;border:0;}
q:before,q:after{content:"";}
ul,ol{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
select,input,button,button img,.btn{vertical-align:middle;}
.ipt-c,.ipt-r{width:16px;height:16px;padding:0;margin:0 3px 0 0;overflow:hidden;}
.no-ime{ime-mode:disabled;}
.ipt-b,
.btn{font-weight:bold;font-size:14px;cursor:pointer}
.ipt-b{border:0;background:0;padding:0;;}
.btn{text-align:center;}
a{color:#086c73; text-decoration:none;}

.intro li a{ color:#fff;}
/* background */
.bdkdd{ width:100%; background:#fff;}

.page{position:relative;height:100%;/*min-height:650px;min-width:930px;*/}

.head{margin:0 35px;padding:18px 0 0;text-align:right;position:relative;z-index:2;}
.head,
.head a{color:#9C9C9C;text-decoration:none;}
.head a:hover{text-decoration:underline;}

.content{width:1000px;/*margin:auto;*/position:absolute;z-index:1;left:50%;top:59%;margin:-315px 0 0 -500px;}


	.domain{font-size:14px;color:#8E8E8E;margin-left:10px;width:80px;height:13px;background-position:-216px -36px;display:-moz-inline-box;-moz-box-align:center;display:inline-block;vertical-align:middle;}
	.domain span{display:none;}
	.lb{font-size:14px;float:left;width:42px;line-height:30px;margin-right:10px;_margin-right:7px;}

	.ipt-t{font-size:16px;color:#454545;font-weight:bold;border:1px solid #737373;padding:3px 2px 2px;width:203px;height:22px;background-position:0 -72px;margin-right:-5px;}
	.ipt-t-focus{background:#000;}

	.ipt-b{width:90px;height:31px;color:#373737;}
	.ipt-b{background-position:0 -180px;}
	.ipt-b-hover{background-position:0 -216px;}

	
	
	.autologin{margin-right:15px;}
	#autoLoginDiv{ position:absolute; width:180px; background-color:#ffefa4; border:1px #FF9900 solid; left: 592px; top:287px; text-align:left; padding:5px; line-height:150%; color:#dc6800; display:none;}
	.foget{font-size:14px;margin-left:10px;}
	.err{margin-left:5px;color:#f00;}
	.reg{margin-top:25px;padding-top:25px;border-top:1px solid #e0e0e0;width:285px;margin-left:51px;font-size:14px;}
	.reg span,
	.reg .btn{float:left;line-height:31px;text-decoration:none;}
	.reg span{margin-right:10px;color:#5d5d5d;}
	

	.intro{width:1000px;height:510px;float:left;}
	.intro .introtxt{visibility:hidden;position:absolute;top:0;left:0;font-size:14px;line-height:30px;color:#848484;}
	.intro li{background-position:0 -256px;padding-left:20px; color:#cadeff; font-family: "微软雅黑";}

		/* WebIM */
		.intro-0{background:url(images/bg0.jpg) no-repeat;}
		.intro-0 .introtxt-0{top:305px;visibility:visible;}

		/* 一箱多能 */
		.intro-1{background:url(../Images/Log/promPic.jpg) no-repeat;  margin-top:32px}
		.intro-1 .introtxt-1{top:400px;visibility:visible;}


.footer{position:absolute;left:0;bottom:0;/* ie8 bug */width:100%;}

	.zxdt{/*margin:0 6% 30px;*/ width:960px;margin:0 auto 30px; height:33px;overflow:hidden;line-height:31px;background-position:0 -108px;background-repeat:repeat-x;}
	.zxdt h3{float:left;letter-spacing:2px;font-size:14px;text-align:center;color:#fff;width:111px;height:33px;background-position:0 -144px;}
	.zxdt h3 a{color:#fff;text-decoration:none;}
	.zxdt .end{float:right;width:16px;height:33px;background-position:-111px -144px;}
	.zxdt ul{margin:0 76px 0 171px;}
	.zxdt li{float:left;display:inline;text-align:center;width:32%;height:33px;overflow:hidden;}
	.zxdt li.more{width:8%;text-align:right;+line-height:30px;}
	.zxdt li a{color:#737373;text-decoration:none;}
	.zxdt li a{padding-left:13px;background-position:-252px -5px;+background-position:-252px -8px;}
	.zxdt a:hover{text-decoration:underline;}

	.copyright{height:38px;line-height:38px;background:#f3f3f3;text-align:center;}
	.copyright,
	.copyright a{color:#9C9C9C;text-decoration:none;}
	.copyright a,
	.copyright span{margin:0 5px;}
	.copyright a:hover{text-decoration:underline;}
	
	
	.header {
    height: 66px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 1000px;
    z-index: 2;
}
.headerLogo {
    left: 30px;
    top: 8px;
}
.headerIntro {
    background-position: 0 -64px;
    display: block;
    height: 28px;
    left: 194px;
    top: 17px;
    width: 144px;
	background-image:url("../images/bg_v3.png");
}
.headerNav {
    color: #cfd0d0;
    right: 50px;
    text-align: right;
    top: 21px;
}
.headerNav a {
    display: inline-block;
    padding-left: 13px;
	color:#959595;
	text-decoration:none;
}
.headerNav .last {
    padding-left: 0;
}
input, button, select, img{line-height:normal; margin:0;}
.unvisi{ visibility:hidden;}
.headerLogo, .headerIntro, .headerNav, .footerLogo, .footerNav, .formIpt, .domain, #whatAutologinTip, #mobtips, #mobtips_arr, #mobtips_close{position:absolute;}
.ico-new{background:url("../images/new.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); display:block; height:12px; width:19px;}
.tab-2{background-position:-323px 0 !important}
.login {
    background: url(../Images/Log/login_v5.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 410px;
    left: 50%;
    margin-left: 90px;
    padding: 13px 14px 15px;
    position: absolute;
    text-align: left;
    top: 50px;
    width: 295px;
    z-index: 2;
}.loginFunc {
    clear: both;
    height: 47px;
    overflow: hidden;
    width: 100%;
}.loginFuncNormal, .loginFuncApp {
    color: #626262;
    float: left;
    font-size: 14px;
    height: 100%;
    line-height: 46px;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 148px;
}
.loginFuncApp {
    background: url(../Images/Log/icon_code.png) no-repeat scroll 25px 14px rgba(0, 0, 0, 0);
    border-right: medium none;
    padding-left: 15px;
    width: 132px;
}
.loginForm {
    padding-top: 30px;
    position: relative;
}
#fmlog{height:280px;}
.loginFormIpt {
    background-position: 0 -352px;
    clear: both;
    height: 42px;
    line-height: 42px;
    margin: 0 0 20px 25px;
    padding-right: 5px;
    position: relative;
    width: 240px;
    z-index: 2;

}
.loginFormIpt_a {
    background-position: 0 -405px;
    clear: both;
    height: 42px;
    line-height: 42px;
    margin: 0 15px 20px 25px;
    position: relative;
    width: 150px;
    z-index: 2;
	float:left;

}
.loginFormIpt-focus
{
    box-shadow:0 0 5px rgba(0, 0, 175, 0.5);   
}
.loginFormIpt-focus:hover
{
    box-shadow:0 0 5px rgba(0, 0, 175, 0.5);   
}
.yzmtp{ width:60px; height:30px; float:left; background:#000; }
.themeCtrl a,.loginFormIpt_a, .loginFormIpt, .headerIntro, .verify-input-line, .themeText li,.ico, .btn, .btn-moblogin, .locationTestTitle, .verSelected, .servSelected, .locationTestTitleClose, #extText li, #mobtips_arr, #mobtips_close{background-image:url("http://mimg.127.net/index/163/img/2013/bg_v3.png");}
.loginFormIpt .ico {
    left: 9px;
    position: absolute;
    top: 13px;
    z-index: 1;
}
.formIpt {
    background: none repeat scroll 0 0 transparent !important;
    border: medium none;
    color: #333;
    font-family: verdana;
    font-size: 14px;
    font-weight: 700;
    height: 21px;
    ime-mode: disabled;
    left: 28px;
    line-height: 21px;
    padding: 9px 0 10px;
    top: 1px;
    width: 205px;
}
.formIpt_a
 {
    background: none repeat scroll 0 0 transparent !important;
    border: medium none;
    color: #333;
    font-family: verdana;
    font-size: 14px;
    font-weight: none;
    height: 21px;
    ime-mode: disabled;
    left: 28px;
    line-height: 21px;
    padding: 9px 0 10px;
    top: 1px;
    width: 105px;
    text-indent: 20px;
}
.showPlaceholder .placeholder {
    cursor: text;
    visibility: visible;
}
.placeholder {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #c9c9c9;
    font-size: 14px;
    left: 30px;
    line-height: 14px;
    position: absolute;
    top: 14px;
    visibility: hidden;
}

.headerLogo, .headerIntro, .headerNav, .footerLogo, .footerNav, .formIpt, .domain, #whatAutologinTip, #mobtips, #mobtips_arr, #mobtips_close{position:absolute;}
.ico-uid{background-position:-154px -64px;height:16px; width:14px;}

.ico-pwd {
    background-position: -178px -64px;
    height: 16px;
    width: 14px;
}

.loginFormCheck {
    clear: both;
    color: #555;
    height: 14px;
    line-height: 14px;
    margin-left: 25px;
    position: relative;
    width: 245px;
    z-index: 1;
}
.loginFormCheckInner {
    float: left;
    line-height: 13px;
    position: relative;
    width: 150px;
}
.ico-checkbox {
    background-position: -40px -160px;
    cursor: pointer;
    display: inline-block;
    height: 13px;
    vertical-align: middle;
    width: 13px;
}

#remAutoLoginTxt, .forgetPwd {
    color: #848585;
}
#remAutoLogin {
    left: 0;
    position: absolute;
    visibility: hidden;
}
.loginFormCbx {
    height: 13px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    vertical-align: middle;
    width: 13px;
}
.forgetPwdLine {
    text-align: right;
}
.loginFormBtn {
    height: 38px;
    margin: 18px 0 0 25px;
    position: relative;
    width: 245px;
}
.btn-login {
    background-position: 0 -208px;
}
.btn-login:hover {
    background-position: 0 -256px !important;
}
.btn-login-active {
    background-position: 0 -304px;
    color: #b5d1ee;
}
.btn-reg {
    background-position: -117px -208px;
    float: right !important;
}
.btn-reg-hover {
    background-position: -117px -256px;
    color: #347bc7;
}
.btn-reg-active {
    background-position: -117px -304px;
    color: #6d798c;
}
.btn-main {
    box-shadow: 0 2px 5px rgba(0, 28, 88, 0.3);
    color: #fff;
}.btn {
    background-color: transparent;
    border: 0 none;
    cursor: pointer;
    display: inline-block;
    float: left;
    font-size: 14px;
    font-weight: 700;
    height: 38px;
    line-height: 38px;
    outline: 0 none;
    padding: 0;
    text-align: center;
    vertical-align: baseline;
    width: 110px;
}
.ext {
    height: 38px;
    overflow: hidden;
	padding:6px 55px 0 25px;

	}
	.loginFormBtn a{	text-decoration:none;}
#extText{ line-height:20px;}	
	
#extText li{background-position:-240px -118px;background-repeat:no-repeat;padding-left:7px;}
#extText li a{color:#9bacc6}

	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	