/*HOME*/
.contectDIV{
position: relative;
width:100%;
height:450px;
overflow:hidden;
/*background-color:#F5F5F5;*/
}
.picRight{
width:50%;
position:absolute;
right:0px;
}
.textLeft{
position:absolute;
left:0px;
width:50%;
color:#CD5C5C;
text-align:center;
padding-top:20px;
}
.picLeft{
position: absolute;
width:50%;
overflow:hidden;
}
.textRight{
position:absolute;
right:0px;
width:50%;
color:#CD5C5C;
text-align:center;
padding-top:20px;
}
.textTitle{
	cursor:pointer;
	text-align: center;
	font-size: 1.6em;
	color: #CD5C5C;
	letter-spacing: 5px;
	padding-top:40px;
}
.textContent{
text-align: center;
font-size: 1.3em;
line-height: 2.5em;
color: #777;
letter-spacing: 2px;
padding-top: 30px;
padding-bottom: 20px;
}
/*學堂 月膳*/
.t1{
font-size: 2rem;
line-height:80px;
}
.t2{
font-size: 1.5rem;
line-height:40px;
margin-bottom:20px;
}
.t2_phone{
display:none;
}
.cycle-pager {
bottom:-9%;
}
.container{
padding-left: 2rem;
padding-right: 2rem;
}
.box1{
vertical-align:middle;
visibility:visible;
animation-name:fadeInLeft;
position:relative;
width:100%;
height:100px;
overflow:hidden;
margin-top:20px;
}
.mention{
text-align: left;
position:absolute;
left:20px;
/*top:30%;*/
}
.num{
font-size:15rem;
position: absolute;
left: 20%;
z-index: 10;
color: #fff;
text-shadow: 2px 2px 5px #444;
}
.food-img{
position: relative;
width:100%;
/*height:450px;*/
overflow:hidden;
}
.pic{
width:55%;
height:90%;
position:absolute;
right:20px;
}

.box2{
vertical-align:top;
visibility:visible;
animation-name:fadeInRight;
position:relative;
width:100%;
right:0;
height:100px;
overflow:hidden;
margin-top:20px;
}
.mention2{
position:absolute;
text-align: left;
height: 100px;
right:0px;
width:37%;
padding:10px;
}
.num2{
font-size:15rem;
position: absolute;
right:20%;
z-index: 10;
color: #fff;
text-shadow: 2px 2px 5px #444;
}
.food-img2{
position: relative;
width:100%;
height:450px;
overflow:hidden;
}
.pic2{
width:55%;
height:90%;
position:absolute;
left:20px;
}
.content{
max-width:660px;
float:left;
clear:both;
font-size:1.2rem;
max-width:660px;
color:#999;
}
.contentBOX{
position:relative;
max-width:100%;
color:#999;
}
.room{
/*position:absolute;*/
/*left:20px;*/
padding:10px;
width:37%;
height:90%;
color:#CD5C5C;
text-align:left;
font-size:1rem;
line-height:1.5rem;
}
.room2{
/*position:absolute;*/
/*left:20px;*/
padding:10px;
width:37%;
height:90%;
color:#CD5C5C;
text-align:left;
font-size:1rem;
line-height:1.5rem;
}
.roomitem{
	width:50%;
	height:50px;
	float:left;
	text-align:left;
}
.DivWidth{
	width:90%;
	min-width:1200px;
	margin-top:50px;
}
@media screen and (max-width: 1300px){
	.contectDIV{
		height:350px;
	}
	.textTitle{
		padding-top:0px;
	}
	.textContent{
		padding-top: 20px;
	}
}
@media screen and (max-device-width: 800px){
	/*HOME*/
	.contectDIV{
	height:auto;
	overflow:none;
	}
	
	.picRight{
	width:100%;
	overflow:hidden;
	position:relative;
	height:600px;
	}
	.textLeft{
	width:100%;
	position:relative;
	}
		.picLeft{
	width:100%;
	position:relative;
	overflow:hidden;
	height:600px;
	}
	.textRight{
	width:100%;
	position:relative;
	}
	.textTitle{
		font-size: 3rem;
	}
	.textContent{
		font-size: 2.5rem;
	}
		/*學堂 月膳*/
	.content{
		float:none;
		font-size:2.5em;
		line-height:80px;
	}
	.food-img{
	height:auto;
	margin-bottom:50px;
	}
	.food-img2{
	height:auto;
	margin-bottom:50px;
	}
	.DivWidth{
	width:100%;
	margin-top:50px;
	}
	.t1{
	font-size: 3.5rem;
	}
	.t2{
	font-size: 3rem;
	line-height:1.8em;
	display:none;
	
	}
	.t2_phone{
	font-size: 3rem;
	line-height:1.8em;
	display:block;
	color:#CD5C5C;
	}
	.room{
	width:100%;
	position:relative;
	margin-top:70px;
	/*left:20px;*/
	font-size: 2.7rem;
	line-height:2.5em;
	}
	.room2{
	width:100%;
	/*position:relative;*/
	margin-top:70px;
	/*left:20px;*/
	font-size: 2.7rem;
	line-height:2.5em;
	}
	.pic2{
	width:100%;
	position:relative;
	height:auto;
	left:0px;
	}
	.pic{
	width:100%;
	position:relative;
	height:auto;
	left:0px;
	}
	.mention{
	text-align: center;
	width:100%;
	height:auto;
	position:relative;
	padding:0px;
	}
	.mention2{
	width:100%;
	height:auto;
	text-align:center;
	position:relative;
	padding:0px;
	}
	
	.box1{
	height:auto;
	position:relative;
	
	}
	.box2{
	height:auto;
	position:relative;
	
	}
	.roomitem{
		width:50%;
		height:50px;
		float:left;
		text-align:left;
	}
}