/*註冊未填提示*/
.button_Prompt
{
    background: url(img/button_Prompt01.png) center no-repeat;
    width: 18px;
    height: 18px;    
}

/*大小寫圖示*/
.icon_caps { width:54px; height:22px; background: url(img/icon_caps.png) center no-repeat; display:inline-block; margin: 0 0 -5px 0;}




/* icon
--------------------------------------------*/
.icon_YouTobe
{
    background: url(img/icon-yoytobe-1.png) no-repeat;
    width: 34px;
    height: 40px;
    margin: 0 8px;
}
.icon_YouTobe a
{
    width: 33px;
    height: 33px;
    display: block;
}

.icon_pinterest
{
    background: url(img/icon_pinterest-1.png) no-repeat;
    width: 33px;
    height: 33px;
    margin: 0 8px;
}
.icon_pinterest a
{
    width: 33px;
    height: 33px;
    display: block;
}

.icon_itwinkle
{
    background: url(img/icon_iTwinkle.png) no-repeat;
    width: 34px;
    height: 38px;
    margin: 0 8px;
}
.icon_itwinkle a
{
    width: 34px;
    height: 38px;
    display: block;
}

.searchTop
{
    background: url(img/searchTop.png) no-repeat;
    width: 228px;
    height: 25px;
}



/*
---------------------------------------------------------------*/


/*按鈕*/
.ButtonG01
{
    background: url(img/buttonNhi01.png) no-repeat;
    border-style: none;
    width: 89px;
    height: 26px;
    cursor: pointer;
    color: #002465;
}

.ButtonG01:hover
{
    background: url(img/buttonNhi01.png) no-repeat;
    border-style: none;
    width: 89px;
    height: 26px;
    cursor: pointer;
    color: #002465;
    font-weight: bold;
}
.ButtonG01a
{
    border-style: none;
    margin: 6px 0px;
    color: #676767;
}

.ButtonG01a:hover
{
    color: #a0002f;
}




/*LinkButton*/
.ButtonG02
{
    background: url(img/buttonNhi01.png) no-repeat;
    border: none;
    padding: 5px 3px 10px 3px;
    cursor: pointer;
    color: #fff !important;
    width: 89px;
    display: inline-block;
    text-align: center;
}
.ButtonG02:hover
{
    background: url(img/buttonNhi01.png) no-repeat;
    border: none;
    cursor: pointer;
    color: #fff !important;
}
/*LinkButton*/
.ButtonG03
{
    background: none;
    border: none;
    padding: 4px 3px;
    cursor: pointer;
    color: #002465;
    display: inline-block;
    text-align: left;
}

.ButtonG03:hover
{
    background: none;
    border: none;
    cursor: pointer;
    color: #002465;
    font-weight: bold;
}






.ButtonPrefa
{
    float: right;
    margin: 5px 0 5px 0;
}

.ButtonPre, .ButtonNext
{
    background: url(img/button_ax94.png) no-repeat;
    border-style: none;
    width: 94px;
    height: 25px;
    cursor: pointer;
    color: #650a00;
    display: inline-block;
    text-align: center;
    line-height: 2em;
}
.ButtonPrefc
{
    clear: both;
    width: 100%;
}

.ButtonPre:hover, .ButtonNext:hover
{
    background: url(img/button_ax94a.png) no-repeat;
    border-style: none;
    width: 94px;
    height: 25px;
    cursor: pointer;
    color: #650a00;
}



/*排序按鈕*/
.MoveUp
{
    background: url(img/up.gif) no-repeat;
    border-style: none;
    width: 24px;
    height: 24px;
    cursor: pointer;
}
.MoveDown
{
    background: url(img/down.gif) no-repeat;
    border-style: none;
    width: 24px;
    height: 24px;
    cursor: pointer;
}
/*ButtonSearch*/

.ButtonSearch
{
    background: url(img/ButtonSearch.gif) center left no-repeat;
    width: 24px;
    height: 24px;
    cursor: pointer;
    border-style: none;
    display: inline-block;
    padding: 0px;
    margin: 0px;
}
/*ButtonSee1*/

