﻿@charset "utf-8";
* { font-family:"微软雅黑",Verdana; font-size:14px; line-height:20px; color:#000; }
body { margin:0; width:100%; height:100%; background:#dee; -webkit-text-size-adjust:none; }
a { color:#03f; text-decoration:none; }
a:hover { color:#69f; text-decoration:none; }
a.selected { color:#e69633; }
img { border:0; vertical-align:middle; }
input,select,textarea { vertical-align:middle; border:1px solid #666; }
input.text,input.date,input.datetime { height:26px; line-height:26px; padding-left:4px; }
select.select,select.attach { height:28px; padding-left:2px; }
textarea,textarea.text { padding:4px; }
form, ul { margin:0; padding:0; }
li { list-style:none; }

/** layout **/

/*#wrapper { position:absolute; left:50%; top:50%; width:1280px; height:720px; margin-left:-640px; margin-top:-360px; 1padding:40px; }*/
#wrapper {width: 100%;}
#main { position:relative; width:1280px; height:720px; margin:auto; background:#fff; -moz-border-top-left-radius:10px; -webkit-border-top-left-radius:10px; border-top-left-radius:10px; -moz-border-top-right-radius:10px; -webkit-border-top-right-radius:10px; border-top-right-radius:10px; -moz-border-bottom-left-radius:10px; -webkit-border-bottom-left-radius:10px; border-bottom-left-radius:10px; -moz-border-bottom-right-radius:10px; -webkit-border-bottom-right-radius:10px; border-bottom-right-radius:10px; }
#top { position:relative; width:100%; height:106px; margin:0 auto; background:#eaeaea; }
#top #logo { position:absolute; top:0px; left:0px; }
#top #topmenu { position:relative; width:100%; height:36px; top:70px; left:0px; background:#488ccb; }
#top #topmenu li { display:inline; float:left; }
#top #topmenu a { display:block; height:36px; padding:0px 50px; font-size:16px; font-weight:bold; line-height:36px; color:#fff; white-space:nowrap; }
#top #topmenu a:hover { background:#6cf; }
#top #topmenu a.a { background:#e69633; }
#middle { position:relative; width:100%; margin:0 auto; border-bottom:1px solid #ccc; }
#footer { position:absolute; width:100%; bottom:0; background:#dee; filter:alpha(opacity=50); MozOpacity:0.5; opacity:0.5; }
#footer div { padding:10px 15px; font-size:13px; color:#000; white-space:nowrap; }
#footer .fleft { float:left; } #footer .fright { float:right; } #footer .fright img { line-height:20px; }

/** login **/

#login { position:relative; margin:160px auto; width:450px; height:240px; background:url(../img/login.png); border:1px solid #ccc; -moz-border-top-left-radius:10px; -webkit-border-top-left-radius:10px; border-top-left-radius:10px; -moz-border-top-right-radius:10px; -webkit-border-top-right-radius:10px; border-top-right-radius:10px; -moz-border-bottom-left-radius:10px; -webkit-border-bottom-left-radius:10px; border-bottom-left-radius:10px; -moz-border-bottom-right-radius:10px; -webkit-border-bottom-right-radius:10px; border-bottom-right-radius:10px; }
#login #caption { position:absolute; top:10px; left:15px; font-size:15px; color:#fff; }
#login table { margin:60px auto 0 auto; }
#login td.field { width:75px; font-size:15px; color:#455; }
#login input { font-size:15px; }
#login input.text { width:250px; }
#login input.text:hover { color:#36f; border-color:#39f; background:#cef; }
#login input.button { width:160px; height:38px; font-size:15px; margin-top:15px; border:1px solid #666; background:#cef; cursor:pointer; -moz-border-top-left-radius:5px; -webkit-border-top-left-radius:5px; border-top-left-radius:5px; -moz-border-top-right-radius:5px; -webkit-border-top-right-radius:5px; border-top-right-radius:5px; -moz-border-bottom-left-radius:5px; -webkit-border-bottom-left-radius:5px; border-bottom-left-radius:5px; -moz-border-bottom-right-radius:5px; -webkit-border-bottom-right-radius:5px; border-bottom-right-radius:5px; }
#login input.button:hover { color:#36f;  border-color:#39f; background:#cef; }
#login #msg { color:#ff0000; white-space: nowrap; }
#login #usr { position:absolute; top:75px; left:25px; width:100px; height:20px; background:url(../img/username.png) no-repeat; }

/** notice **/
#notice { position:absolute; top:30px; right:30px; width:310px; padding:10px 15px; font-size:14px; line-height:24px; color:#f00; background:#ffb; opacity:0.8; border:1px solid #ffb; border-top-right-radius:10px; -moz-border-top-right-radius:10px; -webkit-border-top-right-radius:10px; border-bottom-left-radius:10px; -moz-border-bottom-left-radius:10px; -webkit-border-bottom-left-radius:10px; }
#notice, #notice * { color:#f00; }
#notice { left:0; right:0; top:490px; width:420px; margin:0 auto; border-top-left-radius:10px; -moz-border-top-left-radius:10px; -webkit-border-top-left-radius:10px; border-bottom-right-radius:10px; -moz-border-bottom-right-radius:10px; -webkit-border-bottom-right-radius:10px; }