@charset "utf-8"; html, body { margin: 0; padding: 0; width: 100%; } body { font-size: 12px; font-family: "微软雅黑"; color: #333; line-height: 100%; background: url(../images/beijing.png) center top repeat-x #FFF; height: 100%; background-size: 100%; } .login .box { width: 30%; height:70%; top:18%; background: url(../images/login.png) top no-repeat; left: 65%; position: absolute; } ul, .pwd, dd, h1, h2, h3, form, input, select, textarea { margin: 0; padding: 0; border: 0; font-family: "微软雅黑"; line-height: 150%; } ul, li { list-style: none; } div, p { word-wrap: break-word; } img { border: none; } input, button, select, textarea { outline: none } login .login { padding: 1px 0 0 0; background: url(../images/logo.png) center top no-repeat #FFF; padding: 110px 0 0 0; } .login input.submit { border: none; font-weight: bold; color: #FFF; margin: 3px 0 0 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: #CCC 0px 0px 5px; -moz-box-shadow: #CCC 0px 0px 5px; box-shadow: #CCC 0px 0px 5px; background: #31b6e7; cursor: pointer; } .login input.submit:hover { background: #ff9229; } .login input.submit { padding: 3px 20px; } .login input.language { filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; border: none; font-weight: bold; color: #333; margin: 3px 0 0 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: #CCC 0px 0px 5px; -moz-box-shadow: #CCC 0px 0px 5px; box-shadow: #CCC 0px 0px 5px; background: #fff; cursor: pointer; } .login input.language:hover { background: #0178a4; } .login input.language { padding: 3px 20px; } .login input { height: 13px; } .login select { height: 25px; } .login .select { height: 25px; width: 150px; padding: 0px 5px } .login label { height: 20px; } .login label { display: inline-block; width: 70px; text-align: right; padding-right: 20px; vertical-align: middle; } .login .alt { position: absolute; top: 43px; left: 260px; font-size: 20px; } .login .text { filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; } .login .copyright { position: absolute; left: 0; width: 100%; bottom: -40px; text-align: center; color: #AAA; } .login .air-balloon { position: absolute; top: -100px; left: -100px; z-index: 50; } .text { border: 1px solid #CCC; padding: 5px; background-color: #FCFCFC; line-height: 14px; width: 220px; font-size: 12px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: #CCC 0px 0px 5px; -moz-box-shadow: #CCC 0px 0px 5px; box-shadow: #CCC 0px 0px 5px; border: 1px solid #CCC; font-size: 12px; } .text:focus { border: 1px solid #31b6e7; background-color: #FFF; -webkit-box-shadow: #CCC 0px 0px 5px; -moz-box-shadow: #CCC 0px 0px 5px; box-shadow: #0178a4 0px 0px 5px; } .text:hover { background-color: #FFF; } .login .factory { color: #3C3C3C; text-align: center; font-size: 70px; word-wrap: break-word; line-height: 100px ; font-weight: bold; font-family: '楷体'; text-shadow: -1px 0px 0px #FFFFFF, 1px 0px 0px #FFFFFF,0 -1px 0px #FFFFFF, 0 1px 0px #FFFFFF; display:none; }