/* ====================================== bootstrap微調 =================== */
*, body, table, input {
  font-family: 微軟正黑體;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
  padding: 5px 3px !important;
  line-height: 15px !important;
  vertical-align: middle !important;
}

.table1 {
  border-spacing: 3px;
}

  .table1 td, .table1 th {
    padding: 5px 3px;
    line-height: 1.5em;
    vertical-align: middle;
  }

.table1-bordered td, .table1-bordered th {
  border: 6px solid #fff;
}

.form-control {
  height: auto !important;
  padding: 3px 3px !important;
  line-height: 1.2em !important;
}

.form-control-95pp {
  width: 95% !important;
}

.form-control-800 {
  width: 800px !important;
}

.form-control-600 {
  width: 600px !important;
}

.form-control-500 {
  width: 500px !important;
}

.form-control-400 {
  width: 400px !important;
}

.form-control-300 {
  width: 300px !important;
}

.form-control-200 {
  width: 200px !important;
}

.form-control-150 {
  width: 150px !important;
}

.form-control-100 {
  width: 100px !important;
}

.form-control-50 {
  width: 50px !important;
}

*[disabled] {
  height: auto !important;
  padding: 3px 3px !important;
  font-size: 14px;
  line-height: 1.2em !important;
  color: #555;
  vertical-align: middle;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-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;
  cursor: not-allowed !important;
  background-color: #eee !important;
}

.btn {
  margin: 2px !important;
}

.panel-body {
  padding: 5px !important;
}

/* ====================================== RadioButton套用 =================== */
input[type=radio], input[type=checkbox], .inputInline input[type=radio], .inputInline input[type=checkbox] {
  margin-right: 1px;
  display: inline-block;
  float: left;
}

  input[type=radio] + label, input[type=checkbox] + label, .inputInline input[type=radio] + label, .inputInline input[type=checkbox] + label {
    padding-right: 5px;
    display: inline-block;
    float: left;
  }

input[type=text] + img, .inputInline input[type=text] + img {
  float: left;
  padding-right: 5px;
}

.inputInline {
  display: table;
}

  .inputInline input, .inputInline table, .inputInline span {
    display: inline-block;
    float: left;
  }

/* ====================================== 清單裡選日期用 =================== */
.col-md-imgdate {
  float: left;
  width: 50px;
  padding: 5px 0;
  vertical-align: middle;
  display: inline-block;
  margin: 0 -10px;
}
/* ====================================== 資料類表格(在頁面最上面呈現的那種) =================== */
.table-data {
  margin-bottom: 10px !important;
}

  .table-data th, .table-data td {
    padding: 5px 6px !important;
    border-bottom: 1px #d3d3d3 solid;
  }

  .table-data th {
    border-left: 1px #d3d3d3 solid;
    border-right: 1px #d3d3d3 solid;
    width: 8%;
    text-align: right;
    background-color: #a3a3a3;
    color: #ffff00;
    text-shadow: #000000 0px 0px 2px,#000000 0px 0px 2px;
  }

  .table-data td {
    width: 15%;
  }

  .table-data tr td:last-child {
    padding-right: 3%;
  }

  .table-data tr td input[type=text], .table-data tr td select {
    width: 85% !important;
  }

  .table-data td input, .table-data td img, .table-data td b, .table-data td input + label {
    margin: 0 1px;
    float: left;
  }

/* [David 106.10.30] Table底部不要留白 */
.table-bottom {
  margin-bottom: 0px !important;
}

/* ====================================== 表格caption =================== */
.table caption, .pcaption {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 8px;
  text-align: center;
}
/* ====================================== 表格上方-th字位置 =================== */
.table-thcenter th {
  text-align: center;
}

.table-thright th {
  text-align: right;
}

.tableOdd tr:nth-child(odd) {
  background-color: #efefef;
}

.table-thcenter td input[type=image] {
  margin: 0 auto;
  text-align: center;
  display: inline-block;
}

.table-floatNone td input[type=radio] {
  float: none !important;
  margin: 0 auto;
  text-align: center;
  display: inline-block;
}
/* ====================================== 表格 =================== */
.table-tr tr:nth-child(odd) {
  background-color: #e2ebf1;
}

  .table-tr tr:nth-child(odd):hover {
    background-color: #dee5eb;
  }

