.body {
  margin: 0;
  padding: 0;
  background-color: #E2F0F5;
  font-family: "微軟正黑體";
  font-size: 12pt;

  /* 隱藏捲軸 */
  overflow:hidden;
}

.table {
  background: #f7fbfc;
  background: -moz-linear-gradient(top, #f7fbfc 0%, #d9edf2 40%, #f7fbfc 100%);
  background: -webkit-linear-gradient(top, #f7fbfc 0%,#d9edf2 40%,#f7fbfc 100%);
  background: linear-gradient(to bottom, #f7fbfc 0%,#d9edf2 40%,#f7fbfc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7fbfc', endColorstr='#f7fbfc', GradientType=0);
}

/* input... focus 出現陰影 */
input[type=text]:focus,input[type=password]:focus,textarea:focus{
  transition:border linear .2s,
  box-shadow linear .5s;
  -moz-transition:border linear .2s,-moz-box-shadow linear .5s;
  -webkit-transition:border linear .2s,-webkit-box-shadow linear .5s;
  outline:none;
  border-color: #F9953D;
  box-shadow:0 0 8px #F9953D;
  -moz-box-shadow:0 0 8px #F9953D;
  -webkit-box-shadow:0px 0px 8px #F9953D;
}


/******  Login 畫面欄位 CSS  ******/
/* table */
.form-table {
	display: table;
	border-collapse: separate
}

/* tr */
.form-tr {
  display: table;
  height: 25px;
  line-height: 25px;
  white-space: nowrap;

  /* 調整上下間隙 */
	margin-bottom: 3px;
}

/* span cell */
.form-span {
  display: table-cell;
  height: 23px;
  line-height:23px;
	font-size: 11pt;
	font-weight: 400;
  padding-left:10px;
  padding-right:10px;
	color: #555;
	text-align: center;
  white-space: nowrap;
	background-color: #eee;
	border: 1px solid #ccc;
  margin-bottom: -10px;

  /* 圓角 */
  -webkit-border-radius: 5px;    /* Safari and Chrome */
  -moz-border-radius: 5px;       /* Firefox */
  border-radius: 5px;            /* IE 6+  */
}

/* div for input cell */
.div-input {
  display: table-cell;
  height: 25px;
  line-height:25px;
  font-size: 11pt;
  white-space: nowrap;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-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;

  /* 圓角 */
  -webkit-border-radius: 5px;    /* Safari and Chrome */
  -moz-border-radius: 5px;       /* Firefox */
  border-radius: 5px;            /* IE 6+  */
}

/* div for input cell For IE */
.div-input-ie {
  height: 25px;
  line-height:25px;
  font-size: 11pt;
  width: 40px;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
}

/* input cell */
.form-input {
  height: 24px;
  line-height:24px;
  font-size: 11pt;
  width: 220px;
  background-color:transparent;
  border:0;
	color: #555;
  padding-top: 3px;
  ime-mode: inactive;

  /* 圓角 */
  -webkit-border-radius: 5px;    /* Safari and Chrome */
  -moz-border-radius: 5px;       /* Firefox */
  border-radius: 5px;            /* IE 6+  */
}

/* input cell */
.form-input2 {
  height: 22px;
  line-height:22px;
  font-size: 11pt;
  width: 40px;
  background-color:transparent;
  border:1;
  border-color:#CCC;
	color: #555;
  padding-top: 3px;
  padding-left: 3px;
  ime-mode: inactive;

  /* 圓角 */
  -webkit-border-radius: 5px;    /* Safari and Chrome */
  -moz-border-radius: 5px;       /* Firefox */
  border-radius: 5px;            /* IE 6+  */
}

.form-input-ie {
  display: table-cell;
  height: 25px;
  line-height:25px;
  font-size: 11pt;
  width: 240px;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
}

.button {
  text-align: center;
  height:30px;
  line-height:30px;
  padding-top:5px; padding-bottom:5px; padding-left:20px; padding-right:20px;
  width: 100px !important; width:110px;
  color: #FFFFFF;
  background-color: #1C6264;

  /* 圓角 */
  -moz-border-radius: 5px;       /* Firefox */
  -webkit-border-radius: 5px;    /* Safari and Chrome */
  border-radius: 5px;            /* IE 6+  */
  behavior: url(js/ie-css3.htc); /* ie-css3.htc 支援圓角 */

  position:relative;
  z-index: 1;
}

.button-ie {
  text-align: center;
  height:25px;
  line-height:25px;
  padding-top:8px; padding-bottom:5px; padding-left:20px; padding-right:20px;
  width: 80px !important; width:90px;
  color: #FFFFFF;
  background-color: #1C6264;
  cursor:pointer;
}


.form-span:first-child {
	border-right: 0
}
.form-span:last-child {
	border-left: 0
}
.div-input:first-child, .form-span:first-child{
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.div-input:last-child, .form-span:last-child, .form-input:last-child{
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}


::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #999999;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #999999;
}
::-ms-input-placeholder { /* Microsoft Edge */
  color: #999999;
}