body {
        font-size: 11px;
        font-family: Tahoma, Arial, sans-serif;
}

  .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: #F5F5F5;
  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;}