.news-list {
    margin: 0 -15px;
}
.news-list .item {
    width: 50%;
    padding: 0 15px;
}
.news-list .item a {
    background: rgba(255,255,255,0.9);
    padding: 20px;
    margin: 0 auto 30px;
    overflow: hidden;
    position: relative;
}
.news-list .item a:hover:after {
    background-color: #3D3D3D;
    background-position: 0 100%;
}
.news-list .pic {
    float: left;
    width: 185px;
    max-width: 185px;
    overflow: hidden;
}
.news-list a:hover .pic:before {
    content: '';
    display: block;
    background: rgba(255,255,255,0.30);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.news-list .txt {
    margin-left: 220px;
}
.news-list .name {
      color: #444;
    font-family: "Times New Roman","微軟正黑體", Times, serif;
    font-size: 21px;
    line-height: 1.4;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 54px;
    margin-bottom: 13px;
}
.news-list .description {
    border-top: 1px solid #888;
    color: #777;
    font-size: 14px;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding-top: 7px;
    max-height: 58px;
}
.news-list a:hover .name,
.news-list a:hover .description {
    color: #000;
}
.news-list .date,
.news-detail .date {
    display: block;
     background: #1A6374;
    width: 61px;
    height: 61px;
    color: #fff;
    text-align: center;
    line-height: 1.1;
    font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
    font-size: 32px;
    padding-top: 6px;
    margin: 0 auto;
    box-sizing: border-box;
}
.news-detail .date{
    float: left;
}
.news-list .date {
    position: absolute;
    right: 0;
    bottom: 0;
}
.news-list a:hover .date,
.news-detail .date{
    background: #7FC088;
}
.news-list .date small,
.news-detail .date small {
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
}
.news-list + .btn-box {
    padding-top: 40px;
}

.news-detail .gallery {
    background: #fff;
    max-width: 450px;
    padding: 7px;
    margin: 0 auto 40px;
}
.news-detail .title {
    color: #444;
    font-size: 25px;
    font-family: "Times New Roman","微軟正黑體", Times, serif;
    margin-bottom: 20px;
    padding-left: 90px;
}
.news-detail .editor {
    border-top: 1px solid #A7A7A7;
    padding: 30px;
    margin: 35px -30px 0;
}
.btn-box{
    margin-bottom: 50px;
}
.gallery-control{
    width: 100%;
    position: relative;
}
.gallery .gallery-control{
    opacity: 0;
}
.gallery:hover .gallery-control{
    opacity: 1;
-webkit-transition: all 200ms linear;
   -moz-transition: all 200ms linear;
     -o-transition: all 200ms linear;
	transition: all 200ms linear;
}
.stage .slick-prev,
.stage .slick-next{
    width: 50px;
    height: 59px;
    display: inline-block;
    background: url(../../images/common/rooms/control.png)no-repeat;
    position: absolute;
    opacity: 0.5;
	border:none;
	text-indent:-5000px;
    top: 50%;
    margin-top: -29px;
	z-index:1;
    cursor: pointer;
}
.stage .slick-prev{
    background-position: top left;
    left: -70px;
}
.stage .slick-next{
    background-position: top right;
    right: -70px;
}
.stage button:hover{
    opacity: 1;
}
.slick-item + .slick-item {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
}


@media screen and (max-width: 1330px) {
    .news-detail .editor {
        padding: 30px 0;
        margin: 35px 0 0;
    }
}
@media screen and (max-width: 1200px) {
    .news-list .item {
        width: 100%;
    }
}
@media screen and (max-width: 767px) {
    .news-detail .title{
        font-size: 21px;
        padding: 0;
    }
    .news-detail .date{
        float: none;
        margin: 0 auto 20px;
    }
}
@media screen and (max-width: 620px) {
.gallery .slick-prev,
.gallery .slick-next{
	display:none !important;
}
}
@media screen and (max-width: 500px) {
    .news-list .pic {
        float: none;
        width: auto;
		margin:0 auto;
    }
    .news-list .txt {
        margin: 0;
        padding-top: 15px;
		text-align:center;
    }
    .news-list .item a:after,
    .news-list .date {
        bottom: auto;
        top: 0;
    }
}