/* reset */
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input, abbr, article, aside, command, details, figcaption, figure, footer, header, hgroup, mark, meter, nav, output, progress, section, summary, time{margin:0;padding:0;font-family:"Microsoft Yahei",arial,"Hiragino Sans GB",sans-serif;}
a{text-decoration:none;}
ul, ol, li{list-style:none outside;}
img{border:none;}
s{font-style:normal; text-decoration:none;}


/* global */
html, body{position:relative;z-index:1;height:100%;background:#f9f9f9; }
body{font-size:12px;font-family:"Microsoft Yahei",arial,"Hiragino Sans GB",sans-serif;-webkit-font-smoothing:antialiased;}


html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
a:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
a:hover,a:active{outline:0}
b,strong{font-weight:bold}
small{font-size:80%}
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
img{border:0}
h1, h2, h3, h4, h5, h6, form, div, p, i, img, ul, li, ol, table, tr, td,th, fieldset, 
label, legend,button,input { margin:0;padding:0;} 
li{list-style:none;} 
table, tr, td,th { font-size:14px; font-weight:bold; color:#666} 

 

.top{margin:auto; width:1000px; background:#FFF; height:160px;}
.logo{float:left; margin-left:100px;width:240px;height:48px; margin-top:64px;}
 

.main{margin:auto; width:1000px; background:#fff;height:720px;}
.main .content{margin:auto; width:790px; height:650px; border:#dfdfdf 1px solid;}
.main .content .title{padding:24px; width:740px; height:60px; font-size:22px; font-weight:500; color:#01aaeb; border-bottom:#dfdfdf 1px dashed}
.main .content .title a{color:#f90; font-size:12px; text-decoration:underline}
.main .content .title a:hover{color:#01aaeb; font-size:12px; text-decoration:none}
.main .content .title h1{font-size:12px; font-weight:lighter; color:#999999; line-height:40px;}
.main .content .message{padding:24px; margin:20px; width:700px;height:400px; border:#dfdfdf 0px solid;}
.bton{border:#dfdfdf 1px solid; background:url(images/btonbg.jpg) repeat-x; height:36px; width:auto; padding:0 12px; color:#666;}
.btony{border:#dfdfdf 0px solid; background-color:#F90; height:36px; width:auto; padding:0 36px; color:#fff; font-weight:bold;}
.note{ font-size:12px; font-weight:lighter; color:#f90} 
.inpureg{border:#dfdfdf 1px solid; background-color:#fcfcfc; height:32px; width:240px; padding:2px 8px; font-size:14px; color:#666} 


.main .menu{margin: auto; width:792px; height:40px; background:#01aaeb; margin-bottom:8px;}
.main .menu ul{list-style-position:outside;list-style:none;height:40px}
.main .menu ul li{list-style:none;display:block;height:40px; line-height:40px; width:auto; float:left; font-size:16px;text-align:center;font-family:"Microsoft Yahei"}
.main .menu ul li a:link{font-size:15px;  color:#ffffff; padding-Left:22px; padding-right:22px; text-decoration:none;  font-family:"Microsoft Yahei"}
.main .menu ul li a:visited{font-size:15px; color:#ffffff; padding-Left:22px; padding-right:22px;text-decoration:none; font-family:"Microsoft Yahei"}
.main .menu ul li a:hover{font-size:15px;  color:#fff; padding-Left:22px; padding-right:22px; text-decoration:underline;  font-family:"Microsoft Yahei"}



.main .success{margin:auto; width:790px; height:650px; border:#dfdfdf 1px solid; }
.main .success .title{padding:24px; margin-top:164px;width:94%; text-align:center; height:60px; font-size:22px; font-weight:500; color:#f90; border-bottom:#dfdfdf 0px dashed}
.main .success .title a{color:#f90; font-size:14px; text-decoration:underline}
.main .success .title a:hover{color:#01aaeb; font-size:14px; text-decoration:none}
.main .success .title h1{font-size:14px; font-weight:lighter; color:#666; line-height:46px;}




.topl{margin:auto; width:1000px; background:#FFF; height:160px;}
.logol{ margin:auto; width:244px;height:88px; padding-top:60px;}

.login{margin:auto; width:1000px; background:#fff;height:680px;}
.login .title{margin:auto; width:960px; padding:20px; height:102px; line-height:64px; text-align:center; font-size:36px; color:#666}
.login .title h1{font-size:14px; font-weight:lighter; color:#999999; line-height:68px;}
.login .inpu{margin:auto; width:960px; padding:20px; height:324px; line-height:24px; text-align:center; font-size:36px; color:#666}
.login .inpu .title{margin:auto; width:300px; padding:10px; height:56px; line-height:22px; text-align:left; font-size:15px; font-weight:bold; color:#666}
.login .inpu .forgot{margin:auto; width:300px; padding:10px 0; height:36px; line-height:36px; text-align:right; font-size:12px; color:#999}
.login .inpu .forgot a{font-size:12px; color:#01aaeb}
.login .inpu .forgot a:hover{font-size:12px; color:#f90; text-decoration:underline}
.login .inpu .account{margin:2px auto; background-color:#f5f5f5; width:300px; padding:8px 0; height:66px; line-height:24px; text-align:right; font-size:12px; color:#999}
.login .inpu .account h1{margin:0 auto; width:100%; padding-left:12px; height:24px; line-height:24px; text-align:left; font-size:12px; color:#999}
.login .inpu .account ul{margin:12px auto; width:300px; height:36px; line-height:24px; padding-left:6px; text-align:right; font-size:12px; color:#999}
.login .inpu .account ul li{float:left;  margin:0 6px; width:24px;}

.note{margin:auto; width:100%; padding:0px 0; height:auto; text-align:center; font-size:14px; }

 
 
.field-validation-error{color:red;line-height:18px; font-size:12px;}
.input-validation-error{color:red;border-color:red !important}


.facebook{background:url(images/auth.png) no-repeat scroll center -94px transparent; height:24px; width:24px; border:0px;}
.twitter{background:url(images/auth.png) no-repeat scroll center -64px transparent; height:24px; width:24px; border:0px;}
.google{background:url(images/auth.png) no-repeat scroll center -34px transparent; height:24px; width:24px; border:0px;}
.microsoft{background:url(images/auth.png) no-repeat scroll center -4px transparent; height:24px; width:24px; border:0px;}
.yahoo{background:url(images/auth.png) no-repeat scroll -2px -124px transparent; height:24px; width:28px; border:0px;}


.lobton{border:#dfdfdf 1px solid; background:url(../images/btonbg.jpg) repeat-x; height:36px; width:300px; padding:0 12px; color:#666;}
.lobtony{border:#dfdfdf 0px solid; background-color:#F90; height:36px; width:300px; padding:0 36px; color:#fff; font-weight:bold;}
.loinpu{border:#dfdfdf 1px solid; background-color:#fcfcfc; height:32px; width:280px; padding:2px 8px; font-size:14px; color:#666} 


/* details -> bottoms */
#bottoms{height:120px; margin:auto; width:1000px; background:#FFF}
#bottoms_contentsr{
	position:relative;
	z-index:1;
	overflow:hidden;
	zoom:1;
	margin:0 auto;
	min-width:960px;
	width:98%;
	max-width:1258px;
	height:60px;
	border-top:#dfdfdf 0px solid
}
#bottoms_contentsl{
	position:relative;
	z-index:1;
	overflow:hidden;
	zoom:1;
	margin:0 auto;
	min-width:960px;
	width:98%;
	max-width:1258px;
	height:60px;
	border-top:#dfdfdf 1px solid
}
#bottoms_lang{
	width:345px;
	height:30px;
	margin:auto;
	text-align:center;
	color:#747a85;
	font-size:12px;
	line-height:24px;
	margin-top:24px;
	background-position:0 50%;
	background-repeat:no-repeat;
	background-image:url(wf_lang.jpg);
	background-image:-webkit-image-set(
	  url(wf_lang.jpg) 1x,
		url(wf_lang@2x.jpg) 2x
	);
}
#bottoms_lang span.lang_gray{color:#999999;}
#bottoms_nav{
	width:530px;
	height:60px;
	float:right;
	position:relative;
	background-position:100% 50%;
	background-repeat:no-repeat;
	background-image:url(wf_blue_logo.png);
	background-image:-webkit-image-set(
	  url(wf_blue_logo.png) 1x,
		url(wf_blue_logo@2x.png) 2x
	);
}
#bottoms_nav ul{position:absolute;right:0px;top:13px;overflow:hidden;zoom:1;}
#bottoms_nav ul li{float:left;padding:0 4px;}
#bottoms_nav ul li a{font-size:12px;color:#005dbd;}
#bottoms_nav ul li a:hover{color:#f60;}
#bottoms_nav ul li span{font-size:12px;color:#afb6c0;}
#copyrights{position:absolute;right:64px;bottom:10px;color:#a8afb9;font-size:12px;}