.table-success,
.table-danger,
.table-warning,
.table-primary,
.table-info {
  margin-bottom: 3em;
}
/* ====================================== GridView 表格-每列顏色 =================== */
.table-colorTr tr:nth-child(2) {
  background-color: #f0f5ff;
}

.table-colorTr tr:nth-child(3) {
  background-color: #f0ffd2;
}

.table-colorTr tr:nth-child(4) {
  background-color: #ffebeb;
}

.table-colorTr tr:nth-child(5) {
  background-color: #ebffff;
}

.table-colorTr tr:nth-child(6) {
  background-color: #fff0dc;
}

.table-colorTr tr:nth-child(7) {
  background-color: #e1ffeb;
}

.table-colorTr tr:nth-child(8) {
  background-color: #ffffcc;
}

.table-colorTr tr:nth-child(9) {
  background-color: #f5f0ff;
}

.table-colorTr tr:nth-child(10) {
  background-color: #e6f0e6;
}

.table-colorTr tr:nth-child(11) {
  background-color: #f0f0dc;
}

.table-colorTr tr:nth-child(12) {
  background-color: #ffe6ff;
}

.table-colorTr tr:nth-child(13) {
  background-color: #e1ffeb;
}

.table-last tr:last-child {
  background-color: #fff;
  border: 0 none;
}
/* ====================================== GridView 表格-第一列白底設定(跳頁底色用) =================== */
.table-success tr:nth-child(1),
.table-danger tr:nth-child(1),
.table-warning tr:nth-child(1),
.table-primary tr:nth-child(1),
.table-info tr:nth-child(1) {
  background-color: #fff;
  border: 0 none;
}

  .table-success tr:nth-child(1):hover,
  .table-danger tr:nth-child(1):hover,
  .table-warning tr:nth-child(1):hover,
  .table-primary tr:nth-child(1):hover,
  .table-info tr:nth-child(1):hover {
    background-color: #fff;
  }

.table-success th a,
.table-danger th a,
.table-warning th a,
.table-primary th a,
.table-info th a {
  color: #ffff00;
}

.table-success td a,
.table-danger td a,
.table-warning td a,
.table-primary td a,
.table-info td a {
  border: 1px solid transparent !important;
  background: transparent !important;
  cursor: pointer;
  font-weight: 900;
}

.table-success td span,
.table-danger td span,
.table-warning td span,
.table-primary td span,
.table-info td span {
  line-height: 1.35em;
}
/*
.table-success  td:first-child a,
.table-danger td:first-child a,
.table-warning td:first-child a,
.table-primary td:first-child a,
.table-info td:first-child a
{
	border: 1px solid #C0C0C0!important;
	padding: 5px 10px!important;
	background-color: #fff!important;
}*/

.table-success tr[onclick],
.table-danger tr[onclick],
.table-warning tr[onclick],
.table-primary tr[onclick],
.table-info tr[onclick] {
  cursor: pointer;
}
/* ====================================== GridView 表格-th文字陰影 =================== */
.thtextShadow th {
  text-shadow: #000000 0px 0px 2px,#000000 0px 0px 2px;
}
/* ====================================== 詳情表格基本色 =================== */
.table-default th {
  -ms-background-color: #c8c8c8;
  background-color: #e8ecef !important;
  color: #333;
  vertical-align: middle !important;
}
/* ====================================== GridView 表格-th 顏色 =================== */
.table-success th {
  -ms-background-color: #649646;
  background-color: #97bd6b !important;
  color: #fff;
}

.table-danger th {
  background-color: #f05064 !important;
  -ms-background-color: #a94442;
  color: #fff;
}

.table-warning th {
  -ms-background-color: #ff7800;
  background-color: #d6ab28 !important;
  color: #fff;
}

.table-primary th {
  background-color: #337ab7 !important;
  color: #fff;
}

.table-info th {
  -ms-background-color: #5bc0de;
  background-color: #0096be !important;
  color: #fff;
}

.table-default td input[type=image], .table-success td input[type=image], .table-danger td input[type=image], .table-warning td input[type=image], .table-primary td input[type=image], .table-info td input[type=image] {
  width: 28px;
}
/*=================================================表格內清單=============*/
.tableline li {
  float: left;
  display: inline-block;
}

  .tableline li:hover {
    background-color: #fff !important;
  }

  .tableline li input[type=checkbox], .tableline li input[type=radio] {
    margin: 1% 2px;
    vertical-align: bottom;
  }

