body {
        font-family: Microsoft JhengHei;
        font-size: 16px;
}

body>nav.navbar+div.container-fluid {
        min-height: calc(100% - 132px) !important;
}

/*表格樣式*/

/*td與th樣式 字體與間隔設定*/

.table td,
.table th {
        padding: .75rem;
        vertical-align: top;
        /*        border: 1px solid #010101; */
        font-size: 16px;
}

.dr {

        border-right: solid 1px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;

}


/*表格標題樣式  淺藍背景色   
.n1 {
        background: #dbefff;
	text-align: right;
	width: 15%;
/*	border: 1px solid #010101; 
}*/


/*表格標題樣式  淺藍背景色 
.n2 {
        background: #dbefff;
	text-align: right;
        width: 10%;
               
/*border: 1px solid #010101;
*
}*/

/*標題 Div形式*/
.dh:first-child {
        border-left: solid 1px;
}

.dr:last-child {
        border-bottom: solid 1px;
}

.dc:last-child {
        border-right: none;
}

.dh {
        background: #dbefff;
        font-size: 16px;
        text-align: right;
        padding: 12px 10px;
        border-top: solid 1px;

}

/*內文 Div*/
.dc {
        border-left: solid 1px;
        border-right: solid 1px;
        font-size: 18px;
        text-align: left;
        padding: 10px 12px;
        border-top: solid 1px;
        font-weight: bold;
}

/* 表格呈現響應式新版 */
/* 放在開始放資料的row上 外層row框架不需要 */
.set-row {
        display: flex;
        flex-wrap: wrap;
}

/* 表格外層標題背景 較淺 */
.area-title-outside {
        background: #dbefff;
}

/* 內層表格標題背景 較深 */
.area-title {
        background: #bdddf6;
}

/* 表格框線 */
.table-line {
        padding-top: 15px;
        padding-bottom: 15px;
        border: 1px solid #000000;
}

/* 有設定框線的微調 避免線條並排 */
.crossline {
        margin-right: -1px;
        margin-bottom: -1px;
}



/*標題 Div形式 兩行*/
.dh-70 {
        background: #dbefff;
        height: 70px;
        font-size: 16px;
        text-align: right;
        padding: 12px 10px;
        border-top: solid 1px;
        border-right: solid 1px;
}

/*內文 Div 兩行*/
.dc-70 {
        height: 70px;
        font-size: 16px;
        text-align: left;
        padding: 10px 12px;
        border-top: solid 1px;
        border-right: solid 1px;

}

/*標題 Div形式*/
.dh-100 {
        background: #dbefff;
        height: 100px;
        font-size: 16px;
        text-align: right;
        padding: 12px 10px;
        border-top: solid 1px;
        border-right: solid 1px;
}

/*內文 Div 兩行*/
.dc-100 {
        height: 100px;
        font-size: 16px;
        text-align: left;
        padding: 10px 12px;
        border-top: solid 1px;
        border-right: solid 1px;

}

/*標題 Div形式*/
.dh-150 {
        background: #dbefff;
        height: 150px;
        font-size: 16px;
        text-align: right;
        padding: 12px 10px;
        border-top: solid 1px;
        border-right: solid 1px;
}

/*內文 Div */
.dc-150 {
        height: 150px;
        font-size: 16px;
        text-align: left;
        padding: 10px 12px;
        border-top: solid 1px;
        border-right: solid 1px;

}

/*標題 Div形式*/
.dh-450 {
        background: #dbefff;
        height: 450px;
        font-size: 16px;
        text-align: right;
        padding: 12px 10px;
        border-top: solid 1px;
        border-right: solid 1px;
}

/*內文 Div */
.dc-450 {
        height: 450px;
        font-size: 16px;
        text-align: left;
        padding: 10px 12px;
        border-top: solid 1px;
        border-right: solid 1px;

}



/*內文 Div 兩行*/
.dc-100 {
        height: 100px;
        font-size: 16px;
        text-align: left;
        padding: 10px 12px;
        border-top: solid 1px;
        border-right: solid 1px;

}

.border_bottom {
        border-bottom: solid 1px;
}

.border-bottom {
        border-bottom: solid 1px;
}

.no-border-bottom {
        border-bottom: none;
}

/*左框線*/
.border-left {
        border-left: solid 1px;
}