.ButtonSee1
{
    background: url(img/ButtonSee1.gif) center left no-repeat;
    width: 24px;
    height: 24px;
    cursor: pointer;
    border-style: none;
    display: inline-block;
    padding: 0px;
    margin: 0px;
}

/*ButtonEdit編輯*/
.ButtonEdit
{
    background: url(img/buttonicon_ed.png) top left no-repeat;
    width: 33px;
    height: 34px;
    cursor: pointer;
    border-style: none;
    display: inline-block;
}
.ButtonEdit:hover
{
    background: url(img/buttonicon_ed.png) top left no-repeat;
    width: 33px;
    height: 34px;
    cursor: pointer;
    border-style: none;
}
/*ButtonDel刪除*/
.ButtonDel
{
    background: url(img/buttonicon_d.png) top left no-repeat;
    width: 33px;
    height: 34px;
    cursor: pointer;
    border-style: none;
    display: inline-block;
}
/*ButtonDel刪除*/
.ButtonDel:hover
{
    background: url(img/buttonicon_da.png) top left no-repeat;
    width: 33px;
    height: 34px;
    cursor: pointer;
    border-style: none;
}
/*ButtonStop停用*/
.ButtonStop
{
    background: url(img/buttonicon_Lock.png) top left no-repeat;
    width: 33px;
    height: 34px;
    cursor: pointer;
    border-style: none;
}
.ButtonStop:hover
{
    background: url(img/buttonicon_Locka.png) top left no-repeat;
    width: 33px;
    height: 34px;
    cursor: pointer;
    border-style: none;
}
/*ButtonOpen啟用*/
.ButtonOpen
{
    background: url(img/buttonicon_open.png) top left no-repeat;
    width: 33px;
    height: 34px;
    cursor: pointer;
    border-style: none;
}
.ButtonOpen:hover
{
    background: url(img/buttonicon_opena.png) top left no-repeat;
    width: 33px;
    height: 34px;
    cursor: pointer;
    border-style: none;
}

/*預覽*/
.ButtonSee
{
    background: url(img/buttonicon_see.png) no-repeat;
    width: 33px;
    height: 34px;
    cursor: pointer;
    border-style: none;
    display: inline-block;
}
.ButtonSee:hover
{
    background: url(img/buttonicon_see.png) no-repeat;
    width: 33px;
    height: 34px;
    cursor: pointer;
    border-style: none;
}

/*ButtonInsert新增 Add頁面用*/
.ButtonInsert
{
    background: url(img/button_ax94.png) no-repeat;
    border-style: none;
    width: 94px;
    height: 25px;
    cursor: pointer;
    color: #252525;
}
.ButtonInsert:hover
{
    background: url(img/button_ax94a.png) no-repeat;
    border-style: none;
    width: 94px;
    height: 25px;
    cursor: pointer;
    color: #252525;
}
/*ButtonUpdate新增 Edit頁面用*/
.ButtonUpdate
{
    background: url(img/button_ax94.png) no-repeat;
    border-style: none;
    width: 94px;
    height: 25px;
    cursor: pointer;
    color: #252525;
}
.ButtonUpdate:hover
{
    background: url(img/button_ax94a.png) no-repeat;
    border-style: none;
    width: 94px;
    height: 25px;
    cursor: pointer;
    color: #252525;
}
/*ButtonReset新增 Add、Edit頁面用*/
.ButtonReset
{
    background: url(img/button_ax94.png) no-repeat;
    border-style: none;
    width: 94px;
    height: 25px;
    cursor: pointer;
    color: #252525;
}
.ButtonReset:hover
{
    background: url(img/button_ax94a.png) no-repeat;
    border-style: none;
    width: 94px;
    height: 25px;
    cursor: pointer;
    color: #252525;
}
/*ButtonBack新增 Add、Edit頁面用*/
.ButtonBack
{
    background: url(img/button_ax94.png) no-repeat;
    border-style: none;
    width: 94px;
    height: 25px;
    cursor: pointer;
    color: #252525;
}
.ButtonBack:hover
{
    background: url(img/button_ax94a.png) no-repeat;
    border-style: none;
    width: 94px;
    height: 25px;
    cursor: pointer;
    color: #252525;
}


