.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;
            
}
#TheGoods img, #TheGoods input { vertical-align:middle;}
/****d_dm*****/
.d_dm { 
    background-color:#f4f4f4;
         padding:8px;
          width:96%; height:88px;
          display:block;
          overflow:hidden;
          border: 10px solid #ffffff;
          border-bottom:0px solid #ffffff; 
          margin-top:-5px; position:relative;
           line-height:150%; letter-spacing:1px;
}

.d_dm a { text-decoration:none;  color:#313131;}

.d_dm:hover { background-color:#fdffe3;}
.d_dm img { width:100px; height:85px; float:left;
             margin-right:10px; }
.d_dm span {vertical-align:middle;}

.d_dm2 {text-align:center;height:150px; 
         margin-left:10px;

}
.d_dm2 a { float:left; width:200px; height:150px;
    }
.d_dm2 div { width:auto; height:150px; float:left;
              display:inline-block; }

.d_dm_title { font-size:16px;font-weight:bold;color:#023287;
               line-height:150%; font-family:'微軟正黑體';
}

.d_dm img, .d_dm2 img {
    -webkit-border-radius: 5px;
    -moz-border-radius:  5px;
    border-radius:  5px; 
}

#dm01 ,#dm02 ,#dm03 ,#dm04 ,#dm05 ,#dm06,#dm07,#dm08 { display:none;
}



/***input***/
/*
input[type="text"], input[type="password"], textarea, select
{
color:#000000; vertical-align:middle;
letter-spacing:1px;   
background-color:#f6f6f6;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;  
padding:5px;
border:1px solid #ccc;
-moz-box-shadow:inset 1px 1px 8px -5px #000000;
-webkit-box-shadow:inset 1px 2px 8px -5px #000000;
box-shadow:inset 1px 1px 8px -5px #000000; display:inline;
}

.tab input:hover, textarea:hover, select:hover, input[type="text"]:hover{ background-color:#fffde8;}
*/
.d_dm
{
    -webkit-transition:.4s;
-moz-transition:.4s;
-ms-transition: .4s;
-o-transition:.4s;
transition:.4s;
    }
#down_word a{ z-index:10; position:relative; }

/******modal********/
  .modalBackground 
   {
      
        background-color: black;
        filter: alpha(opacity=50);
        opacity: 0.5;
 /**/
   position:relative; z-index:10000; display:block; float:left;
}
/**/
    .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;}
 
 
 

 /**** FROMS AND FIELDSET ****/
fieldset.dashboardGroup {
    margin: 15px 5px 5px 5px;
    /*
    background-image: url(../Images/fieldset.jpg);
*/
     background-image: url(../Images/fieldset.png);
    background-repeat: repeat-x;
    background-position: 0px 15px \9;
    *background-position: 0px 16px;
    border: 0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0px 0px 10px #cccccc;
    border-top: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    border: 1px solid #e5e5e5 \9; /*IE8*/
    *border: 1px solid #e5e5e5;
    /*
position:relative; display:block;
 padding:20px 10px 5px 10px;
*/
}

.dashboardGroup legend {
    padding: 5px 10px;
    background-color: #ffffff;
    color: #00479d;
    font-weight: bold;
    letter-spacing: 2px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    box-shadow: 0px 0px 10px #cccccc;
    border: 1px solid #e5e5e5 \9; /*IE8*/
    *border: 1px solid #e5e5e5;
}

legend input {
    vertical-align: middle;
}

/*****Safari , google******/
@media screen and (-webkit-min-device-pixel-ratio:0) {

    fieldset.dashboardGroup {
        position: relative;
        display: block;
        padding: 30px 10px 5px 10px;
        margin-top: 25px;
    }

    .dashboardGroup legend {
        position: absolute;
        left: 5px;
        top: -15px;
    }
}


.dashboardGroup p {
    margin: 5px 6px;
    line-height: 120%;
    color: #666;
}




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


/*********SYSOctEdit.aspx TAB***********/

.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*********/

