body {overflow-x: hidden;}
p {font-size: 20px;}
p.small {font-size: 16px;}
a,a:hover,a:focus,a:active,a.active {outline: 0;color: #3498db;text-decoration: none;}

h1,h2,h3,h4,h5,h6 {text-transform: uppercase;font-family: 微软雅黑,"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight: 700;}
hr.star-light,hr.star-primary {margin: 25px auto 30px;padding: 0;max-width: 250px;border: 0;border-top: solid 5px;text-align: center;}
hr.star-light:after,
hr.star-primary:after {content: "\f005";display: inline-block;position: relative;top: -.8em;padding: 0 .25em;font-family: FontAwesome;font-size: 2em;}
hr.star-light {border-color: #fff;}
hr.star-light:after {color: #fff;background-color: #3498db;}
hr.star-primary {border-color: #2c3e50;}
hr.star-primary:after {color: #2c3e50;background-color: #fff;}
.img-centered {margin: 0 auto;}
header {text-align: center;color: #fff;background: #3498db;}
header .container {padding-top: 100px;padding-bottom: 50px;}
header img {display: block;margin: 0 auto 20px;}
header .intro-text .name {display: block;text-transform: uppercase;font-size: 32px;font-weight: 700;}
header .intro-text .skills {font-size: 1.25em;font-weight: 300;}



.navbar {text-transform: uppercase;font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight: 700;}
.navbar a:focus {outline: 0;}
.navbar .navbar-nav {letter-spacing: 1px;}
.navbar .navbar-nav li a:focus {outline: 0;}
.navbar-default,.navbar-inverse { border: 0;}

section {padding: 100px 0;}
section h2 {margin: 0;font-size: 3em;}
section.success {color: #fff;background: #3498db;}



#portfolio .portfolio-item {right: 0;margin: 0 0 15px;}
#portfolio .portfolio-item .portfolio-link {display: block;position: relative;margin: 0 auto;max-width: 400px;}

#portfolio .portfolio-item .portfolio-link .caption {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(24,188,156,.9);
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    transition: all ease .5s;
}

#portfolio .portfolio-item .portfolio-link .caption:hover {opacity: 1;}
#portfolio .portfolio-item .portfolio-link .caption .caption-content {position: absolute;top: 50%;width: 100%;height: 20px;margin-top: -12px;text-align: center;font-size: 20px;color: #fff;}
#portfolio .portfolio-item .portfolio-link .caption .caption-content i {margin-top: -12px;}
#portfolio .portfolio-item .portfolio-link .caption .caption-content h3,
#portfolio .portfolio-item .portfolio-link .caption .caption-content h4 {margin: 0;}
#portfolio * {z-index: 2;}



.btn-outline {margin-top: 15px;border: solid 2px #fff;font-size: 20px;color: #fff;background: 0 0;transition: all .3s ease-in-out;}
.btn-outline:hover,
.btn-outline:focus,
.btn-outline:active,
.btn-outline.active {border: solid 2px #fff;color: #3498db; background: #fff;}

.floating-label-form-group {position: relative;margin-bottom: 0; padding-bottom: .5em;border-bottom: 1px solid #eee;}
.floating-label-form-group input,.floating-label-form-group textarea {z-index: 1; position: relative;padding-right: 0;padding-left: 0;border: 0;border-radius: 0;font-size: 1.5em;background: 0 0;box-shadow: none!important;resize: none;}
.floating-label-form-group label {
    display: block;
    z-index: 0;position: relative; top: 2em;margin: 0;font-size: .85em;line-height: 1.764705882em;vertical-align: middle;
    vertical-align: baseline;
    opacity: 0;
    -webkit-transition: top .3s ease,opacity .3s ease;
    -moz-transition: top .3s ease,opacity .3s ease;
    -ms-transition: top .3s ease,opacity .3s ease;
    transition: top .3s ease,opacity .3s ease;
}

.floating-label-form-group::not(:first-child) {padding-left: 14px;border-left: 1px solid #eee;}
.floating-label-form-group-with-value label {top: 0;opacity: 1;}
.floating-label-form-group-with-focus label {color: #3498db;}
form .row:first-child .floating-label-form-group {border-top: 1px solid #eee;}

footer {color: #fff;}
footer h3 {margin-bottom: 30px;}
footer .footer-above {padding-top: 50px;background-color: #2c3e50;}
footer .footer-col {margin-bottom: 50px;}
footer .footer-below {padding: 25px 0;background-color: #233140;}

.btn-social {display: inline-block;width: 50px;height: 50px;border: 2px solid #fff;border-radius: 100%;text-align: center;font-size: 20px;line-height: 45px;}
.btn:focus,.btn:active,.btn.active {outline: 0;}

.scroll-top {z-index: 1049;position: fixed;right: 2%;bottom: 2%;width: 50px;height: 50px;}
.scroll-top .btn {width: 50px;height: 50px;border-radius: 100%;font-size: 20px;line-height: 28px;}
.scroll-top .btn:focus {outline: 0;}

.portfolio-modal .modal-content {padding: 100px 0;min-height: 100%;border: 0;border-radius: 0;text-align: center;background-clip: border-box;-webkit-box-shadow: none;box-shadow: none;}
.portfolio-modal .modal-content h2 {margin: 0;font-size: 3em;}
.portfolio-modal .modal-content img {margin-bottom: 30px;}
.portfolio-modal .modal-content .item-details {margin: 30px 0;}
.portfolio-modal .close-modal {position: absolute;top: 25px;right: 25px;width: 75px;height: 75px;background-color: transparent;cursor: pointer;}
.portfolio-modal .close-modal:hover {opacity: .3;}
.portfolio-modal .close-modal .lr {z-index: 1051;width: 1px;height: 75px;margin-left: 35px;background-color: #2c3e50;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.portfolio-modal .close-modal .lr .rl {z-index: 1052;width: 1px;height: 75px;background-color: #2c3e50;-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);}
.portfolio-modal .modal-backdrop {display: none;opacity: 0;}

/*2024-8-22*/
#qrCode {display: none;}
#qrCodeText {font-size: 14px;text-align: center;}

.dropdown-menu {
    padding: 15px;
}
.today {background-color: #0858aa !important; color:#fff !important;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
    color: #ffffff;
    background-color: #3498db;
    border-radius: 6px;
}

table {font-size: 14px;}

.form-control, input {border-width: 1px;-webkit-box-shadow: none;box-shadow: none;}
.form-control {height: 34px;padding: 5px 15px;font-size: 15px;line-height: 1.42857143;color: #2c3e50;}
.btn {padding: 6px 15px;font-size: 14px;}
.form-inline {padding-bottom: 10px;}

@media(min-width:768px) {
    header .container {padding-top: 200px;padding-bottom: 100px;}
    header .intro-text .name {font-size: 32px;}
    header .intro-text .skills {font-size: 1.75em;}
    .navbar-fixed-top {padding: 15px 0;-webkit-transition: padding .3s;-moz-transition: padding .3s;transition: padding .3s;}
    .navbar-fixed-top .navbar-brand {font-size: 2em;-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;}
    .navbar-fixed-top.navbar-shrink {padding: 15px 0;}
    .navbar-fixed-top.navbar-shrink .navbar-brand {font-size: 1.5em;}    
    .navbar-nav>li>a {padding-top: 10px;padding-bottom: 10px;}
    .navbar-right {float: right !important;margin-right: -15px;padding-top: 10px;}
}
@media(min-width:767px) {
    #portfolio .portfolio-item {margin: 0 0 30px;}
}
@media(max-width:767px) {
    section {padding: 75px 0;}
    section.first {padding-top: 75px;}
}
/*2024-8-22*/

    .table th {
        background-color: #f5f5f5;
        font-weight: bold;
    }
    
    .btn-sm {
        margin: 2px;
    }
    
    .search-form {
        margin-bottom: 20px;
    }
    
    .modal-dialog {
        max-width: 400px;
    }
    
    #qrCodeImage {
        border: 1px solid #ddd;
        border-radius: 4px;
        padding: 10px;
        background-color: white;
    }
    
    .table-responsive {
        margin-top: 20px;
    }
    
    .no-data {
        text-align: center;
        padding: 40px;
        color: #999;
        font-style: italic;
    }
    
    /* 分页控件样式 */
    .pagination {
        margin: 0;
        display: inline-block;
    }
    
    .pagination > li > a,
    .pagination > li > span {
        color: #337ab7;
        background-color: #fff;
        border: 1px solid #ddd;
        padding: 6px 12px;
        margin-left: -1px;
        line-height: 1.42857143;
    }
    
    .pagination > li > a:hover,
    .pagination > li > a:focus {
        color: #23527c;
        background-color: #eee;
        border-color: #ddd;
        text-decoration: none;
    }
    
    .pagination > .active > a,
    .pagination > .active > a:hover,
    .pagination > .active > a:focus {
        background-color: #337ab7;
        border-color: #337ab7;
        color: #fff;
        cursor: default;
    }
    
    .pagination > .disabled > a,
    .pagination > .disabled > a:hover,
    .pagination > .disabled > a:focus {
        color: #777;
        background-color: #fff;
        border-color: #ddd;
        cursor: not-allowed;
    }
    
    /* 分页信息样式 */
    .pager-info {
        margin-top: 10px;
        color: #666;
        font-size: 12px;
        text-align: center;
    }
    
    /* 分页容器样式 */
    .pager-container {
        text-align: center;
        margin-top: 20px;
        padding: 15px 0;
        background-color: #f9f9f9;
        border-radius: 4px;
    }
    
    /* 页面大小选择器样式 */
    .page-size-selector {
        margin-left: 15px;
        display: inline-block;
    }
    
    .page-size-selector label {
        margin-right: 5px;
        font-weight: normal;
        color: #666;
    }