* { padding:0; margin:0;}       /*設置所有對像的內邊距為0*/

#photo-list {
/* 6張圖片的寬度（包含寬度、padding、border、圖片間的留白）
計算：6*(100+2*2+1*2+9) - 9 
之所以減去9是第6張圖片的右邊留白 */
   width:900px;  
/* 圖片的寬度（包含高度、padding、border）
   計算：100+2*2+1*2  */ 
    height:106px;  
    margin:50px auto; 
 overflow:hidden;     /*溢出部份將被隱藏*/ 
    border:1px dashed #ccc;  
}  
#photo-list ul { list-style:none;}  
#photo-list li { float:left; padding-right:9px;}  
#photo-list img { border:1px solid #ddd; background:#fff; padding:2px;}

/* CSS Document */

.wrap{ margin-top:5px;}
.wrap li{ width:113px; height:128px; margin-left:8px; margin-top:10px; margin-bottom:10px; float:left; text-align:center; display:inline;}
.wrap li h1{ font-size:12px; color:#005eac; line-height:22px; text-align:center; margin-top:5px; font-weight:normal;}
.wrap li p{ color:#666; line-height:22px; text-align:center;}

.wrap1{ margin-top:10px; margin-bottom:20px;}
.wrap1 li{ width:113px; height:128px; margin-left:8px; margin-top:10px; margin-bottom:10px; float:left; text-align:center; display:inline;}
.wrap1 li h1{ font-size:12px; color:#005eac; line-height:22px; text-align:center; margin-top:5px; font-weight:normal;}
.wrap1 li p{ color:#666; line-height:22px; text-align:center;}