@charset "utf-8";
/* CSS Document */
#container { width: 100%; height: auto; min-height: 300px; margin: 0px 17px 0px 17px; letter-spacing: 1px; line-height: 20px; text-align: justify; text-justify: inter-ideograph; width: calc(100% - 34px); }
/*-照片列表-----------------------------------------*/
#list { width: 100%; height: auto; margin: auto; }
#list .photoframe { height: auto; width: 100%; float: right; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border-top: 1px #C5C5C5 dotted; }
#list .center { height: auto; width: 710px; float: right; margin-top: 10px; }
#list .txt { height: auto; width: 100%; text-align: left; font-size: 14px; float: left; letter-spacing: 2px; line-height: 18px; }
#list .photo { height: 100px; width: 210px; margin: 0 auto; padding: 15px 0px 0px 10px; float: left; border-right: 1px #C5C5C5 dotted; }
#list .photo img { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
/*圖片覆蓋***************************/
/*上層需要設定position:relative;******/
#list .cover { width: 220px; height: 80px;/*需扣掉64px高度*/ text-align: center; font-size: 12px; top: 0px; left: 0px; filter: alpha(opacity=0); /*IE,透明度50%*/ -moz-opacity: 0; /*Firefox,透明度50%*/ opacity: 0;/*其他浏览器,透明度50%*/ position: absolute; }
#list .photo:hover .cover { width: 220px; height: 80px;/*需扣掉64px高度*/ filter: alpha(opacity=100); /*IE,透明度50%*/ -moz-opacity: 1; /*Firefox,透明度50%*/ opacity: 1;/*其他浏览器,透明度50%*/ }
/*圖片覆蓋***************************/

/*圖片覆蓋***************************/
#list .photo_style { border: 1px solid #E4D5A3; padding: 6px; background-color: #FFF; }
#list .date { height: 27px; width: 100%; text-align: left; float: left; font-size: 12px; padding: 0px 0 0 0px; }
#list .caption { height: 24px; width: 100%; padding: 5px 0px 0px 0px; text-align: left; font-size: 16px; float: left; font-family: '微軟正黑體'; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
#list .caption A:link { color: #00BFFF; TEXT-DECORATION: none; }
#list .caption A:visited { color: #FF9900; TEXT-DECORATION: none; }
#list .caption A:hover { COLOR: #005097; }