@-webkit-keyframes slideBox {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-moz-keyframes slideBox {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes slideBox {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes effectIcon {
    0% {
        margin-top: 80px
    }
    100% {
        margin-top: 0
    }
}

@-moz-keyframes effectIcon {
    0% {
        margin-top: 80px
    }
    100% {
        margin-top: 0
    }
}

@keyframes effectIcon {
    0% {
        margin-top: 80px
    }
    100% {
        margin-top: 0
    }
}

.clearfix {
    *zoom: 1;
    clear: both \9
}

.clearfix:before, .clearfix:after {
    display: table;
    line-height: 0;
    content: ''
}

.clearfix:after {
    clear: both;
    height: 0;
    visibility: hidden
}

textarea {
    resize: none
}

cite {
    font-style: normal
}

strong {
    font-weight: 700
}

.placeholder {
    color: #999
}

.input-group select.form-control, .form-group select.form-control {
    line-height: 28px
}

.uninterval {
    margin: 0;
    padding: 0
}

.pull-left {
    float: left
}

.pull-right {
    float: right
}

.font12 {
    font-size: 12px !important
}

.font14 {
    font-size: 14px !important
}

.unborder {
    border: 0 !important
}

.inline {
    display: inline-block !important;
    vertical-align: middle
}

.text-danger {
    color: #e84d3d
}

.text-success {
    color: #80b300
}

.text-warning {
    color: #DB9839
}

.text-muted {
    color: #999
}

.text-fine {
    font-weight: 400
}

.text-line {
    text-decoration: underline
}

.text-closer {
    letter-spacing: 0
}

.text-center {
    text-align: center
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.btn-primary {
    background-color: #428BCA;
    color: #fff
}

.btn-primary:hover {
    background-color: #509BD8
}

.btn-primary:active {
    background-color: #3E7EB4
}

.btn-danger {
    background-color: #E95D50;
    color: #fff
}

.btn-danger:hover {
    background-color: #F06F62
}

.btn-danger:active {
    background-color: #D85246
}

.btn-sm {
    height: 20px;
    line-height: 20px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    font-size: 12px
}

.btn-lg {
    padding: 8px 30px;
    font-size: 16px
}

.btn-disabled {
    background-color: #ddd;
    cursor: default;
    color: #999
}

.btn-disabled:hover {
    background-color: #ddd
}

.btn-disabled:active {
    background-color: #ddd
}

.badge {
    height: 20px;
    line-height: 20px;
    padding: 0 10px;
    display: inline-block;
    font-size: 12px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    text-align: center;
    vertical-align: middle;
    font-weight: 200
}

.badge-default {
    background-color: #EAEAEA;
    color: #888
}

.badge-warning {
    background-color: #F0AD4E;
    color: #fff
}

.badge-success {
    background-color: #98B943;
    color: #fff
}

.badge-danger {
    background-color: #e84d3d;
    color: #fff
}

.form-control-min {
    width: 168px
}

.input-iv-top {
    padding-top: 20px
}

.affix {
    position: fixed !important;
    -webkit-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

html, body, input, select, textarea {
    font-family: Microsoft Yahei, Microsoft yahei, Helvetica Neue, Helvetica;
    font-size: 12px;
    color: #555
}

* html, * body {
    background-image: url(about:blank);
    background-attachment: fixed;
    _height: 100%;
    _overflow: hidden
}

body {
    overflow-y: auto;
    overflow-x: hidden
}

.container {
    margin: 0 auto;
    position: relative
}

.header-main {
    padding: 15px 0;
    background-color: #F0F2F2
}

.header-main .container {
    position: relative
}

.footer-main {
    text-align: center;
    background-color: #F0F2F2
}

.footer-main .inner {
    padding: 15px 0
}

.brand-head {
    position: absolute;
    right: 15px;
    bottom: -4px
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background: transparent
}

.nav {
    background-color: #656565;
    margin-bottom: 15px
}

.nav li {
    float: left;
    position: relative
}

.nav li a {
    display: block;
    padding: 12px 30px;
    position: relative;
    line-height: 20px;
    color: #fff;
    font-size: 14px
}

.nav li a:hover, .nav li a:focus {
    text-decoration: none;
    color: #bbb
}

.nav .active a {
    background-color: #555
}

.nav .open {
    background: transparent
}

.nav .open .active a {
    color: #fff;
    background-color: #656565
}

.nav .open .active a:hover {
    color: #fff;
    background-color: #656565
}

/* @modify: lance mar 19,2015*/
.nav .open li a {
    color: #333;
    background-color: #fff
}

.nav .open li a:hover {
    background-color: #f5f5f5
}

.nav .dropdown-menu li {
    float: none;
    margin: 0
}

.nav .dropdown-menu li a {
    padding: 4px 20px;
    color: #333
}

.nav .dropdown-menu li a:hover {
    background-color: #f5f5f5
}

.table {
    margin-bottom: 10px
}

.table tbody tr td {
    vertical-align: middle
}

.table tbody td a.text-muted {
    cursor: default
}

.table tbody td a.text-muted:hover, .table tbody td a.text-muted:focus {
    color: #999;
    text-decoration: none
}

.table-left tr td {
    text-align: left
}

.tool {
    margin-bottom: 10px
}

.tool .form-inline .form-control {
    line-height: 28px
}

.tool .form-inline .form-control, .tool .form-inline .form-group {
    display: inline-block;
    vertical-align: middle
}

.tool .form-inline .form-date {
    width: 120px
}

.tool .form-inline .input-group {
    width: 218px
}

.tool .form-inline .form-group {
    margin: 0
}

.tool .form-inline textarea {
    width: 200px
}

.tool .form-inline textarea.form-control {
    line-height: 1.42857143
}

.tool .glyphicon {
    font-size: 12px
}

.tool .put-box {
    position: relative
}

.tool .put-prop {
    position: absolute;
    top: 30px;
    left: 0
}

.tool .put-prop .arr {
    width: 0;
    height: 0;
    font: 0/0 '';
    border-width: 8px;
    border-style: dashed dashed solid;
    border-color: transparent transparent #aaa;
    position: absolute;
    top: -10px;
    left: 25px
}

.tool .put-prop textarea {
    box-shadow: 1px 1px 5px #bbb;
    -webkit-box-shadow: 1px 1px 5px #bbb;
    -moz-box-shadow: 1px 1px 5px #bbb
}

.tool-bg {
    padding: 5px 0 0;
    border-top: solid 1px #ddd
}

.pagination {
    margin: 0 0 15px
}

.form-date {
    display: inline-block;
    vertical-align: middle;
    background: url(../images/icon_date.png) no-repeat right center
}

.icon {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    background: url(../images/icon.png) no-repeat
}

.icon-sort {
    background-position: 0 0
}

.icon-sort-lt {
    background-position: -20px 0
}

.icon-sort-gt {
    background-position: -40px 0
}

.table-project-edit {
    margin: 20px 0
}

.table-project-edit .form-control {
    width: 320px
}

.table-project-edit .form-area {
    width: 450px
}

.table-project-edit .form-date, .table-project-edit .form-min {
    width: 180px
}

.table-project-edit .form-sm {
    width: 80px
}

.table-project-edit .form-lg {
    width: 500px
}

.table-project-edit tbody tr th {
    width: 240px;
    padding-right: 20px;
    text-align: right;
    vertical-align: middle;
    border: 0;
    line-height: 20px
}

.table-project-edit tbody tr td {
    border: 0;
    text-align: left
}

.table-project-edit tbody tr td label {
    position: relative;
    padding-left: 16px;
    margin-right: 6px;
    line-height: 20px;
    font-weight: 400
}

.table-project-edit tbody tr td label input {
    position: absolute;
    margin-top: 4px \9;
    margin-left: -16px
}

.table-project-edit tbody tr td label.normal {
    padding-left: 5px
}

.table-project-edit tbody tr td p {
    margin-bottom: 5px
}

.table-project-edit .panel {
    margin: 0
}

.table-project-edit .panel .t {
    padding: 5px;
    margin: 0 0 5px;
    background-color: #f5f5f5;
    font: 700 12px/16px Microsoft Yahei
}

.table-project-edit2 .panel .t {
    padding: 5px;
    margin: 0 0 5px;
    background-color: #f5f5f5;
    font: 700 12px/16px Microsoft Yahei;
    text-align: left;
}

.table-project-edit .list-product {
    padding: 5px 10px;
    margin: 0
}

.table-project-edit .list-product li {
    width: 100%;
    float: left;
    margin-bottom: 8px
}

.table-project-edit .list-product-assigncount li {
    width: 100%;
    float: left;
    margin-bottom: 8px
}

.table-project-edit .list-product .form-sum {
    width: 35px;
    height: 24px;
    padding: 3px 10px;
    display: inline-block
}

.table-project-edit .list-product .form-sum2 {
    width: 55px;
    height: 24px;
    padding: 3px 10px;
    display: inline-block;
    font-size: 12px;
}

.table-project-edit .list-product .active {
    z-index: 110
}

.table-project-edit .list-product .active .muban {
    display: block
}

.table-project-edit .list-product label {
    cursor: pointer;
}

.table-project-edit .checkbox {
    margin: 0 0 10px
}

.put {
    padding-left: 250px;
    margin-bottom: 20px
}

.put .btn {
    margin-right: 10px
}

.put .btn-lg {
    width: 120px
}

.put-center {
    padding: 0;
    text-align: center
}

.btn-sort {
    display: inline-block;
    vertical-align: middle
}

.table-emails-setting .form-control, .table-emails-setting .help-block {
    display: inline-block
}

.table-personnel-edit tbody tr th {
    width: 160px
}

.table td, .table th {
    text-align: center
}

.table .text-left {
    text-align: left
}

.table .dropdown a {
    color: #333
}

.panel-pro-choose {
    width: 90%
}

.panel-pro-choose .inner {
    position: relative;
    z-index: 100
}

.panel-pro-choose li {
    position: relative
}

.panel-pro-choose .muban {
    width: 100%;
    padding: 35px 15px 5px;
    border: solid 1px #aaa;
    background-color: #fff;
    position: absolute;
    top: -5px;
    left: -10px;
    z-index: 99;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    box-shadow: 1px 1px 3px #ccc;
    -webkit-box-shadow: 1px 1px 3px #ccc;
    -moz-box-shadow: 1px 1px 3px #ccc;
    display: none
}

.panel-pro-choose .muban hr {
    margin: 2px 0 8px;
    clear: both
}

.panel-pro-choose .muban .btn {
    height: auto
}

.panel-pro-choose .muban .btn-sm {
    padding-top: 2px;
    padding-bottom: 2px
}

.positions-box {
    border-bottom: dashed 1px #ddd
}

.positions-box .t {
    margin: 0 10px 0 0;
    font-weight: 700;
    float: left
}

.positions-box .t label {
    font-weight: 700
}

.positions-box ul {
    float: left;
    margin: 0
}

.positions-box ul li {
    float: left;
    margin-right: 10px
}

.form-inline .form-area-uname {
    width: 220px;
    margin-top: 5px;
    vertical-align: top;
    border-color: #aaa
}

.form-inline .form-score {
    width: 80px !important
}

.btn-mt {
    margin-top: 5px
}

.mail-acc .form-control {
    margin-bottom: 10px
}

.login-box {
    padding-top: 60px
}

.login-box .menu {
    width: 320px;
    margin: 0 auto 120px
}

.login-box .menu .t {
    font: 700 16px/16px Microsoft Yahei;
    margin: 0 0 30px
}

.login-box .menu .item {
    margin-bottom: 15px
}

.login-box .menu .form-control {
    height: 42px
}

.login-box .menu .form-yzm {
    width: 150px;
    display: inline-block;
    margin-right: 10px
}

.login-box .menu .btn {
    width: 100%;
    height: 42px;
    background-color: #428BCA;
    color: #fff
}

.login-box .menu .btn:hover, .login-box .menu .btn:focus {
    background-color: #4B95D6
}

.login-box .menu .btn:active {
    background-color: #3B7EB7
}

.wel-box {
    margin: 25px 0 40px;
    padding: 0;
    float: none;
    border-right: solid 1px #D9D9D9;
    border-bottom: solid 1px #D9D9D9;
    background-color: #F9F9F9;
    font-size: 14px
}

.wel-box .inner {
    height: 100%;
    padding: 15px 5px 5px 15px;
    border-left: solid 4px #4D86C1
}

.recent-pro {
    padding: 0 0 60px
}

.recent-pro .header {
    border-bottom: solid 1px #ddd
}

.recent-pro .header .t {
    font: 18px/18px Microsoft Yahei;
    margin: 8px 0
}

.recent-pro .header .more {
    display: inline-block;
    vertical-align: middle;
    margin-top: 12px
}

.recent-pro .body {
    padding: 0 20px
}

.recent-pro .body .item {
    padding: 30px 0;
    border-bottom: solid 1px #e5e5e5
}

.recent-pro .body .item .t {
    font: 700 14px/14px Microsoft Yahei;
    margin-top: 7px
}

.recent-pro .body .item .t a {
    color: #333
}

.recent-pro .body .col-md-3 {
    width: 20%
}

.recent-pro .body .col-md-9 {
    width: 80%
}

.recent-pro .body .table {
    margin: 0
}

.recent-pro .body .table tbody th, .recent-pro .body .table tbody td {
    border: 0;
    padding: 5px;
    word-wrap: break-word;
    word-break: break-all
}

.recent-pro .body .menu {
    display: inline-block;
    margin-top: 8px;
    border: solid 1px #ddd;
    border-right: 0
}

.recent-pro .body .menu a {
    float: left;
    padding: 4px 15px;
    border-right: solid 1px #ddd
}

.iconf {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    background: url(../images/iconf.png) no-repeat 0 0
}

.modal-export-name .modal-sm {
    width: 500px
}

.modal-export-name .modal-body {
    padding: 25px 20px;
    line-height: 22px
}

.modal .modal-dialog {
    margin: 50px auto
}

.table th {
    white-space: nowrap
}

.page-tips {
    width: 740px;
    margin: 100px auto
}

.page-tips .info {
    padding: 40px 100px;
    border: solid 1px #ddd;
    background-color: #f5f5f5;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px
}

.page-tips .info .th {
    font-size: 20px
}

.page-tips .info .ddPNG {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px
}

.marginT10 {
    margin-top: 10px;
}

.cursor {
    cursor: pointer;
}