@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{
	margin:0 -15px;}

ul.roomList li{
	padding:0 15px 30px 15px;}

ul.roomList li .Img{
	position:relative;
	overflow:hidden;
	background:#000;}

ul.roomList li .Img a{
	position:relative;
	display:block;}
ul.roomList li .Img a:after{
	content:"";
	position:absolute;
	top:10px;
	left:10px;
	right:10px;
	bottom:10px;
	border:5px solid #aa914f;
	opacity:0;
	transition:all 0.5s ease;}
ul.roomList li .Img a:before{
	content:url(../images/plus.png);
	position:absolute;
	top:50%;
	left:50%;
	margin:-20px 0 0 -20px;
	opacity:0;
	transition:all 0.5s ease;}
ul.roomList li .item:hover .Img a:after,
ul.roomList li .item:hover .Img a:before{
	opacity:1;}
ul.roomList li .Img img{
	display:block;
	width:100%;}
ul.roomList li .item:hover .Img img{
	opacity:0.5;}
ul.roomList li .Txt{
	padding: 30px 10px;
	text-align:center;}

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

ul.roomList li .Txt h3 strong a{
	position:relative;
	display:block;
	font-size:18px;
	color:#1e1a19;
	padding-bottom:10px;}

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

ul.roomList li .Txt p{
	text-align:center;
	margin-top:10px;
	font-size:13px;
	color:#888;
	line-height:1.8;
	height:50px;}

		
/******內頁******/
.contentBox{}

.contentBox .Img{}

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

.contentBox h3{
	margin:10px 0 20px 0;
	border:none;}

#notice h3.articleTitle{
	display:none;}
@media (max-width: 1160px){
	ul.roomList{
		margin:0;}
	ul.roomList li{
		padding:0 5px 30px 5px;}	
}
@media (max-width: 1023px){
	.contentBox .leftBox{
		padding:0 0 30px 0;}
}

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

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