/* 滑鼠未作任何動作時，ul效果：list不要有圖形、內外文間距為0、寬110像素、高30像素 */
#pdtitem ul
{
    list-style:none;
    margin: 0;
    padding:0;
    width:110px;
    height:30px;
}
/* 滑鼠未作任何動作時，ul下的li效果：高30像素、外文間距為0、上框線1px、內凹樣式、顏色：#fff、寬110像素、右內間距為0px、下框線1px、內凹樣式、顏色：#fff */
#pdtitem ul li
{
    height:30px;
    margin:0;
    border-top:1px solid #fff;
    width:110px;
    padding-right:0;
    border-bottom:1px solid #fff;
}
/* 滑鼠未作任何動作時，ul下li下a的效果：要顯示、內文間距為上：6px,右：2px,下、左：0px、左框線：1px、內凹、顏色：#369、
   右框線：0px、內凹、顏色：#69c、下框線：1px、內凹、顏色：#369、背景色：#043a81、文字顏色：白、文字不要底線、
   寬95像素、高30像素、內文右間距為5px; 
*/
#pdtitem ul li a 
{
    display: block;
    padding: 6px 2px 0px 0px;
    border-left:1px solid #369;
    border-right:0px solid #69c;
    border-bottom:1px solid #369;
    background-color:#043a81;
    color:#fff;
    text-decoration:none;
    width:95px;
    height:30px;
    padding-right:5px;
}
/* class為pdtitem 的ul下li下的a 寬度為最大*/
html>body #pdtitem ul li a
{
    width:auto
}
/* ul li下a 當滑鼠靠近的效果：左、上框線：1px 內凹 顏色分別為左：#043a81；右：#4682b4、下框線：1px 內凹 顏色：#369、
   上框線：1px wolid #369、背景色：#006699、文字顏色：白色*/
#pdtitem ul li a:hover
{
    border-left: 1px solid #043a81;
    border-right:15px solid #4682b4;
    border-bottom:1px solid #369;
    border-top:1px wolid #369;
    background-color:#006699;
    color:#fff;
}