/*Reset 样式初始化*/ html, body, form, fieldset, p, a, ul, ol, li, div, legend, label, br, input, button, textarea, h1, h2, h3, h4, h5,em{ padding: 0; margin: 0; font-weight: normal; font-style: normal; font-size: 12px; font-family:"微软雅黑","Tahoma"; vertical-align: baseline; text-align:justify; word-wrap:break-word; text-justify:inter-ideograph } body{text-align:center;overflow:hidden} ul, ol, li, h1 { line-height:normal; list-style-image:none; list-style-position:outside; list-style-type:none } dl { margin:0 } dd { margin-left:0 } a { outline:none; } a img { border:0 none } img { vertical-align:middle; border:0px } table { border-collapse:collapse } .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden } .clearfix { display:inline-block; overflow:hidden } .clearfix { display:block } /*End*/ .hide {display:none} .lf {float:left} .rt {float:right} /*all btn*/ .sbtn_set { background:url(sbtn_ico.gif) no-repeat 0 0; width:16px; height:16px; display:inline-block } /*login page*/ .warp_login fieldset { border: 0 none; margin: 0; padding: 0; } .warp_login #actions { margin: 25px 0 0; } .warp_login #actions a{ color:#3151a2; float:right; line-height:35px; margin-left:10px } .warp_login #actions a:hover{ text-decoration:none } .warp_login #login { background-color: #FFFFFF; background-image: -moz-linear-gradient(center top , #FFFFFF, #EEEEEE); border-radius:5px; box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.2), 0 3px 0 #FFFFFF, 0 4px 0 rgba(0, 0, 0, 0.2), 0 6px 0 #FFFFFF, 0 7px 0 rgba(0, 0, 0, 0.2); height: 240px; left: 50%; margin: -150px 0 0 -230px; padding: 30px; position: absolute; top: 50%; width: 400px; z-index: 0; } .warp_login #login:before { border: 1px dashed #CCCCCC; bottom: 5px; box-shadow: 0 0 0 1px #FFFFFF; content: ""; left: 5px; position: absolute; right: 5px; top: 5px; z-index: -1; } .warp_login h1 { text-shadow: 0 1px 0 rgba(255, 255, 255, .7), 0px 2px 0 rgba(0, 0, 0, .5); text-transform: uppercase; text-align: center; color: #666; margin: 0 0 30px 0; letter-spacing: 4px; font: normal 26px/1 Verdana, Helvetica,"微软雅黑"; position: relative; } .warp_login h1:after, h1:before { background-color: #777; content: ""; height: 1px; position: absolute; top: 15px; width: 120px; } .warp_login h1:after { background-image: -webkit-gradient(linear, left top, right top, from(#777), to(#fff)); background-image: -webkit-linear-gradient(left, #777, #fff); background-image: -moz-linear-gradient(left, #777, #fff); background-image: -ms-linear-gradient(left, #777, #fff); background-image: -o-linear-gradient(left, #777, #fff); background-image: linear-gradient(left, #777, #fff); right: 0; } .warp_login h1:before { background-image: -webkit-gradient(linear, right top, left top, from(#777), to(#fff)); background-image: -webkit-linear-gradient(right, #777, #fff); background-image: -moz-linear-gradient(right, #777, #fff); background-image: -ms-linear-gradient(right, #777, #fff); background-image: -o-linear-gradient(right, #777, #fff); background-image: linear-gradient(right, #777, #fff); left: 0; } .warp_login #inputs input { background: url(login-sprite.png) no-repeat scroll 0 0 #F1F1F1; border: 1px solid #CCCCCC; border-radius: 5px 5px 5px 5px; box-shadow: 0 1px 1px #CCCCCC inset, 0 1px 0 #FFFFFF; margin: 0 0 10px; padding: 15px 15px 15px 30px; width: 353px; } .warp_login #username { background-position: 5px -2px !important; } .warp_login #password { background-position: 5px -52px !important; } .warp_login #submit { background-color: #FFB94B; background-image: -moz-linear-gradient(center top , #FDDB6F, #FFB94B); border-color: #D69E31 #E3A037 #D5982D; border-radius: 3px 3px 3px 3px; border-style: solid; border-width: 1px; box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset; color: #8F5A0A; cursor: pointer; float: left; font: bold 15px Arial,Helvetica; height: 35px; padding: 0; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); width: 120px; text-align:center } .warp_login #submit:hover, #submit:focus { background-color: #FDDB6F; background-image: -moz-linear-gradient(center top , #FFB94B, #FDDB6F); } .warp_login #submit:active { box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset; outline: medium none; } /*!!!index*/ /*main header*/ .warp_index {overflow:hidden} .warp_index .main_hd { background:url(i_headerbg.jpg) repeat left top } .warp_index .main_hd .header { position:relative; height:74px } /*main logo*/ .warp_index .main_hd .logo { width:225px; height:70px; background:url(logo.gif) no-repeat } /*main nav*/ .warp_index .main_hd .nav { position:absolute; bottom:0; left:250px } .warp_index .main_hd .nav li{ float:left; margin:0 5px; height:27px; line-height:27px; background:url(nav_bg.gif) no-repeat right 0; padding:0 15px 0 0 } .warp_index .main_hd .nav li a{ padding:0 0 0 15px; height:27px; line-height:27px; background:url(nav_bg.gif) no-repeat left 0; display:inline-block; color:#666; text-decoration:none; font-weight:600 } .warp_index .main_hd .nav li a:hover { color:#fff; } .warp_index .main_hd .nav li.now{ float:left; margin:0 5px; height:27px; line-height:27px; background:url(nav_bg.gif) no-repeat right -27px; padding:0 15px 0 0 } .warp_index .main_hd .nav li.now a{ padding:0 0 0 15px; height:27px; line-height:27px; background:url(nav_bg.gif) no-repeat left -27px; display:inline-block; text-decoration:none; color:#136e8b; font-weight:600 } .warp_index .main_hd .nav li.now a:hover { cursor:default } /*main profile 用户信息*/ .warp_index .main_hd .uprofile { margin:0 10px 0 0 } .warp_index .main_hd .uprofile .u_pic { border:1px solid #999; background:#fff; -moz-box-shadow:0 0 8px #003666; -webkit-box-shadow:0 0 8px #003666; box-shadow:0 0 8px #003666; margin:10px } .warp_index .main_hd .uprofile .u_pic a{ display:block; margin:2px } .warp_index .main_hd .uprofile .u_info { margin:10px 0 0 0; color:#003666 } .warp_index .main_hd .uprofile .u_info b { margin:0 0 5px 0; display:block } .warp_index .main_hd .uprofile .u_info b a{ font-weight:bold } .warp_index .main_hd .uprofile .u_info a{ color:#003666 } .warp_index .main_hd .uprofile .u_info a:hover{ color:#066ecb; text-decoration:none } /*crumb*/ .warp_index .main_hd .crumbbar { background:#e0eeef url(i_slidebarbg.gif) repeat-y left top; color:#999; padding:3px 10px 3px 155px } /*main menu slidebar*/ .warp_index .main_menu { background:url(i_slidebarbg.gif) repeat-y right top } .warp_index .main_menu .slidebar { width:150px; } .warp_index .slidebar .s_item { } .warp_index .slidebar .s_item li{ margin:5px 0; } .warp_index .slidebar .s_item li a{ display:block; padding:0 0 0 30px; color:#999; text-decoration:none; height:20px; line-height:20px } .warp_index .slidebar .s_item li.hover{ background:#e0eeef } .warp_index .slidebar .s_item li.hover a{ color:#003765 } .warp_index .slidebar .s_item li.now{ background:#e0eeef } .warp_index .slidebar .s_item li.now a{ font-weight:600; color:#003765 } /*main frame*/ .warp_index .main_frame{ overflow:auto } /*main bottom bar*/ .warp_index .main_bottombar { height:7px; background:url(m_framebarbg.gif) repeat-x; position:relative; margin:-7px 15px 0 145px; }