@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; }
#list .list { width: 100%; padding: 13px; margin: auto; border: 1px #E0E0E0 solid; margin-bottom: 20px; width: calc(100% - 26px); }
/***最新消息*********************************************************/
#list .photo { width: 150px; height: 119px; float: left; position: relative; }
/*圖片覆蓋***************************/
/*上層需要設定position:relative;******/
#list .cover { width: 150px; height: 119px;/*需扣掉64px高度*/ 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: 150px; height: 119px;/*需扣掉64px高度*/ filter: alpha(opacity=100); /*IE,透明度50%*/ -moz-opacity: 1; /*Firefox,透明度50%*/ opacity: 1;/*其他浏览器,透明度50%*/ background-image: url(cover.png); }
/*圖片覆蓋***************************/
#list .info_nav { width: 750px; height: auto; float: right; }
#list .date { width: 100%; height: 21px; padding-left: 15px; color: #009B99; font-size: 12px; float: left; padding: 5px 0 5px 0; margin: 0px 0 0 0px; }
#list .description a { color: #BABABA; text-decoration: none; -webkit-transition: color 200ms linear; -moz-transition: color 200ms linear; -o-transition: color 200ms linear; transition: color 200ms linear; }
#list .description a:hover { color: #FF0000; text-decoration: underline; }
#list .caption { width: 100%; height: 20px; padding: 5px 0 5px 0; font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; float: left; }
#list .caption A:link { color: #FF7F00; TEXT-DECORATION: none; }
#list .caption A:visited { color: #FF7F00; TEXT-DECORATION: none; }
#list .caption A:hover { color: #FF7F00; TEXT-DECORATION: underline; }
#list .description { width: 100%; height: auto; color: #464646; font-size: 13px; float: left; text-align: left; }
#list .border01 { border-bottom: 1px #CCCCCC solid; }
/***最新消息內頁*********************************************************/
/*******************************/
#list2 { width: 100%; height: auto; min-height: 300px; color: #000000; margin: 0 auto; }
#list2 .frame_left { width: 513px; height: auto; float: left; }
#list2 .left { width: 387px; height: auto; margin: auto; }
#list2 .right { width: 387px; height: 80px; margin: auto; margin-top: 10px; }
#list2 .caption { width: 100%; height: auto; padding: 5px; font-size: 14px; color: #FFFFFF; letter-spacing: 1px; font-weight: bold; background-color: #4BBEBE; margin-bottom: 20px; width: calc(100% - 20px); }
#list2 .date { width: 100%; height: 30px; padding: 15px 0 0 0px; float: left; margin-bottom: 10px; color: #009B99; text-align: left; }
#list2 .photo_nav { width: 387px; height: auto; float: right; }
#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: 92px; height: auto; float: left; margin: 0 2px 5px 2px; position: relative; }
#list2 .cover { width: 92px; height: 73px; 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: 92px; height: 73px; filter: alpha(opacity=100); /*IE,透明度50%*/ -moz-opacity: 1; /*Firefox,透明度50%*/ opacity: 1;/*其他浏览器,透明度50%*/ }

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

#list2 .right.blog { width: 380px; height: 80px; margin: auto; margin-top: 10px; }

.search-box {
    position: relative;
    width: 145px;
    box-sizing: border-box;
}
.search-box .form-control {
    border:none;
    border:1px solid #d6d6d6;
    height: 26px;
    line-height: 28px;
    margin: 0 0 20px;
    padding: 0 42px 0 12px;
    width: 150px;
}
.search-box .form-control:focus {
    background:#ececec;
}
.search-box .ibtn.search {
    width: 18px;
    height: 14px;
    position: absolute;
    right: 2px;
    top: 5px;
    text-indent: -9999%;
}
.search-box .ibtn.search:hover {
   background-position:0 0;
   opacity:.8;
}
.search-box .ibtn.search {
    background:url(../../images/mobile_search_btn.png);
    border: none;
    cursor: pointer;
}