/*ButtonExport匯出*/
.ButtonExport
{
    background: url(img/ButtonExport.png) top left no-repeat;
    width: 70px;
    height: 26px;
    cursor: pointer;
    border-style: none;
}
.ButtonExport:hover
{
    background: url(img/ButtonExport_Hover.png) top left no-repeat;
    width: 70px;
    height: 26px;
    cursor: pointer;
    border-style: none;
}

/*人員清單*/

.ButtonPeople
{
    background: url(img/buttonicon_POP.png) center left no-repeat;
    width: 33px;
    height: 34px;
    cursor: pointer;
    border-style: none;
    display: inline-block;
}
/* 報價*/

.ButtonMoney
{
    background: url(img/buttonicon_Money.png) center left no-repeat;
    width: 33px;
    height: 34px;
    cursor: pointer;
    border-style: none;
    display: inline-block;
}
/* 分機*/

.ButtonPhone
{
    background: url(img/buttonicon_phone.png) center left no-repeat;
    width: 33px;
    height: 34px;
    cursor: pointer;
    border-style: none;
    display: inline-block;
}

/*打卡*/

.ButtonPhone
{
    background: url(img/buttonicon_Punch.png) center left no-repeat;
    width: 33px;
    height: 34px;
    cursor: pointer;
    border-style: none;
    display: inline-block;
}

/*==========================================================       列表用新增按鈕 Start        ============================================*/

/*AddCountryBTN 新增國家*/
.AddCountryBTN
{
    background: url(img/AddCountryBTN.png) top left no-repeat;
    width: 100px;
    height: 26px;
    cursor: pointer;
    border-style: none;
}
.AddCountryBTN:hover
{
    background: url(img/AddCountryBTN_Hover.png) top left no-repeat;
    width: 100px;
    height: 26px;
    cursor: pointer;
    border-style: none;
}

/*AddFabBTN 新增廠區*/
.AddFabBTN
{
    background: url(img/AddFabBTN.png) top left no-repeat;
    width: 100px;
    height: 26px;
    cursor: pointer;
    border-style: none;
}
.AddFabBTN:hover
{
    background: url(img/AddFabBTN_Hover.png) top left no-repeat;
    width: 100px;
    height: 26px;
    cursor: pointer;
    border-style: none;
}

/*AddAreaBTN 新增區域*/
.AddAreaBTN
{
    background: url(img/AddAreaBTN.png) top left no-repeat;
    width: 100px;
    height: 26px;
    cursor: pointer;
    border-style: none;
}
.AddAreaBTN:hover
{
    background: url(img/AddAreaBTN_Hover.png) top left no-repeat;
    width: 100px;
    height: 26px;
    cursor: pointer;
    border-style: none;
}
/*==========================================================       列表用新增按鈕 End        ============================================*/


.TextBoxStyle
{
    border: 1px #d7d7d7 solid;
    width: 90%;
}
.TextBoxStyle01
{
    border: 1px #d7d7d7 solid;
    text-align: center;
    letter-spacing: 3px;
}

/*前台搜尋*/
.SearchAStyle02 
{
    width: 100%; 
    margin: 10px 0; 
    vertical-align: bottom;
    line-height: 37px;}
.SearchAStyle02>*
{
 float:left;
 margin:0 5px;
}
.SearchAStyle02>.clear
{
    float:none;
    clear:both;
}
.button_Search
{
    background: url(img/button_Search.png) 0px 0px no-repeat;
    border-style: none;
    width: 45px;
    height: 40px;
    cursor: pointer;
    /*margin: 0px 0 0 0;*/
    padding:0 0 0px 0; color:#FFFFFF !important;
    
}
.button_Search:hover
{
    background: url(img/button_Search.png) 0px -48px no-repeat; color:#f1f0f0;
    
}
.TextBoxSearch 
{
    Width:500px;
    Height:32px;
    margin:0px; padding:0px;border: 1px #d7d7d7 solid;
    vertical-align: bottom;
    line-height: 37px;}