/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2020/2/14, 下午 04:31:14
    Author     : Rax
*/
/*@import url("https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20240517063718/https://webjop.mof.gov.tw/mofr/resources/css/dsic/reset.css"); */
@import url("https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20240517063718/https://webjop.mof.gov.tw/mofr/resources/css/dsic/dsic.datatables.css");
/*dsic start------------------------------------------------------------------*/
[v-cloak] {
    display: none !important;
}
body {
    background: url("") no-repeat fixed;
    font-family: 微軟正黑體,全字庫正楷體,全字庫正楷體 Ext-B,全字庫正楷體 Plus;
}
#layoutCount,#Info  {
    display: none;
}
div.dsic-maincontainer{
    /*    margin-left:150px;
        margin-right: 150px;*/
    position: unset;
}
@media screen and (max-width: 1024px) {/* max-width <= 800px */
    #layoutCount {
        display:block;
    }
    div.dsic-maincontainer{
        /*        margin-left: 0px;
                margin-right: 0px;*/
        position: relative;
    }
    #content{
        margin-right: 0px;
        margin-left: 0px;
    }
}
/*@media screen and (min-width: 415px)  min-width >= 415px  {
    div.dsic-maincontainer{
        margin-left: 260px;
        margin-right: 0px;
        position: absolute;
    }
    #content{
        margin-right: 240px;
    }
}*/
@media screen and (min-width: 1024px) /* min-width >= 1024px */ {
    #Info {
        display:block;
        z-index: 2;
    }
}
@media screen and (max-width: 600px) {/* max-width <= 600px */
    .dsic-user {
        padding-right: 50px;
    }
    .dsic-bells{
        margin-right:10px !important;
        margin-left:10px !important;
    }
    .dsic-logo h2 {
        background-size: 136px 27px;
        background-position: 3px 4px;
    }
    .dsic-logo {
        width: 140px;
    }
}
.dsic-move-to-top {
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    height: 12px;
    padding: 14px 16px;
    position: fixed;
    right: 15px;
    bottom: 15px;
    transition: all 0.25s linear 0s;
    width: 20px;
    z-index: 25;
    background: #372E2D;
}
.dsic-move-to-top:not(.dsic-filling) {
    opacity: 0;
    visibility: hidden;
}
.dsic-move-to-top .dsic-icon-chevron-up {
    font-size: 22px;
    position: absolute;
    left: 6px;
}
.dsic-move-to-top:hover {
    background-color:#E03F00; 
    color: #fff!important; 
}
.dsic-pk::before {
    content: '✶ ';
    color: #ff5a00;
    font-size: 12px;
    margin: 0 4px;
    /*text-shadow: 0px 0px 5px grey;*/
    vertical-align: top;
}
.dsic-warning {
    word-break:break-all;
}
.dsic-warning>p {
    text-align: left;
}
.dsic-table>tbody>tr>td {
    text-align: left;
}
.dsic-main-nav{
    margin-left: 15px;
    width: auto;
    color:#000;
    padding: 0px;
}
/*form > div > label,form > div > div > label,form > div > div > div > label{
    color:#fff;
}*/
#layoutCount > a.dsic-underline:hover{
    border-right: 2px #f0ad4e solid;
    padding-right: 5px;
}
#divInfo > ol,ul{
    padding: 5px;
    padding-left: 20px;
    list-style: decimal;
}
.radio-inline{
    vertical-align: top;
}
input[type=checkbox]{
    width: 15px;
    height: 15px;
}
section > div > form{
    /*background-color: rgba(200, 200, 100, 0.1);*/
    padding: 10px;
}
#dg_wrapper > div > div {
    padding-right: 0px;
    /*margin-left: 15px;*/
}
#dg_wrapper > div {
    margin-left: 0px;
    margin-right: 0px;
}
table.dataTable.nowrap td {
    white-space:  normal;
}
a:hover{
    text-decoration: none;
    cursor: pointer;
}
header {
    background-color: rgba(0, 0, 0, 1);
}
.dsic-navdiv {
    background-color: rgba(0, 0, 0, 1);
}
#layoutCount>.dsic-list-header,#Info>.dsic-list-header {
    text-align: center;
    height: 2em;
    line-height: 2em;
    color: #000;
    font-weight: unset;
    font-size: 16px;
    text-shadow: 0 0 0px black;
    border-radius: 0px 0px 0 0;
}
#layoutCount>.dsic-list-content,#Info>.dsic-list-content {
    background-color: #fff;
}
div.dsic-maincontainer{
    padding: 15px;
    overflow: auto;
    overflow-x: hidden;
}
div.dsic-maincontainer section {
    padding: 0px;
    max-width: none;
}
#dg_wrapper{
    margin-right: 15px;    
    /*    padding: 15px;*/
}
#footer{
    clear: both;
    position: fixed;
    bottom: 0px;
    background-color: #000;
}
.dsic-main-nav>a {
    color: #23527c;
}
table.dataTable > tbody > tr.child span.dtr-title,table.dataTable > tbody > tr.child span.dtr-data {
    color:#000;
}
#dl-menu {
    z-index: 1000;
}
/*nav 與 tab 修正*/
#section > .nav {
    background-color: #eee;
    padding:0px;
}

