/******modal********/
  .modalBackground 
   {
       
        background-color: black;
        filter: alpha(opacity=30);
        opacity: 0.3;
    
  
}

    .modalPopup {
        background-color: #FFFFFF;     
padding: 0px;
          -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;padding-bottom:30px;
        
          -moz-box-shadow:2px 2px 12px -5px #000000;
-webkit-box-shadow:2px 2px 12px -5px #000000;
box-shadow:1px 1px 18px -4px #000000;
 *width:500px;
    }
  
 .modalTitle
 { 
     background-image:url(../Images/GridView_bg.png); background-repeat:repeat-x;
   background-position:100% 100%;

 background-color:#265d91;    
padding:10px;
    margin-bottom:30px;
    -webkit-border-radius: 5px;
-moz-border-radius: 5px;

border-radius: 5px 5px 0px 0px;

 color:#ffffff; font-size:1.2em; font-family:微軟正黑體;
  position:relative;
     }
.close{ background-image:url(../Images/close.gif); 
        width:16px; height:16px; 
        background-repeat:no-repeat; display:inline-block; 
        /*float:right;
         */
         position:absolute; top:12px; right:10px;
 overflow:hidden;
        } 
 A.close:hover{ background-position:0 -16px;}
 
 
 


  .bgMark
        {
            filter: alpha(opacity=8);
            -moz-opacity: 0.08;
            opacity: 0.08;
            position:fixed;
             top:0px; left:0px;
            width: 95%;
            height: 100%; z-index:0px; 
        }
.GridViewPage input, .FormView input, 
.DetailsView input, textarea{ background-color:transparent;}
 /**/
.modalBackground 
{
     background-color:black;

         filter:alpha(opacity=50);

         opacity:0.5;

    /*background-image:url(../Images/black.png);
                   */
                     /*background-color:#ffffff; */
                   }


/*********SYSOctEdit.aspx TAB***********/
.Rsk { vertical-align:middle; font-size:12px; 
            /*text-shadow: 1px 1px 0px #004c85;
                 line-height:12px;border:2px solid #0068b7;
                */  
            display:inline-block; overflow:hidden;
            padding:3px 3px 0 3px;
            text-align:center;
            background-color:#000000; 
            color:#ffffff; 
            -webkit-border-radius:  3px;
            -moz-border-radius: 3px;
            border-radius:  3px;   
            background-image:url(../images/GridView_bg.png); 
            background-repeat:repeat-x; 
            background-position:100% 98%; font-weight:bold;
            
}

.TabContainer .ajax__tab_body
{
     overflow:auto;
}

a.bu_save{ 
background-image:url(../img/bu_save.png); 
background-repeat:no-repeat; 
width:128px; height:27px;  
overflow:hidden; display:block;color:#ffffff;
text-align:center; font-weight:bold; line-height:25px; text-decoration:none;
 margin:0 auto;
}
a.bu_save:hover{ background-position: 0 -27px; color:#ffffff;}




.ui-tabs { 
position: relative;
/*
 padding: .2em; 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 { margin: 0; padding:0px;
 /*
 padding: .2em .2em 0; 
 */
 }
.ui-tabs .ui-tabs-nav li { 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: .5em 1em; */
 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 { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; 
/*
padding: 1em 1.4em; */
background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

#tabs{ background-image:url(../images/news_line.gif); background-repeat:repeat-x;
 background-position:0 34px; float:left; display:block;
}

#tabs ul a{

  width:141px; height:34px; 
 display:inline-block;
  cursor:pointer; text-align:center; font-weight:bold; margin-top:12px; margin-right:2px;

}
#tabs table{ 

border-collapse: collapse; border: 1px solid #cbd8e3;
	width:98%; margin:0 auto; 
	 color:#000000; margin-bottom:10px; background-color:#ffffff;
}

#tabs td{ 
padding:2px;
border:1px solid #cbd8e3;

}


.tab_title{
 text-align:left;
 font-weight:bold;
 color:#003366; font-size:13px; white-space:nowrap; background-color:#e3e9ef;
}


/********tab_Ins*********/
.tab_Ins {
    border-collapse: collapse;
    border: 1px solid #c2c2c2;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

    .tab_Ins table {
        width: 100%;
    }

    .tab_Ins td {
        /**/
        padding: 0px;
        border: 1px solid #c2c2c2;
    }



        .tab_Ins td td {
            border-bottom: 0px;
            border-left: 0px;
            text-align: left;
            padding: 5px;
        }


        .tab_Ins td tr:nth-child(1) td {
            border-top: 0px;
        }

/* */
.tab_Ins_title td {
    background-color: #007da3;
    color: #ffffff;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    white-space: nowrap;
    border: 1px solid #007da3;
}


/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { 
background: url(../images/news_menu2.gif) 0% 50% no-repeat;  
font-weight: bold; color: #ffffff; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { 
color: #1c94c4; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus,
 .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
 
  background: url(../images/news_menu.gif) 0% 50% no-repeat; 
  font-weight: bold; color: #ffffff; }
.ui-state-hover a, .ui-state-hover a:hover { color: #ffffff; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {

  background:  url(../images/news_menu.gif) 0% 50% no-repeat; 
  font-weight: bold; color: #ffffff; }
.ui-state-active a, .ui-state-active a:link,
 .ui-state-active a:visited { color: #ffffff; text-decoration: none; }
.ui-widget :active { outline: none; }



#check{ position:absolute;

/*
top:10px; width:110px; height:22px; vertical-align:middle;
 left:300px;
 top:20px; right:0px;border-style:solid;  text-align:center;padding-top:6px;background-color:#ffffff;
 margin-top:22px;top:0px;border-width:1px;padding-left:20px;  font-weight:bold; 
 padding-left:15px; 
 */
 color:#000000; 
 z-index:99999999999;  

float:left; 
 
cursor:pointer;
text-decoration:underline;
letter-spacing:1px;  

display:inline-block;
top:26px;
*top:9px; cursor:pointer;
/*
padding-top:5px;*/

 }

 #check {
   top:24px\0/IE8+9; /* IE8+9  */
}

:root #check { top:26px \0/IE9; }  /* IE9 */

#Banner{ float:left; white-space:nowrap;}


#Banner .on_menu{ 

padding-right:20px;

 float:left; 

}

#Banner table{ /*
margin:0px; padding:0px;
 border-collapse: collapse;
*/

               border: none;
              
               }

/*

 a#check:link{ border: 1px solid #00a0e9;text-decoration: none;}
 a#check:visited{ border: 1px solid #00a0e9;text-decoration: none;}
 a#check:active{ border: 1px solid #00a0e9;	text-decoration: none;}
a#check:hover{
	border: 1px solid #ffae00;text-decoration: none;}
*/
/********language******/

.language_cht{
width: 53px;
height:24px;
background: url(../images/language_cht.png) no-repeat 0px 0px;
display:block; overflow:hidden;
 position:absolute;
 right:0px; top:120px; z-index:100000;

}

a.language_cht:hover, a.language_chs:hover, a.language_eng:hover{
background-position: 0px -24px;
}


.language_chs{
width: 53px;
height:24px;
background: url(../images/language_chs.png) no-repeat 0px 0px;
display:block; overflow:hidden;
 position:absolute;
 right:0px; top:145px; z-index:100000;

}

.language_eng{
width: 53px;
height:24px;
background: url(../images/language_eng.png) no-repeat 0px 0px;
display:block; overflow:hidden;
 position:absolute;
 right:0px; top:170px; z-index:100000;

}