body {font-family: "微軟正黑體",Arial,"新細明體";font-size: 12pt;padding: 0px;margin: 0px;background:#C9E6A6;}
/* 連結圖不要出現虛線 */
input, a { outline:expression(hideFocus='true'); outline:none;}
input[type=text],input[type=password],select,textarea {
    padding: 5px;
    margin: 5px 0;
    display: inline-block;
    border: 1px solid #CCC;
    border-radius: 4px;
    box-sizing: border-box;
}
    input[type=file] {
        /*padding: 5px;*/
        margin: 5px 0;
        display: inline-block;
    }
.spanChange {color:red}
.btn{width:24px;margin:5px 0px 0px 0px;border:none}
.btn2{margin:5px 0px 0px 0px;border:none}

.spanCalLength{font-size:10pt;color:#008800;}
.tbEdit1 .spanCalLength{font-size:10pt;color:#008800;}

/* Edit */
.divEditTitle {text-align:center;font-size:12pt;font-weight:bolder;color:#EF970F}
.divEditTitle2 {text-align:center;font-size:12pt;font-weight:bolder;color:#FF9917}
.divEditTitle3 {margin:10px 0px;font-size:12pt;color:#0094ff}


/*Header*/
.divHeader {width:100%;height:80px;background : url('../../images/Header.png') no-repeat;background-color:#C9E6A6}
.divUserInfo{
    float:right;
    margin:5px 10px 0px 0px;
    padding:5px;
    line-height:25px;
    border:solid 1px #FFF;
    min-width:200px;
    text-align:center;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24c4c', endColorstr='#ce0000',GradientType=0);
	background-color:#8FCC4B;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
}
/*Menu*/
.divMenu{width:100%;}
/*Site Map Path*/
.divSiteMapPath {width:100%;height:25px;padding:0px;margin-top:36px;border-top:solid 3px #00AE57;border-bottom:solid 1px #DDD;font-size:11pt;background-color:#FCF1B8;color: #777137}
.divSiteMapPath A{font-size:11pt}
.divSiteMapPath A:link {color: #777137}
.divSiteMapPath A:visited {color: #777137}
.divSiteMapPath A:active {color: #777137}
.divSiteMapPath A:hover {color: #FF3833}

/*Content*/
.divContent{min-height:500px;background-color:#FEFEFE;padding:10px}


/* Query */
.tbQuery {border:solid 2px #FCD72A;line-height:28px;background-color:#FFFFFF}
.tbQuery th{font-size:10pt;font-weight:normal;text-align:right; padding-right:5px;background-color:#FEF0B1;}
.tbQuery td{font-size:10pt; padding-left:5px; }
.tbQuery .tdFooter {background:url(../../images/BgQueryFoot.png) repeat-x;text-align:center}

/* GridView */
.tdGVHeaderL{height:32px;background:url(../../images/BgGridViewHeader.png) repeat-x;font-size:10pt;font-weight:normal;color: #FFFFFF;text-align:left;padding-left:5px}
.tdGVHeaderL select {padding:3px;margin:2px;}
.tdGVHeaderR{height:32px;background:url(../../images/BgGridViewHeader.png) repeat-x;font-size:10pt;font-weight:normal;color: #FFFFFF;text-align:right;padding-right:5px}
.tdGVHeader{height:32px;background:url(../../images/BgGridViewHeader.png) repeat-x}
.tdGVFooter{border-left:2px #555555 solid;border-bottom:2px #555555 solid;border-right:2px #555555 solid;font-weight:bolder;padding-right:3px}
.gv{border:1px #EFEFEF solid;line-height:25px}
.gvHeader th{background-color:#EEE;font-weight:normal;font-size:10pt;color:#111;text-align:center}
.gvItem{font-weight: normal;font-size:10pt;color:#333333;background-color: #FFFFFF}
.gvAlternatingItem{font-weight:normal;font-size:10pt;color: #333333;background-color: #F5F5F5}
.gv th{border:solid 1px #EFEFEF}
.gv td{border:solid 1px #EFEFEF}
.gv A{font-size:10pt}
.gv A:link {color: #0066FF}
.gv A:visited {color: #0066FF}
.gv A:active {color: #0066FF}
.gv A:hover {color: #FF3833}
.gvFooter{background-color:#EEE;font-size: 10pt;color: #555555;font-weight:bold}
.gvPager{color:#FFFFFF;background-color: #8FC74F;font-size:12pt}
.gvPager td {border:none}
.gvPager A{font-size:12pt}
.gvPager A:link {color: #000000}
.gvPager A:visited {color: #000000}
.gvPager A:active {color: #000000}
.gvPager A:hover {color: #FF3833}
.gvOver{font-weight: normal;color:#000000;background-color:#FBF1C4}

.gv1{border:1px #EFEFEF solid;line-height:25px}
.gv1Header th{background-color:lightgreen;font-weight:normal;font-size:10pt;color:#111;text-align:center}
.gv1Item{font-weight: normal;font-size:10pt;color:#333333;background-color: #FFFFFF}
.gv1AlternatingItem{font-weight:normal;font-size:10pt;color: #333333;background-color: #F5F5F5}
.gv1 th{border:solid 1px #EFEFEF}
.gv1 td{border:solid 1px #EFEFEF}
.gv1 A{font-size:10pt}
.gv1 A:link {color: #0066FF}
.gv1 A:visited {color: #0066FF}
.gv1 A:active {color: #0066FF}
.gv1 A:hover {color: #FF3833}
.gv1Footer{background-color:#EEE;font-size: 10pt;color: #555555;font-weight:bold}
.gv1Pager{color:#FFFFFF;background-color: #8FC74F;font-size:12pt}
.gv1Pager td {border:none}
.gv1Pager A{font-size:12pt}
.gv1Pager A:link {color: #000000}
.gv1Pager A:visited {color: #000000}
.gv1Pager A:active {color: #000000}
.gv1Pager A:hover {color: #FF3833}
.gv1Over{font-weight: normal;color:#000000;background-color:#FBF1C4}




/* Lsit */
.tbList1{border:1px #D2AD00 solid}
.tbList1 .tdHeader{height:28px;text-align:center;color:#846C00;background:url(../../images/ListHdeader1.png) repeat-x;border-bottom:1px #D2AD00 solid;font-size:11pt;font-weight:bold}
.tbList1 .th{font-size:10pt;font-weight:normal;vertical-align:top;text-align:right;padding:5px;background-color:#FFF4BF}
.tbList1 .td{font-size:10pt;font-weight:normal;vertical-align:top;padding:5px;background-color:#FFF;word-break: break-all;}
.tbList1 .tdFooter{height:28px;text-align:center;color:#FFF;background:url(../../images/ListHdeader1.png) repeat-x;border-top:1px #D2AD00 solid}
.tbList1 A{font-size:10pt}
.tbList1 A:link {color: #0066FF}
.tbList1 A:visited {color: #0066FF}
.tbList1 A:active {color: #0066FF}
.tbList1 A:hover {color: #FF3833}

/* Lsit */
.tbList2{border:1px #0042AE solid}
.tbList2 .tdHeader{height:28px;text-align:center;color:#FFF;background:url(../../images/ListHdeader2.png) repeat-x;border-bottom:1px #0042AE solid}

/* Edit */
.divEditTitle {text-align:center;font-size:12pt;font-weight:bolder;color:#EF970F}
.divEditTitle2 {text-align:center;font-size:12pt;font-weight:bolder;color:#FF9917}

.divReq {font-size:10pt;border-right:solid 3px #FF0000;margin:5px 0px;width:60px}
.tbEdit1{border:1px #EFEFEF solid}
.tbEdit1 th{font-size:10pt;font-weight:normal;vertical-align:top;text-align:right;padding:8px 5px 0px 5px;background-color:#EEEEEE;border-right:solid 3px #FF0000;min-height:25px}
.tbEdit1 .th2{font-size:10pt;font-weight:normal;vertical-align:top;text-align:right;padding:8px 5px 0px 5px;background-color:#EEEEEE;border-right:solid 3px #888}
.tbEdit1 td{font-size:10pt;padding:1px 5px 0px 5px;background-color:#FFF}

.tbEdit1 .thCRDetail1{font-size:10pt;font-weight:normal;vertical-align:top;text-align:right;padding:8px 5px 0px 5px;background-color:#FFFFCC;border-right:solid 3px #888}
.tbEdit1 .thCRDetail2{font-size:10pt;font-weight:normal;vertical-align:top;text-align:right;padding:8px 5px 0px 5px;background-color:#CCECFF;border-right:solid 3px #888}
.tbEdit1 .thCRDetail3{font-size:10pt;font-weight:normal;vertical-align:top;text-align:right;padding:8px 5px 0px 5px;background-color:#CCFFCC;border-right:solid 3px #888}
.tbEdit1 .thCRDetail4{font-size:10pt;font-weight:normal;vertical-align:top;text-align:right;padding:8px 5px 0px 5px;background-color:#FFCCCC;border-right:solid 3px #888}
.tbEdit1 .thCRDetail5{font-size:10pt;font-weight:normal;vertical-align:top;text-align:right;padding:8px 5px 0px 5px;background-color:#FFCCFF;border-right:solid 3px #888}
.tbEdit1 .thCRDetail6{font-size:10pt;font-weight:normal;vertical-align:top;text-align:right;padding:8px 5px 0px 5px;background-color:#CCCCFF;border-right:solid 3px #888}
.tbEdit1 .thCRDetail7{font-size:10pt;font-weight:normal;vertical-align:top;text-align:right;padding:8px 5px 0px 5px;background-color:#EFEFEF;border-right:solid 3px #888}

.tbEdit2{border:1px #EFEFEF solid;border-collapse: collapse;}
.tbEdit2 .th{font-size:11pt;font-weight:bolder;vertical-align:middle;text-align:center;padding:3px;background-color:#EEE;border: 1px solid #EFEFEF;}

.tbEdit2 .th1{font-size:10pt;font-weight:normal;vertical-align:top;text-align:right;padding:8px 5px 0px 5px;background-color:#EEEEEE;border-right:solid 3px #FF0000;min-height:25px}
.tbEdit2 .th2{font-size:10pt;font-weight:normal;vertical-align:top;text-align:right;padding:8px 5px 0px 5px;background-color:#EEEEEE;border-right:solid 3px #888}
.tbEdit2 .td{font-size:10pt;padding:1px 5px 0px 5px;background-color:#FFF}
.tbEdit2 .td1{font-size:11pt;padding:0px;background-color:#FFF;text-align:center;border: 1px solid #EFEFEF;}
.tbEdit2 .td2{font-size:10pt;padding:1px 5px 0px 5px;background-color:#FFF;border: 1px solid #EFEFEF;}

.divEditBtn{text-align:center;border-top:solid 2px #888;padding-top:10px;margin-top:10px}
.divEditBtn2{text-align:center;padding-top:10px}
.divEditMsg{color:Red;text-align:center}

/* Detail */
.divDetailTitle {text-align:center;font-size:12pt;font-weight:bolder;color:#EF970F}
.tbDetail1{border:1px #EFEFEF solid}
.tbDetail1 .th{font-size:10pt;font-weight:normal;vertical-align:top;text-align:right;padding:5px;background-color:#EEEEEE}
.tbDetail1 .td{font-size:10pt;font-weight:normal;vertical-align:top;padding:5px;background-color:#FFF;word-break: break-all;}
.tbDetail2{border:1px #EFEFEF solid}

.tbDetail2 .th1{font-size:10pt;font-weight:normal;vertical-align:top;text-align:right;padding:5px;background-color:#EEEEEE}
.tbDetail2 .td1{font-size:10pt;font-weight:normal;vertical-align:top;padding:5px;background-color:#FFF;word-break: break-all;}
.divDetailBtn{text-align:center;border-top:groove 2px #AAA;padding-top:10px;margin-top:10px}

.tbDetail3{border:1px #0042AE solid}
.tbDetail3 .tdHeader{height:28px;text-align:left;padding-left:6px;color:#FFF;background:url(../../images/ListHdeader2.png) repeat-x;border-bottom:1px #0042AE solid}
.tbDetail3 .th{font-size:10pt;font-weight:normal;vertical-align:top;text-align:right;padding:5px;background-color:#11CFFF;}

.tbInfo1{border:1px #A6CDEE solid}
.tbInfo1 th{font-size:10pt;font-weight:normal;vertical-align:top;text-align:right;padding:5px;background-color:#EFF6FC}
.tbInfo1 td{font-size:10pt;font-weight:normal;vertical-align:top;padding:5px;background-color:#FFF;word-break: break-all;}

/*calendar*/
.CalendarExtender{font-size:11pt;color:#333333;font-weight:bold;background-color:Red;font-family:"微軟正黑體","新細明體",Arial;}
.CalendarExtender .ajax__calendar_container{font-size:11pt;border:solid 2px #FFF;background-color:#00C4C4;width:245px;height:230px;}
.CalendarExtender .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year{font-size:11pt;color:#ffffff;}
.CalendarExtender .ajax__calendar_hover .ajax__calendar_day{font-size:11pt;color:#DF2C07;background-color:#00C4C4;}
.CalendarExtender .ajax__calendar_active .ajax__calendar_day{font-size:11pt;color:Red;font-weight:bolder;background-color:#00C4C4;}
.CalendarExtender .ajax__calendar_day{font-size:11pt;margin:2px 5px 2px 5px;}
.CalendarExtender .ajax__calendar_body{width:220px;height:170px;vertical-align:middle;}
.CalendarExtender .ajax__calendar_dayname{font-Size:11pt;margin:8px 5px 8px 5px;}
.CalendarExtender .ajax__calendar_next{font-size:11pt;}

/* Popup*/
.mpeBackground {background-color:Gray;filter: alpha(opacity=35); opacity: 0.5;}
.panPopup{display:none}
.tbModalPopup {border:solid 2px #FFFFFF;background-color:#FFFFFF}
.tdMPWinHeader{border:solid 2px #0095AA;background: #00A5BB}
.tdMPWinL{text-align:Left;padding: 2px 0px 0px 5px;font-size: 13px;color: #FFFFFF}
.tdMPWinR{text-align:Right;padding: 0px 3px 0px 0px;}
.trMPWinHeader{background-color: #F7B64B}

/* MsgBox */
.tbMsgBox{font-family: Arial, sans-serif;font-size: 12px;min-width: 350px;max-width: 600px;background: #FFFFFF;border: solid 2px #999999;color: #111111;}
.MsgBoxTitle {font-size: 12pt;font-weight: bold;text-align: center;line-height: 25px;color: #666666;background: #CCCCCC url(../../images/MsgBox/title.gif) top repeat-x;
	border: solid 1px #FFFFFF;border-bottom: solid 1px #999999;	padding: 0px;margin: 0px;}
.MsgIcon{vertical-align:middle;margin:2px}
.btnHidden{display:none}
.mpeBackground {background-color: Gray;filter: alpha(opacity=35); opacity: 0.5;z-index:999;height:100%;width:100%;}

/* Radio Check Box */
input[type=checkbox]:not(old),
input[type=radio   ]:not(old){
  width   : 28px;
  margin  : 0;
  padding : 0;
  opacity : 0;
}
input[type=checkbox]:not(old) + label
{
  display      : inline-block;
  margin-left  : -28px;
  padding-left : 28px;
  background   : url('../../images/CheckBoxNS.png') no-repeat;
  line-height  : 24px;
}
input[type=radio]:not(old) + label
{
  display      : inline-block;
  margin-left  : -28px;
  padding-left : 28px;
  background   : url('../../images/RadioBoxNS.png') no-repeat;
  line-height  : 24px;
}

input[type=checkbox]:not(old):checked + label{
  background   : url('../../images/CheckBoxYS.png') no-repeat;
}

input[type=radio]:not(old):checked + label {
    background: url('../../images/RadioBoxYS.png') no-repeat;
}

/*Tab*/
/* Tab - Header */
.tabMenu .ajax__tab_header 
{
    height:31px;
    font-size:10pt;
    border-bottom:solid 1px #11CFFF;
}

/* Tab - Body */
.tabMenu .ajax__tab_body 
{
    padding:5px;
    border:1px solid #11CFFF;
    border-top:none;
    background-color:#ffffff;
}

/* Tab - Off */
.tabMenu .ajax__tab_tab 
{
    background: #feffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #feffff 0%, #d2ebf9 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feffff), color-stop(100%,#d2ebf9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #feffff 0%,#d2ebf9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #feffff 0%,#d2ebf9 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #feffff 0%,#d2ebf9 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #feffff 0%,#d2ebf9 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#d2ebf9',GradientType=0 ); /* IE6-9 */
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border:solid 1px #DDD;
    border-bottom:solid 1px #11CFFF;
    background-color:#F2F2F2;
    padding:0px 20px;
    height:29px;
    line-height:29px;
    text-align:center;
    margin-right:4px;
    margin:0;
    color:#333;
}

/* Tab - hover */
.tabMenu .ajax__tab_hover .ajax__tab_tab 
{
   background: #d2ebf9; /* Old browsers */
    background: -moz-linear-gradient(top,  #d2ebf9 0%, #feffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d2ebf9), color-stop(100%,#feffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #d2ebf9 0%,#feffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #d2ebf9 0%,#feffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #d2ebf9 0%,#feffff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #d2ebf9 0%,#feffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2ebf9', endColorstr='#feffff',GradientType=0 ); /* IE6-9 */
}

/* Tab - Active */
.tabMenu .ajax__tab_active .ajax__tab_tab 
{
    background: none;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=0 ); /* IE6-9 */
    background-color:#FFF;
    color:#000;
    height:29px;
    border-left:solid 1px #11CFFF;
    border-right:solid 1px #11CFFF;
    border-top:solid 3px #11CFFF;
    border-bottom:none;
}


/*Footer*/
.divFooter{padding-top:10px;line-height:25px;text-align:center;font-size:12pt;color:#5E8A26}