p{margin-top:0; margin-bottom:0;}

 .div-body { 
     font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #292b2c;
    background-color: #fff;
}

.div-login {
  width: 26.875em;
  height: 15.5em;
  margin: 150px auto;
  text-align: center;
  padding-top: 20px;
  border: 1px solid gray;
  vertical-align: top;
  border-radius: 4px;
  font-size: larger;
  background: linear-gradient(135deg,rgba(255,255,255,1) 0%,rgba(246,246,246,1) 60%,rgba(237,237,237,1) 100%);
}

.div_account {
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
    background-color: #dff0d8;
    border-color: #d0e9c6;
    color: #3c763d;
}

.div_card {
    position: relative; 
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
    flex: 1 1 auto;
    padding: 1.25rem;
}

/* menu*/
.ncuthead_01 {
    position: relative;
    height: 102px;
    background: transparent;
    background-position: 0px 0px;
}

.ncut-b-shadow {
    /* box-shadow:         0 3px 6px 0 rgba(0, 0, 0, 0.2),0 5px 7px 0 rgba(0, 0, 0, 0.19); */
    -moz-box-shadow:    0 3px 6px 0 rgba(0, 0, 0, 0.2),0 5px 7px 0 rgba(0, 0, 0, 0.19);
    -webkit-box-shadow: 3px 3px 6px 3px rgba(0, 0, 0, 0.2), 0 5px 7px 0 rgba(0, 0, 0, 0.19);
}

.ncut-ipnut-form-ipt {
  text-align: left;
  padding: 5px 0px 5px 5px;
  background:#ffffff;	
}

.ncut-view-title {
  text-align: center;
  font-weight: bold;
  background:#E3F9FD;	
}

.w-100 {
    background-color: azure;
    width: 100%!important;
    font-size: 1.3rem;
    line-height: 2.5rem;
}

.w-100-input {
    background-color: azure;
    width: 100%!important;
    font-size: 1.1rem;
    line-height: 2rem;
}

.badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
}

.logo {
    position: absolute;
    top: 10px;
    left: 25px;
}

.head_info {
    position: absolute;
    top: 5.5em;
    right: 7.5em;
    color: #41555D;
}

.head_linker {
    position: absolute;
    top: 0.1em;
    right: 3em;
}

.head_a {    
    color:#806d9e;
    text-decoration: none;
    font-size: 12px;
    font-family: verdana, 'trebuchet ms', sans-serif;
}

.titlementbox {
    position: inherit;
    top: 0.625em;
    left: 20em;
    width: 50em;
    height: 2em;
}

