﻿@charset "utf-8";
/* CSS Document */
html {
    height: 100%;
}

body {
    margin: 0;
    padding: 0;
    /*background: #b2d3fc;*/
    height: 100%;
}

img {
    border: 0;
}

.dn {
    display: none;
}

.title-box {
    height: 100px;
    width: 100%;
    margin: 0 auto;
    background: url(../../Assets/images/login/Group@1x.png) no-repeat center 0;
}

.top-box {
    height: 315px;
    width: 100%;
    margin: 0 auto;
    /*background: rgba(255,255,255,0.60);
    background: rgba(255,255,255,0.60);*/
}

.big-box {
    position: relative;
    width: 380px;
    height: 280px;
    margin: 0 auto;
    background: #FFF;
    -moz-border-radius: 8px; /* Firefox */
    -webkit-border-radius: 8px; /* Safari 和 Chrome */
    border-radius: 8px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
    behavior: url(ie-css3.htc); /* 通知IE浏览器调用脚本作用于'box'类 */
    opacity:0.9;
    filter:alpha(opacity=90); /* 针对 IE8 以及更早的版本 */	
}


/*TAB 标签切换 */
.tabs {
    width: 380px;
    /*background: #f00;*/
    white-space: nowrap;
    border-radius: 8px 8px 0px 0px;
    overflow: hidden;
}

    .tabs .tabs-nav {
        /*margin-left: -33px;*/
        float: left;
    }

        .tabs .tabs-nav .navitem {
            float: left;
            font-family: 黑体,微软雅黑,宋体;
            width: 189px;
            height: 40px;
            display: inline-block;
            font-size: 14px;
            text-align: center;
            color: #666;
            line-height: 40px;
            background: #FFF;
            /*background: linear-gradient(90deg, rgba(255, 163, 0, 1) 0%, rgba(249, 214, 45, 1) 100%);*/
            /*transform: skew(30deg);*/
        }

        .tabs .tabs-nav .item-normal {
            float: left;
            width: 190px;
            height: 40px;
            display: inline-block;
            font-size: 14px;
            text-align: center;
            color: #999;
            line-height: 40px;
            background: #CBE5FF;
            /*background: linear-gradient(90deg, rgba(255, 163, 0, 1) 0%, rgba(249, 214, 45, 1) 100%);*/
            /*transform: skew(30deg);*/
        }

        .tabs .tabs-nav .item-focus {
            float: left;
            width: 190px;
            height: 40px;
            display: inline-block;
            font-size: 14px;
            text-align: center;
            color: #333;
            line-height: 40px;
            background: #FFF;
            font-weight: bold;
        }

        .tabs .tabs-nav .item-word {
            /*transform: skew(-30deg);*/
        }

.user {
    width: 375px;
    height: 140px;
    margin-top: 30px;
    float: left;
    /*margin-left: 35px;*/
    display: inline;
}

.input {
    background: rgba(255,255,255,0.20);
    height: 30px;
    width: 290px;
    border: 0;
    line-height: 30px;
    font-size: 14px;
    font-weight:bold;
    padding-left: 10px;
    border: 1px solid #CCCCCC;
    display:block;
    text-indent: 35px !important;
    /*box-shadow: inset 0 1px 2px 0 rgba(0,0,0,0.20);*/
    border-radius: 5px;
}

.input2 {
    background: rgba(255,255,255,0.20);
    height: 30px;
    width: 195px;
    border: 0;
    line-height: 30px;
    font-size: 14px;
    font-weight:bold;
    padding-left: 10px;
    border: 1px solid #CCCCCC;
    display:block;
    text-indent: 35px !important;
    /*box-shadow: inset 0 1px 2px 0 rgba(0,0,0,0.20);*/
    border-radius: 5px;
}

.sub2 {
    height: 30px;
    width: 80px;
    border: 0;
    cursor: pointer;
    background: rgba(255,255,255,1.0);
    border-radius: 5px;
    font-size: 14px;
    color: #0077EA;
    margin-left: 5px;
    margin-top: 10px;
    text-decoration: none;
}

.input_user {
    background: url(../../Assets/images/login/user_o.png) no-repeat left #FFF;
    opacity: 0.8;
    background-position: 10px;
}

.input_pass {
    background: url(../../Assets/images/login/pass_o.png) no-repeat left #FFF;
    opacity: 0.8;
    background-position: 10px;
}

.sub {
    height: 40px;
    width: 300px;
    border: 0;
    cursor: pointer;
    background: #0077EA;
    border-radius: 5px;
    font-size: 18px;
    color: #FFFFFF;
    margin-top: 30px;
    margin-left: 5px;
}


.companyinfo {
    border: solid 0px red;
    /*position: absolute;*/
    width: 100%;
    margin: 0 auto;
}

    .companyinfo .prompt {
        border: solid 0px yellow;
        position: relative;
        width: 100%;
        height: 30px;
        float: left;
        display: inline;
        font-size: 14px;
        text-align: center;
        line-height: 30px;
    }

    .companyinfo .copyright {
        border: solid 0px blue;
        position: relative;
        width: 100%;
        height: 30px;
        float: left;
        display: inline;
        text-align: center;
        font-family: "黑体,隶书,微软雅黑";
        margin: 0;
        padding: 0;
        line-height: 30px;
        font-size: 16px;
        color: #fff;
    }

.bigtitle {
    width: 100%;
    height: 60px;
    float: left;
    display: inline;
    text-align: center;
    font-size: 52px;
    font-family: "隶书,微软雅黑";
    font-weight: bold;
    margin-top: 40px;
    _margin-top: 29px;
    padding: 0;
}
