input,textarea{outline:none;resize: none;}
a,a:hover,a:link,a:visited{text-decoration: none !important;}
li{list-style-type:none;}
textarea,select,input,button,div,span,a,td,th,ol,ul,li,h1,h2,h3,h4,h5,h6,article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section,dl, dt, dd,table, caption, tbody, tfoot, thead, tr, th, td,fieldset, form, label, legend{
    font-family: Microsoft JhengHei;
}

body {
    background-color: #FFFFFF;
    font-family: Microsoft JhengHei;
    overflow-y:scroll;
    overflow-x: hidden;
}


body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #FFFFFF;
}

body::-webkit-scrollbar {
    width:10px;
    background-color: transparent;
}

body::-webkit-scrollbar-thumb {
    background-color: #606060;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.noto-sans-jp{
       font-family: "Noto Sans JP", sans-serif;
}

.heightauto{
    height:auto!important;
    height:100%;
    min-height:700px;
}




.fieldset1{
    border: blue 1px solid !important;
    border-radius: 10px !important;;
    -moz-border-radius:10px !important;;
    -webkit-border-radius: 10px !important;;
    -khtml-border-radius: 10px !important;;
    -o-border-radius: 10px !important;;
}
.fieldset1 legend{
    font-size: 16px !important;
    font-weight: bold !important;
    color: blue !important;
}


.fieldset2{

    border: #8796C1 1px solid;
    border-radius: 10px;
    -moz-border-radius:10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -o-border-radius: 10px;
}
.fieldset2legend{
    font-size: 16px;
    font-weight: bold;
}


.tabled, .tabled * {margin: 0 auto; padding: 0;position:relative;}
.tabled {display: table; width: 100%; border-collapse: collapse;position:relative;}
.tabled-tr {display: table-row; height:auto;position:relative;}
.tabled-th {display: table-cell;height: 100%;border: 0px solid gray;vertical-align: middle;position:relative;}
.tabled-td {display: table-cell; height: 100%;border: 0px solid gray; vertical-align: middle;position:relative;}


.classhelps{
    width: 70%;
    margin: 0 auto;
    padding: 0;
}


@media only screen and (max-width: 600px) {

    .classhelps{
        width:unset;
    }

    #no-more-tables table,
    #no-more-tables thead,
    #no-more-tables tbody,
    #no-more-tables th,
    #no-more-tables td,
    #no-more-tables tr {
        display: block;
    }

    #no-more-tables thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }


    #no-more-tables tr {
        border-bottom: 1px dashed #000;
    }
    #no-more-tables td {
        border: none;
        border-bottom: 1px dashed #eee;
        position: relative;
        padding-left: 30%;
        white-space: normal;
        text-align:left;
    }

    #no-more-tables td:before {
        /*position:relative;*/
        position:absolute;
        top: 0px;
        left: 0px;
        width:10%;
        padding:0px;
        white-space: nowrap;
        float:left;
        word-break: normal;
    }

    #no-more-tables td:before {
        width:10%;
        content: attr(data-title);
        border-right: 0px dashed #eee;
        color:black;
        padding-left:0px;
        padding-top:8px;
        font-weight: bold;
        word-break: normal;
    }

    .paginationatt {
         --bs-pagination-padding-x:unset;
         --bs-pagination-padding-y:unset;
         --bs-pagination-font-size:unset;
         --bs-pagination-color:unset;
         --bs-pagination-bg:unset;
         --bs-pagination-border-width:unset;
         --bs-pagination-border-color:unset;
         --bs-pagination-border-radius:unset;
        /*
         --bs-pagination-hover-color:unset;
         --bs-pagination-hover-bg:unset;
         --bs-pagination-hover-border-color:unset;

         --bs-pagination-focus-color:unset;
         --bs-pagination-focus-bg:unset;
         --bs-pagination-focus-box-shadow:unset;

         --bs-pagination-active-color:unset;
         --bs-pagination-active-bg:unset;
         --bs-pagination-active-border-color:unset;
         */

         --bs-pagination-disabled-color:unset;
         --bs-pagination-disabled-bg:unset;
         --bs-pagination-disabled-border-color:unset;


    }

    .paginationatt .page-item{
        border: darkgray 1px solid;
        width: 38px;
        height: 38px;
        line-height: 38px;
        margin: 2px;
        border-radius: 20px;
        -moz-border-radius:20px;
        -webkit-border-radius:20px;
        -khtml-border-radius:20px;
        -o-border-radius:20px;
        text-align: center;
        font-size: 15px;
    }

    .paginationatt .disabled{
        width: 38px;
        height: 38px;
        line-height: 38px;
        background-color:#dee2e6;
        color: rgba(33, 37, 41, 0.75);
        border-radius: 20px;
        -moz-border-radius:20px;
        -webkit-border-radius:20px;
        -khtml-border-radius:20px;
        -o-border-radius:20px;
        text-align: center;
        font-size: 15px;
    }

    .active>.page-link, .page-link.active {
        z-index: 3;
        color: var(--bs-pagination-active-color);
        background-color: var(--bs-pagination-active-bg);
        border-color: var(--bs-pagination-active-border-color);
        border-radius: 20px;
        -moz-border-radius:20px;
        -webkit-border-radius:20px;
        -khtml-border-radius:20px;
        -o-border-radius:20px;
    }

}