@CHARSET "UTF-8";

body
{
    background-color: #fff;
    background-image: linear-gradient(45deg,#fff 0,#fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#fff', GradientType=1);
}

.header
{
    position: fixed;
    top: 0;
    width: 100%;

    height: 60px;
    line-height: 60px;
    text-align: center;

    width: 100%;
    border-bottom: 1px solid #EbEbEb;

    z-index: 3;
}

.footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    left:0;

    height: 60px;
    line-height: 60px;
    width: 100%;
    border-top: 1px solid #EbEbEb;
    min-height: 0;
}

.imanu {

    width: 991px;
    height: 180px;

    position: fixed;

    left: 50%;
    top: 50%;

    margin-left: -480px;
    margin-top: -90px;

    z-index: 9;

    overflow: hidden;
}

.imanu li {

    position: relative;

    top: 0;

    margin-right: 30px;

    display: inline-block;

    height: 178px;
    width: 298px;
    border: 1px solid #FA1919;

    line-height: 180px;
    text-align: center;
}

.imanu li a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 16px;
    letter-spacing: 16px;
    text-indent: 16px;
    color: #FA1919;
}

.imanu li a:hover {
    text-decoration: none;
    color: #FA1919;
}

.loginPanel
{
    width: 286px;

    position: fixed;

    left: 50%;
    top: 50%;

    margin-left: -143px;

    color: #fff;

    z-index: 9;
}

.loginPanel .fc
{
    width: 100%;
    height: 100%;

    background: #000;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.loginPanel .val
{
    border-radius: 0;
    border: 1px solid #fff;
    width: 198px;
    color: #222;
    padding: 9px;
    line-height: 20px;
    height: 20px;
    font-size: 12px;
}

.loginPanel .btn
{
    display: block;
    text-align: center;
    text-decoration: none;

    border: 0;
    border-radius: 0;
    width: 198px;
    padding: 10px;
    color: #fff;

    background-color: #FA1919;

}

.zh-CN .loginPanel .btn, .zh-TW .loginPanel .btn{
    letter-spacing: 5px;
}
.loginPanel .btn:hover, .loginPanel .btn:focus
{
    color: #fff;
    background-color: #FA4B4B;
}
.loginPanel .btnLoad
{
    color: #ccc;
}
.zh-CN .loginPanel .btnLoad, .zh-TW .loginPanel .btnLoad{
    letter-spacing: 0;
}
.loginPanel .btnLoad:hover, .loginPanel .btnLoad:focus
{
    color: #ccc;
}

.loginPanel .fieldUl
{
    margin-left: 34px;
}
.loginPanel .fieldUl .ph
{
    left: 10px;
    color:#999;
    font-size: 12px;
}

.recovery
{
    text-align: right;
    padding: 4px 34px 6px 0;
}
.recovery a
{
    color: #ccc;
    font-size: 12px;
}
.recovery a:hover, .recovery a:focus
{
    _color: #ccc;
}

.loginPanel .short
{
    width: 108px;
}

.loginPanel h2
{
    padding: 26px 0 16px 35px;
    color: #fff;
    font-size: 18px;
}
.loginPanel a.close
{
    position: absolute;
    right: 10px;
    top: 5px;
    font-size: 16px;
    color: #ccc;
}
.loginPanel a.close:hover, .loginPanel a.close:focus
{
    color: #f1f1f1;
    text-decoration: none;
}

.tipErr
{
    margin: 26px auto 16px;
    padding: 0 5px;
    width: 206px;
    background: #FDEEE9;
    border: 1px solid #fadcd3;

    top: -2px;
    left: 34px;

    height: 26px;
    line-height: 26px;	  
}

.erricon {

    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 5px;
    left: 5px;

    background: url('../../img/authicon.png') no-repeat -343px -7px transparent;
}

.errtext
{
    padding-left: 20px;
    color: #222;
    font-size: 12px;
    width: 186px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow:ellipsis;
}

.bottom
{
    padding: 16px 34px 20px 0;
}
.bottom label
{
    font-size: 12px;
    color: #ccc;
}
.bottom a
{
    color: #FA1919;
}
input[type="checkbox"] {
    -webkit-transform: scale(0.7);
}
.chkbox {
    display: flex;
    align-items: center;
}