body {
    font-family: Arial, Verdana, "微軟正黑體";
}
.login-page{
    background: url(bg04.jpg) top center no-repeat;
    /* background: rgba(0, 0, 0, .8); */
    background-size: cover;
}
.login-box {
    margin-top: -100px;
}
.login-page .login-card-body,
.login-page .card{
    background: rgba(255, 255, 255, .3);
}
.dataTables_paginate .page-link,
a, .pagination-custom .page-link {
    color: #003a70;
}
a:hover,
.nav-pills .nav-link:not(.active):hover {
    color: #002248;
}
.nav-pills .nav-link.active {
    background-color: #003a70;
}
.pagination-custom {
    overflow-x: auto;
}
.dataTables_paginate .page-item.active .page-link,
.pagination-custom .page-item.active .page-link {
    background-color: #003a70;
    border-color: #003a70;
}
@media (min-width: 768px) {
    .form-horizontal .col-form-label {
        text-align: right;
    }
    .pagination-custom .pagination {
        justify-content: flex-end !important;
    }
}
tr.text-muted {
    color: #ccc !important;
}
.sidebar-dark-dark .nav-sidebar>.nav-item>.nav-link.active {
    background-color: rgba(255,255,255,.1);
}
[class*=sidebar-dark-] .nav-sidebar>.nav-item>.nav-treeview {
    background: #424952;
}
.question_block {
    border: 1px solid #ccc;
    border-radius:15px;
    padding: 15px 30px 15px 30px;
    margin-bottom: 15px;
}
.question_block .form-control {
    border: none;
    border-bottom: 1px solid #d2d6de;
}
.question_block .form-control:focus {
    border-bottom: 1px solid #3c8dbc;
}
.question_block .del_question {
    font-size: 1.3em;
}
#questionnaire .ui-selected,
.question_block.selected {
    box-shadow: 0px 0px 20px rgba(60, 141, 188, 0.6);
}
.adjust_sort {
    color: #003a70;
    cursor: move;
}
.list-launch-block span {
    cursor: pointer;
}
.table-hover tbody tr:hover {
    background-color: rgba(0,0,0,.15);
}
.fa-rotate-135 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
/* 修正與smartphoto套件的bug */
.smartphoto{
    z-index: 1050;
}
.btn-main {
    color: #fff;
    background-color: #003a70;
    border-color: #003a70;
    box-shadow: none;
  }

.btn-main:hover {
    color: #fff;
    background-color: #022342;
    border-color: #022342;
}

.btn-main:focus, .btn-main.focus {
    color: #fff;
    background-color: #022342;
    border-color: #022342;
    box-shadow: 0 0 0 0 rgba(58, 176, 195, 0.5);
}

.btn-main.disabled, .btn-main:disabled {
    color: #fff;
    background-color: #003a70;
    border-color: #003a70;
}

.btn-main:not(:disabled):not(.disabled):active, .btn-main:not(:disabled):not(.disabled).active,
.show > .btn-main.dropdown-toggle {
    color: #fff;
    background-color: #022342;
    border-color: #022342;
}

.btn-main:not(:disabled):not(.disabled):active:focus, .btn-main:not(:disabled):not(.disabled).active:focus,
.show > .btn-main.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(58, 176, 195, 0.5);
}
.btn-outline-main {
    color: #003a70;
    border-color: #003a70;
  }

  .btn-outline-main:hover {
    color: #fff;
    background-color: #003a70;
    border-color: #003a70;
  }

  .btn-outline-main:focus, .btn-outline-main.focus {
    box-shadow: 0 0 0 0 rgba(0, 58, 112, 0.5);
  }

  .btn-outline-main.disabled, .btn-outline-main:disabled {
    color: #003a70;
    background-color: transparent;
  }

  .btn-outline-main:not(:disabled):not(.disabled):active, .btn-outline-main:not(:disabled):not(.disabled).active,
  .show > .btn-outline-main.dropdown-toggle {
    color: #fff;
    background-color: #003a70;
    border-color: #003a70;
  }

  .btn-outline-main:not(:disabled):not(.disabled):active:focus, .btn-outline-main:not(:disabled):not(.disabled).active:focus,
  .show > .btn-outline-main.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(0, 58, 112, 0.5);
  }

.dark-mode .page-item .page-link, .dark-mode a {
    color: #fff;
}
.navbar-nav>.user-menu>.dropdown-menu>li.user-header{
    height: auto;
}

.goTop {
    display: none;
    position: fixed;
    border: 1px solid #e36159;
    padding: 2px 7px 3px;
    border-radius: 4px;
    color: #e36159;
    bottom: 20px;
    right: 20px;
    -webkit-transition: .3s;
    transition: .3s;
}
.goTop:hover {
    background-color: #e36159;
    color: #fff;
}
.top-0 {
    top: 0 !important;
}
.left-0 {
    left: 0 !important;
}
.right-0 {
    right: 0 !important;
}

.hover_shadow {
    /* box-shadow: 0 0 5px rgb(0 0 0 / 20%); */
    border: 1px solid #dee2e6;
    -webkit-transition: .3s;
    transition: .3s;
}

.hover_shadow:hover {
    -ms-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    box-shadow: 0 15px 25px rgb(0 0 0 / 15%);
}
.text_underline {
    text-decoration: underline;
}
#search_form select { max-height: 38px; }

.modal-xxl {
    width: 90vw;
    max-width: none;
    height: 90%;
}
.cursor_pointer {
    cursor: pointer;
}