﻿/***************************
   Web Layout Css 
 ***************************/
.header{background:#FFF; margin-bottom:20px;}
.header>.wrap{width:1000px; margin:0 auto; padding:20px 0;}
.header .logo{color:#AAA; height:80px; overflow:hidden; zoom:1;}
.header .logo a,
.header .logo a img{display:block; height:80px; width:132px;}
.header .logo a{float:left; margin-right:20px;}
.header .logo h2{float:left; margin:10px 0; border-left:solid #DBDBDB 1px; font-size:24px; font-weight:300; color:#AAA; line-height:60px; height:60px; padding:0 20px;}

.body{background:url(/Resource/Images/web/bg_login.jpg) center center no-repeat;}
.body>.container{width:1000px; margin:0 auto; position:relative; height:400px;}
.footer{padding:20px 0;}
.footer>.wrap{width:1000px; margin:0 auto; text-align:center; padding:20px 0; text-transform:uppercase;}

/*登录表单*/
.login_form{width:300px; padding:30px; position:absolute; top:0px; right:0px; z-index:99;}
.login_form_wrap{width:300px; padding:30px; position:absolute; top:0px; right:0px; z-index:88; background:#FFF; opacity:.5; height:400px;}
.login_form .lf_rows{padding:10px 0;}
.login_form .lf_rows_center{text-align:center; padding:12px 0;}
.login_form .lf_rows .lf_fed_txt{padding:0 10px 0 0; width:60px; text-align:right; height:36px; line-height:36px; float:left; font-size:14px;}
.login_form .lf_rows .lf_fed_ctr{float:left; clear:right;}
.login_form .lf_rows .lf_fed_desc{padding:6px 0 0 0; text-align:center;}
.login_form .lf_rows .clear_fix{float:none; clear:both; margin:0; padding:0;}
.login_form .lfctr_textbox{height:34px; line-height:34px; padding:0 5px; border:solid 1px #DDD; border-radius:3px; text-align:left;}
.login_form .lfctr_textbox:focus{border-color:#FF8800; color:#FF8800;}
.login_form .lfctr_check_code{height:34px; width:252px; border:solid 1px #DDD; border-radius:3px; overflow:hidden; background:#FFF;}
.login_form .lfctr_check_code input{float:right; width:124px; height:34px; line-height:34px; padding:0 5px; border:none 0;}
.login_form .lfctr_check_code input:focus{border-color:#FF8800; color:#FF8800;}
.login_form .lfctr_check_code img{height:28px; width:70px; padding:3px; float:left; position:relative; z-index:88; cursor:pointer;}
.login_form .lfctr_selector{height:34px; padding:0 1px 1px 0;}
.login_form .lfctr_selector li{float:left; height:34px; line-height:34px; color:#888; padding:0 20px; border:solid 1px #DDD; margin:0 -1px -1px 0; position:relative; z-index:88; cursor:pointer; overflow:hidden;}
.login_form .lfctr_selector li:first-child{border-radius:3px 0 0 3px;}
.login_form .lfctr_selector li:last-child{border-radius:0 3px 3px 0;}
.login_form .lfctr_selector li:hover{border-color:#CCE0FF; color:#0066FF; z-index:90;}
.login_form .lfctr_selector li.se{background:url(/Resource/Images/selector.gif) right top no-repeat; border:solid #0066FF 1px; z-index:99; color:#0066FF;}
.login_form .lfctr_textlabel{line-height:18px; padding:9px 0;}
.login_form .login_button{display:block;}

.cf_button_row{text-align:center; padding:20px 0 0 0; text-align:center;}
.cf_button_row .login_button{display:block; height:36px; background:#FF6600; line-height:36px; font-size:14px; padding:0 20px; color:#FFF; text-decoration:none; border-radius:3px;}
.cf_button_row .login_button:hover{background: #FF4400; color:#FFF; text-decoration:none;}
.cf_button_row .login_button:active{background:#FF1100; color:#FFF; text-decoration:none;}
.cf_button_row .login_button_disabled, 
.cf_button_row .login_button_disabled:hover, 
.cf_button_row .login_button_disabled:active{background:#CCC; color:#FFF; box-shadow:none; cursor:default;}

.cf_button_row .button_hp{display:inline-block; height:34px; background:#FBFAFC; line-height:34px; border:solid 1px #DDD; font-size:14px; padding:0 20px; color:#000; text-decoration:none; border-radius:3px;}
.cf_button_row .button_hp:hover{background: #EEE; color:#000; text-decoration:none;}
.cf_button_row .button_hp:active{background:#EEE; color:#000; text-decoration:none;}
.cf_button_row .button_hp_disabled, 
.cf_button_row .button_hp_disabled:hover, 
.cf_button_row .button_hp_disabled:active{background:#CCC; color:#FFF; box-shadow:none; cursor:default;}

.login_form_title{display:block; text-align:center; font-size:18px; color:#000;}
.cf_rows_other_links{padding:20px 0 0 0; text-align:center;}
.cf_rows_other_links span{padding:0 6px;}
.cf_rows_other_links a{color:#888; text-decoration:none;}
.cf_rows_other_links a:hover{text-decoration:underline;}