body {
	font-size: 11px;
	font-family: Tahoma, Arial, sans-serif;
}
  navk{
	/*padding: 10px;
	background: lightblue;*/
	position: sticky;
	top:0;
  z-index: 1;
  }

  .container {
    position: relative;
  }
  nav.elem {
    position: absolute;
    left: 0px;
    width: 195px;
  }
  section {
    /* position is static by default */
    /*選單的大小*/
    margin-left: 200px;
  }
  footer.elem {
    position: fixed;
    bottom: 0;
    left: 0;
    height: 25px;
    background-color: white;
    width: 100%;
    margin: 0;
    z-index: 1;
  }
  body {
    margin-bottom: 120px;
  }

/* 头部样式 #00BFFF */
.userheader {
  color: #FFFFFF;
  background-color: #00BFFF;
  padding: 3;
  text-align: left;
}

.header {
  background-color: rgba(245, 245, 245, 0.5);
  padding: 3;
  text-align: left;
}

/* 创建三个不相等的列 */
.column {
  float: left;
  padding: 5px;
}

/* 左右两侧宽度 */
.column.left {
  width: 20%;
}

.column.right {
  width: 20%;
}

/* 中间区域宽度 */
.column.middle {
  width: 50%;
}

/* 列后面清除浮动 */
.rowtools:after {
  content: "";
  display: table;
  clear: both;
}

/* 底部 */
.footer {
  padding: 5px;/*上下寬度*/
  text-align: left;/*文字對齊*/
  background: #F5F5F5;/*顏色*/
  margin-top: 20px;/*邊界*/
}

/* 响应式布局 - 宽度小于600px时设置上下布局 */
@media screen and (max-width: 700px) {
  .column.left, .column.right, .column.middle {
    width: 100%;
  }
}

/* 框陰影測試 */
.opheader{ width:100%; height:30px;

        background:#D3D3D3;

        position:relative;

        box-shadow:0 0 3px rgba(0, 0, 0, 0.2); }

.opheader:before, .opheader:after{ width:30%;

                                      background:#000;

                                      z-index:-1;

                                      position: absolute; top:10px; bottom:15px; left:10px;

                                      content:"";

                                      box-shadow:0 15px 10px rgba(0, 0, 0, 0.5);                                      

　　　　　　　　　     -webkit-transform: rotate(-3deg);

                                     -moz-transform:rotate(-3deg);

                                     -o-transform:rotate(-3deg);

                                     -ms-transform:rotate(-3deg);

                                     transform: rotate(-3deg);}

.opheader:after{ right:10px; left:auto;

                 -webkit-transform:rotate(3deg);

                 -moz-transform:rotate(3deg);

                 -o-transform:rotate(3deg);

                 -ms-transform:rotate(3deg);

                 transform: rotate(3deg);

                }
                
.button1:before, .demo-2 after{ position:absolute;}

