@charset "utf-8";


/*最新消息列表------------------------*/
.news-list{ margin-bottom:20px; overflow:hidden;}
.news-list * { padding:0; margin:0; list-style:none; text-decoration:none;}
.news-list li { width:100%; height:auto; overflow:hidden; float:left; position:relative;
-webkit-transition:all .5s, -webkit-transform .5s; transition:all .5s, transform .5s;}
.news-list li:nth-child(even) { background:rgba(0,0,0,0.05);}
.news-list li:before { content:''; display:block; width:0; height:1px; background:#ef857d; overflow:hidden; position:absolute; left:0; bottom:0; opacity:0;
-webkit-transition:all .5s, -webkit-transform .5s; transition:all .5s, transform .5s;}
.news-list li:only-child { border-bottom:0;}
.news-list li:only-child:before { display:none;}
.news-list li:hover { border-bottom:1px solid ef857d;}
.news-list li:hover:before { opacity:1; width:100%;}
.news-list li a { display:block; width:100%; height:auto; overflow:hidden; padding:15px; padding-right:155px; position:relative;}
.news-list li a span { display:block; width:100%; height:auto; overflow:hidden; float:left;}
.news-list li a span.date { position:absolute; width:140px; height:30px; line-height:30px; text-align:right; top:50%; margin-top:-15px; right:15px; opacity:0.6; font-size:0.8rem;}
.news-list li a:link,
.news-list li a:visited { color:black; }
.news-list li a:hover,
.news-list li a:active { color:#ef857d;}
.news-list.no-date li a { padding-right:15px;}

/*新聞牆列表------------------------*/
.news-gallery ul li { margin-bottom:20px; border:0; max-width:32%;}
.news-gallery ul li:before { display:none;}
.news-gallery ul li:hover { border:0;}
.news-gallery ul li:nth-child(3n+1) { clear:both;}
.news-gallery ul li:nth-child(3n+2) { margin-left:2%; margin-right:2%;}
.news-gallery ul li a { padding:0;}
.news-gallery ul li a .photo { width:100%; height:auto; overflow:hidden; position:relative; border:1px solid rgba(0,0,0,0.05);}
.news-gallery ul li a .photo:before { content:''; display:block; width:100%; height:100%; position:absolute; top:0; left:0; z-index:1; background:rgba(0,0,0,0.5); opacity:0;
-webkit-transition:all .5s, -webkit-transform .5s; transition:all .5s, transform .5s;}
.news-gallery ul li a:hover .photo:before { opacity:0.6;}
.news-gallery ul li a .photo:after { content:'了解更多'; display:block; background:url(../Images/Layout/Default/eye.png) top center no-repeat; position:absolute; width:100%; height:70px; left:0; top:50%; margin-top:-35px; padding-top:40px; line-height:30px; z-index:1; opacity:0; font-size:0.7rem; color:#fff; text-align:center;
/*背景尺寸*/
-moz-background-size:50px auto;
-webkit-background-size:50px auto;
-o-background-size:50px auto;
background-size:50px auto;
-moz-transform: scale(1.5);
-webkit-transform: scale(1.5);
-o-transform: scale(1.5);
-ms-transform: scale(1.5);
transform: scale(1.5);
/*基礎動畫設定*/
-webkit-transition:all .5s, -webkit-transform .5s; transition:all .5s, transform .5s;}
.news-gallery ul li a:hover .photo:after { opacity:1;
-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);}
.news-gallery ul li a .photo img { display:block; width:100%;
-webkit-transition:all .5s, -webkit-transform .5s; transition:all .5s, transform .5s;}
.news-gallery ul li a:hover .photo img {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);}
.news-gallery ul li span { display:block; width:100%; height:auto; overflow:hidden; padding:10px;}
.news-gallery ul li span.title { font-size:1.2rem;}
.news-gallery ul li span.descr { padding-top:0; font-size:0.8rem;}

/*字級大小設定*/
/*小*/
.fontsize1 .news-gallery ul li .title { font-size:1rem;}
.fontsize1 .news-gallery ul li .descr { font-size:0.6rem;}
/*中*/
.fontsize2 .news-gallery ul li .title { font-size:1.2rem;}
.fontsize2 .news-gallery ul li .descr { font-size:0.8rem;}
/*大*/
.fontsize3 .news-gallery ul li .title { font-size:1.4rem;}
.fontsize3 .news-gallery ul li .descr { font-size:1rem;}
/*巨*/
.fontsize4 .news-gallery ul li .title { font-size:1.6rem;}
.fontsize4 .news-gallery ul li .descr { font-size:1.2rem;}