.tab-content > .tab-pane .row {
    margin-right: 0px;
}

/*.row > .col-sm-12 {
    padding-right: 0px;
}*/
.nav-tabs {
    border-radius: 5px 5px 0px 0px;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    padding: 8px 15px 10px 15px;
    border-top: 3px solid orange;
}
/*nav 與 tab 修正 end*/

/*menu修正*/
#dl-menu>ul>li>a {
    text-shadow: 0 0 2px black;
}
#dl-menu ul li {
    width: 140px;
}
#dl-menu ul ul {
    width: 140px;
}
#dl-menu ul ul a {
    font-size: 13.5px;
}
/*menu修正 end*/
/*行事曆 修正*/

.dsic-table>tbody>tr>td {
    border-right: 1px solid rgba(0,0,0,.1);
}
.odd {
    background-color: rgb(142,137,137,.1);
}
.even {
    background-color: rgba(0,0,0,.1)
}

.dsic-table>tbody>tr>td:last-child {
    border-right: 0px solid rgba(0,0,0,.1);
}

/*行事曆 修正 end*/

/*線上留言 修正*/
#comment-Online {
    height: calc(100vh - 200px);
}

#comment-Online > div:first-child {
    padding: 10px;
    height: calc(100vh - 200px);
    float:left;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #eee;
    border-radius: 5px;
    width:45% !important;
}

#comment-Online > div:first-child > div{
    overflow-y: auto;
    padding: 10px;
    height:auto !important;
}

#comment-Online > div:nth-child(2) {
    padding: 10px;
    position:relative !important;
    float:right;
    width:55% !important;
    height:calc(100vh - 400px) !important;
}


#comment-Online > div:nth-child(2) > div{
    overflow:auto;
    padding:10px;
}

#comment-Online > div:nth-child(2) > div >div:first-child{
    flat:none;
    margin-bottom: 5px;
    padding: 2px;
    background-color: #eee;
}


#comment-Online > div:nth-child(3) {
    padding: 10px;
    float:right;
    margin-right:0px !important;
    margin-left:0px !important;
    width:55% !important;
}

#comment-Online > div:nth-child(3) > div:first-child{
    background-color:#ffe6b5;
    padding: 5px 0px 0px 2px;
    margin-bottom:2px;
}

#comment-Online > div:nth-child(3) > div:nth-child(2){
    width:100% !important;
}

#comment-Online > div:nth-child(3) > div:nth-child(3){
    width:100% !important;
    position:relative !important;
    display:block !important;
    margin-top:2px;
    text-align:right;
    padding-right:0px;
}
/*線上留言 修正 end*/

div.dsic-maincontainer section {
    font-family: 微軟正黑體,全字庫正楷體,全字庫正楷體 Ext-B,全字庫正楷體 Plus;
}
/*dsic end--------------------------------------------------------------------*/

/*jquery start----------------------------------------------------------------*/
/*jquery end------------------------------------------------------------------*/

/*bootstrap start-------------------------------------------------------------*/
/*.row
{
    margin-left: 0px;
    margin-right: 0px;
}*/
.modal-body{
    word-break: break-all;
}
.modal-dialog.modal-lg{
    min-width: 950px;
}
.alert-minimalist {
    color:#000000;
    background-color:#ffffff;
    /*border-color:#000000;*/
    box-shadow: 2px 3px 4px rgba(0,0,0,.5);
    width:250px;
    border-radius: 4px;
}
.alert-minimalist > [data-notify="icon"] {
    height: 50px;
    /*margin-right: 12px;*/ 
}
.alert-minimalist > [data-notify="title"] {
    color: #ff0000;
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 80%;
}
.alert-minimalist > [data-notify="message"] {
    font-size: 80%;
}
.modal-dialog {
    width: 90% !important;
    max-width: 700px !important;
    min-width: 300px !important;
    margin: 10px auto !important;
}

.modal-dialog.modal-sm {
    max-width: 400px !important;
}

.modal-dialog.modal-lg {
    max-width: 1000px !important;
}
/*bootstrap end---------------------------------------------------------------*/





/*
     FILE ARCHIVED ON 6:37:18 五月 17, 2024 AND RETRIEVED FROM THE
     AN OPENWAYBACK INSTANCE ON 12:50:56 五月 22, 2026.
     JAVASCRIPT APPENDED BY OPENWAYBACK, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/