.button1 a:hover:before, .demo-2 a:hover:after{color:#F48627;}

.button1 a:hover:after{ right:-20px; content:"<";}

.button1 a:hover:before{ content:">";left:-20px;}


a {
        font-family: Tahoma, Arial, sans-serif; 
        font-size: 12px;
        color: #0000FF;
        text-decoration: none;
}
a:hover {
        font-family: Tahoma, Arial, sans-serif; 
        font-size: 12px;
        color: #FF0000;
        text-decoration: none;
}

/*康捷 K1 商務應用雲*/
h1 {
        font-family: Tahoma, Arial, sans-serif;
        font-size: 14px;
        font-weight: bold;
        padding:0px 0px;
        margin-top: 0px;
        margin-bottom: 0px;
}
/*table{
        padding: 5;
}
造成jqgrid錯誤
*/
th {
        font-size : 11px;
        font-family : Tahoma, Arial, sans-serif;
        color : #FFFFFF;
        text-align : center;
        font-weight : bold;
        background-color : #336699;
}

tr {
        font-family: Tahoma, Arial, sans-serif; 
        font-size: 11px;
        background-color : #FFFFFF;
}
td {
        font-family: Tahoma, Arial, sans-serif; 
        font-size: 11px;
}
TABLE.Mtable TD {
        BORDER-RIGHT: #93bee2 1px solid;
        BORDER-BOTTOM: #c1cdd8 1px solid;
}
TABLE.Mtable TH {
        BORDER-RIGHT: #93bee2 1px solid;
}
TABLE.Mtable {
        border: 1px solid #336699;
}

.TRalter {
        background-color : #F0F0F0; 
}

.TRalterBabyblue {
        background-color : #E0FFFF; 
}

.TRalterSnow {
        background-color : #FFFAFA; 
}



TABLE.searchTable {
        border: 1px solid #336699;
}
input {
        font-size: 11px;
        font-family: Tahoma, Arial, sans-serif;
}

/*按鈕*/
.btnDel{
	    padding: 5px 8px;
	    cursor: pointer;/*使鼠标放上边显示手指形状*/
	    font-size: 12px;
	    margin: 1px 1px;
	    text-align: center;/*文本居中显示*/
	    /*text-decoration: none;/*取消文本的默认修饰，如取消链接默认的下划线*/
	    display: inline-block;
			}
			
.btnover {color:red;
	    padding: 5px 8px;
	    cursor: pointer;/*使鼠标放上边显示手指形状*/
	    font-size: 12px;
	    margin: 1px 1px;
	    text-align: center;/*文本居中显示*/
	    /*text-decoration: none;/*取消文本的默认修饰，如取消链接默认的下划线*/
	    display: inline-block;}
.msg{
	color:red;
	padding: 5px 8px;
	font-size: 18px;
}


/*左邊工具列*/
dl,dt,dd{
        display: block;
        margin:0;
    }
    .left_container{
        margin:0 auto;
        width:100%;
        height:100%;
        position:relative;
    }
    .left_box{
      /*width: 160px;*/
      position: fixed;
      width: 193px;
      height: 100%;
      background-color: #3992d0;
      overflow: auto;
    }

    /*20230824 add kk 把選單內含這樣下面才不會跑出去*/
    .box-header {
      background-color:#ffffff;
      border-left: solid #98d0f5 3px;
      border-right: solid #98d0f5 3px;
      border-top: solid #98d0f5 1px;
      border-bottom: solid #98d0f5 1px;
    }
    /*20230824 add kk scrollbar */
    ::-webkit-scrollbar {
      width: 5px;
      height: 7px
    }
    /*20230824 add kk scrollbar color */
    ::-webkit-scrollbar-thumb {
      background: #ddd;
      border: 0 #fff;
      border-radius: 0
    }

    .left_box dt{
        padding-left: 40px;
        padding-right: 10px;
        background-repeat: no-repeat;
        background-position: 10px center;
        color: #f5f5f5;
        font-size: 14px;
        position: relative;
        line-height: 48px;
        cursor: pointer;
    }
    .left_box dt:hover{
        background-color: #0095ff;
    }
    
    .Xls_management dt{
      background-image: url(../images/logoDot001.png);
    }
    
    
    .Xls_pkg dt{
      background-image: url(../images/logoDot001.png);
    }

    .PROD_management dt{
        background-image: url(../images/logoDot001.png);
    }
    .DN_management dt{
        background-image: url(../images/logoDot001.png);
    }
    .SK_management dt{
        background-image: url(../images/logoDot001.png);
    }
    .MV_management dt{
        background-image: url(../images/logoDot001.png);
    }
    .STOCK_management dt{
        background-image: url(../images/logoDot001.png);
    }
    .BUSI_management dt{
        background-image: url(../images/logoDot001.png);
    }
    .RPT_management dt{
        background-image: url(../images/logoDot001.png);
    }
    .SEC_management dt{
        background-image: url(../images/logoDot001.png);
    }
    .left_wkm dt{
      background-image: url(../images/logoDot001.png);
    }

    .left_box dt img{
        right:10px;
        top:20px;
        position:absolute;
    }
    .left_box dd{
        background-color:#317eb4;
        padding-left:40px;
    }
    .left_box dd:hover{
        background-color:#0095ff;
        padding-left:40px;
    }
    .left_box dd a{
        color: #f5f5f5;
        line-height: 24px;
        font-size:12px;
        text-decoration: none;
    }
    .left_box dt a{
        color: #f5f5f5;
        line-height: 24px;
        font-size:12px;
        text-decoration: none;
    }