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

/*all bg*/

/*all banner*/
.mainPagePic {}

.to_top{
	z-index: 9999;
}

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

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

/*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 {}

/*campOrder.php*/

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

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

/*campCalendar*/
body.order-page .mainPagePic {}

/*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; */
}

/* ////////////////////////////////////////// */
/* ////////////////////////////////////////// */
/* ////////////////////////////////////////// */
/* ////////////////////////////////////////// */
/* 20250714 */
body {
	font-family: "Noto Sans TC", sans-serif;
}

/* news */

.index_news {
	padding: 150px 5% 0 5%;
	overflow: hidden;
}

.index_news section {
	max-width: 1030px;
	width: 100%;
	margin: auto;
	flex-wrap: nowrap;
}

.index_news_title {
	max-width: 200px;
	width: 100%;
	white-space: nowrap;
	margin-right: 50px;
}

.index_news_title h4 b {
	display: block;
	color: #13325F;
	font-size: 20px;
	font-weight: 500;
	line-height: 120%;
	letter-spacing: 0.1em;
	margin-bottom: 10px;
}

.index_news_title h4 span {
	display: block;
	color: #13325F;
	font-size: 30px;
	font-weight: 500;
	line-height: 120%;
	letter-spacing: 0.1em;
}

.index_news_title a {
	display: flex;
	justify-content: center;
	align-items: center;
	color: white;
	font-size: 16px;
	font-weight: 400;
	line-height: 120%;
	letter-spacing: .1em;
	text-indent: .1em;
	text-align: center;
	background-color: #13325F;
	border-radius: 10px;
	max-width: 180px;
	width: 100%;
	padding: 15.5px 5px;
	transition: .5s;
}

.index_news_title a:hover {
	transition: .5s;
	background-color: #EA5415;
}

.index_news_list {
	max-width: 750px;
	width: 100%;
	border-radius: 45px;
	background-color: rgba(241, 234, 224, 0.12);
	padding: 35px 50px;
	box-shadow: unset;
	position: relative;
}

.index_news_list::before {
	content: "";
	width: 231px;
	height: 162px;
	background-image: url('../img/mmj_img005.png');
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	top: -45px;
	right: -45px;
	pointer-events: none;
}

.index_news_list a b {
	font-size: 14px;
	color: var(--mainColor03);
	letter-spacing: 0.1em;
	transition: .5s;
}

.index_news_list a span {
	color: var(--mainColor03);
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 0.1em;
	transition: .5s;
}

.index_news_list a:hover {
	transition: .5s;
	background-color: transparent;
}

.index_news_list a:hover b,
.index_news_list a:hover span {
	transition: .5s;
	color: #EA5415;
}

/*  */

/* blog */
.index_blog {
	padding: 90px 5%;
	overflow: hidden;
	position: relative;
	background-color: #FAF9F4;
}

