﻿#nav_all ul li:first-child { text-align: right; }
#bsTab { background: #FFFFFF; }
#bsTab ul { margin-bottom: 5px; }
#bsMap {
  text-align: left;
  padding: 0px 20px 0px 0px;
}
.bsWay {
    margin: 10px 0 20px;
}
p.bsWay>label {
    margin-right: 10px;
}
body { color: #4c4c4c; }
/*a {
  color: #2A7F9F;
  text-decoration: underline;
}
a:hover { text-decoration: none; }*/
applet { position: absolute; }
select {

  color: #000000;
}
.button {
  margin: 0;
  padding: 6px 8px 3px 8px;
  text-decoration: none !important;
  color: #FFFFFF !important;/*#181818; !important;*/
  background-color: #ffffff;
  border: none;
  cursor: pointer;
  border: 1px solid silver;
  background-image:url("../images/btn_bg.gif");

    font-family: "Microsoft JhengHei","Helvetica Neue",​Arial,​Helvetica,​sans-serif;
    font-size: 14px;
    letter-spacing:0px;
    word-spacing:1px;
    white-space:nowrap;
}
.button { 
    background:#6a5a41 url(../images/masterlink/template/span-brown-bg.png) repeat-x 0 0; 
    color:#ffffff; 
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 5px 12px;
    font-size: 15px;
    /*line-height: 1.42857143;*/
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* disabled button */
.button:disabled {
    opacity: .65;
    cursor: default;
}

.headline 
{
    color: #2A7F9F;
}

.cmdline 
{
clear: both;
background-image: url(../images/contentLine.jpg);
background-repeat: no-repeat;
background-position: 1px 1px;
padding-top: 2px;
padding-right: 10px;
padding-bottom: 2px;
padding-left: 10px;
margin-top: 1px;
margin-right: 1px;
margin-bottom: 1px;
margin-left: 1px;
display: block;
text-align:left;
}

.cmdline th
{
background-color: #FCFCFC;
}

.pagehead {
  background: url(../images/title_dot.png) no-repeat left;
  height: 38px;
  line-height: 3em;
  padding-left: 30px;
}

.stamp { color: #5E5E5E; }
/* 橫式表列 */
table.style1 {
  border-collapse: collapse;
  border-color: #b5b5b5;
}

.list12-table{ border-spacing:inherit; border-collapse:collapse;}
.list12-table thead th{ background:#a28961; color:#ffffff; border-right:1px solid #d3d3d3;}
.list12-table thead > tr > th,.list12-table tbody > tr > td{ vertical-align:middle; border:1px solid #dddddd;}
.list12-table td{ border-right:1px solid #d3d3d3;}
.list12-table td.cel-lev2{ padding-left:0!important; padding-right:0;}
.list12-table td.cel-lev2r{ padding-left:0!important; padding-right:0;}
.list12-table td.cel-lev2l{ padding-left:0!important; padding-right:0;}
.list12-table td.cel-lev2 span{ border-bottom:1px #ddd solid; width:100%; display: inline-block;text-align: center; }
.list12-table td.cel-lev2r span{ border-bottom:1px #ddd solid; width:100%; display: inline-block;text-align: right; }
.list12-table td.cel-lev2l span{ border-bottom:1px #ddd solid; width:100%; display: inline-block;text-align: left; }
.list12-table td.cel-lev2 span.minus { border: 0px transparent none;text-align: right;}
.list12-table thead th:last-child,.list12-table td:last-child{ border-right:none;}
.list12-table thead tr.thead-title th{ background:#fbfae6; border:none; color:#333; font-size:16px; font-weight:bold;}
.list12-table td:last-child{ border-right:1px solid #dddddd;}
.list12-table > tbody > tr:nth-child(1) td{ border-top:none;}
.list12-table > tbody > tr:nth-child(odd) { background-color: #f9f9f9; }
.list12-table tfoot td{ background:#78664a; color:#ffffff;}

table.style1 thead tr th {
  background-color: #b0d5f2;
  color: #000000;
  text-align: center;
  white-space: nowrap;
}
table.style1 tr.strip { background-color: #EDF0F1; }
table.style1 tr.empln {
  color: #EC6F00;
  text-align: center;
}

div.btnline {
  margin-top: 8px;
  text-align: right;
}

div.col-md-8, .ui-autocomplete {
  z-index: 1;
}
.ui-autocomplete {
  max-height: 150px;
  max-width: 300px;
  overflow-x: hidden;
  overflow-y: scroll;
}
.listFoot{
    margin: 0px auto;
    text-align:center;
}
/* 查詢結果(有表頭) */
table.style2 {
  background-color: white;
  border: #b5b5b5 1px solid;
  width: 100%;
  margin-bottom: 3px;
  border-collapse: collapse;
  border-spacing: 1px;
}
table.style2 caption {
  background-color:  #6b6b6b;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: bold;
  margin-top:4px;
  
}
table.style2 th {
  background-color: #b0d5f2;
  white-space: nowrap;
}
table.style2 tr.strip { background-color: #EDF0F1; }
table.style2 tr.empln {
  color: #EC6F00;
  text-align: center;
}
/* 直式表單 */
table.style3,table.style3_view {
    margin: 8px;
}
table.style3 tr th,table.style3_view tr th
{
    /*background-color: #fb955e;*/
    /*background-color: #FCFCFC; color: #FFFFFF;*/
    /*min-width: 91px;*/
    white-space: nowrap;
    text-align: right;
    font-size:15px; font-weight:bold; color:#019f9f; border-bottom:1px #9C9C9C dotted; margin:0 0 15px 0; padding:0;
}
table.style3 td { /*background-color: #FCFCFC;*/ }
table.style3_view td
{
    /*background-color: #FCFCFC;*/
    border-bottom-style: dotted;
    border-bottom-width: thin;
    border-bottom-color: #C0C0C0;
    vertical-align: top;
}
.pagination {
    display: inline-block;
    padding: 0px 9px;
    margin-right: 4px;
    border-radius: 3px;
    border: solid 1px #c0c0c0;
    background: #e9e9e9;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
    font-size: .875em;
    font-weight: bold;
    text-decoration: none;
    color: #717171;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}
.pagination img {
  cursor: pointer;
  vertical-align: middle;
  padding: 4px;
}
.pager {
  /*background-image: url('../images/defaultFooterBg.gif');*/
  /*background-image: url('../images/pager/defaultFooterBgOrange.png');*/
  text-align: center;
  vertical-align: middle;
  background-color: #e8e8e8;
  border-top: 1px #b5b5b5 dotted;
  padding: 6px 0px 4px 0px;
}
.pager img {
  cursor: pointer;
  vertical-align: middle;
}
.pager .pagedisplay {
  width: 40px;
  text-align: right;
  padding-right: 2px;
}

.decnum {line-height: 20px; text-align: right; }
.unseen { display: none; }
.warn, .minus { color: #EC6F00; }
.fatal {
  color: #EC6F00;
  font-size: 25px;
}
.data-a 
{
    float: left; 
  border: #b5b5b5 1px solid;
  width: 54%;
    display: inline-table;
    margin: 4px 0;
}
.bsTime {
    text-align: right;
}
.bsProfile{
    line-height: 0;
}
.inDate
{
    background: transparent !important;
    border: 1px solid silver;
    cursor: pointer;
}
.rate
{
    background-image: url('../images/rate_icon.png');
    border: 0px solid silver;
    cursor: pointer;
    width: 28px;
    height: 28px;
    display: inline-block;
    vertical-align:middle;
    margin-left:10px;
}
.strip { background: #FFF; }
.title-breadcrumb{ 
    background:url(../images/breadcrumb-title.png) 0 0 no-repeat;
    color:#6C3800;
    font-size:18px;
    font-weight:bold;
    text-align:left;
    padding-left:40px;
    padding-top:8px;
    height:31px;
    margin: 0px 0 7px 0;
}
/*資產*/
#assetType{
  width:50%;
  float:left;
  height:290px;
}
#assetTypeBound {
  width:472px;
  height:298px;
  border:1px solid #dedede; 
  /*margin-right:2px;*/	
  float:right;
  padding:1px;
}

#assetTypeHead, #assetChartHead, #stopAlarmHead{
  width:100%;
  height:20px;
  line-height:20px;
  background-Color:#dedede;
  border-bottom:1px solid #999999; 
  color:#007c97;
  font-weight:bold;
  margin:auto;
}
#assetTypeLink {
  float:right;
  margin-right:5px;
}
#assetTypeLink a {
  color:#007c97;
}
#assetTypeLink a:hover {
  /* text-decoration:underline; */
  color:#009683;
}

#assetType table{
  width:100%;
  border:1px solid #dedede; 
}
#assetChart {
  width:50%;
    float:left;
    height:300px;
}

#assetChartBound {
  width:472px;
  height:298px;
  border:1px solid #dedede; 
  margin-left:2px;	
  float:left;
  padding:1px;
}

#assetChart table{
  margin-top:5px;
  width:100%;	
}
#stopAlarm  {
  width:100%;
  clear:left;
  height:300px;
  padding-top:10px;
}
#stopAlarmBound {
  width:1020px;
  height:250px;
  border:1px solid #dedede; 
  margin:auto;	
}
#stopAlarm table{
  width:100%;
  border:1px solid #dedede; 
}
#assetType  th, #stopAlarm  th{
  text-align:center;
  line-height:20px;
  border:1px solid #dedede; 
}
#assetChart  td{
  text-align:center;
  line-height:20px;
  border:0px; 
}
#ComAcno {
  padding:5px;
  margin-left:180px;
}

/*th {
  background-Color:#007c97;
  color:#ffffff;
  font-weight:normal;	
}*/
#assetDiv {
  font-size:15px;
}

/*資產*/