.tableline input[type=checkbox] label, .tableline input[type=radio] label {
  vertical-align: middle;
}

.tableline li > .tableline li input[type=image] {
  margin-top: -1.3%;
}

.tableline li input[type=checkbox], .tableline li input[type=radio] {
  margin: 3px 2px 0 2px;
}

.tableline li input[type=checkbox], .tableline input[type=checkbox] + label, .tableline input[type=checkbox] + label + b, .tableline li input[type=radio], .tableline input[type=radio] + label {
  float: left;
  vertical-align: middle;
}
/* ====================================== 表格-小標色 =================== */
.h3 {
  padding: 5px 10px !important;
  margin-bottom: 0;
}

.TLwhile {
  background-color: #fff !important;
  font-weight: 900 !important;
  font-size: 110%;
}

.TLyollow {
  background-color: #f9f5d5 !important;
  font-weight: 900 !important;
  font-size: 110%;
}

.TLpink {
    background-color: #ea6176 !important;
    background-image: linear-gradient(to bottom,#ea6176 0,#ed2846 100%) !important;
    color: #fff !important;
    font-weight: 900 !important;
    font-size: 110%;
}

.TLdefault {
  background-image: linear-gradient(to bottom,#f0f0f0 0,#d2d2d2 100%) !important;
  color: #333 !important;
  font-weight: 900 !important;
  font-size: 110%;
}

.TLprimary {
  background-image: linear-gradient(to bottom,#337ab7 0,#265a88 100%) !important;
  color: #fff !important;
  font-weight: 900 !important;
  font-size: 110%;
}

.TLsuccess {
  background-image: linear-gradient(to bottom,#96c878 0,#649646 100%) !important;
  color: #fff !important;
  font-weight: 900 !important;
  font-size: 110%;
}

.TLinfo {
  background-image: linear-gradient(to bottom,#5bc0de 0,#2aabd2 100%);
  color: #fff !important;
  font-weight: 900 !important;
  font-size: 110%;
}

.TLwarning {
  background-image: linear-gradient(to bottom,#ebbe46 0,#dc8c00 100%) !important;
  color: #fff !important;
  font-weight: 900 !important;
  font-size: 110%;
}

.TLdanger {
  background-image: linear-gradient(to bottom,#d9534f 0,#c12e2a 100%) !important;
  color: #fff !important;
  font-weight: 900 !important;
  font-size: 110%;
}
/* ====================================== 表格-各別重點顏色 =================== */
.tbdefault {
  background-color: #e8ecef !important;
  color: #333 !important;
  font-weight: 900 !important;
}

  .tbdefault + td {
    background-color: #e8ecef !important;
  }

.tbprimary {
  background-color: #337ab7 !important;
  color: #fff !important;
  font-weight: 900 !important;
}

  .tbprimary + td {
    background-color: #f0f5ff !important;
  }

.tbsuccess {
  background-color: #97bd6b !important;
  color: #fff !important;
  font-weight: 900 !important;
}

  .tbsuccess + td {
    background-color: #f0ffd2 !important;
  }

.tbinfo {
  background-color: #0096be !important;
  color: #fff !important;
  font-weight: 900 !important;
}

  .tbinfo + td {
    background-color: #ebffff !important;
  }

.tbwarning {
  background-color: #d6ab28 !important;
  color: #fff !important;
  font-weight: 900 !important;
}

  .tbwarning + td {
    background-color: #fff0dc !important;
  }

.tbdanger {
  background-color: #f05064 !important;
  color: #fff !important;
  font-weight: 900 !important;
}

  .tbdanger + td {
    background-color: #ffe1d2 !important;
  }

.tbpurple {
  background-color: #BE77FF !important;
  color: #fff !important;
  font-weight: 900 !important;
}

  .tbpurple + td {
    background-color: #F1E1FF !important;
  }
/* ====================================== table td 裡面ASP物件對齊 =================== */
.tdInline input[type=text], .tdInline input[type=button], .tdInline img, .tdInline b, .tdInline span, .tdInline select {
  display: inline-block;
  float: left;
  margin: 0 2px;
  font-weight: normal;
}

}

.tdInline img {
  margin-top: 5px;
  vertical-align: middle;
}

/* ====================================== 表格翻頁-第N頁 =================== */
.table-PagerStyle {
  margin: 0 auto;
  text-align: center;
  top: 0px;
  left: 0px;
}

  .table-PagerStyle td {
    padding: 5px;
  }

    .table-PagerStyle td:first-child table td a {
      border: 1px solid #C0C0C0 !important;
      padding: 2px 6px !important;
      background-color: #fff;
    }

  .table-PagerStyle tr:first-child table td span {
    border: 1px solid #C0C0C0;
    padding: 2px 6px;
    color: #ffffff;
    background-color: #333333;
  }
/*===============================================*/
.list-group-info li {
  background-color: #d9edf7 !important;
}

  .list-group-info li:hover {
    background-color: #c4e3f3 !important;
  }

.list-group-warning li {
  background-color: #fff0dc !important;
}

  .list-group-warning li:hover {
    background-color: #f8dbbf !important;
  }

.list-table {
  padding-left: 0;
  margin-bottom: 20px;
}

.list-table-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
  min-height: 50px;
}

.list-table-item-th {
  background-color: #337ab7;
  color: #fff;
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  border: 1px solid #ddd;
  min-height: 50px;
  text-align: right;
}

.list-table-item:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.list-table-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
/*list裡面 input 及 選日期一橫排*/
.lnline-input {
  display: table;
}

  .lnline-input li input, .lnline-input li b, .lnline-input li table, .lnline-input li textarea {
    display: inline-block;
  }

  .lnline-input li table {
    vertical-align: middle;
    margin-top: 0px;
  }
/* ====================================== MenuItem Menu =================== */
.MenuItem-default {
  border-bottom: 1px #ccc solid;
  width: 100%;
}

  .MenuItem-default li {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    text-shadow: 0 1px 0 #fff;
    padding: 0 20px;
    margin-right: -1px;
    margin-bottom: -1px;
    background-repeat: repeat-x;
    border: 1px #ccc solid;
    background-image: linear-gradient(to bottom,#fff 0,#e0e0e0 100%);
  }

    .MenuItem-default li a {
      color: #333;
      font-weight: 900;
      padding: 10px 0;
    }

    .MenuItem-default li.activ {
      background-color: #fff;
    }

    .MenuItem-default li:focus, .MenuItem-default li:hover {
      background-color: #e0e0e0;
      background-position: 0 -15px;
    }

    .MenuItem-default li.disabled, .MenuItem-default li.disabled.active, .MenuItem-default li.disabled.focus, .MenuItem-default li.disabled:active, .MenuItem-default li.disabled:focus, .MenuItem-default li.disabled:hover, .MenuItem-default li[disabled], .MenuItem-default li[disabled].active, .MenuItem-default li[disabled].focus, .MenuItem-default li[disabled]:active, .MenuItem-default li[disabled]:focus, .MenuItem-default li[disabled]:hover, fieldset[disabled] .MenuItem-default li, fieldset[disabled] .MenuItem-default li.active, fieldset[disabled] .MenuItem-default li.focus, fieldset[disabled] .MenuItem-default li:active, fieldset[disabled] .MenuItem-default li:focus, fieldset[disabled] .MenuItem-default li:hover {
      background-color: #e0e0e0;
      background-image: none;
    }

/* ====================================== 按扭顏色設定 =================== */
.btn-primary {
  border-color: #006482 !important;
  background-image: linear-gradient(to bottom,#00a0dc 0,#005a96 100%) !important;
}

.btn-success {
  border-color: #5a965a !important;
  background-image: linear-gradient(to bottom,#78b45a 0,#508232 100%) !important;
}

.btn-info {
  border-color: #008caa !important;
  background-image: linear-gradient(to bottom,#5abedc 0,#0096be 100%) !important;
}

.btn-warning {
  border-color: #c85a46 !important;
  background-image: linear-gradient(to bottom,#ffaa46 0,#ff7800 100%) !important;
}

.btn-danger {
  border-color: #e63232 !important;
  background-image: linear-gradient(to bottom,#f0788c 0,#f03c41 100%) !important;
}

.btn-black {
  border-color: #272727 !important;
  background-image: linear-gradient(to bottom,#7B7B7B 0,#3C3C3C 100%) !important;
  color: #fff;
}
/* ====================================== textbox長度 及日曆功能一橫排 設定 =================== */
.navbar-form .form-control, .navbar-form img, .navbar-form b, *[disabled], .navbar-form table {
  float: left;
  display: inline-block;
  margin: 0 1px;
}

.navbar-form {
  margin: 0 !important;
  padding: 0 !important;
}

.DataListShowPhoto {
  width: 100%;
  padding: 0 15px;
}

  .DataListShowPhoto td {
    margin: 0 auto;
    width: 33.33333333333%;
    vertical-align: top;
    padding: 0 10px;
  }

    .DataListShowPhoto td ul li input[type=image] {
      width: 100%;
    }


/*================================================== 跳出頁面 ================================*/
#Bpage {
  background-color: #e9e9e9;
}

#panelBox-danger {
  border-radius: 5px;
  margin-top: 10px;
  padding: 10px 10px 0px 10px;
  position: relative;
  border: 1px #d2beaa solid;
  background-image: linear-gradient(to bottom,#fff 0,#e0e0e0 100%);
}

#panelBox-primary {
  border-radius: 5px;
  margin-top: 10px;
  padding: 10px 10px 0px 10px;
  position: relative;
  border: 1px #78a0c8 solid;
  background-image: linear-gradient(to bottom,#fff 0,#e0e0e0 100%);
}

#panelBox-Photo {
  border-radius: 5px;
  padding: 8px;
  position: relative;
  background-color: #ffffff;
  box-shadow: #a0a0a0 0px 0px 5px,#a0a0a0 0px 0px 5px;
}
/*================================= tit ======================*/
.tit-success > .panel-heading {
  background-color: #508232 !important;
  color: #fff !important;
  font-weight: 900 !important;
  font-size: 130% !important;
  font-family: 微軟正黑體,arial !important;
}

.tit-danger > .panel-heading {
  background-color: #ff0000 !important;
  color: #fff !important;
  font-weight: 900 !important;
  font-size: 130% !important;
  font-family: 微軟正黑體,arial !important;
}

.tit-warning > .panel-heading {
  background-color: #dc8c00 !important;
  color: #fff !important;
  font-weight: 900 !important;
  font-size: 130% !important;
  font-family: 微軟正黑體,arial !important;
}

.tit-primary > .panel-heading {
  background-color: #005a96 !important;
  color: #fff !important;
  font-weight: 900 !important;
  font-size: 130% !important;
  font-family: 微軟正黑體,arial !important;
}

.text-yollow {
  color: #ffff00 !important;
}

.panel-jump-serach-danger {
  background-color: #ffebf0;
}

.panel-jump-serach-primary {
  background-color: #f0f5ff;
}

.panel-serach-h3 {
  padding: 3px 15px;
  font-weight: 900 !important;
  font-size: 110%;
}

.tit-success h2,
.tit-danger h2,
.tit-warning h2,
.tit-primary h2 {
  border-radius: 5px;
  padding: 10px 15px;
}

.tit-success h3,
.tit-danger h3,
.tit-warning h3,
.tit-primary h3 {
  margin: 0 !important;
}

.tit-success > p.panel-heading,
.tit-danger > p.panel-heading,
.tit-warning > p.panel-heading,
.tit-primary > p.panel-heading {
  font-size: 110% !important;
  text-align: center;
  border-radius: 0px;
  padding: 2px 4px;
  margin-bottom: 0;
}

  .tit-success > p.panel-heading:before, .tit-success > p.panel-heading:after,
  .tit-danger > p.panel-heading:before, .tit-danger > p.panel-heading:after,
  .tit-warning > p.panel-heading:before, .tit-warning > p.panel-heading:after,
  .tit-primary > p.panel-heading:before, .tit-primary > p.panel-heading:after {
    content: '';
    clear: both;
    margin-bottom: 1px;
    margin-top: 1px;
  }
/*=================================================清單=============*/
.groupline li {
  width: 50%;
  float: left;
  padding: 1px 3px !important;
  display: inline-block;
  border: 1px #fff solid !important;
}

  .groupline li:hover {
    background-color: #fff !important;
  }

  .groupline li input[type=checkbox] {
    margin: 1% 2px;
    vertical-align: bottom;
  }

.groupline input[type=checkbox] label {
  vertical-align: middle;
}

.groupline li > .groupline li input[type=image] {
  margin-top: -1.3%;
}

.groupline li.text {
  padding: 5px 15px !important;
}

  .groupline li.text input[type=checkbox] {
    margin: 2% 2px;
  }

  .groupline li.text label {
    margin-top: 1.4%;
  }

.groupline li input[type=checkbox], .groupline input[type=checkbox] + label {
  float: left;
  vertical-align: middle;
}

.listitemb b {
  min-width: 48px;
  /*	float:right;*/
  padding-right: 5px;
  text-align: right;
  color: #ff0000;
  font-weight: 900;
}

.listitemb i {
  padding: 0 !important;
  font-style: normal;
}

  .listitemb i:before {
    color: #ccc;
    content: " | ";
  }

  .listitemb i:first-child:before {
    content: " ";
  }

.listitemb .list-group-item:after {
  clear: both;
  display: table;
  content: " ";
}

.listitemb b, .listitemb b span {
  float: right;
}

@media (max-width: 768px) {
  .listitemb b, .listitemb b span {
    float: none;
  }
}
/*=========================================================== List 欄位 ================*/
.groupfence {
  display: block;
  margin-bottom: 0px;
}

  .groupfence ol, .groupfence ol li {
    padding: 0;
    list-style-type: none;
  }

  .groupfence li {
    border-radius: 0px !important;
    float: left;
    padding: 1px 3px !important;
    display: inline-block;
    border: 1px trasnparent solid !important;
    background-color: trasnparent !important;
  }

    .groupfence li:hover {
      background-color: #fff !important;
    }

    .groupfence li input[type=checkbox] {
      margin: 1% 2px;
      vertical-align: bottom;
    }

  .groupfence input[type=checkbox] label {
    vertical-align: middle;
  }

  .groupfence li > .groupfence li input[type=image] {
    margin-top: -1.3%;
  }

  .groupfence li.text label {
    margin-top: 1.4%;
  }

  .groupfence li input[type=checkbox], .groupfence input[type=checkbox] + label {
    float: left;
    vertical-align: middle;
  }

.groupfence2 li, .groupfence2 ol li {
  width: 50%;
}

.groupfence3 li {
  width: 33.3%;
}
/*=========================================================== N系列跳出頁面 ================*/
.wellset {
  padding: 15px 0 10px;
}

.wellset-frist {
  background-color: #34525f;
  box-shadow: #333333 0px 0px 5px;
}

.wellset-Line {
  border: 1px #dedede solid;
  background-color: #ffffff;
}

#ButExit {
  border-style: none;
  border-width: 0px;
  background-position: center center;
  display: block;
  height: 25px;
  width: 25px;
  background-image: url('../Images/Bt_Delete.png');
  background-repeat: no-repeat;
  background-color: transparent;
  cursor: pointer;
}

.MenuTabPage {
  border-radius: 5px;
  display: inline-block;
  box-shadow: #333333 0px 0px 3px;
}

  .MenuTabPage input[type=submit], .MenuTab input[type=image] {
    display: inline-block;
    background-color: transparent;
    color: #ffffff;
  }

  .MenuTabPage input[type=image] {
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #FFFFFF;
  }

    .MenuTabPage input[type=image]:hover {
      filter: Alpha(Opacity=70, FinishOpacity=70, Style=2); /* IE */
      -moz-opacity: 0.7; /* FF + Moz */
      opacity: 0.7; /* CSS3 */
    }

  .MenuTabPage .btn {
    padding: 5px 0px 5px 4px !important;
  }

.MenuTab {
  display: table;
}

  .MenuTab li {
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
    display: inline-block;
    padding: 8px 12px;
    margin: 0 2px 3px;
    box-shadow: #333333 0px 0px 3px;
  }

  .MenuTab input[type=submit] {
    border-style: none;
    border-width: 0px;
  }

  .MenuTab li a {
    display: inline-block;
    color: #ffffff;
    font-weight: 900;
  }

    .MenuTab li a:hover {
      filter: Alpha(Opacity=70, FinishOpacity=70, Style=2); /* IE */
      -moz-opacity: 0.7; /* FF + Moz */
      opacity: 0.7; /* CSS3 */
    }

.MenuTab-default li {
  background-image: linear-gradient(to bottom,#f0f0f0 0,#d2d2d2 100%) !important;
}

.MenuTab-success li, .MenuTab-success {
  background-image: linear-gradient(to bottom,#96c878 0,#649646 100%) !important;
}

.MenuTab-danger li, .MenuTab-danger {
  background-image: linear-gradient(to bottom,#d9534f 0,#c12e2a 100%) !important;
}

.MenuTab-warning li {
  background-image: linear-gradient(to bottom,#ebbe46 0,#dc8c00 100%) !important;
}

.MenuTab-warnings li, .MenuTab-warnings {
  background-image: linear-gradient(to bottom,#ffaa46 0,#ff7800 100%) !important;
  /*border-color: #c85a46!important;
	background-image: linear-gradient(to bottom,#ffaa46 0,#ff7800 100%)!important;*/
}

.MenuTab-primary li, .MenuTab-primary {
  background-image: linear-gradient(to bottom,#337ab7 0,#265a88 100%) !important;
}

.MenuTab-info li {
  background-image: linear-gradient(to bottom,#addef4 0,#5bc0de 100%) !important;
}

.table td ul li {
  display: block;
  padding: 1px 0;
  clear: both;
}

/*=========================================================== 頁籤 ================*/
.NavTab {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding-left: 0px;
  padding-top: 5px;
  margin: 10px 0 0;
  list-style: none;
}

  .NavTab:after {
    display: table;
    content: " ";
  }

  .NavTab > li {
    position: relative;
    display: inline-block;
  }

    .NavTab > li > a {
      position: relative;
      display: block;
      padding: 5px 15px;
    }

      .NavTab > li > a:focus, .NavTab > li > a:hover {
        text-decoration: none;
      }

    .NavTab > li.disabled > a {
      color: #777;
    }

      .NavTab > li.disabled > a:focus, .nav > li.disabled > a:hover {
        color: #777;
        text-decoration: none;
        cursor: not-allowed;
        background-color: transparent;
      }

  .NavTab .open > a, .NavTab .open > a:focus, .NavTab .open > a:hover {
    background-color: #eee;
    border-color: #337ab7;
  }

  .NavTab .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
  }

  .NavTab > li > a > img {
    max-width: none;
  }

.NavTabStyle, .NavTabStyle a {
  text-shadow: #000000 0px 0px 2px,#000000 0px 0px 2px;
  color: #fff;
  cursor: pointer;
  border: 1px solid #ddd;
  padding: 6px 10px;
  margin-right: -2px;
  line-height: 1.2;
  display: inline-block;
  border-bottom-color: transparent;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  display: inline-block;
}

  .NavTabStyle:hover, .NavTabStyle a:hover {
    filter: Alpha(Opacity=70, FinishOpacity=70, Style=2); /* IE */
    -moz-opacity: 0.7; /* FF + Moz */
    opacity: 0.7; /* CSS3 */
  }

  .NavTabStyle .active:focus, NavTabStyle .active:hover {
    background-image: linear-gradient(to bottom,#f0f0f0 0,#d2d2d2 100%) !important;
  }
/*=========================================================== GV上方的共/頁 ================*/
.amount {
  padding: 8px 15px;
  margin: 15px 0 5px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
}
/*=========================================================== btn居中 ================*/
.btn-group-center {
  position: relative;
  width: 100%;
  float: none;
  margin: 0px auto;
  padding-bottom: 25px;
  text-align: center;
}

  .btn-group-center:after, .btn-group-center:before {

{
  display: table;
  content: " ";
}
/* ====================================== 多色表格 =================== */
.tableColorful th {
  color: #ffffff;
}

.light {
  display: block;
  position: relative;
}

.lightSZ {
  --size: 100px;
  --size2: 200px;
  --size3: 300px;
}

.light img {
  margin: 0 auto;
  text-align: center;
  z-index: 100;
  width: var(--size);
}

.light span {
  font-weight: 900;
  position: absolute;
  font-size: 125%;
  top: 39.5%;
  margin: 0 auto;
  z-index: 110;
  text-align: center;
  width: var(--size);
}