@charset "utf-8";
/* CSS Document */
#container { width: 700px; height: auto; float: right; margin: 0px 0px 0px 0px; letter-spacing: 1px; line-height: 20px; text-align: justify; text-justify: inter-ideograph; }
#list { width: 100%; height: auto; float: left;   margin: 0 0 30px;}
#list a { color: #79796A; TEXT-DECORATION: none; -webkit-transition: color 120ms linear; -moz-transition: color 120ms linear; -o-transition: color 120ms linear; transition: color 120ms linear; }
#list a:hover { COLOR: #BA3730; TEXT-DECORATION: none; }
#list .photobox { height: 210px; width: 226px; margin: 0px 3px 15px 3px; float: left; }
#list .photo { height: auto; width: 212px; position: relative; }
#list .photo img { border: 1px #D5D6D1 solid; padding:5px; }
/*圖片覆蓋***************************/
/*上層需要設定position:relative;******/
#list .cover { width: 200px; height: 160px;/*需扣掉64px高度*/ text-align: center; font-size: 12px; top: 6px; left: 6px; filter: alpha(opacity=0); /*IE,透明度50%*/ -moz-opacity: 0; /*Firefox,透明度50%*/ opacity: 0;/*其他浏览器,透明度50%*/ position: absolute; }
#list .photo:hover .cover { width: 200px; height: 160px;/*需扣掉64px高度*/ filter: alpha(opacity=100); /*IE,透明度50%*/ -moz-opacity: 1; /*Firefox,透明度50%*/ opacity: 1;/*其他浏览器,透明度50%*/ background-image: url(../images/products_pic_cover.png); }
#list .cover a { color: #fff; text-decoration: none; -webkit-transition: color 200ms linear; -moz-transition: color 200ms linear; -o-transition: color 200ms linear; transition: color 200ms linear; }
#list .cover a:visited { color: #fff; text-decoration: none; }
#list .cover a:hover { color: #F27F3F; text-decoration: none; }
/*圖片覆蓋***************************/
#list .frame_info { width: 100%; height: auto; margin: auto; margin-top:5px; text-align: center; }
#list .caption { width: 200px; height: auto; margin: auto; text-align: center; font-size: 15px; }
#list .description { width: 200px; height: 30px; margin: auto; color: #D83500; font-size: 12px; font-weight: bold; text-align: left; }
/************************************************************/
/***最新消息內頁*********************************************************/
/*******************************/
#list2 { width: 100%; height: auto; min-height: 300px; color: #000000; margin: 0 auto; }
#list2 .frame_left { width: 311px; height: auto; float: right; }
#list2 .left { width: 351px; height: auto; margin: auto; }
#list2 .right { width: 351px; height: 80px; margin: auto; margin-top: 10px; }
#list2 .caption { width: 100%; height: 22px; padding: 7px 5px 5px 5px; font-size: 14px; color: #FFFFFF; letter-spacing: 1px; font-weight: bold; margin-bottom: 10px; width: calc(100% - 20px); background: url(../images/products_detail_title_bg.jpg) }
#list2 .photo_nav { width: 351px; height: auto; float: left; }
#list2 .txt { width: 100%; height: auto; font-size: 14px; color: #545454; letter-spacing: 1px; padding: 0px 0 20px 0; text-align: justify; text-justify: inter-ideograph; }
#list2 .photos_nav { width: 81px; height: 66px; float: left; margin: 0 2px 5px 2px; position: relative; }
#list2 .cover { width: 85px; height: 66px; position: absolute; z-index: 5; left: 0px; top: 0px; filter: alpha(opacity=0); /*IE,透明度50%*/ -moz-opacity: 0; /*Firefox,透明度50%*/ opacity: 0;/*其他浏览器,透明度50%*/ }
#list2 .photos_nav:hover .cover { width: 81px; height: 66px; filter: alpha(opacity=100); /*IE,透明度50%*/ -moz-opacity: 1; /*Firefox,透明度50%*/ opacity: 1;/*其他浏览器,透明度50%*/ }
#list2 .download { width: 100%; height: auto; float: left; text-align: center; padding: 40px 0 20px 0; margin: 20px 0; border-top: 1px #E0E0E0 solid; }

/************************************************************/