@charset "utf-8";
/* CSS Document */
.classNote{
	padding-bottom:10px;
	font-size:14px;
	color:#212121;
	text-align:center;
	line-height:1.8;
	padding-top:20px;}

ul.roomList li{
	padding:0 30px 20px 30px;}
ul.roomList li .item{
	transition:all 0.6s ease;
	box-shadow:0px 2px 2px rgba(152,151,151,0.5);}
ul.roomList li .item:hover{
	cursor:pointer;}
ul.roomList li .Img{
	overflow:hidden;
	position:relative;
	display:block;
	margin:0 auto;}
ul.roomList li:hover .Img{
	background:#000;}
ul.roomList li .Img:before{

	color: #ffffff;
    width: 80px;
    height: 30px;
    display: block;
    text-align: center;
    line-height: 30px;
    border: 2px solid #ffffff;
    position: absolute;
    top: 50%;
    left: 50%;
	opacity:0;
	margin-top: -40px;
    margin-left: -40px;
	transition:all 0.3s ease;}
ul.roomList li:hover .Img:before{
	margin-top:-10px;
	opacity:1;}

ul.roomList li:hover .Img img{
transform:scale(1.1);
	}
ul.roomList li .Img img{
	width:100%;
	display:block;
    transition: all 0.4s linear;}
ul.roomList li .Txt{
	padding:20px 50px;
	background:#fff;
	transition: all ease-in 0.5s;
	text-align:center;}
ul.roomList li .Txt h3 strong a{
	position:relative;
	display:block;
	font-size:20px;
	font-weight:normal;
	color:#030000;
	padding-bottom:10px;}

ul.roomList li:hover .Txt h3 strong a{
	color:#ae1d49;
	font-weight:normal;}
ul.roomList li .Txt p{
	margin-top:10px;
	font-size:13px;
	color:#666666;
	line-height:1.8;
	height:50px;}
.contentBox .leftBox{
	padding:0 50px 0 0;}

.contentBox .leftBox h3 strong{
	color:#414141;} 
.contentBox .leftBox .Img img{
	width:100%;}
.contentBox .rightBox{
	padding:0;}
#notice h3{
	display:none;}
@media screen and (max-width:1020px){
	ul.roomList li{
		padding-right:0;
		padding-left:0;}
	ul.roomList li .item{
	padding-right:0;}
	.contentBox .leftBox {
    padding: 0;}	
}	
@media screen and (max-width:480px){
	ul.roomList li .Txt{
		top:0;
		left:0;}
	ul.roomList li .Txt h3 strong a{
		font-size:17px;}
}