.index_blog::after {
	content: "";
	width: 726px;
	height: 322px;
	background-image: url('../img/mmj_img058.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 20;
	pointer-events: none;
}

.index_blog .section {
	position: relative;
	z-index: 50;
}

.index_blog .index_news_title {
	max-width: 100%;
	margin: 0;
	margin-bottom: 65px;
}

.index_blog .index_news_title h4 {
	width: 100%;
}

.index_blog .index_news_title h4 b,
.index_blog .index_news_title h4 span {
	text-indent: 0.1em;
	text-align: center;
	margin: 0;
}

.index_blog .index_news_title h4 b {
	margin-bottom: 10px;
}

.i_blog_ri h5 {
	color: #13325F;
	font-weight: 400;
	letter-spacing: 0.1em;
}

.i_blog_ri em {
	color: #13325F;
	font-weight: 300;
	margin: 45px 0 20px 0;
}

.i_blog_ri p {
	color: #777777;
	font-size: 15px;
	font-weight: 500;
	line-height: 150%;
	letter-spacing: 0.1em;
	text-align: justify;
}

a.i_news_link {
	display: flex;
	justify-content: center;
	align-items: center;
	color: white;
	font-size: 16px;
	font-weight: 400;
	line-height: 120%;
	letter-spacing: .1em;
	text-indent: .1em;
	text-align: center;
	background-color: #13325F;
	border: none;
	border-radius: 10px;
	max-width: 180px;
	width: 100%;
	padding: 15.5px 5px;
	color: white;
	font-size: 16px;
	font-weight: 300;
	line-height: 120%;
	letter-spacing: 0.1em;
	text-indent: 0.1em;
	text-align: center;
	transition: .5s;
}

a.i_news_link b {
	font-weight: 300;
}

a.i_news_link:hover {
	transition: .5s;
	background-color: #005671;
}

a.i_news_link i.fa-arrow-right {
	display: none;
}

/*  */
/* 營區 */
body.camp-page .mainPagePic {
	background-image: url("../img/mmj_img081.png");
}

body.camp-page .out_link {
	display: none;
}

body.camp-page .content{
	max-width: 1300px;
}

/* 活動消息 promotion */
body.promotions-page .mainPagePic {
	background-image: url("../img/mmj_img086.png");
}

body.promotions-page .other_page_choice li a {
	padding-left: 70px;
}

body.promotions-page .content {
	max-width: 1200px;
}

/*  */

/* 文章 news_article */
body.promotions-page .mainPagePic {
	background-image: url("../img/mmj_img086.png");
}

/*  */

/* 相簿 */
body.photo_page .mainPagePic {
	background-image: url('../img/mmj_img088.png');
}

/*  */

/* contact */
body.contact-page .mainPagePic {
	background-image: url('../img/mmj_img091.png');
}

/*  */

/* 訂位 */
body.order-page .mainPagePic,
body.order_finish_page .mainPagePic {
	background-image: url('../img/mmj_img097.png');
}

body.recheck-page .mainPagePic {
	background-image: url('../img/mmj_img099.png');
}

body.recheck-page .container {
	padding: 70px 20px 110px 20px;
}

body.recheck-page .form_btn {
	justify-content: center;
	margin: 40px auto 0 auto;
}

/*  */

/* 匯款 */
body.remit-page .container {
	padding: 75px 20px 150px 20px;
}

body.remit-page .mainPagePic {
	background-image: url('../img/mmj_img101.png');
}

body.remit-page .bigTel {
	margin-top: 0;
	font-size: 36px;
	color: var(--mainColor03);
	font-family: "Outfit", sans-serif;
	font-weight: 500;
	padding: 0;
	margin-bottom: 50px;
}

body.remit-page .bigTel dt img {
	margin-right: 10px;
}

body.remit-page .contact_form h3 {
	color: var(--mainColor03);
	font-weight: 400;
	padding-bottom: 35px;
	border-bottom: 2px var(--mainColor03) solid;
}

body.remit-page .contact_form li .table-th {
	font-weight: 400;
	color: #333333;
}

body.remit-page .form_btn {
	margin: 40px auto 0 auto;
}
/*  */

/* 後臺點進去的訂單查詢  */
body.camp-check .mainPagePic{
	background-image: url('../img/mmj_img102.png');
}

body.camp-check .container{
	padding:70px 20px 140px 20px;
}

body.camp-check02 .container{
	padding:70px 20px 140px 20px;
}


body.camp-check02 .content{
	max-width: 1200px;
}

@media (max-width:1366px) {

	/* nav */
	.center {
		align-items: center;
	}

	.nav>ul {
		justify-content: flex-end;
	}

	.nav>ul>li {
		min-width: 100px;
	}

	/*  */

	/* blog */

	.index_blog::after {
		width: 35vw;
		height: 16vw;
	}

	/*  */

	.top_logo{
		max-width: 300px;
	}
}

@media (max-width:1200px) {

	/* nav */
	.nav>ul {
		justify-content: center;
	}

	/*  */

	/* promotions */
	.news_main_title h2 {
		font-size: 26px;
	}

	/*  */
}

@media (max-width:1150px){
	.nav{max-width: 950px;}
	.nav>ul>li{min-width: unset;}
	.nav>ul>li>a{font-size: 14px;}
	.top_logo{max-width: 250px;}
}

@media (max-width:1100px) {
		.top_logo{max-width:350px;}
}

@media (max-width:1024px) {

	/* news */
	.index_news section {
		justify-content: center;
		flex-wrap: wrap;
	}

	.index_news_list {
		max-width: 500px;
	}

	.index_news_list::before {
		width: 160px;
		height: 112px;
		background-size: cover;
	}

	/*  */
	/* promotions */
	.news_main_title h2 {
		font-size: 24px;
	}

	/*  */

	/* remit */
	body.remit-page .contact_form h3 {
		font-size: 26px;
	}

	/*  */

	body.camp-check .container{
	padding:50px 20px 80px 20px;
}

body.camp-check02 .container{
	padding:50px 20px 80px 20px;
}
}

@media (max-width:890px) {

	/* nav */
	.nav>ul>li+li {
		border: none;
	}

	.nav ul li+li {
		margin-top: 0;
	}

	/*  */

	body.camp-page .half_box {
		margin-bottom: 0;
	}

	body.camp-page .camps_tabs {
		margin-top: 25px;
	}

	/* remit */
body.remit-page .contact_form h3 {
		font-size: 24px;
		padding-bottom: 15px;
		margin-bottom: 25px;
	}

	/*  */
}

@media (max-width:800px) {

	/* news */
	.index_news {
		padding: 80px 5% 0 5%;
	}

	.index_news section {
		flex-direction: column;
	}

	.index_news_title {
		margin: 0 0 45px 0;
	}

	.index_news_title h4 b,
	.index_news_title h4 span {
		text-indent: 0.1em;
		text-align: center;
	}

	.index_news_title a {
		margin: auto;
		max-width: 150px;
	}

	.index_news_list {
		max-width: 100%;
		padding: 35px 25px;
	}

	/*  */
	/* promotions */
	.news_main_title h2 {
		font-size: 22px;
	}

	/*  */
}

@media (max-width:768px) {

	/* news */
	.index_news_title h4 span {
		margin-bottom: 0;
	}

	/*  */

	/* blog */
	.index_blog ul {
		justify-content: space-between;
	}

	.index_blog li {
		width: 47%;
	}

	/*  */
}

@media (max-width:600px) {
	.top_logo{max-width:250px;}

	/* news */
	.index_news_title h4 b {
		font-size: 18px;
	}

	.index_news_title h4 span {
		font-size: 26px;
	}

	/*  */

	/* blog */
	.index_blog .index_news_title {
		margin-bottom: 45px;
	}

	.index_blog::after {
		width: 54vw;
		height: 24vw;
	}

	.i_blog_ri h5 {
		font-size: 17px;
	}

	.i_blog_ri em {
		margin: 30px 0;
	}

	/*  */
}

@media (max-width:475px) {

	/* nav */
	.top_logo {
		max-width: 180px;
	}

	/*  */

	/* blog */
	a.i_news_link {
		max-width: 150px;
	}

	/*  */
}

@media (max-width:425px) {

	/* news */
	.index_news_list {
		border-radius: 25px;
	}

	/*  */

	/* blog */
	.index_blog {
		padding: 50px 5%;
	}

	.index_blog li {
		width: 100%;
		padding: 0 0 20px 0;
	}

	.index_blog li:nth-of-type(n+2) {
		margin-top: 20px;
	}

	.i_blog_ri em {
		margin: 10px 0;
	}

	/*  */
}

@media (max-width:375px) {

	/* nav */
	.top_logo {
		max-width: 150px;
	}

	/*  */
	/* news */
	.index_news {
		padding: 50px 5% 0 5%;
	}

	/*  */
}