/* 字體預設成微軟正黑體
* {
    font-family: "Microsoft JhengHei" !important;
} */

.txt_L { text-align: left !important;}
.txt_C { text-align: center !important;}
.txt_R { text-align: right !important;}

.funcNameMoveOut { font-weight: bold; font-size: 17px; color: #cc0033; line-height:30px}
.funcNameMoveOver { font-weight: bold; font-size: 17px; color: #FF11FF; line-height:30px}

.div-MenuF { margin: 0px 0px 15px 5px !important; text-align: left; min-width:90%; width:90%;}
.shell { min-width:900px !important; width:800px !important; margin:0 auto !important;}

.footer { font-family:Arial; color:#333; padding:20px 0px 20px 0px; text-align: center;}
.hidetd { background:none !important; border:none !important; height: 0px !important; min-height: 0px !important;}
.paraWord { min-height: 25px !important; height:auto !important; height:25px !important; text-align:left !important; background-color:#EEEEEE !important; color:red !important;}
fieldset { border:0;margin-bottom:2px; margin-top:15px;padding:1px 2px 2px 2px !important; background:#DDD; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; position:relative;}

.grouptype1 { background-color:#FBC777 !important;}
.grouptype2 { background-color:#9FCCF6 !important;}
.grouptype3 { background-color:#FFC5EC !important;}
.grouptype4 { background-color:#ffff33!important;}
.grouptype5 { background-color:#C0D2EC!important;}

input[readonly="readonly"], input[readonly],input[disabled="disabled"], input[disabled],.readonly,
    textarea[readonly="readonly"], textarea[readonly],textarea[disabled="disabled"], textarea[disabled] {background-color:#DDDDDD !important;}

.datatable legend, .min-style0 legend, .min-style1 legend, .min-style2 legend, .min-style3 legend  {
    padding:5px 10px !important;
    color:#FFF;
    font-size:15px;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    box-shadow:2px 2px 4px #666;
    -moz-box-shadow:2px 2px 4px #666;
    -webkit-box-shadow:2px 2px 4px #666;
    position:absolute;
    left:10px;top:-12px;
    min-width:170px;
    width: 170px;
    text-align:center;
}

.datatable legend, .min-style0 legend { background: url(stylesheet.min/min-style0.bmp) repeat;}
.min-style1 legend { background: url(stylesheet.min/min-style1.bmp) repeat;}
.min-style2 legend { background: url(stylesheet.min/min-style2.bmp) repeat;}
.min-style3 legend { background: url(stylesheet.min/min-style3.bmp) repeat;}
.min-style4 legend { background: url(stylesheet.min/min-style4.bmp) repeat;}


.min-style0 table  {
	border-collapse: collapse;
	border: 3px solid #f0f8ff;
	border-top: 4px double #662100;
	border-bottom: 4px double #662100;
    table-layout:fixed;
    min-width:100%;
    width:100%;
}

.min-style0 tbody { background: #F0F8FF;}

.min-style0 thead th  {
    line-height: 25px;
    min-height:25px;
    height: auto !important;
    height: 25px;
    font-weight: bold;
    font-size: 15px;
	border: 1px solid #f0f8ff;
    background-color: #C0D2EC;
}

.min-styleSp table  {
	border-top: 0px double #662100 !important;
	border-bottom: 0px #662100 !important;
}

.min-styleSp thead th,.min-styleSp td  {
    height: 15px !important;;
    min-height:15px !important;
    line-height: 20px;
}

.min-style4 thead th  {
    line-height: 32px;
    min-height:32px;
    height: 32px;
    height: auto !important;
    font-weight: bold;
    font-size: 16px;
    border: 1px solid white;
    text-align: center;
    padding-right: 5px;
}


.min-style1 table, .min-style2 table, .min-style3 table, .min-style4 table  {
    border-collapse: collapse;
    table-layout:fixed;
    min-width:100%;
    width:100%;
}

.min-style1 th, .min-style2 th, .min-style3 th {
    min-height:26px;
    line-height: 26px;
    height: auto !important;
    height: 26px;
    font-size:15px;
    padding:2px;
}

.min-style1 td, .min-style2 td, .min-style3 td {
    min-height:26px;
    height: auto !important;
    height: 26px;
    font-size:15px;
    padding:2px;
}

.min-style1 th, .min-style2 th, .min-style3 th  {
    font-weight: bold;
    border: 1px solid white;
    text-align: right;
}

.min-style1 th {background-color: #E9BB8A;}
.min-style2 th {background-color: #DEF1D1;}
.min-style3 th {background-color: #FBE5BC;}
.min-style4 th {background-color: #FBE5BC;}

.min-style1 td, .min-style2 td, .min-style3 td {
    border: 1px solid #DEDEDE;
    background-color: #FFFFF9;
    color: #55291E;
    text-align: left;
}

.min-style4 td {
    line-height: 32px;
    min-height:32px;
    height: 32px;
    font-size: 15px;
    border: 1px solid #DEDEDE;
    background-color: #FFFFF9;
    color: #55291E;
    text-align: center;
    padding-left: 5px;
}

.min-style0 input, .min-style0 textarea, .min-style0 select,
.min-style1 input, .min-style1 textarea, .min-style1 select,
.min-style2 input, .min-style2 textarea, .min-style2 select,
.min-style3 input, .min-style3 textarea, .min-style3 select,
.min-style4 input, .min-style4 textarea, .min-style4 select{
    color:#55291E;
    font-size: 15px;
    background-color: #F5F5F5;
    margin-bottom:1px;
    margin-top:1px;
    margin-left:1px;
    margin-right:1px;
    font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
}

.min-style0 div, .min-style1 div, .min-style2 div, .min-style3 div, .min-style4 div {
    margin-left:1px;
}

.min-style0 input, .min-style0 textarea {border: solid 1px #C0D2EC;} /* 查詢結果 */
.min-style1 input, .min-style1 textarea {border: solid 1px #E9BB8A;}
.min-style2 input, .min-style2 textarea {border: solid 1px #9AD59A;}
.min-style3 input, .min-style3 textarea {border: solid 1px #FAAE74;}
.min-style4 input, .min-style4 textarea {border: solid 1px #FAAE74;}

/* div替代select外框 */
.min-style1 .select { margin-right:2px; border:1px solid #7C4914; float:left; display: inline;}
.min-style2 .select { margin-right:2px; border:1px solid #9AD59A; float:left; display: inline;}
.min-style3 .select { margin-right:2px; border:1px solid #FAAE74; float:left; display: inline;}
.min-style4 .select { margin-right:2px; border:1px solid #FAAE74; float:left; display: inline;}
.min-style1 .select div, .min-style2 .select div, .min-style3 .select div, .min-style4 .select div { border:1px solid #f9f9f9; float: left; }
.min-style1 .select>div, .min-style2 .select>div, .min-style3 .select>div, .min-style4 .select>div { overflow: hidden; }
* html .min-style1 .select div select, * html .min-style2 .select div select, * html .min-style3 .select div select, * html .min-style4 .select div select { display:block; float: left; margin: -2px; }
.min-style1 .select div>select, .min-style2 .select div>select, .min-style3 .select div>select, .min-style4 .select div>select { display:block; float:none; margin: -2px; padding: 0px; }

div.required-im { border:1px solid RED !important ; float:left; display: inline !important;}
input.required-im,button.required-im,textarea.required-im { border: solid 1px RED;}

input:focus, textarea:focus, select:focus, button:focus { color: #FF0000 !important; border: solid 2px red !important; background-color: #FFFFFF;}
.select div>select:focus { margin: 0; padding: 0; border:2px solid red !important; float:left; display: inline;}

/* SPAN用 */
.min-style1 span.SelectBorder { border:1px solid #7C4914; padding: 1px;}
.min-style2 span.SelectBorder { border:1px solid #9AD59A; padding: 1px;}
.min-style3 span.SelectBorder { border:1px solid #FAAE74; padding: 1px;}
.min-style4 span.SelectBorder { border:1px solid #FAAE74; padding: 1px;}
span.SelectBorder select {
  margin: 0; padding: 0;
}

/* 下方分頁 */
#Page { font:bolder 14pt "Times New Roman"; color: #ff5555; }
#PageGroup{ font:bolder 14pt "Times New Roman"; color: #666699;}
#nowReadPage { font:bolder 16pt "Times New Roman"; color: #000000;}
#alreadyReadPage { font:bolder 14pt "Times New Roman"; color: #ff5555;}
#PageGroupDisable{ font-size:15px;}
#helpText{ font-size:15px;}

.table_column  {
    word-break: break-all !important;
    word-wrap:break-word !important;
	width: auto !important;
    overflow:hidden;
    line-height: 25px;
    text-align:center;
    font-size: 15px;
    border: 1px solid #87CEFA;
    color: #55291E;
    padding: 2px;
}
.table_row_over { background:#F8DC94;}
.table_row_chk { background:#F8DC94;}

.dashBoard {color:red;}
.dashBoard:hover {background-color:yellow;cursor:pointer;}

.ui-widget-header {padding:0px 0px 0px 10px !important; border:none !important;background:#FAB375 !important;}

/* jQuery UI Tabs @VERSION */
.ui-tabs { background-color:#B2E2B6 !important;  position: relative; padding: .1em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { line-height:18px !important; border: 0px solid ; background:#B2E2B6 !important; margin: 0 !important; padding: .2em .2em 0 !important; }
.ui-tabs .ui-tabs-nav li { font-size:14px; border: 1px solid #B2E2B6; background-color:#19AF59 !important; list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .45em .6em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { color:#C41C29 !important; background-color:#F8F8F8 !important; cursor: text; }
.ui-tabs .ui-tabs-panel { background-color:#F8F8F8 !important; display: block; border-width: 0; padding: 10px 0px 10px 0px !important; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
.ui-state-default a { color: #DDDDDD !important; text-decoration: none; }

.ui-dialog .ui-dialog-content { padding: .2em 0.2em !important;}
/* Component containers
----------------------------------*/
/*
.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }
.ui-widget-header { height:20px !important; border: 1px solid #666666 !important; background: #DDDDDD !important;}
*/
.ui-multiselect { margin:0px !important ;font-size:14px !important; border:none !important; background: #F2F2F2 !important; color:#55291E !important; height: 21px !important;}
.ui-multiselect-header { padding:2px !important; border: 1px solid #666666 !important; background:#95D9A5 !important;}
.ui-multiselect-checkboxes label { color:#FF3131 !important; border:0px solid #DDDDDD !important;}
.ui-spinner-button { margin:0px !important;}