.div-body { 
  background:#f6f3ee;	
  height:100%; 
}

.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%);
}

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

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

.head_info {
    background-color: rgba(33,99,33, 0.2);
    position: absolute;
    bottom: 1em;
    right: 10em;
    color: #ffffa7;
}

.head_linker {
    background-color: rgba(33,99,33, 0.2);
    position: absolute;
    bottom: 1em;
    right: 1em;
}

.head_a {    
    color: white;
    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;
}

.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-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;
}

.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 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;
}

.ncut-inlind-td {
    border: 1px solid #9ac9ff;
    line-height: 1.42857143;
    padding: 0.3125em;
    text-align: right;
    cursor: auto; 
}

/** table menu6 (選單)*/
.ncut-table6-menu {
    border: 1px solid #9ac9ff;
    padding: 1px;
    margin: 4px; 
}

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

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

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

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

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

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

.ncut-table6-menu-striped > tbody > tr {
    cursor: auto; 
}

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

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

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

/** PDF viewer **/
.pdf-controls {
    width: 100%;
    display: block;
    background: #eee;
    padding: 1em;
}

.rotate0 {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.rotate90 {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.rotate180 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.rotate270 {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}