﻿

body {
    background: url(/Assets/img/bg.jpg);
}



/******登录******/

.login {
    background: #fff none repeat scroll 0 0;
    margin: 120px auto 0;
    width: 380px;
    padding-top: 20px;
    box-shadow: 0px 3px 7px #ccc;
}

.login_top {
    border-bottom: 2px solid #808080;
    text-align: center;
    height: 80px;
    position: relative;
}



    .login_top h4 {
        font-size: 30px;
    }

    .login_top h5 {
        color: #a3aeb4;
        font-size: 14px;
        line-height: 14px;
        padding-top: 14px;
        text-align: center;
    }

.login_img img {
    position: absolute;
    top: -45px;
    left: 26%;
}

.log_middle {
    padding: 40px 30px 15px;
}

.login_bottom {
    padding: 20px 30px 15px;
    border-top: 1px solid #ccc;
}

.login_row {
    margin-bottom: 15px;
}


/******注册*****/
.person_box {
    background: #fff none repeat scroll 0 0;
    box-shadow: 3px 3px 16px #ccc;
    margin: 30px auto 0px;
    width: 980px;
    border-bottom: 3px solid #ccc;
    position: relative;
}

.box_top {
    background: #8c1515 none repeat scroll 0 0;
    height: 150px;
    width: 980px;
    margin: 0px auto;
}


    .box_top h3 {
        border-left: 1px solid #ccc;
        color: #fff;
        letter-spacing: 4px;
        margin-top: 59px;
        padding-left: 30px;
        font-size: 30px;
    }

.box_middle {
    min-height: 220px;
    padding: 35px 50px;
    background: url("../images/organbg.png") no-repeat scroll 0 bottom;
}

    .box_middle h4 {
        font-size: 18px;
        font-weight: bold;
        padding: 26px 0;
        text-align: center;
        border-bottom: 1px dotted #ccc;
        margin-bottom: 30px;
    }

.box_bottom {
    padding: 20px 0px;
    border-top: 1px solid #ccc;
    /*margin-top:15px;*/
    text-align: center;
}


.box_row {
    margin: 0 0 2px;
    overflow: hidden;
    padding: 5px 10px 16px;
    position: relative;
}

.box-left-col {
    float: left;
    padding: 3px 10px 0 0;
    text-align: right;
    width: 28%;
}

.box-righ-col {
    float: right;
    position: relative;
    width: 69%;
}

    .box-righ-col input[type="text"], .box-righ-col input[type="password"] {
        border: 1px solid #ddd;
        color: #444;
        font-size: 14px;
        font-weight: 400;
        line-height: 34px;
        height: 34px;
        margin: 0;
        min-width: 200px;
        padding: 0px 4px;
        text-overflow: ellipsis;
        width: 70%;
    }

        .box-righ-col input[type="text"]:focus, .box-righ-col input[type="password"]:focus {
            background: #fff;
        }

input[type="text"]:hover, input[type="password"]:hover {
    border-color: #999;
    cursor: pointer;
}

input[type="radio"], input[type="checkbox"] {
    margin: 0px 4px 0 0;
}

.pull-info {
    padding-top: 10px;
    padding-left: 18px;
}

    .pull-info a {
        padding-left: 15px;
        color: #fff;
        font-style: italic;
    }



.box a.tap {
    width: 100px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    color: #fff;
    background: #333;
    display: inline-block;
    position: absolute;
    right: -1080px;
    font-size: 16px;
    font-weight: 300;
    border-radius: 0px 8px 8px 0 !important;
    -webkit-border-radius: 0px 8px 8px 0 !important;
    -moz-border-radius: 0px 8px 8px 0 !important;
    box-shadow: 1px 5px 0px #ccc;
    -moz-box-shadow: 1px 5px 0px #ccc;
    -webkit-box-shadow: 1px 5px 0px #ccc;
}

.box a.jd {
    top: 150px;
    /*background: #996600;*/
}

    .box a.jd:hover {
        background: #f0ad4e;
        text-decoration: none;
    }

.box a.sj {
    top: 205px;
    /*background: #990066;*/
}

    .box a.sj:hover {
        background: #d9534f;
        text-decoration: none;
    }

.box a.dh {
    top: 260px;
    /*background: #0066CC;*/
}

    .box a.dh:hover {
        background: #337ab7;
        text-decoration: none;
    }


/*按钮*/

/*buttons style*/

.btn {
    border-radius: 0;
    outline: none;
    border: none;
    box-shadow: none;
    text-shadow: none;
    color: #fff;

    display: inline-block;
    *display: inline;
    padding: 4px 12px;
    margin-bottom: 0;
    *margin-left: .3em;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}

    .btn:hover {
        border-radius: 0;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
    }

    .btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] {
        background-color: #d5d5d5;
    }

.btn-group > .btn:first-child,
.btn-group > .btn:last-child,
.btn-group > .dropdown-toggle,
.btn-group-vertical > .btn:first-child,
.btn-group-vertical > .btn:last-child {
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}

.btn-primary {
    background: #e7572c;
  
}

    .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled], .btn-group.open .btn-primary.dropdown-toggle {
        background-color: #e7572c;
    }

.btn-success {
    background: #87bb33;
}

    .btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled],
    .btn-group.open .btn-success.dropdown-toggle {
        background-color: #78a300;
    }

.btn-info {
    background: #22c0cb;
}

    .btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled],
    .btn-group.open .btn-info.dropdown-toggle {
        background-color: #31a6b1;
    }

.btn-warning {
    background: #fb9800;
}

    .btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled],
    .btn-group.open .btn-warning.dropdown-toggle {
        background-color: #de8a00;
    }

.btn-danger {
    background: #dc5d3a;
}

    .btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled],
    .btn-group.open .btn-danger.dropdown-toggle {
        background-color: #c1552b;
    }

.btn-inverse {
    background: #484848;
}

    .btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled],
    .btn-group.open .btn-inverse.dropdown-toggle {
        background-color: #292929;
    }

.btn-link {
    background: none;
    box-shadow: none;
}

.input-prepend .add-on:first-child, .input-prepend .btn:first-child,
.input-prepend.input-append .add-on:first-child, .input-prepend.input-append .btn:first-child,
.input-prepend.input-append .add-on:last-child, .input-prepend.input-append .btn:last-child,
.input-append .add-on:last-child, .input-append .btn:last-child, .input-append .btn-group:last-child > .dropdown-toggle {
    border: 1px solid #ddd;
    border-radius: 0px;
}

.btn-group.open .dropdown-toggle {
    box-shadow: none;
}
