@charset "utf-8";
/* CSS Document */
.classNote{
padding-bottom:10px;
font-family:"微軟正黑體", "LiHei Pro", "新細明體", sans-serif;
font-size:14px;
color:#5a5a5a;
text-align:center;
line-height:1.8;
padding-top: 20px;}
.top{padding-bottom:30px;}
.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:14px;
color:#FFF;
box-shadow:2px 2px 2px #A7A7A7;
border-radius:3px;

-webkit-transition:none;
-moz-transition:none;
-o-transition:none;
transition:none;}
ul.roomList{
}
ul.roomList li{
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	padding:10px;
	background:#fff;
	max-height:450px;
	overflow:hidden;
	width:24%;
	margin:10px 1% 20px 0;
	-webkit-box-shadow: 0px 2px 1px rgba(0,0,0,0.20);
	box-shadow: 0px 2px 1px rgba(0,0,0,0.20);
}
ul.roomList li:hover{
	margin-top:10px;
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);}
ul.roomList li div.Img{
display:block;
}
ul.roomList li div.Img img{
width:100%;margin:0;
padding:0;}
ul.roomList li div.Txt{
padding:20px 0;
margin:0px;
}
ul.roomList li div.Txt h2{
font-weight:normal;
text-align:center;
line-height:20px;
height:40px;
overflow:hidden;
}
ul.roomList li div.Txt h2 a{
font-size:16px;
color:#666666;

font-family: "微軟正黑體", "LiHei Pro", "新細明體", sans-serif;
}
ul.roomList li div.Txt p{
margin-top:10px;
color:#ababab;
font-size:13px;
font-family: "微軟正黑體", "LiHei Pro", "新細明體", sans-serif;
text-align:center;
line-height:20px;
height:40px;
overflow:hidden;
}



/******內頁******/
.contentBox{}
.contentBox .leftBox{
float:left;
width:64%;}
.contentBox .leftBox .Img{}
.contentBox .leftBox .Img img{
width:100%;}
.contentBox .leftBox h3{
	margin: 0 0 10px 0;
	line-height: 20px;
	padding:10px;
	border-bottom: 1px dotted #C3C3C3;
	color:#000;
}
.contentBox .rightBox{
float:right;
width:30%;}
.contentBox .rightBox .link{
margin-bottom:20px;
text-align: right;}
.contentBox .rightBox .link a{
display:inline-block;
padding:7px 15px;
font-family:"微軟正黑體", "LiHei Pro", "新細明體", sans-serif;
font-size:14px;
color:#FFF;
box-shadow:1px 1px 1px #A3A3A3;
-webkit-transition:none;
-moz-transition:none;
-o-transition:none;
transition:none;}
@media (max-width: 930px){

}
/*767*/
@media (max-width: 820px){
ul.roomList li{

	max-height:650px;

	width:48%;


}
.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;}
/*內頁*/
.contentBox .leftBox{
float:none;
width:100%;
padding:0;}
.contentBox .rightBox{
float:none;
width:100%;
margin-top:20px;}
.contentBox .rightBox .link{
	width: 100%;
	text-align:center;}
.contentBox .rigtBox .link a{display:inline-block;}
ul.roomList li .Txt p{
height:auto;}
}
/*767 end*/
@media (max-width: 640px){

/*內頁*/
.side_contactInfo ul{
text-align:center;}
.side_contactInfo ul li{
display:inline-block;}
.side_contactInfo ul li a b{
display:none;}
}
@media (max-width: 620px){
ul.roomList{
padding: 30px 0px;}
ul.roomList ul{
margin-left:0%;
}
ul.roomList li{
width:100%;
margin:20px 0;
-webkit-transition:all 0.4s ease;
-moz-transition:all 0.4s ease;
-o-transition:all 0.4s ease;
transition:all 0.4s ease;
}
ul.roomList li:first-child{margin-left:0%;
margin-right:0%;}
ul.roomList li:last-child{margin-left:0%;
margin-right:0%;}
}