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

@keyframes shake{
	25%{transform: rotate(-3deg);}
	75%{transform: rotate(3deg);}
}
@keyframes leri01{
	50%{transform: translateX(-10px);}
}
@keyframes leri02{
	50%{transform: translateX(10px);}
}

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

.box_container {width:100%; max-width:2000px;  font-family: "LXGW WenKai Mono TC", monospace; font-size:var(--f18); letter-spacing: 1px; color:#333; border:0; text-decoration:none; overflow:hidden; background:#FAF4EF; 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:200%;}
.box_container a{text-decoration:none; color: inherit;}
.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; }

.content_flex{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

/*all bg*/

/*all banner*/
.mainPagePic {}
/* .mainPagePic h2 {display:none; } */
@media (max-width:768px) {
}
	
/*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('../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; */
}
/* ////////////////////////////////////////// */
/* ////////////////////////////////////////// */
/* ////////////////////////////////////////// */
/* ////////////////////////////////////////// */