@charset "utf-8";

.roomList { position:relative; }
/*.roomList li { width:7.1% !important; margin-right:0.461538% !important; }*/
.roomList li a { display:block; text-align:center;}
.roomList li a .list_img { display:block; overflow:hidden;}
.roomList li a img { width:100%; vertical-align:top; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.roomList li a:hover img, .roomList li a:focus img {-ms-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); }
.roomList li a .list_text { display:block; margin:0.5em 0; font-size:1.25em; line-height:1.5em; color:#000; font-weight:700; text-transform:uppercase;}

.lSLink { position:absolute; display:block; width:50px; height:50px; text-align:center; top:50%; margin-top:-18px; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%); cursor:pointer; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; opacity:0.6; filter: alpha(opacity=60;); z-index:5;}
.lSLink i { font-size:50px; color:#fff;}
#listPrev { left:5px;}
#listNext { right:5px;}
#listPrev:hover { left:0; opacity:0.9; filter: alpha(opacity=90;);}
#listNext:hover { right:0; opacity:0.9; filter: alpha(opacity=90;);}

@media  (max-width: 1280px){
.roomList li a .list_text {font-size:1.15em;}

.lSLink {width:30px; height:30px; margin-top:-12px; opacity:0.9; filter: alpha(opacity=90;);}
.lSLink i { font-size:30px; }
#listPrev { left:0;}
#listNext { right:0;}
}

@media  (max-width: 768px){
.roomList li a .list_text {font-size:1em; word-break: keep-all;}

}

@media  (max-width: 480px){

}