body{background:#a3cde5;font-size:14px;font-family:'\5FAE\8F6F\96C5\9ED1';margin: 0;padding: 0;color: #fff;}
.login-body{background:#fff;}
a:link{color: #1b60ad;text-decoration: none;}
a:visited{color: #1b60ad;text-decoration: none;}
a:hover{color: #1b60ad;text-decoration: none;}
a:active{color: #1b60ad;}
p, ul{margin-bottom: 20px;line-height: 1.6em;}

/* HEADINGS ----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6{font-size: 1.5em;}
h2{padding: 0;margin:10px 0 20px 0;}
#logindisplay{font-size:1.1em;display:block;width:100%; margin:0; padding:0;height:65px;}
#logindisplay img{width:220px; height:60px; border:0;}
#logindisplay p{margin:0 20px 0 0;padding:0;float:left;}
.changeCulture{float:right; display:inline-block;margin-top:7px;}
.changeCulture select{margin:0;padding:0;border:0; width:150px;}
#welcomeMessage{ position:absolute;right:150px;margin-top:5px;}
#main{margin: 5em 1em 2em 3em;padding:0;display:inline-block;_height: 1px; width:90%; }
#mainContent{float:left;width:60%;line-height:1.7em;}

/* PRIMARY LAYOUT ELEMENTS----------------------------------------------------------*/
#loginBannar{color: #333;width:750px;height:80px;position:absolute;left:168px;top:444px; color: #333}
#loginPanel{padding:0; color:#333;display:block; width:283px; background:rgba(255, 255, 255, 0.2); border:1px solid rgba(255,255,255,0.4); float:right;
            -moz-box-shadow:0 3px 0 rgba(12,12,12,.03);
-webkit-box-shadow:0 3px 0 rgba(12,12,12,.03);
box-shadow:0 3px 0 rgba(12,12,12,.03);
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;

}
#loginPanel ul{display:inline-block; width:100%;margin:0; padding:0;}
#loginPanel ul li{ list-style-type:none; }
#loginPanel .username,#loginPanel .password{ margin:15px 0 0 20px}
#loginPanel ul li.title{width:80px; text-align:right;}
#loginPanel .password{}
#loginPanel .passwordValidation{ position:absolute;left:343px;}
#loginPanel .validation-summary-errors{padding:2px 0;display:block; margin:10px 0 10px 20px; width:245px; text-indent:10px;
                            -moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
background:rgba(255, 255, 255, 0.6); color:red;
}
#loginPanel p{margin:1em 0;}
#main h2{ margin-bottom:10px;}
.loginButton,.loginReset{border:0;width:240px;background:#0097e8;line-height:40px;cursor:pointer; border:1px solid #9de2ff; margin:10px 0 0 20px; color:#fff; font-size:21px;-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
}
.loginButton:hover{;background:#0081c6}
.loginReset{display:block; background:#00d6a1; border:1px solid #92f2da; color:#fff; text-align:center}
.loginReset:hover{background:#00ae83;}
#loginErrMsg{margin:0; display:block; font-size:12px;
             
}

#footer{padding: 0;margin:0;}
#version{ position:absolute;right:1em;}
#version p{margin:0;padding:0; float:left;height:30px; line-height:33px; }
#funtionMessageContent a{color: #333;text-decoration: none;}
#funtionMessageContent a:link{color: #333;text-decoration: none;}
#funtionMessageContent a:visited{color: #333;text-decoration: none;}
#funtionMessageContent a:hover{color: #333;text-decoration: none;}
#funtionMessageContent a:active{color: #333;}
/* TAB MENU   
----------------------------------------------------------*/
ul#menu{padding: 2px 2px 2px 0 ;position: relative;margin: 0;text-align: right;}
ul#menu li{display: inline;list-style: none;}
ul#menu li#greeting{padding: 10px 20px;font-weight: bold;text-decoration: none;line-height: 2.8em;color: #000;}
ul#menu li a{padding: 8px 20px 12px 20px;font-weight: bold;text-decoration: none;line-height: 2.8em;color: #fff;}
ul#menu li a:hover{background-color: #fff;text-decoration: none;color:#1a627a;}
ul#menu li a:active{background-color: #a6e2a6;text-decoration: none;}
ul#menu li.selected a{background-color: #fff;color: #000;}

/* FORM LAYOUT ELEMENTS   -------------------------------*/
legend{font-size:1.2em;font-weight: bold;}
textarea{min-height:75px;}
input[type="text"], input[type="password"]{width: 230px; padding:7px; border: 0; }
select:hover, textarea:hover, input[type="text"]:hover, input.text:hover, input.text-box:hover{ border-color:#a9b5c0;background:#f5f6ee;}
select:focus, textarea:focus, input[type="text"]:focus, input.text:focus, input.text-box:focus{ border-color:#a9b5c0;background:#faffbd;}

/* TABLE
----------------------------------------------------------*/
table{border: solid 1px #e8eef4;border-collapse: collapse;}
table td{padding: 5px;border: solid 1px #e8eef4;}
table th{padding: 6px 5px;text-align: left;background-color: #e8eef4;border: solid 1px #e8eef4;}

/* MISC  
----------------------------------------------------------*/
.clear{ clear: both;}
.error{color:Red;}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error{color: #ff0000;}
.field-validation-valid{display: none;}
.input-validation-error{border: 1px solid #ff0000;background-color: #ffeeee;}
.validation-summary-errors{color: red; width:240px; text-indent:10px;
                            -moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
background:rgba(255, 255, 255, 0.6); color:red;
padding:0 0 0 2px;}
.validation-summary-valid{display: none;}
.validation-summary-errors ul,.validation-summary-errors ul li{ margin:0;padding:0;}
/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label, .editor-label{margin: 0.5em 0 0 0;}
.display-field, .editor-field{margin:0.5em 0 0 0;}
.text-box{width:30em;}
.text-box.multi-line{height:6.5em;}
.tri-state{width: 6em;}
.gray{color:#999;}
.red{color:Red;}
.asterisk {color: red; font-size: 12px;}
input.error { border: 1px dotted red; }

/* throbber---------------------------------------------*/
#throbber{ display:none; z-index:999999}
#throbber .curtain{ z-index:9999999; position:fixed;  left:0;  top:0;  width:100%;  height:100%;  background-color:Gray;  filter:alpha(opacity=30);  opacity:0.3}
#throbber .curtain-content{  z-index:9999999; position:absolute;  left:0;  top:0;  width:100%;  height:100%}
#throbber .curtain-content div{  z-index:9999999; text-align:center;  padding:250px;  color:White}

/* Statusbar  ----------------*/
#Statusbar{padding:0; margin:0; position:fixed; top:0px; left:0px; right:0px; display:block; z-index:99999}
.success, .warning, .validation, .info{border:1px solid #ccc; margin:0 0 20px; padding:10px 10px 10px 60px; background-repeat:no-repeat;     background-position:25px 7px}
.info{color:#555; background-color:#ddeaff; background-image:url(images/status-info.png); border:solid 1px #8bb9ff}
.success{color:#555; background-color:#c6f7a5; background-image:url('images/status-success.png'); border:solid 1px #55b51d}
.warning{color:#555; background-color:#fcff9e; background-image:url('images/status-warning.png'); border:solid 1px #c99900}
.closeStatus{padding-left:20px; color:#444; cursor:pointer;float:right}

/* Styles for editor and display helpers---------------------------------------*/
#changePass .editor-item{ display:table; position:relative; width:96.8%; margin:1.7em 0 0 0;}
#changePass .editor-item .display-label, #changePass .editor-item .editor-label{display:block; float:left; height:100%;width:180px; text-align:right;margin:1em 0 0 0;}
#changePass .display-field, #changePass .editor-field{display:block; margin-left:195px; }

/* Main*/
.login-body{
 background:url("../Content/images/login_bg.jpg") no-repeat fixed center bottom #cbf5ff;
 height:auto;
}
.MainDiv {
    width: 800px;
    height:400px;
    margin: 0 auto;
    overflow: hidden;
    clear: both;
    position:absolute;
    left:50%;top:50%; margin-left:-400px;margin-top:-200px;padding:0 ;
}
.gyl-title{height:50px; line-height:50px; text-align:center; border-bottom:1px solid rgba(255,255,255,.4); border-radius:6px 6px 0 0; width:100%; font-size:21px;color:#006f9c; }

.main-function-item{position:absolute;background:url(../Content/images/main-item-bg.png) no-repeat;cursor:pointer;width:82px; height:82px;line-height:82px;text-align:center;vertical-align:middle;}
.main-function-item:hover{background:url(../Content/images/main-item-bg-hover.png) no-repeat;}
.main-function-item:hover a{color:#fff;}
.main-function-item a{color:#353534;}
#MainItem01{top:170px;left:280px;}
#MainItem02{top:430px;left:395px;}
#MainItem03{top:95px;left:660px;}
#MainItem04{top:280px;left:725px;}
#MainItem05{top:440px;left:607px;}
.function-item{position:absolute;background:url(../Content/images/item-bg1.png) no-repeat;cursor:pointer;width:96px; height:32px;line-height:26px;text-align:center;vertical-align:middle;}
.function-item:hover{background:url(../Content/images/item-bg1-hover.png) no-repeat;}
.function-item:hover a{color:#fff;}
.function-item a{color:#353534;}
#Item01{left:50px;top:50px;}
#Item02{left:108px;top:85px;}
#Item03{left:136px;top:120px;}
#Item04{left:160px;top:155px;}
#Item05{left:145px;top:195px;background:url(../Content/images/item-large-bg.png) no-repeat;width:121px;}
#Item05:hover{background:url(../Content/images/item-large-bg-hover.png) no-repeat;}
#Item06{left:160px;top:238px;}
#Item07{left:120px;top:274px;}
#Item08{left:75px;top:310px;}
#Item09{left:28px;top:358px;}
#Item10{left:212px;top:335px;}
#Item11{left:240px;top:370px;}
#Item12{left:270px;top:408px;}
#Item13{left:283px;top:446px;}
#Item14{left:270px;top:487px;}
#Item15{left:250px;top:525px;}
#Item16{left:230px;top:565px;}
#Item17{left:773px;top:75px;}
#Item18{left:790px;top:115px;}
#Item19{left:808px;top:155px;}
#Item20{left:832px;top:188px;}
#Item21{left:880px;top:263px;}
#Item22{left:858px;top:308px;}
#Item23{left:880px;top:354px;}
#Item24{left:742px;top:388px;}
#Item25{left:725px;top:424px;}
#Item26{left:742px;top:465px;}
#Item27{left:750px;top:505px;}
#Item28{left:770px;top:540px;}
.submit-button-item{position:absolute;background:url(../Content/images/button-bg.png) no-repeat;cursor:pointer;width:90px; height:90px;line-height:90px;text-align:center;vertical-align:middle; font-family:黑体; font-size:24px; font-weight:bold;}
.submit-button-item:hover{background:url(../Content/images/button-bg-hover.png) no-repeat;}
.submit-button-item a{color:#fff;}
#ItemSubmit{left:680px;top:600px;}
#ItemCancel{left:800px;top:600px;}
#funtionMessage{width:360px;height:280px;position:absolute;left:330px;top:200px; padding:10px; background-color:#f5f5f5; border:10px solid #3f6317; display:none;}
#mainPageLogo{ position:absolute; top:10px; left:260px;}
#closeWindows, #closeLoginWindow{ float:right;margin:-25px;}

.login-body1{background:#fff url(../Content/images/bg01.jpg) no-repeat;}
#MainDiv1{position:relative;width:960px;height:600px;margin:100px auto 50px auto;padding:0;background:url(../Content/images/login_a_03.png) no-repeat;}
#loginBannar1{color: #333;width:750px;height:80px;position:absolute;left:390px;top:180px; color: #333}
#loginPanel1{padding:0; color:#333;display:block; width:100%;}
#loginPanel1 ul{display:inline-block; width:100%;margin:0 0 16px 0; padding:0;}
#loginPanel1 ul li{ float:left; list-style-type:none;margin:0 10px 0 0;}
#loginPanel1 ul li.title{width:80px; text-align:right;}
#loginPanel1 .passwordValidation{ position:absolute;left:343px;}
#loginPanel1 p{margin:1em 0;}
.loginButton1{border:0;width:90px;height:36px;background:url(../Content/images/button_a_03.png) no-repeat 100% 50%;line-height:49px;cursor:pointer;}
.loginButton1:hover{border:0;width:90px;height:36px;background:url(../Content/images/button_a_03.png) no-repeat 100% 50%;line-height:49px;cursor:pointer;}
.username1 input, .password1 input{border:1px solid #ccc; padding:3px; width:150px;}

.login-body2{background:url(../Content/images/bg1.jpg) no-repeat #a3cde5;}
#MainDiv2{position:absolute;width:774px;height:439px;left:50%;top:50%; margin-left:-387px;margin-top:-220px;padding:0 ;background:url(../Content/images/login_02.png) no-repeat; overflow:hidden}




#loginBannar2{color: #fff; float:right; height:273px; margin:135px 40px 0 0; width:260px;}
#loginPanel2 label{float:left; width:70px; text-align:right; font-weight:bold}
#loginPanel2{display:block; width:100%;}
#loginPanel2 ul{margin:0; padding:0}
#loginPanel2 ul li{  list-style-type:none; margin:20px 0 0 0}
#loginPanel2 ul li.title{width:80px; text-align:right;}
#loginPanel2 .passwordValidation{ position:absolute;left:343px;}
#loginPanel2 p{margin:1em 0;}
.loginButton2{border:0;width:246px;height:44px;background:url(../Content/images/button_02.png) no-repeat;line-height:44px;cursor:pointer; margin:0 0 0 13px;}
.loginButton2:hover{border:0;width:246px;height:44px;background:url(../Content/images/button_03.png) no-repeat;line-height:44px;cursor:pointer; margin:0 0 0 13px;}
.username2 input, .password2 input{border:1px solid #fff; padding:6px; width:170px;}

.forgetpsd { text-align:right; padding:0 10px 0 0}
.forgetpsd  a{color:#fff;}
#loginErrMsg ul li{margin:0;padding:0}