*{ margin:0; padding:0;}
body {   font-family:'Microsoft YaHei'; color:#555; }
ul,li{ list-style:none; }
a{ color:#0089CF; outline:none; }
a:hover{ color:#00aeff; text-decoration:none;}
a.tdline{ text-decoration:underline;}

/* login */
html, body{height:100%;}  
.wrapper{ min-height:100%;}
.l_header{ width:100%;height:70px; background:#fff; border-bottom:solid 1px #eee; }
.l_header .navbar-brand{ padding:15px 0px;} 
.l_header .navbar-brand img{ margin-top:11px; }
.l_top_r{ float:right; padding:28px 0 0 0; text-align:right; color:#aaa;font-size:15px; }
.l_top_r a{ display:inline-block;color:#555; }
.l_top_r a:hover{color:#f60;}

.l_footer { position:relative; width:100%;text-align:center; line-height:24px;margin-top:-70px; height:70px; padding:14px 15px 0 15px; color:#555;  background:#f5f5f5; border-top:solid 1px #ddd; overflow:hidden;}

input,textarea:focus {outline: none;}
.l-content{ padding:60px 15px 70px 15px; }
.form_main{ font-family:Microsoft Yahei; border:solid 1px #ccc; padding:35px 40px 35px 40px; width:364px; box-shadow:0 0 5px #ddd; float:right; }
.f_l_title{ height:36px; line-height:36px; font-size:20px; color:#0071BC; padding-left:52px; background:url(../images/icon_title.png) no-repeat 1px top; margin-bottom:25px; }
.f_l_cont{ width:100%;float:left;}
.f_l_cont li{ float:left; margin-bottom:15px;width:100%; position:relative;}
.int_ui{ float:left;width:100%;}
.int_ui input{ width:100%;height:40px;line-height:40px; background:#fff; border:solid 1px #bbb;font-family:Microsoft Yahei; font-size:14px; padding:0 5px; color:#666; }
.int_ui input:hover{background:#FDFBE2;border:solid 1px #F3BD55;}
.int_ui input.int_ui_red{background:#FFF2F2;border:solid 1px #F1A7A7;}
.f_l_cont li .int_ui input.int-user{background:#fff url(../images/icon_user.png) no-repeat 12px center;padding-left:40px;}
.f_l_cont li .int_ui input.int-pwd{background:#fff url(../images/icon_pw.png) no-repeat 12px center;padding-left:40px;}
.f_l_cont li .int_ui input.int-user:hover,.f_l_cont li .int_ui input.int-user:focus{background:#FCF8EA url(../images/icon_user-h.png) no-repeat 12px center;border:solid 1px #F3BD55; }
.f_l_cont li .int_ui input.int-pwd:hover,.f_l_cont li .int_ui input.int-pwd:focus{background:#FCF8EA url(../images/icon_pw-h.png) no-repeat 12px center;border:solid 1px #F3BD55; }
.f_l_cont li .int_ui input.int-yzm{background:#fff url(../images/icon_yzm.png) no-repeat 12px center;padding-left:40px;}
.f_l_cont li .int_ui input.int-yzm:hover,.f_l_cont li .int_ui input.int-yzm:focus{background:#FCF8EA url(../images/icon_yzm-h.png) no-repeat 12px center;border:solid 1px #F3BD55; }
.f_l_cont li .int_ui_yzm{ margin-right:130px;}
.l_btn{ clear:both; width:100%; height:40px; background:#F5821F; border:0px; border-bottom:solid 2px #ED4F1C; color:#fff;font-size:18px;font-family:Microsoft Yahei;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.l_btn:hover{filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity: 0.9;opacity: 0.9;}
.l_f_reg{ padding:20px 0 0 0; color:#ccc; clear:both; text-align:center }
.l_f_reg a{ color:#555; margin:0 5px;}
.l_f_reg a:hover{ color:#f60; }
.s_l{ float:left; display:inline-block; vertical-align:middle;}
.s_r{ float:right; display:inline-block; margin-top:0px;}
.form_warning{color:red; padding:3px 0px 3px 3px; margin-bottom:12px; }
.form_warning b{ display:inline-block; margin-right:5px; width:16px;height:16px; background:red; color:#fff; border-radius:50%; text-align:center; line-height:16px; }
.pic-yzm{ height:40px; width:120px; position:absolute;right:0px;top:0px; }

.ad{ margin-right:364px; }
.ad a{ float:left; margin:0 10px 10px 0; display:block; width:235px; overflow:hidden; text-align:center;  }
.ad a img{ width:100%;height:100%; }
.ad a.ad1{ height:370px; }
.ad a.ad2{ height:180px; }

@media (max-width: 992px) { 
	.l-content{ padding:40px 15px 70px 15px; }
	.form_main{ border:0px; padding:0px 20px 50px 20px; width:450px; box-shadow:inherit; float:none; margin:0 auto }
	.ad{ margin-right:0px; width:100%; margin:0 auto; text-align:center; padding-left:15px;}
	.ad a{ float:left; margin:5px; display:block; width:30%; overflow:hidden; text-align:center;  }
	.ad a img{ width:100%;height:100%; }
	.ad a.ad1{ height:auto; }
	.ad a.ad2{ height:auto; }
}

@media (max-width: 768px) { 
	.l_header .navbar-brand{ padding:15px 0px; margin-left:0px;} 
	.l_top_r{ float:right; padding:27px 0 0 0; text-align:right; color:#aaa;}
	.l-content{ padding:40px 0 70px 0; }
	.form_main{ border:0px; padding:0px 20px 50px 20px; width:450px; box-shadow:inherit; float:none; margin:0 auto }
}
@media (max-width: 480px) { 
	.l_header{ height:50px;}
	.l_header .navbar-brand img{ margin-top:2px; width:80%; }
	.l_top_r{ padding:17px 0 0 0; font-size:14px; }
	.l-content{ padding:30px 0 70px 0; }
	.form_main{ border:0px; padding:0px 20px 30px 20px; width:100%; box-shadow:inherit; float:none; }
	.l_footer{ font-size:13px; line-height:20px; }
}
@media (max-width: 360px) {
	.f_l_title{ margin-bottom:15px;}
	.f_l_cont li{ float:left; margin-bottom:10px;width:100%; position:relative;}
	.l_f_reg{ padding:15px 0 0 0; color:#ccc; clear:both; text-align:center }
	.ad a{ margin:2px;}
}