@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; border-bottom:1px solid rgba(0,0,0,0.4); float:left; position:relative;
-webkit-transition:all .5s, -webkit-transform .5s; transition:all .5s, transform .5s;}
.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: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:49%; margin-right:2%;}
.news-gallery ul li:before { display:none;}
.news-gallery ul li:hover { border:0;}
.news-gallery ul li:nth-child(2n+1) { clear:both;}
.news-gallery ul li:nth-child(2n+2) { margin-right:0;}
.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; text-align:center;}
.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;}

.subtitle { color:#f29c97; font-size:24px; font-weight:bold;}

.room-banner { width:100%; height:auto; overflow:hidden; margin-bottom:20px;
opacity:0;
-webkit-animation-name: room-banner-ani; 
-webkit-animation-timing-function: ease;
-webkit-animation-duration: 2s; 
-webkit-animation-iteration-count: 1;
-webkit-animation-delay: 0s;
-webkit-animation-fill-mode:forwards;

animation-name: room-banner-ani; 
animation-timing-function: ease;
animation-duration: 2s; 
animation-iteration-count: 1;
animation-delay: 0s;
animation-fill-mode:forwards;}

@-webkit-keyframes room-banner-ani {
0% { opacity:0; -webkit-transform: translate(200px, 0px);}
100% { opacity:1; -webkit-transform: translate(0px, 0px);}
}
@keyframes room-banner-ani {
0% { opacity:0; transform: translate(200px, 0px);}
100% { opacity:1; transform: translate(0px, 0px);}
}

.room-banner img {
/*基礎動畫設定*/
-webkit-transition:all 1s, -webkit-transform 1s; transition:all 1s, transform 1s;}
.room-banner .swiper-slide.swiper-slide-active img {
-moz-transform: scale(1.05);
-webkit-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);}


.room-banner .swiper-button-next,
.room-banner .swiper-container-rtl .swiper-button-prev { right:0;}
.room-banner .swiper-button-prev,
.room-banner .swiper-container-rtl .swiper-button-next { left:0;}

.room-banner .swiper-button-next,
.room-banner .swiper-button-prev { background:rgba(0,0,0,0.1);
	border:0;
	/*圓角*/
	-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;
/*基礎動畫設定*/
-webkit-transition:all .5s, -webkit-transform .5s; transition:all .5s, transform .5s;
}

.room-banner .swiper-button-next:hover,
.room-banner .swiper-button-prev:hover { background:rgba(0,0,0,0.3);}

.room-banner .swiper-button-next span,
.room-banner .swiper-button-prev span { display:none;}

.room-banner .swiper-button-next .fa,
.room-banner .swiper-button-prev .fa { display:block; width:60px; height:60px; line-height:60px; text-align:center; color:#fff; font-size:40px;}

.room-des { width:100%; height:auto; overflow:hidden; margin-bottom:20px;
opacity:0;
-webkit-animation-name: room-des-ani; 
-webkit-animation-timing-function: ease;
-webkit-animation-duration: 2s; 
-webkit-animation-iteration-count: 1;
-webkit-animation-delay: 2s;
-webkit-animation-fill-mode:forwards;

animation-name: room-des-ani; 
animation-timing-function: ease;
animation-duration: 2s; 
animation-iteration-count: 1;
animation-delay: 2s;
animation-fill-mode:forwards;}
@-webkit-keyframes room-des-ani {
0% { opacity:0; -webkit-transform: translate(-200px, 0px);}
100% { opacity:1; -webkit-transform: translate(0px, 0px);}
}
@keyframes room-des-ani {
0% { opacity:0; transform: translate(-200px, 0px);}
100% { opacity:1; transform: translate(0px, 0px);}
}

.room-des * { padding:0; margin:0; list-style:none; text-decoration:none;}
.room-des ul { padding:10px 0 0 0; margin-bottom:20px;}
.room-des li { display:inline-block; width:auto; height:auto; overflow:hidden; float:left; white-space:nowrap; padding:10px; border:1px solid #ccc; margin:0 10px 10px 0; font-weight:bold; color:#333;
/*基礎動畫設定*/
-webkit-transition:all .5s, -webkit-transform .5s; transition:all .5s, transform .5s;
/*圓角*/
-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
.room-des li:hover { border:1px solid #f29c97; color:#f29c97;
-moz-transform: translate(0px, -5px);
-webkit-transform: translate(0px, -5px);
-o-transform: translate(0px, -5px);
-ms-transform: translate(0px, -5px);
transform: translate(0px, -5px);
}

@media only screen and (min-width:0px) and (max-width:768px) {
.news-gallery ul li { max-width:49%; margin-right:2%;}
.news-gallery ul li:nth-child(3n+1) { clear:none;}
.news-gallery ul li:nth-child(2n+1) { clear:both;}
.news-gallery ul li:nth-child(3n+2) { margin-left:0; margin-right:2%;}
.news-gallery ul li:nth-child(2n+2) { margin-right:0;}

.room-banner { margin-bottom:10px;}
.room-banner .swiper-button-next,
.room-banner .swiper-button-prev { width:40px; height:40px; m-20px; margin-top:-20px;}
.room-banner .swiper-button-next .fa,
.room-banner .swiper-button-prev .fa { width:40px; height:40px; line-height:40px; font-size:30px;}

.room-des li { font-size:16px;}

}

@media only screen and (min-width:0px) and (max-width:512px) { .room-des li { font-size:14px; padding:5px;} }

@media only screen and (min-width:0px) and (max-width:360px) {
/*影片分享------------------------*/
/*使用影片*/
.news-gallery ul li { max-width:100%;}
.news-gallery ul li:nth-child(2n+1) { clear:none;}
.news-gallery ul li:nth-child(3n+2) { margin-right:0;}

.room-banner .swiper-pagination { display:none;}

}