.footer 
{
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top: 3px solid #dfdfdf;
  padding: 10px;
  background-color: #e1e1e1;
  position: relative;
  left: 0;
  bottom: 0;
  width: 100%;
  color: white;
}
.LogoFont
{  
  font-family:'Microsoft JhengHei';
  font-size:28px;
  display: block;
}
.user-panel > .info
{
  padding: 5px 5px 5px 15px;
  line-height: 1;
  position: relative;
  left: 0px;
  cursor: pointer;
}
.group-select
{
  color: #FFFFFF;
}
.group-select:hover
{
  color:#FFFF00;
}
.group-select > option
{
  background-color:#000000;
  color:#FFFFFF;
}
.group-select > option:hover
{
  color:#FFFF00;
}
.popover-title 
{
    padding: 4px 10px;
    margin: 0;
    font-size: 14px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
}
.popover-content 
{
    padding: 15px 10px;
    width: 150px;
    height: 50px;
    background-color: #367fa9; 
    border-radius: 5px;
    font-family:'Microsoft JhengHei';
    font-size: 14px;
    /*z-index: 20000;
    position:fixed; */
    /* top: initial;*/
}


.Subject
{
  float:left;
  display:table-cell;
  vertical-align:middle;
  font-family:'Microsoft JhengHei';
  font-size:20px;
  font-weight:bold;
  color:#3c8dbc;
  margin-top:5px;
  padding:0px;
  
}
.QueryView_Fieldname
{
  display: initial;
}
.ColorMark
{
  color:#FFFFFF transparent;
  background-color:#FFFFFF transparent;
  font-size:10px;
  border-radius:3px;
  padding-left:10px;
  padding-right:10px;
  padding-top:2px;
  padding-bottom:2px;
}
.navbar-inverse .navbar-brand {
    color: #fff;
    font-weight:bold;
}
.navbar-inverse {
    background-color: #367fa9;
    border-color: #080808;
    color: #ffffff;
}
.navbar-inverse .navbar-nav>li>a {
    color: #ffffff;
}
.navbar-inverse .navbar-nav>li>a:focus,
.navbar-inverse .navbar-nav>li>a:hover
{
    color: #ffff00;
		cursor:pointer;
}
.navbar-inverse .navbar-nav>.open>a, 
.navbar-inverse .navbar-nav>.open>a:focus, 
.navbar-inverse .navbar-nav>.open>a:hover {
    color: #ffff00;
    background-color: #2b6c91;
}


.dropdown-menu>li>a {
    color: #777;
}
.dropdown-menu>li>a:hover {
    background-color: #367fa9;
    color: #ffffff;
}
.dropdown-menu>li>a>.glyphicon, 
.dropdown-menu>li>a>.fa, 
.dropdown-menu>li>a>.ion {
    margin-right: 10px;
}

@media (max-width: 767px)
{
   .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
       color: #333333;
       background-color: #CCCCCC;
   }

   .dropdown-menu>li>a:hover {
       background-color: #000000;
       color: #ffff00;
   }
   .dropdown-menu>li>a>.glyphicon, 
   .dropdown-menu>li>a>.fa, 
   .dropdown-menu>li>a>.ion {
    margin-right: 10px;
   }
	 .navbar-right
	 {
		 top:0px;
	 	 position: relative;
	 }
	 .navbar-right>li
	 {
		 top:0px;
	 	 position: absolute;
	 }

}


/*
 * Component: Box
 * --------------
 */
