/*********************************************************************/
/* 內建的Style                                                       */
/*********************************************************************/
body {
    margin: 0px;
    font: 9pt Verdana,Times New Roman;
}

td,th,textarea,button,input,input.button,select {
    font: 9pt Verdana,Times New Roman;
}

/*********************************************************************/
/* 自定義的公用Style                                                 */
/*********************************************************************/
/* Table Style */
.clsTable {
    border:2px solid darkgreen;
    border-collapse: collapse;
}

.clsTable2 {
    border:2px solid darkgreen;
    border-collapse: collapse;
    background-color: #ffffff;
}

.clsForumTable {
    background-color:#EDF5F4;
}

.clsForumTable2 {
    background-color:#EDF5F4;
    border:1px solid black;
}
/* Table Head Style */
.clsTH {
    background-color:#639a00;
    color: white;
    border:1px solid #86ce00;
    padding-top:4px;
    padding-bottom:4px;
    padding-left:3px;
    padding-right:3px;
}

.clsForumTH {
    background-color:#2B7180;
    color: white;
    padding-top:4px;
    padding-bottom:4px;
    padding-left:3px;
    padding-right:3px;
    font:14pt Verdana, Times New Roman;
}
/* Table Body Style */
.clsTD {
    background-color:#e2fbb6;
    color:darkblue;
    border:1px solid darkgreen;
    padding:3px;
}

.clsTD2 {
    background-color:#ffffff;
    color:darkblue;
    border:1px solid darkgreen;
    padding:3px;
}

.clsTD3 {
    background-color:#ECFFEC;
    color:darkblue;
    border:1px solid darkgreen;
    padding:3px;
}

.clsHelpTD {
    background-color:#ffffff;
    color:black;
    border:1px solid darkblue;
    padding:5px;
    line-height:150%;
}

.clsNoBorder {border:none;}
.clsTDLR {border-top:none;border-bottom:none;}

.clsForumTR {
    background-color:#2B7180;
    color:white;
    padding:3px;
}
.clsForumTR2 {
    border-top:solid 1px black;
    border-top-style:Dotted; 
}
    
.clsForumTRSpacer{
background-color:#ffffff;
height:5px;
}
/*** Tab ***/
.clsTabLeft {width:20px;height:20px;}
.clsTabMiddle {
    padding-top:2px;
    height:20px;
    font:9pt Times New Roman;
    text-align:center;
    background-image:url(../images/sys_banner_Middle.gif);
}
.clsTabRight {width:5px;height:20px;}

.clsTab {
    background-color:#e2fbb6;
    color:darkblue;
    border:1px solid darkgreen;
    padding-left:4px;
    padding-right:4px;
    padding-top:4px;
    margin-bottom:2px;
    height:25px;
    cursor:hand;
}
.clsTabActive {
    background-color:#639a00;
    color: white;
    border:1px solid #86ce00;
    padding-left:4px;
    padding-right:4px;
    padding-top:4px;
    margin-bottom:2px;
    height:25px;
    cursor:hand;
}

