/* ////////////////////////////////////////// */
/* ////////////////////////////////////////// */
/* ////////////////////////////////////////// */
/* ////////////////////////////////////////// */

/*all bg*/

/*all banner*/
.mainPagePic {
	background: #FCFBFA;
	padding: calc(3vw + 50px) 5% 30px;
	text-align: center;
}
.mainPagePic::before{
	content: '';
	display: block;
	max-width: 157px;
	margin: 0 auto 30px;
	height: 37px;
	background: url(../images/all_banimg.png);
	background-position: center;
	background-size: cover;
}
.mainPagePic::after{
	content: '';
	display: block;
	max-width: 25px;
	margin: 30px auto 0;
	height: 6px;
	background: url(../images/all_banicon.png);
	background-position: center;
	background-size: cover;
}
.mainPagePic h2{
	display: flex;
	justify-content: center;
	align-items: stretch;
	color: #705849;
	font-size: clamp(28px, 8vw,60px);
	font-family: 'Noto Serif TC';
	line-height: 98%;
	position: relative;
	top: unset;
	left: unset;
	transform: unset;
	padding: unset;
	text-shadow:unset;
	letter-spacing: 0.3em;
	border-left: 1px solid #DEDAD1;
	border-right: 1px solid #DEDAD1;
	max-width: fit-content;
	margin: 0 auto 70px;
	padding: 0 15px;
	text-indent: 20px;
}
.mainPagePic h2 u{
	display: block;
	max-width: 1px;
	width: 100%;
	min-height: 100%;
	background-color: #DEDAD1;
	margin: 0 5px;
}
.mainPagePic h2::before{
	content: '';
	font-size: clamp(18px, 5vw, 32px);
    color: #C4B3A3;
    font-family: 'Marcellus';
	position: absolute;
	bottom: -30px;
	width: 100%;
	text-align: center;
	letter-spacing: 0px;
	font-weight: normal;
	line-height: 0%;
	text-indent: 0px;

}
/* .mainPagePic h2 {display:none; } */
@media (max-width:768px) {
}

body.about-page .mainPagePic h2::before {
	content: 'Camping Map';
}
body.about-page .content{
	max-width: 1600px;
}

	
/*promotions_index */
body.promotions-page {}
body.promotions-page .mainPagePic {}

body.promotions-page .mainPagePic h2::before {
	content: 'Blog';
}

/*other-select-page*/
body.other-select-page {}
body.other-select-page .mainPagePic {}

/*other_page*/
body.other-page .mainPagePic {}
body.other-page .stepImg {}

/*camp-page*/
body.camp-page .mainPagePic {}
body.camp-page .mainPagePic h2::before {
	content: 'Camping Area';
}

/*campOrder.php*/

/*map_index*/
body.map-page .mainPagePic {}

/*camp-page*/
body.camp-page .mainPagePic {}

/*campCalendar*/
body.order-page .mainPagePic {}
body.order-page .mainPagePic h2::before {
	content: 'Online Reservation';
}

body.remit-page .mainPagePic h2::before {
	content: 'Remittance Advice';
}

body.recheck-page .mainPagePic h2::before {
	content: 'Order Tracking';
}

/*contact-page*/
body.contact-page .mainPagePic {}
body.contact-page .content {}
body.contact-page .bigTel dd {}
/* body.contact-page .bigTel dd::before { content:""; width:44px; height:44px; background-image: url('../images/thn-img045.png'); position: absolute; left:-57px;} */
/* body.contact-page .bigTel dd a { color: #578A48; font-size: 32px; font-weight: bold; line-height: 130%;} */
/* body.contact-page .bigTel dd i { display:block; color:#578A47; font-size:18px; font-style: normal; font-weight:400; line-height:130%; margin-bottom:15px; border:none; padding:0;} */
@media (max-width:768px) {
/* body.contact-page .content{ padding:0 15px 30px 15px;} */
}

/*remit-page*/
/* body.remit-page .mainPagePic { background-image: url(../images/thn-bg014.png); background-position: center bottom;} */
/* body.remit-page .content { padding:90px 15px 80px 15px; padding: 115px 15px 87px 15px; overflow: hidden;} */
/* body.remit-page .bigTel dd { max-width: 976px; width: 100%; display: flex; flex-direction: column; position: relative;} */
/* body.remit-page .bigTel dd::before { content:""; width:44px; height:44px; background-image: url('../images/thn-img045.png'); position: absolute; left:-57px;} */
/* body.remit-page .bigTel dd a { color: #578A48; font-size: 32px; font-weight: bold; line-height: 130%;} */
/* body.remit-page .bigTel dd i { display:block; color:#578A47; font-size:18px; font-style: normal; font-weight:400; line-height:130%; margin-bottom:15px; border:none; padding:0;} */
@media (max-width:768px) {
/* body.remit-page .content{ padding:0 15px 30px 15px;} */
}

/*recheck-page*/
body.recheck-page .mainPagePic {}

.calendar .month{
	/* background-color: #93C257; */
}
/* ////////////////////////////////////////// */
/* ////////////////////////////////////////// */
/* ////////////////////////////////////////// */
/* ////////////////////////////////////////// */