.box {
  position: relative;
  border-radius: 3px;
  background: #ffffff;
  border-top: 3px solid #d2d6de;
  margin-bottom: 5px;
  width: 100%;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
}
.box.box-primary {
  border-top-color: #3c8dbc;
}
.box.box-info {
  border-top-color: #00c0ef;
}
.box.box-danger {
  border-top-color: #dd4b39;
}
.box.box-warning {
  border-top-color: #f39c12;
}
.box.box-success {
  border-top-color: #00a65a;
}
.box.box-default {
  border-top-color: #d2d6de;
}
.box.collapsed-box .box-body,
.box.collapsed-box .box-footer {
  display: none;
}
.box .nav-stacked > li {
  border-bottom: 1px solid #f4f4f4;
  margin: 0;
}
.box .nav-stacked > li:last-of-type {
  border-bottom: none;
}
.box.height-control .box-body {
  max-height: 300px;
  overflow: auto;
}
.box .border-right {
  border-right: 1px solid #f4f4f4;
}
.box .border-left {
  border-left: 1px solid #f4f4f4;
}
.box.box-solid {
  border-top: 0;
}
.box.box-solid > .box-header .btn.btn-default {
  background: transparent;
}
.box.box-solid > .box-header .btn:hover,
.box.box-solid > .box-header a:hover {
  background: rgba(0, 0, 0, 0.1);
}
.box.box-solid.box-default {
  border: 1px solid #d2d6de;
}
.box.box-solid.box-default > .box-header {
  color: #444444;
  background: #d2d6de;
  background-color: #d2d6de;
}
.box.box-solid.box-default > .box-header a,
.box.box-solid.box-default > .box-header .btn {
  color: #444444;
}
.box.box-solid.box-primary {
  border: 1px solid #3c8dbc;
}
.box.box-solid.box-primary > .box-header {
  color: #ffffff;
  background: #3c8dbc;
  background-color: #3c8dbc;
}
.box.box-solid.box-primary > .box-header a,
.box.box-solid.box-primary > .box-header .btn {
  color: #ffffff;
}
.box.box-solid.box-info {
  border: 1px solid #00c0ef;
}
.box.box-solid.box-info > .box-header {
  color: #ffffff;
  background: #00c0ef;
  background-color: #00c0ef;
}
.box.box-solid.box-info > .box-header a,
.box.box-solid.box-info > .box-header .btn {
  color: #ffffff;
}
.box.box-solid.box-danger {
  border: 1px solid #dd4b39;
}
.box.box-solid.box-danger > .box-header {
  color: #ffffff;
  background: #dd4b39;
  background-color: #dd4b39;
}
.box.box-solid.box-danger > .box-header a,
.box.box-solid.box-danger > .box-header .btn {
  color: #ffffff;
}
.box.box-solid.box-warning {
  border: 1px solid #f39c12;
}
.box.box-solid.box-warning > .box-header {
  color: #ffffff;
  background: #f39c12;
  background-color: #f39c12;
}
.box.box-solid.box-warning > .box-header a,
.box.box-solid.box-warning > .box-header .btn {
  color: #ffffff;
}
.box.box-solid.box-success {
  border: 1px solid #00a65a;
}
.box.box-solid.box-success > .box-header {
  color: #ffffff;
  background: #00a65a;
  background-color: #00a65a;
}
.box.box-solid.box-success > .box-header a,
.box.box-solid.box-success > .box-header .btn {
  color: #ffffff;
}
.box.box-solid > .box-header > .box-tools .btn {
  border: 0;
  box-shadow: none;
}
.box.box-solid[class*='bg'] > .box-header {
  color: #fff;
}
.box .box-group > .box {
  margin-bottom: 5px;
}
.box .knob-label {
  text-align: center;
  color: #333;
  font-weight: 100;
  font-size: 12px;
  margin-bottom: 0.3em;
}
.box > .overlay,
.overlay-wrapper > .overlay,
.box > .loading-img,
.overlay-wrapper > .loading-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.box .overlay,
.overlay-wrapper .overlay {
  z-index: 50;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 3px;
}
.box .overlay > .fa,
.overlay-wrapper .overlay > .fa {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -15px;
  margin-top: -15px;
  color: #000;
  font-size: 30px;
}
.box .overlay.dark,
.overlay-wrapper .overlay.dark {
  background: rgba(0, 0, 0, 0.5);
}
.box-header:before,
.box-body:before,
.box-footer:before,
.box-header:after,
.box-body:after,
.box-footer:after {
  content: " ";
  display: table;
}
.box-header:after,
.box-body:after,
.box-footer:after {
  clear: both;
}
.box-header {
  color: #444;
  display: block;
  padding: 5px;
  font-family:'Microsoft JhengHei';
  position: relative;
}
.box-header.with-border {
  border-bottom: 1px solid #f4f4f4;
}
.collapsed-box .box-header.with-border {
  border-bottom: none;
}
.box-header > .fa,
.box-header > .glyphicon,
.box-header > .ion,
.box-header .box-title {
  display: inline-block;
  font-size: 18px;
  margin: 0;
  line-height: 1;
}
.box-header > .fa,
.box-header > .glyphicon,
.box-header > .ion {
  margin-right: 5px;
}
.box-header > .box-tools {
  position: absolute;
  right: 10px;
  top: 5px;
}
.box-header > .box-tools [data-toggle="tooltip"] {
  position: relative;
}
.box-header > .box-tools.pull-right .dropdown-menu {
  right: 0;
  left: auto;
}
.box-header > .box-tools .dropdown-menu > li > a {
  color: #444!important;
}
.btn-box-tool {
  padding: 2px;
  font-size: 12px;
  background: transparent;
  color: #97a0b3;
}
.open .btn-box-tool,
.btn-box-tool:hover {
  color: #606c84;
}
.btn-box-tool.btn:active {
  box-shadow: none;
}
.box-body {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  padding: 10px;
}
.no-header .box-body {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.box-body > .table {
  margin-bottom: 0;
}
.box-body .fc {
  margin-top: 5px;
}
.box-body .full-width-chart {
  margin: -19px;
}
.box-body.no-padding .full-width-chart {
  margin: -9px;
}
.box-body .box-pane {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 3px;
}
.box-body .box-pane-right {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 0;
}
.box-footer {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top: 1px solid #f4f4f4;
  padding: 10px;
  background-color: #ffffff;
}
.chart-legend {
  margin: 10px 0;
}
/**********************************************************************************
*  Input Style
**********************************************************************************/
.Input_Dashed
{
	height:14px;
	background-color: Transparent;
	border-bottom:1px dashed #333333;
	border-left-width: 0;
	border-right-width: 0;
	border-top-width: 0;
	border-color:#5D7B9D;	
	font-size:12px;
}
.Input_Solid
{
	height:14px;
	background-color: Transparent;
	border-bottom:1px solid #333333;
	border-left-width: 0;
	border-right-width: 0;
	border-top-width: 0;	
	border-color:#5D7B9D;	
	font-size:12px;
}
.Input_Double
{
	height:17px;
	background-color: Transparent;
	border-bottom:3px double #333333;
	border-left-width: 0;
	border-right-width: 0;
	border-top-width: 0;
	border-color:#5D7B9D;
	font-size:14px;
	cursor:hand;	
   outline:none;
}
.Input_NoBorder
{
	background-color: Transparent;
	/*border-bottom:3px double #333333;
	border-color:#5D7B9D;	*/
	border-bottom-width:0;
	border-left-width: 0;
	border-right-width: 0;
	border-top-width: 0;		
  cursor:pointer;
  outline:none;
}
.Input_CFS
{
  border-bottom: 0px;
  margin-right: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
  color:#3c8dbc;
}
.Input_Edit
{
  background-color:#fff3c6;
  border-bottom-width:0;
	border-left-width: 0;
	border-right-width: 0;
	border-top-width: 0;	
}
.formbutton
{
   line-height: 1em; 
   background-image:url(../img/btnWhite.gif); 
   background-repeat:no-repeat; 
   border-top-style:none; 
   border-right-style:none; 
   border-bottom-style:none; 
   border-left-style:none; 
   width:64px; 
   height:21px; 
   color:#007C7D; 
   padding-top:1px; 
   font-size:12px; 
   background-color:#FFF; 
   cursor:hand; 
   text-align:center; 
   /*font-family:Arial,Helvetica,sans-serif; */
  font-family:'Microsoft JhengHei';
   margin-right:4px; 
   margin-left:4px
}
.formbutton:hover
{
   background-image:url(../img/btnGreen.gif); 
   background-repeat:no-repeat; 
   border-top-style:none; 
   border-right-style:none; 
   border-bottom-style:none; 
   border-left-style:none; 
   width:64px; 
   height:21px; 
   color:#FFF; 
   padding-top:1px; 
   font-size:12px; 
   cursor:hand; 
   text-align:center; 
   /*font-family:Arial,Helvetica,sans-serif; */
  font-family:'Microsoft JhengHei';
   margin-right:4px; 
   margin-left:4px

}

.delbutton
{
   line-height: 1em; 
   background-image:url(../img/btnWhite.gif); 
   background-repeat:no-repeat; 
   border-top-style:none; 
   border-right-style:none; 
   border-bottom-style:none; 
   border-left-style:none; 
   width:64px; 
   height:21px; 
   color:#007C7D; 
   padding-top:1px; 
   font-size:12px; 
   background-color:#FFF; 
   cursor:hand; 
   text-align:center; 
   /*font-family:Arial,Helvetica,sans-serif; */
  font-family:'Microsoft JhengHei';
   margin-right:4px; 
   margin-left:4px
}
.delbutton:hover
{
   background-image:url(../img/btnRed.gif); 
   background-repeat:no-repeat; 
   border-top-style:none; 
   border-right-style:none; 
   border-bottom-style:none; 
   border-left-style:none; 
   width:64px; 
   height:21px; 
   color:#FFF; 
   padding-top:1px; 
   font-size:12px; 
   cursor:hand; 
   text-align:center; 
   /*font-family:Arial,Helvetica,sans-serif; */
  font-family:'Microsoft JhengHei';
   margin-right:4px; 
   margin-left:4px

}
.PagerInput
{
  width:30px;

}
.PagerInput:focus
{
  color:#3c8dbc;
  border: 1px solid #428bca; 
}

/**********************************************************************************
*  a Link Style
**********************************************************************************/
.aLinkRed          { color: #c72a2a; text-decoration: none;}
.aLinkRed:hover    { color: #fd4b4b; text-decoration: none;}
.aLinkRed:active   { color: #fd4b4b; text-decoration: none;}
                   
.aLinkGreen        { color: #158e00; text-decoration: none;}
.aLinkGreen:hover  { color: #49bb35; text-decoration: none;}
.aLinkGreen:active { color: #49bb35; text-decoration: none;}
                   
.aLinkBlue         { color: #428bca; text-decoration: none;}
.aLinkBlue:hover   { color: #0000FF; text-decoration: none;}
.aLinkBlue:active  { color: #0000FF; text-decoration: none;}

.aLinkPurple        { color: #9642ca; text-decoration: none;}
.aLinkPurple:hover  { color: #BB00BB; text-decoration: none;}
.aLinkPurple:active { color: #BB00BB; text-decoration: none;}


.CFS-TabClose
{
  cursor:pointer; 
  padding-left:5px;
  margin-right:-5px;
  color: #999999 !important;
}
.CFS-TabClose:hover
{
  cursor:pointer; 
  padding-left:5px;
  margin-right:-5px;
  color: #dd4b39 !important;
}

/**************************************************************************** 
   Button
 ****************************************************************************/
.btn-Gray 
{
    background-color: #f4f4f4;
    color: #444;
    font-weight:bold;
    border-color: #777777;    
    margin-right: 5px;
    margin-left:  5px;
    /*margin-top:   5px;
    margin-bottom:5px;*/
}
.btn-Gray:hover,
.btn-Gray:focus 
{
    background-color: #D8D8D8;
    color: #444;
}
.btn-Blue
{
    background-color: #f4f4f4;
    border-color: #367fa9;
    color: #367fa9;
    font-weight:bold;
    margin-right: 5px;
    margin-left:  5px;
    /*margin-top:   5px;
    margin-bottom:5px;*/
}
.btn-Blue:hover,
.btn-Blue:focus
{
    background-color: #367fa9;    
    color: #FFFFFF;
}

.btn-Purple
{
    background-color: #f4f4f4;
    border-color: #9642ca;
    color: #9642ca;
    font-weight:bold;
    margin-right: 5px;
    margin-left:  5px;
    /*margin-top:   5px;
    margin-bottom:5px;*/
}
.btn-Purple:hover,
.btn-Purple:focus
{
    background-color: #9642ca;    
    color: #FFFFFF;
}

.btn-Green 
{
    background-color: #f4f4f4;
    border-color: #008d4c;
    color: #008d4c;
    font-weight:bold;
    margin-right: 5px;
    margin-left:  5px;
    /*margin-top:   5px;
    margin-bottom:5px;*/
}
.btn-Green:hover,
.btn-Green:focus  
{
    background-color: #008d4c;
    color: #FFFFFF;
}
.btn-Red
{
    background-color: #f4f4f4;
    border-color: #d33724;
    color: #d33724;
    font-weight:bold;
    margin-right: 5px;
    margin-left:  5px;
    /*margin-top:   5px;
    margin-bottom:5px;*/
}
.btn-Red:hover,
.btn-Red:focus
{
    background-color: #d33724;
    color: #FFFFFF;
}

.btn-MsgCloase
{
   background-color: #367fa9;    
   color: #FFFFFF;
   border:0px;
   font-weight:bold;
   width:60px;
}
.btn-MsgCloase:hover,
.btn-MsgCloase:focus
{
    background-color: #428bca;    
}

/**************************************************************
   inline-table：顯示成前後沒有換行的表格。
   table：對應<table>標籤，以表格方式顯示。
   table-row：對應<tr>標籤。
   table-row-group：對應<tbody>標籤。
   table-cell：對應<td class="NoWarp">標籤。
   table-caption：對應<caption>標籤。
   table-column：對應<col>標籤
   table-column-group：對應<colgroup>標籤。
   table-header-group：對應<theader>標籤。
   table-footer-group：對應<tfooter>標籤。
 **************************************************************/
.NoWarp
{
   overflow: hidden;
   white-space: nowrap;
}

.TextLeft
{
  text-align:left;
}
.TextCenter
{
  text-align:center;
}
.TextRight
{
  text-align:right;
}

/* Input 提示字 樣式(顏色)*/
::placeholder
{
  color:#CCCCCC;
}

/*************************************************************
    JQuery Dialog
**************************************************************/
.no-close .ui-dialog-titlebar-close 
{
    display: none;
}

/************************************************************* 
  RWD Query Panel
 *************************************************************/


.CFS_ContentBox   /* 外框範圍 */
{
  margin: 5px 0px 5px 0px;
  padding: 5px 10px 10px 10px;
  border-radius:5px;
  background-color:#FFFFFF;   
  box-shadow: 3px 3px 3px rgba(0,0,0,0.1);
}
.CFS_ContentTitle /* 標題列   */
{
  border-bottom:1px solid #f4f4f4;
  padding-right: 3px;
  padding-bottom:5px;

}
.CFS_ContentArea  /* 內容區   */
{
  padding-top:5px;
  padding-bottom:5px;
}


.custom-table 
{
  font-size: 12px;
  font-family: Microsoft JhengHei;
  border-spacing: 0;
}
.custom-table-bordered {
    border: 1px solid #f4f4f4;
}
/** custom-table > tr th td **/
.custom-table.dataTable td, 
.custom-table.dataTable th {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
.custom-table.dataTable td.dataTables_empty,
.custom-table.dataTable th.dataTables_empty 
{
  text-align: center;
}
.custom-table th { background-color: #3c8dbc; color: #FFFFFF;}
.custom-table th:hover { cursor: pointer; color: #ffd800;}
.custom-table th,
.custom-table td {	white-space: nowrap; }

.custom-table > thead > tr > th,
.custom-table > tbody > tr > th,
.custom-table > tfoot > tr > th,
.custom-table > thead > tr > td,
.custom-table > tbody > tr > td,
.custom-table > tfoot > tr > td 
{
  padding-top:1px;
  padding-bottom:1px;
  padding-left:5px;
  padding-right:5px;
  cursor:pointer;
  height:20px;
}



/** custom-table > select-checkbox **/
.custom-table.dataTable tbody td.select-checkbox:before, 
.custom-table.dataTable tbody th.select-checkbox:before 
{
    content: ' ';
    margin-top: -5px;
    margin-left: -5px;
    border: 1px solid #3c8dbc;
    border-radius: 3px;
}
.custom-table.dataTable tbody td.select-checkbox:before, 
.custom-table.dataTable tbody td.select-checkbox:after, 
.custom-table.dataTable tbody th.select-checkbox:before, 
.custom-table.dataTable tbody th.select-checkbox:after 
{
    display: block;
    position: absolute;
    top: 1.0em;
    left: 50%;
    width: 12px;
    height: 12px;
    box-sizing: border-box;
    color: #3c8dbc;
}
.custom-table.dataTable tr.selected td.select-checkbox:after, 
.custom-table.dataTable tr.selected th.select-checkbox:after 
{
    content: '\2714';
    margin-top: -11px;
    margin-left: -5px;
    text-align: center;    
}
/** Sorting **/
.custom-table.dataTable thead .sorting 
{
  background-image: url("../DataTables/DataTables-1.10.18/images/sort_both.png");
}
.custom-table.dataTable thead .sorting_asc 
{
  background-image: url("../DataTables/DataTables-1.10.18/images/sort_asc2.png");
  color: #ffd800;
}
.custom-table.dataTable thead .sorting_desc 
{
  background-image: url("../DataTables/DataTables-1.10.18/images/sort_desc2.png");
  color: #ffd800;
}
.custom-table.dataTable thead .sorting_asc_disabled 
{
  background-image: url("../DataTables/DataTables-1.10.18/images/sort_asc_disabled.png");
}
.custom-table.dataTable thead .sorting_desc_disabled 
{
  background-image: url("../DataTables/DataTables-1.10.18/images/sort_desc_disabled.png");
}
.custom-table.dataTable thead .sorting, 
.custom-table.dataTable thead .sorting_asc, 
.custom-table.dataTable thead .sorting_desc, 
.custom-table.dataTable thead .sorting_asc_disabled, 
.custom-table.dataTable thead .sorting_desc_disabled 
{
    background-repeat: no-repeat;
    background-position: center right;
}
.custom-table.dataTable thead .sorting, 
.custom-table.dataTable thead .sorting_asc, 
.custom-table.dataTable thead .sorting_desc 
{
    cursor: pointer;
}
.custom-table.dataTable thead>tr>th.sorting_asc, 
.custom-table.dataTable thead>tr>th.sorting_desc, 
.custom-table.dataTable thead>tr>th.sorting, 
.custom-table.dataTable thead>tr>td.sorting_asc, 
.custom-table.dataTable thead>tr>td.sorting_desc, 
.custom-table.dataTable thead>tr>td.sorting 
{
  /*padding-right: 20px;*/ /* 暫時停用：會造成 TreeGrid > th 與 td 不對齊*/
}
.custom-table.dataTable tbody>tr>th,
.custom-table.dataTable tbody>tr>td
{
  /*padding-right: 20px;*/ /* 暫時停用：會造成 TreeGrid > th 與 td 不對齊*/
}

.custom-table.dataTable thead > tr > th, 
.custom-table.dataTable thead > tr > td,
.custom-table.dataTable thead > tr > th:active, 
.custom-table.dataTable thead > tr > td:active {
    outline: none;
}

.custom-table.table-bordered.dataTable th, 
.custom-table.table-bordered.dataTable td {
    border-left-width: 0;
}

div.dataTables_scrollHead table.dataTable {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}

div.dataTables_scrollBody > table {
  border-top: none;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
div.dataTables_scrollBody > table > thead .sorting:after,
div.dataTables_scrollBody > table > thead .sorting_asc:after,
div.dataTables_scrollBody > table > thead .sorting_desc:after {
  display: none;
}
div.dataTables_scrollBody > table > tbody > tr:first-child > th,
div.dataTables_scrollBody > table > tbody > tr:first-child > td {
  border-top: none;
}

div.dataTables_scrollFoot > .dataTables_scrollFootInner {
  box-sizing: content-box;
}
div.dataTables_scrollFoot > .dataTables_scrollFootInner > table {
  margin-top: 0 !important;
  border-top: none;
}
/*** wrapper ***/
div.dataTables_wrapper div.dataTables_length label {
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
}
div.dataTables_wrapper div.dataTables_length select {
  width: 75px;
  display: inline-block;
}
div.dataTables_wrapper div.dataTables_filter {
  text-align: right;
}
div.dataTables_wrapper div.dataTables_filter label {
  font-weight: normal;
  white-space: nowrap;
  text-align: left;
}
div.dataTables_wrapper div.dataTables_filter input {
  margin-left: 0.5em;  /*占版面 col-md-5 */
  display: inline-block;
  width: auto;
}
div.dataTables_wrapper div.dataTables_info {
  padding-top: 8px;
  white-space: nowrap;
  width: 50%;
  float: left;
}
div.dataTables_wrapper div.dataTables_paginate {
  margin: 0;
  text-align: right;
  padding-top: 5px;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination {
  margin: 2px 0;
  font-size: 12px;
  white-space: nowrap;
}
div.dataTables_wrapper div.dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  margin-left: -100px;
  margin-top: -26px;
  text-align: center;
  padding: 1em 0;
}


/************************************************************* 
  RPS  GridView
 *************************************************************/
.RPSGridView_FZ
{
  width:100%;

   /*-moz-box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);
   -webkit-box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);
   box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);*/
}
.RPSGridView_FZ th td 
{
   font-family: 'Microsoft JhengHei';
   font-size: 14px;
   /*padding: 10px 1px 1px 1px;
   margin: 10px 1px 1px 1px;*/   
}
.RPSGridView_FZ th
{
   color:#FFFFFF;
   background-color:#3c8dbc;  
   font-weight:bold;
}
.RPSGridView_FZ td
{
   background-color:#FFFFFF;
   width:100%;
   color:#5D7B9D;   
   overflow: hidden;         /*不換行 */
   white-space: nowrap;      /*不換行 */
   word-break:keep-all;      /*內容溢出時，不顯示 */
   text-overflow:ellipsis;   /*內容溢出時，省略用(...)代表之 */
   /* 陰影 */

}

/************************************************************* 
  客製化 Scrollbar 
  -------------------------------------------------------------
  現代瀏覽器們（Firefox,Safari,Chrome,Opera）和IE8都支持的CSS3新屬性，但是還需要加上各自的前綴
  ozilla需要加上       -moz-
　Webkit内核需要加上   -webkit-
　Presto内核要加上     -o-
　IE8要加上            -ms-
 *************************************************************/

::-webkit-scrollbar 
{
  height:6px;
  width: 6px;
  background-color: #ECF0F5;
}
::-webkit-scrollbar-thumb 
{
  background-color: #3c8dbc;
  border-radius: 2px;
}
::-webkit-scrollbar-thumb:hover
{
  background-color: #337ab7;
  border-radius: 2px;
}


/*
.scroll_content::-webkit-scrollbar 
{
  height: 6px;
  width: 6px;
}
.scroll_content::-webkit-scrollbar-thumb 
{
  background-color: #F4F4F4; //3c8dbc;//
  border-radius: 2px;
}
.scroll_content::-webkit-scrollbar-thumb:hover
{
  background-color: #337ab7;
  border-radius: 2px;
}
.scroll_content.-o-scrollbar-track 
{
  background-color:#F4F4F4;
  border-radius: 2px;
}
.scroll_content.-o-scrollbar 
{
  height: 6px;
  width: 6px;
}
.scroll_content.-o-scrollbar-thumb 
{
  background-color: #3c8dbc;
  border-radius: 2px;
}
.scroll_content.-o-scrollbar-thumb:hover
{
  background-color: #337ab7;
  border-radius: 2px;
}
.scroll_content.-o-scrollbar-track 
{
  background-color:#F4F4F4;
  border-radius: 2px;
}
.scroll_content
{
    -ms-scroll-chaining: chained;
    -ms-overflow-style: none;
    -ms-content-zooming: zoom;
    -ms-scroll-rails: none;
    -ms-content-zoom-limit-min: 100%;
    -ms-content-zoom-limit-max: 500%;
    -ms-scroll-snap-type: proximity;
    -ms-scroll-snap-points-x: snapList(100%, 200%, 300%, 400%, 500%);
    -ms-overflow-style: none;
    overflow: auto;
}
*/

/*************************************************************
   對話框 樣式
 *************************************************************/


/************************************************************* 
  RPS GridView
 *************************************************************/
.RPSGridView
{
  width:100%;
  table-layout:fixed;     /*表格定義:fixed，內容的 td 才能起作用*/
  /*display: block;*/
}
.RPSGridView th td 
{
   font-family: 'Microsoft JhengHei';
   font-size: 14px;

   /*padding: 10px 1px 1px 1px;
   margin: 10px 1px 1px 1px;*/   
}
.RPSGridView th
{
   color:#FFFFFF;
   background-color:#3c8dbc;  
   font-weight:bold;
}

.RPSGridView tr:hover td
{
   /*cursor:pointer;   
   background-color:#EEEEEE;*/  
}
.RPSGridView_TD
{
   padding-left: 5px;
   padding-right: 5px;
   background-color:#FFFFFF;
   width:100%;
   color:#5D7B9D;   
   overflow: hidden;            /* 不換行                        */
   white-space: nowrap;         /* 不換行                        */
 /*word-break:keep-all;*/       /* 內容溢出時，不顯示            */
   text-overflow:ellipsis;      /* 內容溢出時，省略用(...)代表之 */
   -o-text-overflow: ellipsis;  /* 內容溢出時，省略用(...)代表之 */
}
.RPSGridView_CMD
{
   padding-left: 5px;
   padding-right: 5px;
   background-color:#FFFFFF;
   width:100%;
   color:#5D7B9D;   
   overflow: hidden;         /* 不換行                        */
   white-space: nowrap;      /* 不換行                        */
   word-break:keep-all;      /* 內容溢出時，不顯示            */
   text-overflow:ellipsis;   /* 內容溢出時，省略用(...)代表之 */
}

.RPSGridView_Fieldname
{
  display: initial;
}
.RPSGridView_Fieldname:hover
{
   color:#FFFF00;
   cursor:pointer;
}

/************************************************************* 
   Styles for validation helpers  
 *************************************************************/
.field-validation-error
{
    color: #b94a48;
}

.field-validation-valid
{
    display: none;
}

input.input-validation-error 
{
    border: 1px solid #b94a48;
    background-color: #fbe9ea;
    height: 24px;
}
select.input-validation-error 
{
    border: 1px solid #b94a48;
    background-color: #fbe9ea;
    height: 24px;
}
input[type="checkbox"].input-validation-error 
{
    border: 0 none;
}

.validation-summary-errors 
{
    color: #b94a48;
}

.validation-summary-valid 
{
    display: none;
}

/************************************************************* 
  RPS  
 *************************************************************/
.Border_1px
{
  border: 1px solid #999999;
}

.width100px input
{
    width:100px;
}

.bkcolorGray
{
  background-color:#CCCCCC;
}