.pageIndex{max-width:100%; padding:0;}
.main_part{max-width:2000px; padding:0; margin:0 auto;}
.edit, .edit_part, .show_content, .main_part{width:100%; max-width: 100%; padding:0;}

.box_container {width:100%; max-width:2000px; font-family: 'Noto Sans TC', sans-serif; font-size:var(--font17); letter-spacing: 1px; color:#fff; border:0; text-decoration:none; overflow:hidden; margin: auto;}
.box_container img{width:auto; max-width:100%;}
.box_container * {box-sizing: border-box; max-width:100%;  padding:0; margin:0; line-height:180%;}
.box_container a{text-decoration:none;}
.box_container ul{list-style:none;}
.box_container i, .box_container em, .box_container dfn, .box_container var{font-style: normal;line-height: 0px;}
.box_container u{text-decoration:none;}

/*Animations*/
[data-animate-in] { opacity: 0; transition: transform 0.8s ease, opacity 0.8s ease;}
[data-animate-in="up"] { transform: translate3d(0, 20%, 0);}/*由下往上*/
[data-animate-in="left"] { transform: translate3d(-30%, 0, 0);}/*由左往右*/
[data-animate-in="right"] { transform: translate3d(30%, 0, 0);}/*由右往左*/
[data-animate-in="down"] { transform: translate3d(0, -20%, 0);}/*由上往下*/
[data-animate-in="fadeIn"] { transform: translate3d(0, 0, 0);}/*淡入*/
[data-animate-in="scaleIn"] {transform: scale(.3);}/*放大淡入*/
[data-animate-in].in-view { opacity: 1; transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0); transition: transform 1.2s ease, opacity 1s ease;}
.fade-in { opacity: 0; transition: opacity 1s ease; }

@keyframes shake{
	25%{transform: rotate(-5deg);}
	75%{transform: rotate(5deg);}
}
@-webkit-keyframes shake{
	25%{transform: rotate(-5deg);}
	75%{transform: rotate(5deg);}
}

