/* `XHTML, HTML4, HTML5 Reset
----------------------------------------------------------------------------------------------------*/

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
dialog,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
font,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
meter,
nav,
object,
ol,
output,
p,
pre,
progress,
q,
rp,
rt,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video,
xmp {
    border: 0;
    margin: 0;
    padding: 0;
    font-size: 100%;
}

html,
body {
    height: 100%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    /*
      Override the default (display: inline) for
      browsers that do not recognize HTML5 tags.

      IE8 (and lower) requires a shiv:
      http://ejohn.org/blog/html5-shiv
    */
    display: block;
}

b,
strong {
    /*
      Makes browsers agree.
      IE + Opera = font-weight: bold.
      Gecko + WebKit = font-weight: bolder.
    */
    font-weight: bold;
}
span{
    vertical-align: baseline;
}
img {
    color: transparent;
    font-size: 0;
    vertical-align: middle;
    /*
      For IE.
      http://css-tricks.com/ie-fix-bicubic-scaling-for-images
    */
    -ms-interpolation-mode: bicubic;
}

ol,
ul {
    list-style: none;
}

li {
    /*
      For IE6 + IE7:

      "display: list-item" keeps bullets from
      disappearing if hasLayout is triggered.
    */
    display: list-item;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

q {
    quotes: none;
}

q:before,
q:after {
    content: '';
    content: none;
}

sub,
sup,
small {
    font-size: 75%;
}

sub,
sup {
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

svg {
    /*
      For IE9. Without, occasionally draws shapes
      outside the boundaries of <svg> rectangle.
    */
    overflow: hidden;
}
.clear{
    clear:both;
    height:0;
    line-height:0;
    overflow: hidden;
}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hide from IE-mac */

.left{ float: left; display: inline; }
.right{ float: right; display: inline; }
.inlineblock{ display:inline-block; *display:inline; *zoom:1; vertical-align:middle;}

.mg0{ margin: 0 !important; }
.mt3{ margin-top: 3px !important; }
.mt5{ margin-top: 5px !important; }
.mt10{ margin-top: 10px !important; }
.mt15{ margin-top: 15px !important; }
.mt20{ margin-top: 20px !important; }
.mt30{ margin-top: 30px !important; }

.mr5{ margin-right: 5px !important; }
.mr10{ margin-right: 10px !important; }
.mr20{ margin-right: 20px !important; }

.pd0{ padding: 0 !important; }
.pd10{ padding: 10px !important; }
.pd20{ padding: 20px !important; }

.tgrey{ color: #999 !important; }
.torange{ color: #F60 !important; }
.tred{ color: #F00 !important; }
.tgreen{ color: #3C0 !important; }
.tblue{ color: #06C !important; }
.tblack{ color: #333 !important; }

.taleft{ text-align: left !important; }
.taright{ text-align: right !important; }
.tac,.tacenter{ text-align: center !important; }
/**
 * 	author:www.minyifei.cn
 *  date:2012-04-26
 *  info:后台管理登陆页面样式
 */
a{
    text-decoration: none;
    color: #666666;
}
a:hover{
    text-decoration: underline
}
body {
    background: #F7F7F7;
    font-size:12px;
    height:auto;
}
.login-box {
    border: 5px solid #EEE;
    background: url(../images/login-top.jpg) white top center no-repeat;
    width: 570px;
    margin: 150px auto 0 auto;
    padding: 0 30px;
    position: relative;
}
.login-top {
    height: 48px;
    line-height: 48px;
    text-align: right;
}
.login-main {
    height: 180px;
    margin-top: 10px;
}
.login-bg-jpg{
    position: absolute;
    right: 80px;
    top:100px;
}
.login-main dl {
    width: 300px;
}
input {
    background: url(../images/input.png) repeat-x scroll 0px 0px;
}
.login-tips {
    border: 1px solid #B2DBD5;
    background: #F5FFFA;
    color: #666;
    height: 35px;
    line-height: 35px;
    margin-top: 5px;
    padding-left: 10px;
    zoom: 1;
    overflow: hidden;
}
.login-main dl dt {
    width: 90px;
    text-align: right;
    font-size: 14px;
    font-weight: bold;
    color: #333;
    padding-right: 5px;
}
.login-main dl dt, .login-main dl dd {
    float: left;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    margin-top: 5px;
}
input[type="text"], input[type="password"] {
    border-width: 1px;
    border-style: solid;
    border-color: #707070 #CECECE #CECECE #707070;
    padding: 2px 4px;
    height: 18px;
    line-height: 18px;
    vertical-align: middle;
}
.login-main dl dd input#vdcode {
    width: 50px;
    margin-right: 5px;
}
.login-copy {
    font: 11px Tahoma, Helvetica, Arial, sans-serif;
    height: 25px;
    line-height: 25px;
    text-align: right;
    color: #999;
    margin-top: 5px;
}
.login-main .login-btn {
    background: url(../images/login-btn.jpg) no-repeat;
    width: 162px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: white;
    border: none;
    margin-top: 5px;
    cursor: pointer;
}
.login-copy a {
    margin: 0 3px;
    color: #256EB1;
}


@media only screen and (max-width: 600px) {
    .login-box {
        width: 90%;
        border: 5px solid #EEE;
        background: url(../images/login-top.jpg) white no-repeat;
        margin: 0;
        padding: 0 10px;
        position: relative;
    }
    .login-bg-jpg{
        display: none;
    }

}