/* Required to have full-screen RadSplitter */
html, body, form
{
    height: 100%;
    margin: 0;
    padding: 0;
}

table, tr, td, input, span,label 
{
    font-size: 12px;
    font-family: 微軟正黑體,Arial;
    color: #333333;
    top: -1px;
    left: -1px;
}

.language label{
    font-size: 12px;
    font-family: 微軟正黑體,Arial;
    color: #FFFFFF;
    top: -1px;
    left: -1px;
}


form
{
	cursor: default; 
}

/* <header> */

.header
{
    height: 62px;
    background-color: transparent;
    background-repeat: repeat-x;
    background-image: url('../Images/headbg.png');
}


/* </header> */


.menu
{
    padding-top: 8px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    height: 20px;
    width: 100%;
    background-image: url('../Images/siteheaderbg.gif');
}

a{
      outline: none; /* for Firefox Google Chrome  */
      behavior:expression(this.onFocus=this.blur());
    top: 0px;
    left: 0px;
}

/* Navigate */
#Navi{
 padding-bottom:33px;
}

.Navigate
{   
    padding-top: 8px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    height:20px;
    position:fixed;
    width:100%;
    background-image: url('../Images/siteheaderbg.gif');
}

.Navigate A:Link
{
    color: #666666;
}

.Navigate A:Visited
{
    color: #666666;
}

.Navigate A:Hover
{
    color: #666666;
}

.Container
{
    margin-right: 4px;
    margin-left: 4px;
}

/* <Search>*/
.SearchForm
{
 min-width:500px;
    margin-top:4px;
}

.SearchForm td:first-child
{
    white-space:nowrap;
    text-align:right;
}
.SearchForm td:first-child+td+td 
{
    white-space:nowrap;
    text-align:right;
}

/* FormTable  */
.FormTable
{ 
    width:99.9%;
    background-color: #FFFFFF;
}

.FormTable td:first-child
{
    text-align:right;
    white-space:nowrap;
}

/* AdBannerTable  */
.AdBannerTable
{ 
    width:99.9%;
    background-color: #FFFFFF;
}

.AdBannerTable td
{
    white-space:nowrap;
}

/* CategoryTable  */

.CategoryTable {
       float:left;
    width:100%;
}

    .CategoryTable div.FormRight
    {
        font-family: 微軟正黑體,Arial !important;
        overflow: auto;
        float:right;
        width:29.4%;
        border: 1px solid #808080;
        height:100%;
    }

    .CategoryTable div.FormLeft
    {
         float:left;
         width: 70%;
    }

/* CFormTable  */
.CFormTable
{ 
    width:100%;
    background-color: #FFFFFF;
}

.CFormTable td:first-child
{
    text-align:right;
    white-space:nowrap;
}

/* <space>*/
.Sepa
{
    height:4px;
}



.rcCaptchaImage
{
    width: 80px;
    height: 35px;
    float: left;
}

.rcRefreshImage
{
    float: left;
    width: 37px;
    height: 35px;
    background: url('../Images/login/reload.png') no-repeat;
}

.RadTextBox
{
    font-family: 微軟正黑體,Arial !important; 
}

.RadButton input
{
    font-family: 微軟正黑體,Arial !important; 
}

div.RadComboBox .rcbInput
   {     
       font-family: 微軟正黑體,Arial !important; 
   } 
  /* changes style for drop-down items */
.RadComboBoxDropDown 
   {     
       font-family: 微軟正黑體,Arial !important; 
   }  

div.rdTitleBar em
{
           font-family: 微軟正黑體,Arial !important; 
}

#sortable
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    min-width:660px;        
    min-height:500px;
    font-size: 14px;
}
 #sortable li
{
    text-align: left;
    margin: 0 6px 6px 0px;
    padding: 10px;
    width: 125px;
    height: 140px;    
    float: left;
    border: 1px solid #999;
    background: #FFF;
}
 #sortable li span
{
    position: absolute;
    margin-left: -1.3em;
}

 #sortProduct
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    min-width:660px;        
    min-height:500px;
    font-size: 14px;
}
 #sortProduct li
{
    text-align: left;
    margin: 0 6px 6px 0px;
    padding: 10px;
    width: 160px;
    height: 190px;    
    float: left;
    border: 1px solid #999;
    background: #FFF;

}
    #sortProduct li div {
    width: 160px;
    height: 50px;
    background-color: #CCCCCC;
    font-size: 12px;
    white-space: normal;
    word-break: break-all;
    color: #666666;
}

/* telerik grid fixed*/

.RadGrid .rgMasterTable tr.rgMultiHeaderRow th[rowspan="2"]:first-child {
    border-left: 0px none !important;
}

.rgDataDiv {
    height: auto !important;
    min-height:600px;
}