.tab
{
    border-collapse: collapse;
    border: 1px solid #c2c2c2;
     color:#000000; margin:0 auto; 
}
.tab td
{
    padding: 5px;
    border: 1px solid #c2c2c2;
}
/**/
.tab_title2
{
    background-color: #eeeeee;
    text-align: center;
    
    color: #6b6b6b;
    font-weight: bold; 
}



/* 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;

}
/**********GridView**********/

.GridView tr.GridRight,
.GridView th.GridRight {
    text-align: right;
}

.GridViewRow1 {
    background-image: url(../Images/GridViewRow1.png);
}

.GridViewRow2 {
    background-image: url(../Images/GridViewRow2.png);
}

tr.GridView_bg {
    background-image: url(../Images/GridView_bg.gif);
    background-repeat: repeat-x;
    background-position: 100% 100%;
    height: 30px;
    font-size: 13px; text-align:center;
}

.GridView td{
    border-color:#e5e5e5; 
}

    .GridView td, .GridView th {
        padding: 2px;
        border-collapse: collapse;
        letter-spacing: 1px;
    }

th { /*white-space:nowrap;
    text-align: left;*/
}

    .G_right, th.G_right {
        text-align: right;
    }

    .G_center, th.G_center {
        text-align: center;
    }
/**********GridView2**********/

.GridView2 {
    text-align: center;
}
.GridView2 td, .GridView2 th {
        padding: 2px;
        text-align: center;
        border-collapse: collapse;
        letter-spacing: 1px;
 }

.GridView2 th {
  text-align: center;
 }
    
/**********GridView3**********/
.GridView3 a {
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    text-decoration: none;
    color: #0066cc;
}

.GridView3 td, .GridView3 th {
    padding: 3px 10px;
    border: 1px solid #d2d2d2;
    border-collapse: collapse;
    letter-spacing: 0px;
    font-size: 1.1em;
    font-family: 微軟正黑體;
}

.GridView3 th {
    white-space: nowrap;
}

.GridView3 {
    border: 1px solid #d2d2d2;
    border-collapse: collapse;
}
/*
th.GridView_th, .GridView_th  { text-align:right;
}
*/


.FormView .modalPopup .GridView td, .FormView2 .modalPopup .GridView td {
    padding: 2px 5px;
    border-collapse: collapse;
    letter-spacing: 1px;
}


.GridView_page {
    text-align: left;
    background-image: url(../Images/GridView_bg.gif);
    background-repeat: repeat-x;
    background-position: 100% 100%;
}

    .GridView_page table {
        margin: 0 auto;
    }

    .GridView_page td {
        padding: 1px;
        border: 0px;
    }

    .GridView_page span {
        font-weight: bold;
        font-size: 15px;
    }

    .GridView_page a {
        font-weight: lighter;
        font-size: 11px;
    }


.GridView img, .GridView a {
    vertical-align: middle;
}

/*
.FormView, .FormView2 {
    font-weight: bold;
    color: #000000;
    margin: 0 auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border-collapse: collapse;
}

    .FormView table {
        border-collapse: collapse;
    }

    .FormView2 table { 
        border-collapse: collapse;
        border: 3px solid #efefef;
        margin: 10px 0;
    }

    .FormView  td td, .FormView2  td  td {
      
       
        padding: 5px;
      
            border-collapse: collapse;  background-image: url(../Images/GridViewRow3.png);
        border: 1px solid #e5e5e5;
      

    }

    
    .FormView td td, .FormView2 td td {
      
        border-collapse: collapse;
        padding: 5px;
        border: 1px solid #e5e5e5;
        background-image: url(../Images/GridViewRow3.png);

    }

   .FormView table table,
    .FormView2 table table {
       
    }
  
   .FormView td td td, .FormView2 td td td {
        margin:inherit;
 border-collapse:inherit;
padding:initial;
 border:inherit;
 background-image:inherit;
 font-weight:normal;

    }
  */
    .GridView, .FormView table .modalPopup .GridView, .FormView2 table .modalPopup .GridView {
        border: 1px solid #d2d2d2;
        padding: 2px 10px;
        border-collapse: collapse;
    }


.bu { border:0px !important;
}