* {
    box-sizing: border-box;
}

button:focus {
    outline: none;
}

body {
    font-family: 'Noto Sans TC', sans-serif;
    /*Noto Sans TC;*/
    font-size: 14px;
}

.jumbotron {
    background: #FFF;
    /* color: #0057a4; */
    padding-top: 20px;
    padding-bottom: 0px;
    /* margin-bottom: 0px; */
}

.jumbotron h1 {
    border-bottom: 1px solid #62758D;
    padding-bottom: 16px;
}

.clearfix {
    margin-bottom: 0px;
    font-size: 26px;
    font-weight: 600;
    /* margin-left: 30px; */
    color: #384D65;
    display: inline-block;
    vertical-align: middle;
    /* letter-spacing: 2px;*/
}

#txt-desc {
    font-size: 18px;
    color: #384D65;
    line-height: 32px;
}

.maincontent {
    padding-top: 100px;
}

.default_logo {
    max-height: calc(50px*1.2);
    max-width: none;
    cursor: pointer;
    display: inline-block;
}

.panel-body {
    padding: 30px 51px 0px 51px;
}

.btn-tab.active {
    background: #fff !important;
    color: #384D65;
    border-color: #E5E7EB;
    /* -moz-box-shadow: 2px -2px 8px 1px #ddd;
	-webkit-box-shadow: 2px -2px 8px 1px #ddd; */
    /* box-shadow: 2px -2px 8px 1px #ddd; */
}

.btn-tab:hover {
    /* background:#c6d8ec; */
    color: #384D65;
}

#btn-largemodel:hover {
    background: #ebebeb;
    cursor: default;
}

#btn-subj.active,
#btn-second.active,
#btn-uni.active {
    background: #ebf8f4 !important;
}

#btn-subj:hover,
#btn-second:hover,
#btn-uni:hover {
    background: #ebf8f4 !important;
}

.tab-nav {
    border-bottom: 1px solid #E5E7EB;
}

.btn-tab {
    /* background: #ebebeb; */
    margin-bottom: -1px;
    border: 1px solid transparent;
    border-color: transparent;
    border-bottom: none;
    color: #9CA3AF;
    font-size: 14px;
    border-top-left-radius: 8px;
    border-bottom-right-radius: 0px;
    padding: 4px 16px;
    position: relative;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 8px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;

}

.btn.focus,
.btn:focus {
    box-shadow: unset !important;
}

#div-dash-integrate,
#div-dash-lang,
#div-dash-pro,
#div-dash-respon,
#div-dash-largemodel,
#div-dash-prof,
#div-dash-safety,
#div-dash-creative,
#div-dash-perception,
#div-dash-reasoning,
#div-dash-core,
#div-dash-new_img_gen,
#div-dash-img_revision,
#div-dash-hf
{
    padding: 10px;
    border: 1px solid #E5E7EB;
    border-top: 0;
    /* border-top-right-radius: 10px; */
    /* min-height: 500px; */
    /* min-width: 1110px; */
    /* background: #fafafa; */
    /* -moz-box-shadow: 3px 3px 6px -1px #ccc;
    -webkit-box-shadow: 3px 3px 6px -1px #ccc;
    box-shadow: 3px 3px 6px -1px #ccc; */
    margin-bottom: 20px;
}

.dataTables_scroll {
    border: 1px solid #E5E7EB;
    border-radius: 8px;
    overflow: hidden;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 0;
}

table.dataTable thead th,
table.dataTable thead td {
    border: 0;
}

table {
    thead {
        tr {
            background: #fff;
            td {
                border-right: 1px solid #E5E7EB !important;
                &:last-child{
                    border-right: 0 !important;
                }
            }
        }
    }

    tbody {
        tr {
            td {
                border-right: 1px solid #E5E7EB;
                &:last-child{
                    border-right: 0;
                }
            }
        }

        .odd {
            background: #f9fafb !important;
        }

        .even {
            background: #fff !important;
        }
    }
}

table.dataTable thead>tr>th.sorting:before,
table.dataTable thead>tr>th.sorting:after,
table.dataTable thead>tr>td.sorting:before,
table.dataTable thead>tr>td.sorting:after {
    right: 3px;
    font-size: 1.5em;
    opacity: 0.45;
}

table.dataTable thead>tr>td.sorting_asc:before,
table.dataTable thead>tr>td.sorting_desc:after {
    opacity: 1;
    color: #555;
}

table.dataTable tbody th,
table.dataTable tbody td {
    padding: 8px 7px;
}

@media screen and (max-width: 768px),
screen and (max-height: 768px) and (max-width: 1000px) {
    body {
        font-size: 10px;
    }

    #txt-desc {
        font-size: 10px;
        padding-top: 10px !important;
        margin-bottom: 0px !important;
    }

    .clearfix {
        margin-top: 10px;
        font-size: 18px;
    }

    .btn-tab {
        font-size: 10px;
        padding: 6px 10px 6px 10px;
    }

    #div-dash-integrate,
    #div-dash-lang,
    #div-dash-pro,
    #div-dash-respon,
    #div-dash-largemodel,
    #div-dash-prof,
    #div-dash-safety,
    #div-dash-creative,
    #div-dash-perception,
    #div-dash-reasoning,
    #div-dash-core,
    #div-dash-hf {
        padding: 10px 10px 23px;
    }

    #div-con {
        padding: 0px;
    }

    /*     
    table.dataTable td:not(:first-child){
        min-width:100px;
    }   
    table.dataTable td:first-child{
        min-width:30px;
    }    */
}