/* 超連結格式 clsHref */
.clsHref {font-size:9pt;color:darkgreen;cursor:hand;}
.clsHrefOver {font-size:9pt;color:#dd6900;cursor:hand;text-decoration:underline;}
a.clsHref {text-decoration: none;color : darkgreen;}
a.clsHref:hover {text-decoration: underline; color: #dd6900;}

.clsHref2 {font-size:9pt;color:white;cursor:hand;}
.clsHrefOver2 {font-size:9pt;color:#FFFF80;cursor:hand;text-decoration:underline;}
a.clsHref2 {text-decoration:none; color:white;}
a.clsHref2:hover {text-decoration:underline; color:#FFFF80;}

.clsHref3 {font-size:10pt;color:darkgreen;cursor:hand;}
.clsHrefOver3 {font-size:10pt;color:#dd6900;cursor:hand;text-decoration:underline;}
a.clsHref3 {text-decoration:none; color:darkgreen;}
a.clsHref3:hover {text-decoration:underline; color:#dd6900;}

.clsHref4 {font-size:9pt;color:darkblue;cursor:hand;}
.clsHrefOver4 {font-size:9pt;color:red;cursor:hand;text-decoration:underline;}
a.clsHref4 {text-decoration: none;color : darkblue;}
a.clsHref4:hover {text-decoration: underline; color: red}

/* Title */
.clsMainTitle {font: bold 16pt Arial; color:darkgreen;}
.clsTitle {font:bold 12pt Arial; color:darkgreen;}
.clsFrmMainTitle {
    font: bold 14pt Arial; 
    color:darkgreen; 
}
.clsMessageTitle {
    padding-top:3px;
    font: bold 12pt Verdana;
    background-color:#639a00;
    text-align:center;
    color: #ffffff;
    height:30px;
    border-top:solid 1px silver;
    border-bottom:ridge 2px #e2fbb6;
}
.clsProgTitle {
    padding-top:3px;
    font: bold 12pt Verdana;
    background-color:#639a00;
    color: #ffffff;
    height:30px;
    border-top:solid 1px silver;
    border-bottom:ridge 2px #e2fbb6;
    filter:alpha( style=1,opacity=100,finishOpacity=50,startX=0,finishX=100,startY=0,finishY=100);
}

.clsReportTitle {
    padding-top:3px;
    font: bold 12pt Verdana;
    background-color:#639a00;
    text-align:center;
    color: #ffffff;
    height:30px;
    border-top:solid 1px silver;
    border-bottom:ridge 2px #e2fbb6;
}

/***************************************************************************************************/
/* Overflow Style                                                                                  */
/* 使用本style可以讓超過長度的內容顯示為『...』                                                    */
/* 但是必須配合<nobr>的Tag來使用，且必須要指定 width的屬性                                         */
/* 例如：<td><nobr><div class='clsOverflow' style='width:50px'>要顯示的內容。</div></nobr></td>    */
.clsOverflow {text-overflow: ellipsis; overflow: hidden;}
/***************************************************************************************************/

/* Table Button Style */
.clsButtonNone {
    font: 9pt Times New Roman;
    border:none;
    background-color: transparent;
    cursor:hand;
}
.clsButton {
    font: 9pt Times New Roman;
    border:none;
    background-color: #eeffd2;
    cursor:hand;
    width:80px; height:26px;
    filter: progid:DXImageTransform.Microsoft.Glow(color=darkgreen,strength=2);
}

.clsButtonOver {
    font: 9pt Times New Roman;
    border:none;
    background-color: #FFF5EC;
    cursor:hand;
    width:80px; height:26px;
    filter: progid:DXImageTransform.Microsoft.Glow(color=#ff48ff,strength=2),
            alpha(style=1,opacity=50,finishOpacity=100,startX=0,finishX=50,startY=0,finishY=100) ;
}

.clsButton2 {
    font: 9pt Times New Roman;
    border:none;
    background-color: #eeffd2;
    cursor:hand;
    height:26px;
    filter: progid:DXImageTransform.Microsoft.Glow(color=darkgreen,strength=2);
}

.clsButtonOver2 {
    font: 9pt Times New Roman;
    border:none;
    background-color: #FFF5EC;
    cursor:hand;
    height:26px;
    filter: progid:DXImageTransform.Microsoft.Glow(color=#ff48ff,strength=2),
            alpha(style=1,opacity=50,finishOpacity=100,startX=0,finishX=50,startY=0,finishY=100) ;
}

.clsEditTitle {
    vertical-align: top;
    padding-top: 5px;
}
.clsEditField {
    font: 9pt Verdana;
    background-color: #FFFFCC;
}

.clsLockField {
    font: 9pt Verdana;
    background-color: #E2FFEC;
}

.clsToolbar {
    font: bold 10pt Verdana;
    background-color:#e2fbb6;
    color: darkgreen;
    height:26px;
    filter:alpha( style=1,opacity=100,finishOpacity=30,startX=0,finishX=100,startY=0,finishY=100);
    border-top:solid 1px #ffffff;
    border-bottom:solid 1px silver;
    padding-left:4px;
    padding-top:2px;
}

.clsToolbar2 {
    font: 9pt Verdana;
    background-color:#e2fbb6;
    color: darkgreen;
    height:26px;
    filter:alpha( style=1,opacity=100,finishOpacity=60,startX=0,finishX=300,startY=0,finishY=100);
    border-top:solid 1px #ffffff;
    border-bottom:solid 1px silver;
    padding-left:4px;
    padding-top:2px;
    margin-bottom:5px;
}

.clsToolbarButton {
    width:20px; height:20px;
    background-color:white;
    cursor:hand;
    border:solid 1px white;
}

.clsToolbarCell {width:20px; height:20px;}

.clsHighlight{background-color:yellow;font-weight:bold;color:red;}

.clsIndent {margin-left:15px;text-indent:-15px;}

.clsForumToolbar {
    font: bold 10pt Verdana;
    background-color:#ffcb73;
    color: darkgreen;
    height:26px;
    /*filter:alpha( style=1,opacity=100,finishOpacity=30,startX=0,finishX=100,startY=0,finishY=100);*/
    border:2px solid silver;    
    padding-left:4px;
    padding-top:2px;
}
/********************************************************************/
/* 以下為浮動提示框相關的Style設定                                  */
/* 請配合 sys_ShowFloatTip_C.js 來使用                                */
/********************************************************************/
.clsFloatTip
{
    font-size: 9pt;
    font-family: Times New Roman;
    padding:3px;
    background-color: mintcream;
    color:darkblue;
    display:block;
    border:1px solid #6699cc;
    position:absolute;
    width:60;
    height:20;
    z-index:100;
}

/* 具有透明效果的浮動提示框 */
.clsFloatTip2 {
    font-size: 9pt;
    font-family: Times New Roman;
    padding:3px;
    background-color: mintcream;
    color:darkblue;
    display:block;
    border:1px solid #6699cc;
    position:absolute;
    width:60;
    height:20;
    z-index:100;
    filter:Alpha(Opacity=50,style=1,Finishopacity=80);
}
/********************************************************************/
/* 以上為浮動提示框相關的Style設定                                  */
/********************************************************************/
/********************************************************************/
/* 以下為浮動功能表相關的Style設定                                  */
/* 請配合 sys_PopMenu_C.js 來使用                                     */
/********************************************************************/
.sys_FloatMenu {
    border-color:white;
    border-style:outset;
    background-color: lightgrey;
    font: 9pt Times New Roman;
    border-width:2px;
    display: none;
    padding:2px;
    position:absolute;
    z-index:1001;
}

.sys_MenuItem_1 {
    background-color: lightgrey;
    color: black;
    cursor: hand;
    font: 9pt Times New Roman;
    height: 20px;
    display: block;
    padding-top: 2px;
    padding-left: 2px;
    padding-bottom: 2px;
    text-overflow: clip;
    overflow: hidden;
}

.sys_MenuItem_1a {
    background-color: darkblue;
    color: white;
    cursor: hand;
    font: 9pt Times New Roman;
    height: 20px;
    display: block;
    padding-top: 2px;
    padding-left: 2px;
    padding-bottom: 2px;
    text-overflow: clip;
    overflow: hidden;
}

.sys_MenuTitle {
    text-overflow: ellipsis;
    overflow: hidden;
}

.sys_MenuIcon {
    width:16px;
    height:16px;
    margin-right:2px;
}

.sys_SubMenuIcon {width:7px;height:7px;}

.sys_MenuBreakLine {
    width:100px;
    height:1px;
    border-top: 2px groove white;
    font-size: 1px;
}
/********************************************************************/
/* 以上為浮動功能表相關的Style設定                                  */
/********************************************************************/