/*取消左框線*/
.no-border-right {
        border-right: none;
}


.text-left {
        text-align: left;
}

.text-center {
        text-align: center;
}

.text-right {
        text-align: right;
}

/*按鈕*/

/*加大按鈕*/
.btn-lg2 {
        padding: 10px 16px;
        font-size: 14px;
        line-height: 1;
        border-radius: 6px;
}

/*
.MyInput {
        height: 34px; 
        padding: 6px 6px;
        font-size: 18px;
        font-weight: bold;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    }
*/
.buttonM {
        /*手機板按鈕設定*/
        width: 200px;
}

/*黑色按鈕-需搭配下面CSS*/
/*
.btn-black{
        background: #303435; 
        border: solid 1px #000;
        color: #fff;
}
btnb{
        display: inline-block;
        padding: 6px 12px;
        margin-bottom: 0;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;   
}

/* 黑色按鈕 需搭配以下CSS放在頁面才會有滑動效果
<style>
    黑色按鈕的滑動效果
    .btnb:hover, .btnb:focus, .btnb.focus {
        color: #fff;
        text-decoration: none;
        background: #3e3e3e;
        }
</style>
*/
/*解決label粗體問題*/

/*視窗寬度小於991px時，套用*/
/* @media only screen and (max-width: 991px),(max-device-width: 991px) {
        .dr{
                border-right: solid 1px;
                display: 	inline; 
                

        }

} */

/*視窗寬度小於991px時，套用*/
@media only screen and (max-width: 991px) {

        .dh {
                /*標題 Div形式*/
                text-align: left;
                border-right: solid 1px;
                border-left: solid 1px;
        }

        .dc:last-child {
                border-right: solid 1px;
                border-bottom: solid 1px;
        }

        .dr {
                border: none;
        }

        .dw {
                border-right: solid 1px;
        }

        .dm {
                /*增加底線*/
                border-bottom: solid 1px;
        }

        .buttonM {
                /*手機板按鈕*/
                width: 100%;
        }

}

.dn {
        border: none;
        background: none;
        font-size: 25px;
}



.dcs-50 {
        /*內文 Div形式 微大(用於非純內文 例如input)*/
        height: 50px;
        font-size: 16px;
        text-align: left;
        padding: 5px 12px;
        border-bottom: solid 1px #CCC;
        border-right: none;
        border-left: none;
        border-top: none;
}

.dcs-90 {
        /*內文 Div形式 兩行*/
        height: 90px;
        font-size: 16px;
        text-align: left;
        padding: 5px 12px;
        border-bottom: solid 1px #CCC;
        border-right: none;
        border-left: none;
        border-top: none;
}

.dcs-110 {
        /*內文 Div形式 三行*/
        height: 110px;
        font-size: 16px;
        text-align: left;
        padding: 5px 12px;
        border-bottom: solid 1px #CCC;
        border-right: none;
        border-left: none;
        border-top: none;
}

.dcs-150 {
        /*內文 Div形式 */
        height: 150px;
        font-size: 16px;
        text-align: left;
        padding: 5px 12px;
        border-bottom: solid 1px #CCC;
        border-right: none;
        border-left: none;
        border-top: none;
}

.dcs-200 {
        /*內文 Div形式 */
        height: 200px;
        font-size: 16px;
        text-align: left;
        padding: 5px 12px;
        border-bottom: solid 1px #CCC;
        border-right: none;
        border-left: none;
        border-top: none;
}

.dcs-250 {
        /*內文 Div形式 */
        height: 250px;
        font-size: 16px;
        text-align: left;
        padding: 5px 12px;
        border-bottom: solid 1px #CCC;
        border-right: none;
        border-left: none;
        border-top: none;
}


/*上外距間隔5px  用途:用於解決兩個input換行時，距離過近的問題*/
.mgt-5 {
        margin-top: 5px;
}

/*加大按鈕*/
.btn-lg2 {
        padding: 12px 18px;
        font-size: 16px;
        line-height: 1;
        border-radius: 6px;
}



/*必填欄位樣式 紅字+ 前方星號  */
.must-title {
        color: #f00;
}

.must-title::before {
        content: '*';
        color: #f00;
}

/* 必填input元素背景 */
.must-input {
        background: #fffcdb;
}