.content_flex{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.box_container dfn{
	display: block;
	letter-spacing: 2px;
	font-family: "Saira", sans-serif;
	font-weight: 100;
	line-height: 130%;
}

.index_news {display: none;}

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

/*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('https://www.campingdaddy.com.tw/store_image/nantoustarmoon/images/thn-img045.webp'); 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;} */

/*remit-page*/
/* body.remit-page .mainPagePic { background-image: url(https://www.campingdaddy.com.tw/store_image/nantoustarmoon/images/thn-bg014.webp); 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('https://www.campingdaddy.com.tw/store_image/nantoustarmoon/images/thn-img045.webp'); 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;} */

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

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

.other-select-page .news_main_title,
.other-select-page .more_content{
	display: none;
}
.other-select-page .content{
	max-width: 100%;
}

/*banner*/
.camp-page .mainPagePic{
	background: center center no-repeat url(https://www.campingdaddy.com.tw/store_image/nantoustarmoon/images/ban_c.webp);
}
.camp-page .bane{
	background: center center no-repeat url(https://www.campingdaddy.com.tw/store_image/nantoustarmoon/images/ban_e.webp);
}
.order-page .mainPagePic,
.order_finish_page .mainPagePic{
	background: center center no-repeat url(https://www.campingdaddy.com.tw/store_image/nantoustarmoon/images/ban_ca.webp);
}
.contact-page .mainPagePic,
.recheck-page .mainPagePic,
.remit-page .mainPagePic,
.order-page .con01{
	background: center center no-repeat url(https://www.campingdaddy.com.tw/store_image/nantoustarmoon/images/ban_co.webp);
}
.promotions-page .mainPagePic{
	background: center center no-repeat url(https://www.campingdaddy.com.tw/store_image/nantoustarmoon/images/ban_log.webp);
}

/*index*/
.keyword{
    height: 0;
    max-height: 0;
    overflow: hidden;
}
.ibg01{
	background: url(https://www.campingdaddy.com.tw/store_image/nantoustarmoon/images/ibg_01.webp) no-repeat center;
	background-size: cover;
	padding-bottom: 250px;
}
.ibg01 dl{
	width: 97%;
	max-width: 1850px;
}
.ibg01 dl dd{
	width: 1030px;
	align-self: stretch;
	position: relative;
}
.ibg01 dl dd > img,
.ibg03_3 dd > img{
	object-fit: cover;
	object-position: bottom;
	min-height: 90%;
}
.ibg01 dl dd i{
	position: absolute;
	width: 30vw;
	max-width: 292px;
	bottom: -10%;
	right: -17%;
}
.ibg01 dl dt{
	width: 600px;
	padding: 50px 0;
	margin-left: 5%;
}
.ibg01 dl dt h4{
	font-size: var(--font48);
	line-height: 130%;
	color: #191919;
	font-weight: 400;
}
.ibg01 dl dt dfn{
	color: #517171;
	margin: 5px 0 40px;
}
.ibg01 dl dt h6{
	font-size: var(--font22);
	color: #517171;
	font-weight: 400;
}
.ibg01 dl dt p{
	margin: 20px 0 30px;
	color: #333;
}
.ibg01 dl dt a,
.ibg02 ul li a,
.ibg03_2 dt a,
.ibg03_3 dt a,
.ibg03_4 dt figure a{
	display: block;
	max-width: 142px;
	border: 1px solid #999999;
	padding: 5px;
	text-align: center;
	font-size: var(--font15);
	color: #333333;
	border-radius: 10px;
	letter-spacing: 2px;
}
.ibg01 dl dt a,
.ibg03_4 dt figure a{
	font-family: "Saira", sans-serif;
	font-weight: 100;
}
.ibg01 dl dt a:hover,
.ibg02 ul li a:hover,
.ibg03_2 dt a:hover,
.ibg03_3 dt a:hover,
.ibg03_4 dt figure a:hover{
	background: linear-gradient(to right, #B6898E 0%,#4B328C 100%);
	color: #fff;
}
.ibg02{
	background: url(https://www.campingdaddy.com.tw/store_image/nantoustarmoon/images/ibg_02.webp) no-repeat center;
	background-size: cover;
	padding: 120px 3% 110px;
	margin: -120px auto -110px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 832px;
	position: relative;
	z-index: 2;
}
.ibg02 ul{
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
}
.ibg02 ul li{
	max-width: 600px;
	margin-left: auto;
}
.ibg02 ul li h5{
	font-size: var(--font40);
	font-weight: 400;
}
.ibg02 ul li p{
	margin: 35px 0;
}
.ibg02 ul li a,
.ibg03_2 dt a,
.ibg03_3 dt a,
.ibg03_4 dt figure a{
	color: #fff;
}
.ibg03{
	background: url(https://www.campingdaddy.com.tw/store_image/nantoustarmoon/images/ibg_03.webp) center top,url(https://www.campingdaddy.com.tw/store_image/nantoustarmoon/images/ibg_04.webp) center 30%,url(https://www.campingdaddy.com.tw/store_image/nantoustarmoon/images/ibg_05.webp) center bottom,#100A01;
	background-repeat: no-repeat;
	padding: 150px 0 0;
}
.ibg03_1{
	width: 90%;
	text-align: center;
	margin: 0 auto;
}
.ibg03_1 i{
	display: block;
}
.ibg03_1 i img{
	animation: shake 3s linear infinite;
}
.ibg03_1 p{
	font-size: var(--font40);
	margin: 25px auto 15px;
}
.ibg03_2{
	width: 96%;
	max-width: 1690px;
	margin-left: 2%;
}
.ibg03_2 dd{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	width: 1060px;
}
.ibg03_2 dd i:last-child{
	margin: 12% 0 0 3%;
}
.ibg03_2 dt{
	width: 440px;
	padding-top: 12%;
	margin-left: 3%;
}
.ibg03_2 dt h6,
.ibg03_3 dt h6{
	font-size: var(--font25);
	color: #CCACAE;
	font-weight: 400;
}
.ibg03_2 dt h6 span{
	display: inline-block;
}
.ibg03_2 dt p{
	margin: 30px 0;
}
.ibg03_3{
	width: 97%;
	max-width: 1665px;
	margin: 100px 0 40px auto;
}
.ibg03_3 dt p{
	margin: 10px 0 50px;
}
.ibg03_3 dd{
	width: 1045px;
	align-self: stretch;
	position: relative;
	margin-left: 12%;
}
.ibg03_3 dd i{
	position: absolute;
	width: 35vw;
	max-width: 309px;
	left: -20%;
	bottom: -5%;
	animation: shake 10s linear infinite;
}
.ibg03_4{
	width: 98%;
	max-width: 1897px;
}
.ibg03_4 dd{
	width: 842px;
	line-height: 0;
}
.ibg03_4 dt{
	width: 1140px;
	margin-left: -6%;
}
.ibg03_4 dt figure{
	flex-wrap: wrap;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 9%;
}
.ibg03_4 dt figure h6{
	font-size: var(--font40);
	font-weight: 400;
	margin: 0 20px 0 15px;
}
.ibg03_4 dt figure a{
	width: 142px;
	margin: 10px 0 10px 3vw;
}
.ibg03_4 dt ul{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	column-gap: 10px;
}

/*營區守則-訂位須知*/
.b_in01,
.nbg01{
	background: url(https://www.campingdaddy.com.tw/store_image/nantoustarmoon/images/nbg_01.webp) #100A01 no-repeat center top;
}
.nbg01_2,
.b_in01_2{
	background: url(https://www.campingdaddy.com.tw/store_image/nantoustarmoon/images/nbg_02.webp) no-repeat center top;
	padding: 250px 5%;
	margin-top: -100px;
}
.b_in01_1{
	width: 90%;
	max-width: 1400px;
	padding: 100px 0 200px;
	margin: 0 auto;
	align-items: flex-start;
}
.b_in01_1 h5{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-size: var(--font25);
	color: #CCACAD;
}
.b_in01_1 h5 img{
	margin-right: 7px;
}
.b_in01_1 table{
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	margin-top: 15px;
}
.b_in01_1 table td{
	border: 1px solid #FFBEBE;
	background: #1A1918;
	padding: 5px 10px;
	vertical-align:top;
	letter-spacing: 0;
}
.b_in01_1 table tr td:first-child{
	white-space: nowrap;
}
.b_in01_1 ol{
	width: 430px;
	margin-right: 3%;
}
.b_in01_1 li{
	width: 815px;
}
.b_in01_2 figure{
	text-align: center;
}
.b_in01_2 h5{
	color: #FFBEBE;
	font-size: var(--font25);
	font-weight: 400;
	line-height: 130%;
	margin-top: 15px;
}
.b_in01_2 dfn{
	color: #FFFFFF;
}
.b_in01_2 ul{
	display: grid;
	grid-template-columns: repeat(4,1fr);
	column-gap: 20px;
	max-width: 1495px;
	margin: 50px auto auto;
}
.b_in01_2 ul li{
	background: #1A1918;
	border: 1px solid #777777;
	padding: 45px 5%;
	text-align: center;
	border-radius: 30px;
}
.b_in01_2 ul li dfn{
	margin: 10px auto 0;
}
.b_in01_2 ul li h6{
	font-size: var(--font25);
	color: #CCACAC;
	font-weight: 400;
	margin-bottom: 15px;
}
.b_in01_2 ul li p{
	max-width: 290px;
	text-align: left;
	margin: 0 auto;
}
.b_in01_2 ul li section{
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	max-width: 272px;
	margin: 0 auto;
}
.b_in01_2 ul li a{
	display: block;
	background: linear-gradient(to right, #B6898E 0%,#4B328C 100%);
	width: 116px;
	color: #fff;
	border-radius: 5px;
	padding: 3px 5px;
	margin: 20px auto auto;
	border: 1px solid darkslateblue;
	transition: all .4s;
}
.b_in01_2 ul li section a{
	margin: 20px 0 0;
}
.b_in01_2 ul li a:hover{
	border: 1px solid #fff;
}

/*營區守則-注意事項*/
.nbg01 h6{
	color: #FFBEBE;
	font-size: var(--font25);
	font-weight: 400;
	line-height: 130%;
	margin-top: 15px;
}
.nbg01 dfn{
	color: #FFFFFF;
}
.nbg01 table{
	width: 100%;
	margin: 0 auto;
	color: #fff;
	border-collapse: separate;
	border-spacing: 0;
}
.nbg01 table td{
	border: 1px solid #FFBEBE;
	background: #1A1918;
	padding: 5px 10px;
}
.nbg01_1{
	text-align: center;
	padding: 100px 5% 200px;
}
.nbg01_1 h5{
	font-size: var(--font25);
	color: #CCACAD;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 400;
	margin-bottom: 35px;
}
.nbg01_1 h5 img{
	margin-right: 20px;
}
.nbg01_1 p{
	margin: 15px auto 35px;
}
.nbg01_1 table{
	max-width: 540px;
	text-align-last: left;
}
.nbg01_2 figure{
	text-align: center;
}
.nbg01_3{
	max-width: 975px;
	margin: 50px auto auto;
}
.nbg01_3 table{
	max-width: 430px;
}
.nbg01_3 section{
	width: 500px;
	margin-left: 3%;
	font-size: var(--font15);
}
.nbg01_3 section ul{
	margin-top: 15px;
}
.nbg01_3 section ul li{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}
.nbg01_3 section ul li:before{
	content: '';
	background: #FFBEBE;
	min-width: 15px;
	height: 15px;
	display: block;
	margin-right: 4px;
	margin-top: 9px;
	border-radius: 100%;
}

/*營區守則-QA*/
.qbg01{
	padding: 120px 3%;
}
.qbg01 ul{
	max-width: 1125px;
	margin: 0 auto;
}
.qbg01 ul li + li{
	margin-top: 65px;
}
.qbg01 ul li h5{
	font-weight: 400;
	border: 1px solid #BA8C8E;
	border-radius: 10px;
	padding: 10px 55px;
	margin-left: auto;
	font-size: var(--font25);
	position: relative;
	width: calc(100% - 30px);
	line-height: 150%;
}
.qbg01 ul li h5 b{
	position: absolute;
	width: 64px;
	height: 64px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 100%;
	background: linear-gradient(to right, #B6898E 0%,#4B328C 100%);
	font-weight: 100;
	font-family: "Saira", sans-serif;
	left: -30px;
	top: 50%;
	transform: translateY(-50%);
	font-size: var(--font35);
}
.qbg01 ul li dl{
	padding: 35px 10px 0;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}
.qbg01 ul li dd{
	color: #FFBEBE;
	font-size: var(--font35);
	font-family: "Saira", sans-serif;
	font-weight: 100;
	margin-right: 35px;
	line-height: 100%;
}
.qbg01 ul li dt{
	line-height: 150%;
}
.qbg01 ul li dt figure{
	flex-wrap: wrap;
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
}
.qbg01 ul li dt a{
	display: block;
	width: 142px;
	max-width: 100%;
	text-align: center;
	border: 1px solid #999999;
	padding: 5px;
	margin-top: 20px;
	border-radius: 7px;
	line-height: 150%;
	color: #fff;
}
.qbg01 ul li dt figure a{
	margin-right: 20px;
}
.qbg01 ul li dt figure a:last-child{
	margin-right: 0;
}
.qbg01 ul li dt a:hover{
	background: linear-gradient(to right, #B6898E 0%,#4B328C 100%);
}
.qbg01 ul li table{
	width: 100%;
    color: #fff;
    border-collapse: separate;
    border-spacing: 0;
}
.qbg01 ul li table td{
    border: 1px solid #FFBEBE;
    background: #1A1918;
    padding: 5px 10px;
}

/*後台-注意事項*/
.pre01{
	background: #1A1918;
	padding: 20px 3% 40px;
	margin: 20px auto 35px;
	font-size: var(--font15);
}
.pre01 h5{
	font-size: 18px;
	color: var(--colorP);
	font-weight: normal;
	border-bottom: 1px solid #555555;
	padding-bottom: 5px;
}
.pre01 h6{
	font-size: 20px;
	font-weight: normal;
	color: var(--colorP);
}
.pre01 table{
	width: 100%;
	max-width: 430px;
	margin: 10px 0 40px;
	border-collapse: separate;
	border-spacing: 0;
}
.pre01 table td{
	border: 1px solid var(--colorP);
	padding: 5px 10px;
}
.pre01 table tr td:first-child{
	white-space: nowrap;
}
.pre01 ul{
	margin-top: 20px;
}
.pre01 ul li{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}
.pre01 ul li:before{
	content: '';
	background: #FFBEBE;
	min-width: 15px;
	height: 15px;
	display: block;
	margin-right: 4px;
	margin-top: 9px;
	border-radius: 100%;
}

@media (max-width:1100px) {
/*index*/
.ibg01{padding-bottom: 200px;}
.ibg01 dl{flex-direction: column-reverse; width: 100%;}
.ibg01 dl dd{width: 90%;}
.ibg01 dl dt{margin: 0 auto; max-width: 90%;}
.ibg03_2{flex-direction: column; width: 90%; margin: 100px auto 40px;}
.ibg03_2 dt{padding: 0; margin: 70px auto auto;}
.ibg03_3{flex-direction: column-reverse; width: 100%;}
.ibg03_3 dt{padding: 70px 0; width: 90%;}
.ibg03_3 dd{width: 85%; margin-left: auto;}

/*營區守則-訂位須知*/
.b_in01_2,
.nbg01_2{padding: 250px 5% 150px;}
.b_in01_2 ul{grid-template-columns: 1fr 1fr; row-gap: 25px;}

/*營區守則-注意事項*/
.nbg01_3{flex-direction: column;}
.nbg01_3 section{margin: 50px auto auto;}
}


@media (max-width:768px) {
/* body.contact-page .content{ padding:0 15px 30px 15px;} */
/* body.remit-page .content{ padding:0 15px 30px 15px;} */

/*index*/
.ibg01{padding-bottom: 150px;}
.ibg03_4{flex-direction: column-reverse;}
.ibg03_4 dt{width: 90%; margin: 0 auto;}
.ibg03_4 dt ul{column-gap: 5px;}

/*營區守則-訂位須知*/
.b_in01_2,
.nbg01_2{padding: 200px 5% 100px;}
.b_in01_1{padding: 100px 0 150px; flex-direction: column;}
.b_in01_1 ol{width: 100%;}

/*營區守則-注意事項*/
.nbg01_1{padding: 100px 5% 150px;}

/*營區守則-QA*/
.qbg01{padding: 70px 5%;}

}

@media (max-width:600px) {
	/*營區守則-訂位須知*/
	.b_in01_2 ul{grid-template-columns: 1fr;}

}

@media (max-width:480px) {
	/*index*/
	.ibg01{padding-bottom: 100px;}
	.ibg03_3 dt{padding: 50px 0;}

	/*營區守則-訂位須知*/
	.b_in01_2,
	.nbg01_2{padding: 150px 5% 70px;}
	.b_in01_1{padding: 70px 0 100px;}
	.b_in01_1 table tr td:first-child{white-space: unset;}
	.b_in01_2 ul{row-gap: 15px;}

	/*營區守則-注意事項*/
	.nbg01_1{padding: 70px 5% 100px;}

	/*營區守則-QA*/
	.qbg01 ul li h5{padding: 10px 30px;}
	.qbg01 ul li h5 b{width: 50px; height: 50px;}
	.qbg01 ul li dd{margin-right: 10px;}
}

@media (max-width:400px) {
	/*index*/
	.ibg03_4 dt figure{justify-content: center;}
	.ibg03_4 dt ul{grid-template-columns: 1fr; row-gap: 8px;}

	/*營區守則-訂位須知*/
	.b_in01_1 h6{flex-direction: column;}
	.b_in01_1 h6 img{margin: 0 auto 15px;}

	/*營區守則-注意事項*/
	.nbg01_1 h5{flex-direction: column;}
	.nbg01_1 h5 img{margin: 0 auto 15px;}

	/*營區守則-QA*/
	.qbg01 ul li dl{padding-left: 0; flex-direction: column;}
	.qbg01 ul li dl dt{padding-right: 30px; margin-top: 10px;}
	.qbg01 ul li table td{padding: 5px;}

	/*後台-注意事項*/
	.pre01 table td{
		padding: 5px;
	}
}