* { padding:0px; margin:0px; font-family:"微软雅黑"; } body { margin: 0px; font-size:12px; color: #3f3f3f; background:#f0f0f0; } input { vertical-align:middle; } img { border:none; vertical-align:middle; } a { color:#2366A8; text-decoration: none; } a:hover { color:#2366A8; text-decoration:underline; } .banner_div{height:526px;margin:1px auto 0px auto;overflow:hidden;position:relative;width:100%; z-index:0; background:url(http://www.chaoyuehulian.com/tongyong/001.jpg) repeat-x center top;} .main { width:450px; height:280px; margin:10px 40px 0px auto; background:url(../images/admin/loginbg.png); } .main .title { width:450px; height:65px; letter-spacing:2px; background-image: url(http://www.chaoyuehulian.com/tongyong/admin_logo.png); background-repeat: no-repeat; background-position: center center; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } .main .login { width:450px; overflow:hidden; background-repeat: no-repeat; background-position: center top; margin-right: auto; margin-bottom: 0px; margin-left: auto; padding-top: 5px; } .main .login .inputbox { padding-left:0px; } .main .login .inputbox ul { list-style:none; padding:0px; margin:0px; } .main .login .inputbox ul li { height:45px;line-height: 40px; } .main .login .inputbox ul li h2 { float:left; width:130px; line-height: 40px; height: 40px; font-size:14px; font-weight:normal; text-align:right; } .main .login .inputbox ul li input { font-size:14px; border:1px solid #1a99bc; border-radius: .3em; height: 28px; width:200px; line-height: 28px; padding-right: 2px; padding-left: 2px; } .main .login .inputbox ul li img{ padding-left:10px; } #input { width:65%; height:40px; line-height:20px; margin-left:80px; cursor:pointer; background-color: #fff; font-size:18px; background-repeat: no-repeat; } .main .login .butbox { } .main .login .butbox dl { } .main .login .butbox dl dt { height:30px; } .main .login .butbox dl dd { height:21px; line-height:21px; text-align: center; } .main .msg { line-height:18px; border:1px solid #ff9600; color:#888; background-color: #FFFFFF; width: 155px; margin-top: 3px; padding-left: 2px; } .copyright{ width:1000px; text-align:center; font-size:12px; color:#323232; margin-top: 10px; margin-right: auto; margin-bottom: 10px; margin-left: auto; } .copyright a{ color:#F63; text-decoration:none; } .copyright a:hover{ color:#FF0000; } /* CSS3按钮蓝绿灰橙 */ .button { display: inline-block; outline: none; cursor: pointer; text-align: center; text-decoration: none; font: 16px/100% 'Microsoft yahei',Arial, Helvetica, sans-serif; padding: .5em 2em .55em; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); } .button:hover { text-decoration: none; } .button:active { position: relative; top: 1px; } .bigrounded { -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em; } .medium { font-size: 12px; padding: .4em 1.5em .42em; } .small { font-size: 11px; padding: .2em 1em .275em; } /* blue */ .blue { color: #d9eef7; border: solid 1px #0076a3; background: #0095cd; background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5)); background: -moz-linear-gradient(top, #00adee, #0078a5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5'); } .blue:hover { background: #007ead; background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e)); background: -moz-linear-gradient(top, #0095cc, #00678e); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e'); } .blue:active { color: #80bed6; background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee)); background: -moz-linear-gradient(top, #0078a5, #00adee); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee'); } /* green */ .green { color: #e8f0de; border: solid 1px #538312; background: #64991e; background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e)); background: -moz-linear-gradient(top, #7db72f, #4e7d0e); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e'); } .green:hover { background: #538018; background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c)); background: -moz-linear-gradient(top, #6b9d28, #436b0c); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c'); } .green:active { color: #a9c08c; background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f)); background: -moz-linear-gradient(top, #4e7d0e, #7db72f); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f'); } /* white */ .white { color: #606060; border: solid 1px #b7b7b7; background: #fff; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed)); background: -moz-linear-gradient(top, #fff, #ededed); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); } .white:hover { background: #ededed; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc)); background: -moz-linear-gradient(top, #fff, #dcdcdc); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc'); } .white:active { color: #999; background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff)); background: -moz-linear-gradient(top, #ededed, #fff); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff'); } /* orange */ .orange { color: #fef4e9; border: solid 1px #da7c0c; background: #f78d1d; background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20)); background: -moz-linear-gradient(top, #faa51a, #f47a20); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20'); } .orange:hover { background: #f47c20; background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015)); background: -moz-linear-gradient(top, #f88e11, #f06015); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015'); } .orange:active { color: #fcd3a5; background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a)); background: -moz-linear-gradient(top, #f47a20, #faa51a); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a'); } /* red */ .red { color: #fef4e9; border: solid 1px #a20000; background: #d50000; background: -webkit-gradient(linear, left top, left bottom, from(#d50000), to(#b30000)); background: -moz-linear-gradient(top, #d50000, #b30000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d50000', endColorstr='#b30000'); } .red:hover { background: #b30000; background: -webkit-gradient(linear, left top, left bottom, from(#b30000), to(#d50000)); background: -moz-linear-gradient(top, #b30000, #d50000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b30000', endColorstr='#d50000'); } .red:active { color: #fcd3a5; background: -webkit-gradient(linear, left top, left bottom, from(#b30000), to(#880000)); background: -moz-linear-gradient(top, #b30000, #880000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b30000', endColorstr='#880000'); }