/* 唯讀樣式 藍背景 外框移除*/
.readonly {
        border: none;
        background: #d7e8f1;
}

.helpword {
        /*備註文字*/
        color: #f00;
}

.cco-notice {
        color: #1f1fc0;
}

.bg-yel {
        /*黃色背景 必填*/
        background: #f8ec83;
}

.b-word {
        /*粗體*/
        font-weight: bold;
}

.u-word {
        /*底線*/
        text-decoration: underline;

}

.bg-primary {
        /*情境背景色 藍色*/
        color: #fff;
        background-color: #337ab7;
        padding: 5px;
}

.bg-success {
        /*情境背景色 綠色*/
        background-color: #dff0d8;
        padding: 5px;
}

.bg-info {
        /*情境背景色 水藍色*/
        background-color: #d9edf7;
        padding: 5px;
}

.bg-warning {
        /*情境背景色 淺黃色*/
        background-color: #fcf8e3;
        ;
        padding: 5px;
}

.bg-danger {
        /*情境背景色 淺紅*/
        background-color: #f2dede;
        padding: 5px;
}

/* jqgrid 內容換行 */
/* 換行 */
.ui-th-column,
.ui-jqgrid .ui-jqgrid-htable th.ui-th-column {
        white-space: normal;
}

/* 高度 */
.ui-jqgrid .ui-jqgrid-htable th {
        height: auto;
}

/* jqgrid 欄位內層設定 */
.ui-jqgrid .ui-jqgrid-sortable {
        height: auto;
}

.ui-jqgrid .ui-jqgrid-htable .ui-th-div {
        height: auto;
        line-height: normal;
        padding: 10px;
}

.jqgrow .ui-row-ltr .ui-widget-content {
        line-height: normal;
}

.ui-jqgrid tr.jqgrow td {
        white-space: pre-wrap;
        word-break: break-word;
}

/* 解析寬較大的螢幕固定寬度 兩欄資料&查詢 */
.outer-width {
        float: left;
        display: flex;
}

.frame-width {
        width: 840px;
}

.head-width {
        width: 120px;
}

.content-width {
        width: 300px;
}

.cco-btn-center {
        margin-left: 20px;
}

.spacedate {
        width: 9rem;
}

/* 20200529 */
.apmpeo-dr {}

.apmpeo-dh {
        background: #dbefff;
        border: 1px solid #000000;
        margin-right: -1px;
        margin-bottom: -1px;
        font-size: 16px;
        text-align: right;
        padding: 12px 10px;
}

.apmpeo-dc {
        border: 1px solid #000000;
        margin-right: -1px;
        margin-bottom: -1px;
        font-size: 18px;
        text-align: left;
        padding: 10px 12px;
        font-weight: bold;
}

.one-item-14 {
        margin-right: -14px;
}

.one-item-13 {
        margin-right: -13px;
}

.one-item-12 {
        margin-right: -12px;
}

.one-item-11 {
        margin-right: -11px;
}

.scale-input {
        width: initial;
}

#form1 {
        width: 100%;
}


@media only screen and (max-width:991px) {
        .dh {
                border-right: none;
                text-align: left;
        }

        .ui-jqgrid td {
                padding-left: 10rem !important;
        }

        .ui-jqgrid td:before {
                width: auto;
        }

        .mt-3 {
                margin-top: 1.5rem;
        }

        /* 兩欄資料固定寬度調整 */
        .outer-width {
                clear: both;
                display: block;
        }

        .cco-btn-center {
                width: 100%;
                text-align: center;
                margin-left: 0;
        }

        .frame-width {
                width: 100%;
        }

        .head-width {
                width: 100%;
        }

        .content-width {
                width: 100%;
        }

        .outer-width {
                width: 100%;
        }

        .jqgfirstrow {
                display: none !important;
        }

        .scale-input {
                width: 100%;
        }
}

@media only screen and (max-width:767px) {
        .dh {
                border-left: solid 1px;
                border-right: solid 1px;
        }

        .one-item-14 {
                margin-right: -15px;
        }

        .one-item-13 {
                margin-right: -15px;
        }

        .one-item-12 {
                margin-right: -15px;
        }

        .one-item-11 {
                margin-right: -15px;
        }

        .ui-jqgrid .ui-jqgrid-pager {
                font-size: initial;
        }
}