@charset "utf-8";
/* CSS Document */

.contentBox .leftBox{
	padding:0 50px 0 0;}

.contentBox .rightBox{
	padding:0;}

.classNote{
	padding-bottom:10px;
	
	font-size:15px;
	color:#222;
	text-align:center;
	line-height:1.8;}

ul.roomList{
	}

ul.roomList li{
	padding:0;}
ul.roomList li .item{
	position: relative;
	background: #ddf8ff;
}
ul.roomList li .ImgBox{
	padding: 0;
	overflow: hidden;
}
ul.roomList li:nth-child(2n) .ImgBox{
	float: right;
}
ul.roomList li .Img{
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 50%;
	overflow:hidden;}
ul.roomList li:nth-child(2n) .Img{
	left: auto;
	right: 0;
}
ul.roomList li .Img img{
	object-fit: cover;
	-o-object-fit: cover;
	display:block;
	width:100%;
	height: 100%;}

ul.roomList li .Txt{
	padding:70px 0 70px 50px;
	}
ul.roomList li:nth-child(2n+1) .Txt{
	float: right;
}
ul.roomList li .Txt h3{
	color:#4d7ead;}

ul.roomList li .Txt h3 strong{
	font-weight:normal;}

ul.roomList li .Txt h3 strong a{
	display:block;
	width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:25px;
	color:#3a3a3a;}

ul.roomList li .Txt h3 strong a:hover{
	color:#10aabc;}

ul.roomList li .Txt p{
	font-size:14px;
	color:#181818;
	line-height:1.8;}
ul.roomList li .Txt p em{
	padding: 0 13px;
}
ul.roomList li .Txt .detail{
	padding-top: 30px;
}
ul.roomList li .Txt .detail ul.service{
	width: 33.33%;
	display: inline-block;
	float: left;
}
ul.roomList li .Txt .detail ul.service li{
	position: relative;
	font-size: 14px;
	color: #424242;
	padding: 0 0 10px 10px;
}
ul.roomList li .Txt .detail ul.service li:before{
	content: "";
	position: absolute;
	left: 0;
	top: 8px;
	width: 2px;
	height: 2px;
	border-radius: 100%;
	background: #878686;
}
ul.roomList li .Txt a.btn{
	margin-top: 40px;
	color: #10aabc;
	border: 1px solid #10aabc;
}	
ul.roomList li .Txt a.btn:hover{
	background: #10aabc;
	color: #fff;
}	
/******內頁******/
.contentBox{}

.contentBox .leftBox .Img{}

.contentBox .leftBox .Img img{
	width:100%;}


.contentBox .rightBox .link{
	margin-bottom:40px;}

.contentBox .rightBox .link a{
	display:inline-block;
	padding:10px 15px;
	
	font-size:16px;
	color:#FFF;
	box-shadow:2px 2px 2px #CCC;
	border-radius:3px;
	text-align:center;
	
	-webkit-transition:none;
	-moz-transition:none;
	-o-transition:none;
	transition:none;}

@media (max-width: 1023px){
	.contentBox .leftBox{
		padding:0 0 30px 0;}
	ul.roomList{
		margin: 0 -10px;
	}
	ul.roomList li {
		width: 50%;
		display: inline-block;
		float: left;
		padding: 0 10px 30px 10px;
		box-sizing: border-box;
	}
	ul.roomList li .Img{
		position: static;
		width: 100%;
	}
	ul.roomList li .Img img{
		height: auto;
		object-fit: inherit;
	}
	ul.roomList li .Txt{
		padding: 50px 20px;
	}
	ul.roomList li .Txt .detail ul.service{
		width: 50%;
	}
	ul.roomList li .Txt .detail ul.service li{
		width: 100%;
	}
}

/*640*/
@media (max-width: 767px){
	ul.roomList li{
		width: 100%;
	}
}

/*480*/
@media (max-width: 480px){}
/*480 end*/