@charset "UTF-8";


/*特殊*/
.pre{white-space: pre-wrap;word-break: break-all;text-overflow: ellipsis;}


/*
.checkbox label.c-input{display:inline-block;padding-left: 1.5rem;}
.c-checkbox .c-indicator{top: 4px;border: 1px #aaa solid;}
.c-input>input:checked~.c-indicator{border-width: 0px;}
*/

/*

.file-custom, .file input:focus ~ .file-custom{-webkit-box-shadow:none;box-shadow:none;}
.file-custom:after{content: "選擇檔案...";}
.file-custom:before{top: -.05rem;content: "瀏覽";}
.has-error .file-custom{border-color: #d9534f;}
.has-error .file-custom:before{border-color: #d9534f;}

.input-group .form-notice{display: table-row;white-space: nowrap;}

.modal.black .modal-header{background-color: #333;color: #fff;border-radius: .2rem .2rem 0 0;}
.modal.black .close {color: #fff;}

.label.costom{font-size: 93%;font-weight: 400;}
*/


/*tool*/

.text-nowarp{white-space: nowrap;}
.text-green{color:#359235;}
.text-white{color:#fff;}
.text-brown{color:#B37621;}
.text-gray-light{color:#9DA7AF;}
.text-red{color:#ff0000;}

.fa-md{font-size:1.2em}

.horizontal-line{height:1px;border-bottom: 1px #aaa solid;}
.horizontal-line-b{border-bottom: 1px #aaa dashed;}
.vertical-line-l{border-left: 1px #aaa solid;}

.small-xs{font-size:96%;}
.small-sm{font-size:90%;}
.big-xs{font-size:106%;}
.big-sm{font-size:115%;}

.pt_2{padding-top:.2rem;}
.py_3{padding-top:.3rem;padding-bottom:.3rem;}
.pt_5{padding-top:.5rem;}
.py_5{padding-top:.5rem;padding-bottom:.5rem;}
.py_7{padding-top:.7rem;padding-bottom:.7rem;}
.pb_7{padding-bottom:.7rem;}
.pl1{padding-left:1rem;}
.pt2{padding-top:2rem;}
.pb2{padding-bottom:2rem;}
.px2{padding-left:2rem;padding-right:2rem;}
.pt3{padding-top:3rem;}
.pb3{padding-bottom:3rem;}
.px3{padding-left:3rem;padding-right:3rem;}
.pr4{padding-right:4rem;}
.pl4{padding-left:4rem;}
.pt5{padding-top:5rem;}

.ml-1{margin-left:-1rem;}
.mx_1{margin-left:.1rem;margin-right:.1rem;}
.mx_1{margin-top:.1rem;}
.mb_1{margin-bottom:.1rem;}
.mt_5{margin-top:.5rem;}
.mb_5{margin-bottom:.5rem!important;}
.ml_5{margin-left:.5rem;}
.mr_5{margin-right:.5rem;}
.my_5{margin-top:.5rem;margin-bottom:.5rem;}
.mt1{margin-top:1rem;}
.mr1{margin-right:1rem;}
.ml1{margin-left:1rem;}
.my1{margin-top:1rem;margin-bottom:1rem;}
.mb1{margin-bottom:1rem;}
.mt2{margin-top:2rem;}
.mr2{margin-right:2rem;}
.ml2{margin-left:2rem;}
.mb2{margin-bottom:2rem;}
.mx2{margin-left:2rem;margin-right:2rem;}
.mr4{margin-right:4rem;}
.ml4{margin-left:4rem;}
.mx4{margin-left:4rem;margin-right:4rem;}
.mt5{margin-top:5rem;}

.width1{width:1%;}
.width2{width:2%;}
.width3{width:3%;}
.width4{width:4%;}
.width5{width:5%;}
.width6{width:6%;}
.width7{width:7%;}
.width8{width:8%;}
.width10{width:10%;}
.width11{width:11%;}
.width12{width:12%;}
.width14{width:14%;}
.width15{width:15%;}
.width17{width:17%;}
.width20{width:20%;}
.width25{width:25%;}
.width30{width:30%;}
.width35{width:35%;}
.width40{width:40%;}
.width60{width:60%;}
.width70{width:70%;}
.width75{width:75%!important;}
.width90{width:90%;}
.width100{width:100%;}
.height100{height:100%;}



/*
.w-7{width:7rem;}
.w-150p{width:150px;}
.w-740p{width:740px;}
.m-w-18{max-width:18rem;}
.m-w-22{max-width:22rem;}

.h-120p{height:120px;}
.min-height-md{min-height:32em;}
.max-height-sm{max-height:18em;}

.line-height-2{line-height:2;}

.row-2{width: 122%;}

.bdr-r{border-radius: .25rem;}
.bdr-t-0{border-top-width:0px!important;}
.bdr-gray{border: 1px #c4c4c4 solid;}
.bdr-card{border: 1px #eee solid;}
.bdr-transparent{border: 1px transparent solid;}
.bdr.hv-add:hover{border-color: #5cb85c;}
.bdr.hv-gray:hover{border-color: #c4c4c4;}





.btn{padding: .25rem 1rem;border-radius: 0.15rem;}
.btn.btn-rounded{border-radius: .3rem;}
.btn-sm{padding: .25rem .75rem;font-size: .85rem;line-height: 1.5;}

.btn-success-outline.dark{color: #2a9a2a;border-color: #2a9a2a;}
.btn-success-outline:focus,.btn-success-outline:active,.btn-success-outline:hover{color:#fff;background-color: #2a9a2a;}

.btn-warning-outline.dark{color: #ca882b;border-color: #ca882b;}
.btn-warning-outline:focus,.btn-warning-outline:active,.btn-warning-outline:hover{color:#fff;background-color: #ca882b;}


.btn.gradient{background: -moz-linear-gradient( center top, #fff 5%, #e6e6e6 100% );background: -ms-linear-gradient( top, #fff 5%, #e6e6e6 100% );filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#e6e6e6');background: -webkit-gradient( linear, left top, left bottom, color-stop(5%, #fff), color-stop(100%, #e6e6e6));background-color: #f2f2f2;color: #222;border: 1px solid #a4a4a4;}
.btn.gradient:hover{background: -moz-linear-gradient( center top, #e6e6e6 5%, #fff 100% );background: -ms-linear-gradient( top, #e6e6e6 5%, #fff 100% );filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e6e6', endColorstr='#fff');background: -webkit-gradient( linear, left top, left bottom, color-stop(5%, #e6e6e6), color-stop(100%, #fff));}
.btn.gradient.gradient-md{font-size: 95%;padding: .235rem 1.25rem;}
.btn.gradient.gradient-lg{font-size: 105%;padding: .35rem 1.5rem;}
.btn.btn-long-md{min-width: 6.5rem;}
.btn.gradient.btn-long-lg{padding-left: 2.5rem;padding-right: 2.5rem;}

.btn.bk-none{background: transparent;border-color: #ccc;color:#333;}
.btn.bk-red{background: #af1010;border-color: #af1010;color:#fff;}
.btn.bk-red:hover{background: #d21b1b;border-color: #d21b1b;}
.btn.bk-pink{background: #ff5a5f;border-color: #f34f54;color:#fff;}
.btn.bk-pink:hover{background: #ea4d52;border-color: #e4454a;}
.btn.bk-naturals{background: #c9ae00;border-color: #c3a903;color:#fff;}
.btn.bk-naturals:hover{background: #b39b03;border-color: #ab9401;}
.btn.bk-gray-blue{background: #75b7cb;border-color: #6bafc3;color:#fff;}
.btn.bk-gray-blue:hover{background: #5da4b9;border-color: #539bb1;}
.btn.bk-gray-blue.dark{background: #5199af;border-color: #59a2b9;}
.btn.bk-gray-blue.dark:hover{background: #458a9e;border-color: #4b94a9;}
*/


.border .alert {
    padding: .6rem 1rem;
}

.border .button_close, .border .file_button_close{
    position: absolute;
    top: -6px;
    right: -8px;
    font-size: 1.3rem;
    z-index: 6;
}

.border .table td, .border .table th{
    border: 1px solid #dee2e6;
}

.border label.form-control-label:after, .modal-dialog .modal-body .form-control-label:after {
    content: "：";
}

.files {
    position: relative;
}

.files label {
    float:left;
}

.downloadfile {
    cursor: pointer;
}

.content-pre {
    white-space: pre-wrap;
    word-break: normal;
}

.navigation-path {
    padding-top: 0rem;
    padding-right: 1rem;
    padding-bottom: 0rem;
    padding-left: 1rem;
    margin-bottom: 0rem;
    font-size: 1rem;
    font-weight: bold;
}

.navigation-path a {
    color: #007bff!important;
    background-color: transparent;
}

table .edit-btn {
    width: 200px;
}

table .edit-btn button {
    width: 80px;
}

.card img, .card video {
    width: 250px;
    height: 250px;
}

#dataContent .figure-caption {
    width: 250px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.media-select {
    border-width: 4px;
    border-color: #17a2b8;
}

.opacitys {
    -webkit-filter:opacity(.2);
}

#synonym_table .alert-secondary {
    background-color: #fff;
    border-color: #fff;
}

#synonym_table .alert-secondary:hover {
    background-color: #fff;
    border-color: #d6d8db;
    margin-right: 1rem;
}
.table-nowrap {
    width:auto;
    max-width:100%
}
.table-middle {
    vertical-align: middle !important;
}
.fas {
    margin-left: 5px;
    font-size:18px;
}
.td-300width {
    width:300px
}
/*忘記密碼的字體*/
.font-size-13 {
    font-size: 13px;
}
/*忘記密碼 icon顏色設定*/
.text-azure {
    color: #18adda;
}
.main {
    flex: 1;
    align-items: flex-start;
}
.btn-default {
    color: #abaaaa;
}
#advanced,#search {
    background-color: #3bb7dc;
    border-color: #75d8ff;
    padding-left: 15px;
    padding-right: 15px;
}
.btn-outline-primary {
    color: #fff;
    background-color: #18adda;
    border-color: #18adda;
}
.btn-outline-info {
    color: #fff;
    background-color: #124a70;
    border-color: #124a70;
}
.btn-outline-primary:hover {
    color: #000;
    background-color: #58d8ff;
    border-color: #58d8ff;
}
.btn {
    border-radius: 0rem;
}
.btn-outline-success {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}
.table .thead-azure th {
    background-color: #25afd4;
    color: #fff;
}
.query-area {
    max-width: 600px;
}
.border{
    border: 0px solid #dee2e6 !important;
}
#add{
    font-size: 1.05rem;
}
.btn-gray {
    background-color: #6c757d;
    color: #fff;
}
.btn-gray:hover {
    background-color: #8e969d;
    border-color: #8e969d;
    color: #fff;
}
.table tbody tr:nth-child(odd){
    background-color: #f1f1f1;
}
.table tbody tr:nth-child(even){
    background-color: #fbfbfb;
}
table tbody tr.video_tr:nth-child(odd){
    background-color: #ffffff;
}
table tbody tr.video_tr:nth-child(even){
    background-color: #d2f4f6;
}
.border .alert {
    padding: 0.6rem 1rem;
}
.row .breadcrumb {
    border-bottom: 1px solid #dee2e6;
}
.main-title span {
    font-weight: bold;
}
.btn-outline-success:hover {
    background-color: #8e969d;
    border-color: #8e969d;
}
.toggle-ul {
    width: 200px;
}
#nav_label {
    position: absolute;
    top: -42px;
    left: 0px;
}
#nav_label a:not(.active) {
    background-color: rgb(225, 225, 225);
    border-color: rgb(225, 225, 225);
    color: #000000;
}