.div-container {
    /*padding-right: 15px;
    padding-left: 15px;*/
    display: table;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

.collapse.in {
    display: block;
    visibility: visible;
}

/*text style*/
.ncut-page-title-text{
    color: #31708f;
    font-family: "微軟正黑體";
}

.ncut-edit-well {
    border-radius: 6px;
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #FBFBFB;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}

.ncut-require-title {
    color: #CC3300;
    height:2.0625em; 
    padding: 0.75em; 
    text-align: right;
}

.ncut-selected-title {
    color: #006400;
    font-weight: bold;
}

/*loading*/
#loaderDiv {
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1100;
   background-color: white;
   opacity: .6;
}

.loaderContent {
    position: absolute;
    font-weight: bold;
    height: 100%;
    width: 100%;
    z-index: 1000;
    text-align: center;
    top: 50%;
    left: 50%;
    width: 21.4em;
    height: 21.4em;
    margin-left: -10.7em;
    margin-top: -10.7em;
    position: absolute;
}

.ajax-loader {
   position: absolute;
   left: 50%;
   top: 50%;
   margin-left: -32px; /* -1 * image width / 2 */
   margin-top: -32px; /* -1 * image height / 2 */
   display: block;
}
 
.loadingBackground {
    padding-left: 7.14em;
    background: black;
    /*background: rgba(0,0,0,0.8);*/
    top: 0px;
    left: 0px;
    position: absolute;
    z-index: 1000;
    opacity: 0.3;
}
.loadingContent {
    position: absolute;
    font-weight: bold;
    height: 100%;
    width: 100%;
    z-index: 1000;
    text-align: center;
    top: 50%;
    left: 50%;
    width: 21.4em;
    height: 21.4em;
    margin-left: -10.7em;
    margin-top: -10.7em;
    position: absolute;
}

/* table */
.ncut-page-title {
  margin-top: 5px;
  height: 30px;
  border-bottom: 0px;
  width: 100%;
  background-image: url(../Content/Images/bg.gif);
}

.ncut-page-title-text {
  font-family: "微軟正黑體";
  font-size: 1.5em;
  font-weight: 500;
  line-height: 1.1;
  color: #31708f;
}

.ncut-base-file-title {
  text-align: left;
  height: 28px;
  font-weight: bolder;
  vertical-align: top; 
  padding: 0.5em;
}

.ncut-base-form-text {
  text-align: right;
  height: 28px;
  font-weight: bolder;
}

.ncut-base-form-title {
  text-align: right;
  height: 28px;
  font-weight: bolder;
  vertical-align: top; 
  padding-top: 0.5em;
}

.ncut-base-form-ipt {
  text-align: left;
  padding: 5px 0px 5px 5px;
}
 
/* input */

.ncut-input-elem {    
    height: 2.25em;
    border: 1px solid #ccc;
}

.ncut-input-h36 {
    /*width:36px;*/
    height:2.25em;
    padding: 0.1em 0.5em !important;
}

.ncut-input-w40 {
    /*width:40px;*/
    width: 2.8em;
}  

.ncut-require-title {
    color: #CC3300;
}

/* 表單控制項寬度*/
.input-w300 {
    /*width:300px;*/
    width: 21.4em;
}

.input-w200 {
    /*width:200px;*/
    width: 14.2em;
}

.input-w100 {
    /*width:100px;*/
    width: 7.1em;
}

.input-w90 {
    /*width:90px;*/
    width: 6.4em;
}

.input-w80 {
    width:5.7em;
}

.input-w70 {
    /*width:70px;*/
    width:5em;
}

.input-w60 {
    /*width:60px;*/
    width:4.2em;
}

.input-w50 {
    /*width:50px;*/
    width:3.5em;
}

.input-w40 {
    /*width:40px;*/
    width:2.8em;
}

.input-w30 {
    /*width:30px;*/
    width:2.1em;
} 


/** file upload*/
.ncut-drop-box {
  background: #F8F8F8;
  border: 5px dashed #DDD;
  width: 8em;
  height: 5em;
  text-align: center;
  float: left;
  padding-top: 0.8em;
  margin-left: 10px;
}

.ncut-progress {
	display: inline-block;
	width: 100px;	
	border: 3px groove #CCC;
}


/** table menu (選單)*/

.ncut-menu-title {    
    font-size: 1.5rem;
    font-weight: 400; 
    font-family:  -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}

.ncut-table-menu {
    border: 1px solid #9ac9ff;
    padding: 1px;
    margin: 4px; 
}

.ncut-thead-menu {
    background-color: #C2E0FF;
}

.ncut-thead-menu > tr > th > a, .ncut-thead-menu > tr > th > a:hover, .ncut-thead-menu > tr > th > a:focus {
    color: #333; 
}

.ncut-thead-menu > tr > th {
    padding: 0.2em;
    border: 1px solid #9ac9ff;
    text-align: center;
}

.ncut-tbody-menu {
    background-color: #FFFFFF; 
}

.ncut-table-menu-striped > tbody > tr:nth-child(odd) {
    background-color: #ECF5FF;
    border-color: #9ac9ff;
}

.ncut-table-menu-striped > tbody > tr.selected {
    background-color: #FFFFCC; 
}

.ncut-table-menu-striped > tbody > tr {
    cursor: pointer;
}

.ncut-table-menu-striped > tbody > tr > td {
    padding: 0.3125em;
    border: 1px solid #9ac9ff;
}

.ncut-table-menu-striped > tbody > tr > td.dblclick {
    font-weight: bold;
    color: red; 
    border: 1px solid #9ac9ff;
}

.ncut-table-menu-margin-bottom-0em {
    margin-bottom: 0em;
}

/** table 2 **/

.ncut-table2 {
    border: 1px solid #9ac9ff;
    padding: 1px;
    margin: 4px; 
}

.ncut-thead2 {
    background-color: #C2E0FF;
}

.ncut-thead2 > tr > th > a, .ncut-thead2 > tr > th > a:hover, .ncut-thead2 > tr > th > a:focus {
    color: #333; 
}

.ncut-thead2 > tr > th {
    padding: 0.2em;
    border: 1px solid #9ac9ff;
    text-align: center;
}

.ncut-tbody2 {
    background-color: #FFFFFF; 
}

.ncut-table2-striped > tbody > tr:nth-child(odd) {
    background-color: #ECF5FF;
    border-color: #9ac9ff;
}

.ncut-table2-striped > tbody > tr.selected {
    background-color: #FFFFCC; 
} 

.ncut-table2-menu-striped > tbody > tr {
    cursor: pointer;
}

.ncut-table2-striped > tbody > tr > td {
    padding: 0.3125em;
    border: 1px solid #9ac9ff;
}

.ncut-table2-striped > tbody > tr > td.dblclick {
    font-weight: bold;
    color: red; 
    border: 1px solid #9ac9ff;
}

.ncut-table2-margin-bottom-0em {
    margin-bottom: 0em;
}

/***********For scroll div***********/
.template-div-scroll{
    overflow:scroll; /*注意,使用此style必須給div高度(可給max或min)*/
}

.template-maxh-30em {
    max-height: 30em;
}

.template-maxh-15em {
    max-height: 15em;
}

/***********For CKEditor***********/
.marker{
    background-color: yellow;
}
 
/* Menu Style*/
.ncuthead_01 {
    position: relative;
    height: 6.375em;
    /*background: #fafafa url(Content/Images/greengrass0505.jpg) no-repeat;*/
    background-position: 0px 0px;
}

.loginMenu {
    border-left: none;
    padding-left: 0;
    margin: 0;
    padding-right: .75em;
    line-height: 0.6;
    display: inline-block;
    font-size: 1rem;
    list-style-type: none;
    list-style-position: inside;
    padding: .5em 0;
}
.itemMenu {
    border-left: 1px solid rgba(0,0,0,0.1);
    padding-left: .75em;
    padding-right: .75em;
    line-height: 0.6;
}

.itemMenuR {
    border-right: 1px solid rgba(0,0,0,0.1);
    padding-left: .75em;
    padding-right: .75em;
    line-height: 0.6;
}

.bottomMenu {
    position: relative;
    top: 4.35em;
    left: 70em;
    width: 480px;
    height: 32px;
}

.mainMenu {
    margin-left: 0;
    display: block;
    margin-bottom: 0;
    margin-top: 0;
    list-style-type: none;
    margin: 1em 0;
    padding: 0;
    position: absolute; 
    background-color: transparent;color: rgb(240, 252, 255);
}


/** table menu (選單)*/

.ncut-table-menu {
    border: 1px solid #9ac9ff;
    padding: 1px;
    margin: 4px; 
}

.ncut-thead-menu {
    background-color: #C2E0FF;
}

.ncut-thead-menu > tr > th > a, .ncut-thead-menu > tr > th > a:hover, .ncut-thead-menu > tr > th > a:focus {
    color: #333; 
}

.ncut-thead-menu > tr > th {
    padding: 0.2em;
    border: 1px solid #9ac9ff;
    text-align: center;
}

.ncut-tbody-menu {
    background-color: #FFFFFF; 
}

.ncut-table-menu-striped > tbody > tr:nth-child(odd) {
    background-color: #ECF5FF;
    border-color: #9ac9ff;
}

.ncut-table-menu-striped > tbody > tr.selected {
    background-color: #FFFFCC; 
}

.ncut-table-menu-striped > tbody > tr {
    cursor: pointer;
}

.ncut-table-menu-striped > tbody > tr > td {
    padding: 0.3125em;
    border: 1px solid #9ac9ff;
}

.ncut-table-menu-striped > tbody > tr > td.dblclick {
    font-weight: bold;
    color: red; 
    border: 1px solid #9ac9ff;
}

.ncut-table-menu-margin-bottom-0em {
    margin-bottom: 0em;
}

/** table 1 **/
.ncut-table1 {
    border: 1px solid #99dd68;
    padding: 1px;
    margin: 4px;
}

.ncut-thead1 {
    background-color: #b5e692;
}

.ncut-thead1 > tr > th > a, .ncut-thead1 > tr > th > a:hover, .ncut-thead1 > tr > th > a:focus {
    color: #333;
}

.ncut-thead1 > tr > th {
    padding: 0.2em;
    border: 1px solid #99dd68;
    text-align: center;
}

.ncut-tbody1 {
    background-color: #FFFFFF;
    padding: 2px 0;
}

.ncut-table1-striped > tbody > tr:nth-child(odd) {
    background-color: #f8fcf0;
}

.ncut-table1-striped > tbody > tr.selected {
    background-color: #FFFFCC;
}

.ncut-table1-striped > tbody > tr > td {
    padding: 0.3125em;
    border: 1px solid #99dd68;
}

.ncut-table1-striped > tbody > tr > td.dblclick {
    font-weight: bold;
    color: red;
}

.ncut-table1-margin-bottom-0em {
    margin-bottom: 0em;
}
 

/** table 3 (金黄色) **/
.ncut-table3 {
    border: 1px solid #c07800;
    padding: 1px;
    margin: 4px;
}

.ncut-thead3 {
    background-color: #ffc562;
}

.ncut-thead3 > tr > th > a, .ncut-thead3 > tr > th > a:hover, .ncut-thead3 > tr > th > a:focus {
    color: #333;
}

.ncut-thead3 > tr > th {
    padding: 0.2em;
    border: 1px solid #c07800;
    text-align: center;
}

.ncut-tbody3 {
    background-color: #FFFFFF;
    padding: 2px 0;
}

.ncut-table3-striped > tbody > tr:nth-child(odd) {
    background-color: #ffeed0;
}

.ncut-table3-striped > tbody > tr.selected {
    background-color: #fffaf0;
}

.ncut-table3-striped > tbody > tr > td {
    padding: 0.3125em;
    border: 1px solid #c07800;
}

.ncut-table3-striped > tbody > tr > td.dblclick {
    font-weight: bold;
    color: red;
}

.ncut-table3-margin-bottom-0em {
    margin-bottom: 0em;
}
 
/** table 4 (蘋果) **/
.ncut-table4 {
    border: 1px solid #507010;
    padding: 1px;
    margin: 4px;
}

.ncut-thead4 {
    background-color: #a0dc40;
}

.ncut-thead4 > tr > th > a, .ncut-thead4 > tr > th > a:hover, .ncut-thead4 > tr > th > a:focus {
    color: #333;
}

.ncut-thead4 > tr > th {
    padding: 0.2em;
    border: 1px solid #507010;
    text-align: center;
}

.ncut-tbody4 {
    background-color: #FFFFFF;
    padding: 2px 0;
}

.ncut-table4-striped > tbody > tr:nth-child(odd) {
    background-color: #e8f8d0;
}

.ncut-table4-striped > tbody > tr.selected {
    background-color: #FFFFCC;
}

.ncut-table4-striped > tbody > tr > td {
    padding: 0.3125em;
    border: 1px solid #507010;
}

/** table 5 (粉綠色) **/
.ncut-table5 {
    border: 1px solid #99dd68;
    padding: 1px;
    margin: 4px;
}

.ncut-thead5 {
    background-color: #b5e692;
}

.ncut-thead5 > tr > th > a, .ncut-thead5 > tr > th > a:hover, .ncut-thead5 > tr > th > a:focus {
    color: #333;
}

.ncut-thead5 > tr > th {
    padding: 0.2em;
    border: 1px solid #99dd68;
    text-align: center;
}

.ncut-tbody5 {
    background-color: #FFFFFF;
    padding: 2px 0;
}

.ncut-table5-striped > tbody > tr:nth-child(odd) {
    background-color: #f8fcf0;
}

.ncut-table5-striped > tbody > tr.selected {
    background-color: #FFFFCC;
}

.ncut-table5-striped > tbody > tr > td {
    padding: 0.3125em;
    border: 1px solid #99dd68;
}

.ncut-table5-striped > tbody > tr > td.dblclick {
    font-weight: bold;
    color: red;
}

.ncut-table5-margin-bottom-0em {
    margin-bottom: 0em;
}
 
.ncut-edit-form-text {
    text-align: right;
    height: 28px;
    background-color: #E6E9EC;
}
.input-dropdown {
  display: inline-block;
  position: relative;
}

.input-dropdown input[type='text'] {
  box-sizing: border-box;
  width: 100%;
}

.input-dropdown ul {
  background: #fff;
  border: 1px solid #000;
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  width: 100%;
  z-index: 1000;
}

.input-dropdown ul > li {
  cursor: pointer;
  padding: 10px;
}

.input-dropdown ul > li.active {
  background: #608AEB;
}

#td-file-view {
    padding:0.2em; 
    border: 1px solid gray;
}