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

.classNote{
	padding-bottom:10px;
	font-family:"微軟正黑體", "LiHei Pro", "新細明體", sans-serif;
	font-size:16px;
	color:#868686;
	text-align:center;
	line-height:1.8;}

.top{}

.top .link{
	float:right;
	width:40%;
	text-align:right;}

.top .link a{
	display:inline-block;
	padding:7px 15px;
	font-family:"微軟正黑體", "LiHei Pro", "新細明體", sans-serif;
	font-size:16px;
	color:#FFF;
	box-shadow:2px 2px 2px #CCC;
	border-radius:3px;
	
	-webkit-transition:none;
	-moz-transition:none;
	-o-transition:none;
	transition:none;}
/*
ul.roomList{
	clear:both;
	padding-top:25px;
	margin-right:-30px;}

ul.roomList li{
	float:left;
	padding:0 30px 40px 0;}

ul.roomList li.col-3{
	width:33.3%;}

ul.roomList li .Img{}

ul.roomList li .Img img{
	width:100%;}

ul.roomList li .Txt{
	padding-top:5px;}

ul.roomList li .Txt h3.sectionTitle{
	padding:0;}

ul.roomList li .Txt div{
	padding-top:10px;
	font-size:13px;
	color:#858383;
	line-height:1.8;
	height:90px;}
	
	*/
	
	
	
ul.roomList li{
	padding-top: 30px;
	padding-bottom: 30px;
}
ul.roomList li h2{
	margin-top:5px;
	margin-bottom:10px;
	background-image: url(../images/roomListLine.gif);
	background-repeat: repeat-x;
	background-position: center center;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-align: center;
	margin-right: 3%;
	margin-left: 3%;
	width: 94%;
	font-weight: normal;
}
ul.roomList li h2 strong{
	font-weight: normal;
}
ul.roomList li h2 a{
	font-family: "微軟正黑體";
	font-size: 17px;
	font-style: italic;
	color: #000;
	background-image: url(../images/dightbg.jpg);
	padding-right: 5px;
	padding-left: 5px;
}
ul.roomList li div.Img{
	width:80%;
	margin-right: 10%;
	margin-left: 10%;
	margin-bottom: 30px;
	}
ul.roomList li div.Img a{
	width:100%;

}
ul.roomList li div.Img img{
	width:100%;
		overflow: hidden;
	border-radius:50%;
	border: 5px solid #d1d1d1;
	display:block;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
	transition: transform 0.3s ease, opacity 0.3s ease;
}
ul.roomList li div.Img a img:hover{
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
	transition: transform 0.3s ease, opacity 0.3s ease;
}
ul.roomList li p{
	font-size: 13px;
	line-height: 25px;
	color: #666;
	width: 94%;
	margin-right: 3%;
	margin-left: 3%;
	text-align: center;
	height:75px;
}
ul.roomList li a.more{
	margin-top:15px;
	font-size:12px;
	color:#fff;
	font-family: Verdana, Geneva, sans-serif;
	line-height: 30px;
	height: 30px;
	width: 20%;
	text-decoration: none;
	margin-right: 38%;
	margin-left: 38%;
	display: inline-block;
	padding-top: 0px;
	padding-right: 2%;
	padding-bottom: 0px;
	padding-left: 2%;
	text-align: center;
	background-color: #00ADA7;
}

ul.roomList li a.more:hover{
	color:#FFF;
	background-color: #00827E;
}
	
	
	
	
/******內頁******/
.contentBox{}

.contentBox .leftBox{
	float:left;
	width:64%;}

.contentBox .leftBox .Img{}

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

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

.contentBox .rightBox{
	float:right;
	width:30%;}

.contentBox .rightBox .link a{
	display:inline-block;
	padding:7px 15px;
	font-family:"微軟正黑體", "LiHei Pro", "新細明體", sans-serif;
	font-size:16px;
	color:#FFF;
	box-shadow:2px 2px 2px #CCC;
	border-radius:3px;
	
	-webkit-transition:none;
	-moz-transition:none;
	-o-transition:none;
	transition:none;}

/*767*/
@media (max-width: 767px){
.top ul.classLink{
	float:none;
	width:100%;
	text-align:center;
	padding-bottom:10px;
	border-bottom:1px solid #CCC;
	margin-bottom:10px;}

.top .link{
	float:none;
	width:100%;
	text-align:center;}

ul.roomList li.col-3{
	width:50%;}		

/*內頁*/
.contentBox .leftBox{
	float:none;
	width:100%;
	padding:0;}

.contentBox .rightBox{
	float:none;
	width:100%;
	margin-top:20px;}

ul.roomList li .Txt p{
	height:auto;}
}
/*767 end*/

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

/*內頁*/
.side_contactInfo ul{
	text-align:center;}
.side_contactInfo ul li{
	display:inline-block;}
.side_contactInfo ul li a b{
	display:none;}
}
/*360 end*/

.outerWrap.b-box .mainArea .shadow .warp .contentBox.clearfix .leftBox.b-box .tabContent #price .textEditor table thead tr th {
	background-color: #e95b4c;
}