@charset "utf-8";

/* CSS Document */
.mainArea.index {
	padding: 100px 0 0 0;
}
.contentBox.index {
	background: url(../images/dining_bg.png) center bottom no-repeat;
	background-size: 100%;
	position: relative;
	z-index: 2;
	padding: 0 0 150px 0;
	text-align: center;
}
a.goTop {
	position: relative;
	margin-top: 107px;
	display: inline-block;
	width: 90px;
	height: 90px;
	line-height: 90px;
	text-align: center;
	border-radius: 100%;
	border: 1px solid #fff;
	color: #fff;
	font-size: 15px;
	letter-spacing: 2px;
}
a.goTop:hover {
	background: #fff;
	color: #2a2a2a;
}
a.goTop:before {
	content: url(../images/gotop.png);
	position: absolute;
	left: 50%;
	top: -27px;
	margin-left: -5px;
}
.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.diningList li {
	text-align: left;
	padding: 0 0 13px 0;
}
ul.diningList li .item {
	background: #f7f7f7;
}
ul.diningList li .Img {
	background: #fff;
	float: left;
	position: relative;
	overflow: hidden;
}
ul.diningList li:nth-child(2n) .Img {
	float: right;
}
ul.diningList li .Img img {
	display: block;
	width: 100%;
}
ul.diningList li .Txt {
	max-width: 500px;
	overflow: hidden;
	float: left;
	padding: 80px 60px 0 60px;
}
ul.diningList li .Txt span {
	color: #4f5b68;
	font-weight: 600;
	display: block;
	margin-bottom: 114px;
}
ul.diningList li .Txt h3 {
	position: relative;
}
ul.diningList li .Txt h3:before {
	content: "";
	position: absolute;
	left: -60px;
	top: 50%;
	width: 49px;
	height: 1px;
	background: #bfbfbf;
}
ul.diningList li .Txt h3:after {
	/* content: ""; */
	position: absolute;
	right: -60px;
	top: 50%;
	width: 100%;
	height: 1px;
	background: #bfbfbf;
}
ul.diningList li .Txt h3 strong {
	font-weight: normal;
	/* padding-right: 30px; */
	display: block;
	font-size: 27px;
	background: #f7f7f7;
	letter-spacing: 0;
	color: #2a2a2a;
	position: relative;
	z-index: 1;
}
ul.diningList li .Txt h3 strong:after {
	/* content: ""; */
	position: absolute;
	right: 0;
	top: 50%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 15px 5px 0;
	margin-top: -7px;
	border-color: transparent #ff8500 transparent transparent;
}
ul.diningList li .Txt h3 strong a:hover {
	color: #da2441;
}
ul.diningList li .Txt p {
	padding-top: 10px;
	font-size: 14px;
	color: #a2a2a2;
	line-height: 1.8;
	height: 60px;
}
ul.diningList li .Txt a.btn {
	position: relative;
	display: inline-block;
	color: #2a2a2a;
	padding: 12px 25px;
	border: 1px solid #a2a2a2;
}
ul.diningList li .Txt a.btn:after {
	content: "";
	position: absolute;
	right: -14px;
	top: 50%;
	width: 21px;
	height: 11px;
	margin-top: -7px;
	background: url(../images/dining_arrow.png);
}
ul.diningList li .Txt a.btn:hover {
	background: #ff8500;
	color: #fff;
	border: 1px solid #ff8500;
}

/******內頁******/
.contentBox .titleArea p.ins {
	font-size: 14px;
	margin-top: 0;
}
.contentBox .titleArea .left {
	display: inline-block;
}
.contentBox .titleArea .right {
	float: right;
	text-align: right;
	margin-top: 74px;
}
.tab a {
	width: 50%;
}
ul.tabContent .serviceBox {
	padding-bottom: 35px;
	border-bottom: 1px solid #eaeaea;
}
ul.tabContent .serviceBox p {
	color: #212324;
	font-size: 15px;
	margin-bottom: 40px;
}
ul.tabContent .serviceBox span {
	display: inline-block;
	float: left;
	padding-right: 55px;
	font-size: 15px;
}
ul.tabContent .serviceBox span b {
	color: #2a2a2a;
}
ul.tabContent .serviceBox span.right em {
	display: inline-block;
	text-align: right;
}
ul.tabContent .detailBox {
	margin-top: 50px;
}
ul.tabContent p.title {
	margin-bottom: 10px;
	color: #212324;
}
ul.tabContent .tableBox {
	background: #fff;
	border: 1px solid #32c5d2;
	margin-bottom: 20px;
}
ul.tabContent .tableBox p.title {
	font-size: 20px;
	color: #fff;
	background: #32c5d2;
	padding: 5px 30px;
	margin: 0;
	letter-spacing: 1px;
}
ul.tabContent .tableBox .table {
	padding: 25px;
	    box-sizing: border-box;
}

/*---推薦菜色--*/
ul.foodList{
	padding-left: 0;
	margin: 0 4px;
}

ul.foodList li{
	list-style-type: none;
	float: left;
	width: 33.333%;
	padding: 4px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

ul.foodList li img{
	display: block;
	width: 100%;
}

ul.foodList li .Txt{
	font-size: 16px;
	letter-spacing: .05em;
	color: #292929;
	padding: 12px 0;
}

@media (max-width:1180px) {
	ul.diningList {
		margin: 0 -10px;
	}
	ul.diningList li {
		box-sizing: border-box;
		float: left;
		padding: 0 10px 30px 10px;
		width: 50%;
	}
	ul.diningList li .Img, ul.diningList li .Txt {
		width: 100%;
	}
	ul.diningList li .Txt {
		padding: 40px 20px;
	}
	ul.diningList li .Txt span {
		margin-bottom: 20px;
	}
	ul.diningList li .Txt h3:before, ul.diningList li .Txt h3 strong:after, ul.diningList li .Txt h3:after, a.goTop {
		display: none;
	}
	.contentBox.index {
		background: none;
		padding: 0;
	}
}
@media (max-width:888px) {
	ul.tabContent .tableBox {
		overflow-x: scroll;
	}
	ul.tabContent .tableBox .table {
		width: 825px;
	}
}

/*640*/
@media (max-width:767px) {
	ul.diningList {
		margin: 30px -10px 0 -10px;
	}
	.mainArea.index {
		padding: 50px 0 0 0;
	}
	ul.foodList li{
		width: 50%;
	}
}

/*480*/
@media (max-width:640px) {
	ul.diningList {
		margin: 30px 0 0 0;
	}
	ul.diningList li {
		padding: 0 0 30px 0;
		width: 100%;
	}
}

/*480 end*/
@media (max-width: 480px) {
	ul.foodList {
		margin: 0;
	}
	ul.foodList li{
		width: 100%;
		padding: 4px 0;
	}
}