/*tem09-case*/
.tem09-case .column,
.tem09-case .col-md-3{padding:0;}
.tem09-case .content-section{padding:40px 0 0 0;}
.tem09-case .accomd-content .ac-page{position:relative;left:0;top:0;display:none;}
.tem09-case .accomd-room{position:relative;overflow:hidden ;}
.tem09-case .accomd-room .img{width:100%;padding-top:80%;position:relative;overflow:hidden;}
.tem09-case .accomd-room .img a{display:block;}
.tem09-case .accomd-room .img a img{width:100%;height:100%;position:absolute;left:0;top:0;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;}
.tem09-case .accomd-room .text{color:#fff;padding:30% 20px 0;position:absolute;bottom:0;left:0;right:0 ;background:rgba(0,0,0,0.7);width:100%;height:100%;opacity:0;transition:all 0.3s ease-out 0s;}
.tem09-case .accomd-room .text a{width:100%;height:100%;color:inherit;}
.tem09-case .accomd-room .text h3,
.tem09-case .accomd-room .text .h3{width:100%;height:30px;line-height:30px!important;padding:0;overflow:hidden;font-size:16px;font-weight:normal;margin:0;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.tem09-case .accomd-room .text .protext{opacity:0.8;font-size:12px;margin-top:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;transform:translateY(30px);transition:all 0.3s ease-out 0s;}
.tem09-case .accomd-room:hover img{transform:scale(1.1);}
.tem09-case .accomd-room:hover .text{opacity:1;}
.tem09-case .accomd-room:hover .text .protext{transform:translateY(0);}
@media screen and (max-width:991px){
.tem09-case .column,
.tem09-case .accomd-content .col-xs-4{width:50%;} 
.tem09-case .accomd{padding:0;} 
.tem09-case .accomd:before{content:none;} 
.tem09-case .accomd-content{margin-top:0;}
}
@media screen and (max-width:768px){
.tem09-case .container{padding-left:2%!important;padding-right:2%!important}
.tem09-case.full-screen-spacing .container.full-screen{padding-left: 0!important;padding-right: 0!important}
.tem09-case .accomd .accomd-content .accomd-room .text{padding:10px 15px;}  
.tem09-case{width:100%;height:auto;}
.tem09-case .content-section{padding:20px 0 0;}
}
@media screen and (max-width:320px){
.tem09-case .column,
.tem09-case .accomd .accomd-content [class*="col-"]{width:100%;} 
}