body {
    direction: rtl;
    background: url(/image/Login/bg.png)repeat;
    margin: 0;
    padding: 0;
}

.main {
    margin: 0 auto;
    width: 313px;
    position: relative;
    margin-top: 170px;
}

.logo {
    height: 107px;
    background: #eba815;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViYTgxNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjZWViMTJlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMiUiIHN0b3AtY29sb3I9IiNmZWM3NDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI0JSIgc3RvcC1jb2xvcj0iI2ZlYjkxMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZWI5MTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #eba815 0%, #eeb12e 1%, #fec742 2%, #feb913 4%, #feb913 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eba815), color-stop(1%,#eeb12e), color-stop(2%,#fec742), color-stop(4%,#feb913), color-stop(100%,#feb913));
    background: -webkit-linear-gradient(top, #eba815 0%,#eeb12e 1%,#fec742 2%,#feb913 4%,#feb913 100%);
    background: -o-linear-gradient(top, #eba815 0%,#eeb12e 1%,#fec742 2%,#feb913 4%,#feb913 100%);
    background: -ms-linear-gradient(top, #eba815 0%,#eeb12e 1%,#fec742 2%,#feb913 4%,#feb913 100%);
    background: linear-gradient(to bottom, #eba815 0%,#eeb12e 1%,#fec742 2%,#feb913 4%,#feb913 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eba815', endColorstr='#feb913',GradientType=0 );
}

.content {
    background: #c8c8c8;
    height: 343px;
    border: 2px solid #b0b0b0;
    margin-top: 3px;
}

.user {
    background: url(/image/Login/lock.png) no-repeat;
    height: 137px;
    width: 148px;
    margin: 0 auto;
    position: absolute;
    top: 26px;
    right: 80px;
}

.cc {
    width: 258px;
    margin: 0 auto;
    top: 26px;
    margin-top: 64px;
    padding-right: 36px;
}

.txt {
    background: url(/image/Login/txt.png) no-repeat;
    height: 31px;
    width: 178px;
    border: none;
    padding-right: 40px;
    margin-right:3px;
}

.txtt {
    height: 26px;
    width: 216px;
    background: #fff;
    border: 1px solid #969596;
    margin-right: 3px;
    margin-top: 4px;
    margin-bottom: 4px;
    padding-top: 3px;
}

.username {
    background-position: 0 0;
}

.password {
    background-position: 0 -32px;
}

.key {
    position: absolute;
    top: 0;
    left: 0;
    vertical-align: middle;
    cursor: pointer;
    margin: 0 3px;
}

.captcha {
    margin-right: 3px;
    margin-top: 5px;
}

.btn {
    background: url(/image/Login/btn.png)no-repeat 0 0;
    width: 218px;
    height: 46px;
    cursor: pointer;
    border: none;
    margin-right: 3px;
}

    .btn:hover {
        background-position: 0 -47px;
    }