.fadeIn{
	animation-name: fadeIn;
	-webkit-animation-name: fadeIn;	

	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		

	visibility: visible !important;	
}

@keyframes fadeIn {
	0% {
		transform: scale(0);
		opacity: 0.0;		
	}
	60% {
		transform: scale(1.1);	
	}
	80% {
		transform: scale(0.9);
		opacity: 1;	
	}	
	100% {
		transform: scale(1);
		opacity: 1;	
	}		
}

@-webkit-keyframes fadeIn {
	0% {
		-webkit-transform: scale(0);
		opacity: 0.0;		
	}
	60% {
		-webkit-transform: scale(1.1);
	}
	80% {
		-webkit-transform: scale(0.9);
		opacity: 1;	
	}	
	100% {
		-webkit-transform: scale(1);
		opacity: 1;	
	}		
}



/*----活動首頁------*/
.event_box{display: block; width: 100%; background-color:#ffebd0;background-image: url(/images/event/2023/sweethome/bg_01.png); background-size:cover;background-repeat: no-repeat;background-position: center top;padding:10px 50px 50px 50px; box-sizing: border-box;}
.top_visual{display:block;max-width: 1100px;height:550px;  background-image: url(/images/event/2023/sweethome/top_visual.png);background-repeat: no-repeat; margin: 0 auto;background-size:contain;}
.btn{display:inline-block;margin: 0 auto; height: 70px; font-size: 1.8em;font-weight: 500;border-radius: 50px;text-align: center; line-height: 70px; color: #fff;}
.btn_red{ display: block;width:25%; background-color:#8d3416;background: -moz-linear-gradient(top, #8d3416 2%, #610d09 100%, #610d09 101%); background: -webkit-linear-gradient(top, #8d3416 2%,#610d09 100%,#610d09 101%); background: linear-gradient(to bottom, #8d3416 2%,#610d09 100%,#610d09 101%);position: relative; top: -30px;}
.btn_green{width:20%; background: #8dab88; background: -moz-linear-gradient(top, #8dab88 0%, #658360 100%);background: -webkit-linear-gradient(top, #8dab88 0%,#658360 100%);background: linear-gradient(to bottom, #8dab88 0%,#658360 100%); }
.btn_orange{width:20%; background: #f59462;background: -moz-linear-gradient(top, #f59462 0%, #c66c3d 100%); background: -webkit-linear-gradient(top, #f59462 0%,#c66c3d 100%);background: linear-gradient(to bottom, #f59462 0%,#c66c3d 100%);}

.event_rule{display:block; max-width:1000px; height: 700px; margin: 0 auto; background-image:url(/images/event/2023/sweethome/papper.png);flex-wrap: wrap;color: #fff;  box-sizing: border-box;background-size: contain;padding: 85px;margin-top:30px;}
.event_rule div{display: flex;margin-bottom: 40px;flex-wrap: wrap;box-sizing: border-box;}
.event_rule h3{display:block; width:90px; height:90px; background-color: #362921;border-radius: 100%;font-size: 1.25em;padding:20px;box-sizing: border-box;line-height: 1.2em;text-align: center;border:3px solid #dfc9af; color: #dfc9af;margin-right: 20px;font-weight: 500;}
.event_rule p{display: block; font-size: 1.25em;margin-top: 10px;}
.event_rule div+div p{margin-top: 30px;}
.event_rule div ul{display: flex;flex-wrap: wrap;}
.event_rule div ul li{ width: 120px; margin: 0 10px;text-align:center;}
.event_rule div ul li img{border-radius:10px;}
.event_rule div ul li span{display: block;}
.notes {display: block; max-width:900px; margin: 0 auto; margin-top: 20px;}
.notes h3{font-size: 1.25em; font-weight: 500;}
.notes ul{list-style-type: decimal; list-style-position:outside; margin-left: 20px;}
.notes ul li{margin-bottom: 10px;}

/*----闖關頁------*/
.enter_box{display: block; background-color: #503d32;padding: 20px; box-sizing: border-box;color: #fff;text-align: center;padding-bottom: 50px; box-sizing: border-box;position: relative;}
.map , .slide_img{display: block; max-width: 1200px; height: 1100px;background-image: url(/images/event/2023/sweethome/map.png);margin: 0 auto;padding: 20px; box-sizing: border-box;position: relative;background-size: contain;background-repeat: no-repeat;}
strong{display: block; margin: 0 auto; font-size:3.75em; color: #610d09;text-align: center;  margin-top:80px;font-weight:600;}
.map h3{display: block;width: 30%; text-align: center;font-size: 1.25em;font-weight: 500;color:#503d32;position: relative;margin: 0 auto;margin-top: 30px;background-color:#e2ceab;}
.map h3:before , .map h3:after{content: "----------";display: block; height: 0; background-color:#503d32;position:absolute;top: 0;}
.map h3:before{left:0px;}
.map h3:after{right:0px;}
.map ul {display:flex;justify-content: center;flex-wrap: wrap;}
.map ul li{display: block; width:155px; height: 185px;text-align: center; font-size: 1.25em; color: #fff; padding-top:50px;box-sizing: border-box;margin:80px 20px;background-size: contain;background-repeat: no-repeat;}
.map ul li a{display: block; color: #fff; width:100%; height:100%;}
.map ul li.done{background-image: url(/images/event/2023/sweethome/stage_done.png);}
.map ul li.enter{background-image: url(/images/event/2023/sweethome/stage_enter.png);}
.map ul li.after_open{background-image: url(/images/event/2023/sweethome/stage.png);}
.map .margin_bottom{margin-top:120px;}
.enter_box em{font-size:2.25em;font-weight: 500;}
.enter_box p{font-size: 1.25em; font-weight: 500;}
.next_step a{margin: 50px 30px;}

/*----尋寶頁------*/
.slide_img{display: flex;background-image: url(/images/event/2023/sweethome/slide_map.png); justify-content: center;flex-wrap: wrap;height: 800px;position: relative;}
.slide_img a{display: block;width:60px; height:60px;border:3px solid #503d32;border-radius: 100%;font-size:1.6em; line-height: 60px;color: #503d32;position:absolute;top:50%;margin-top: -50px;}
.slide_img .slide_left{ left:80px;}
.slide_img .slide_right{right:80px;}
.slide_img a:hover{background-color: #503d32; color: #fff; }
.view_img {
	width: 75%;
	margin: 80px 10px 80px 10px;
	height: auto;
	position: relative;
}
	.view_img img {
		/*width: 100%;*/
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		margin: 0 auto;
		/*width: auto;
		height: 100%;*/
		max-width: 100%;
		max-height: 100%;
	}

/*----popup------*/
.pop_up{position: absolute; background-color: rgba(0,0,0,.8);z-index: 5;width: 100%;height:100vh; top: 0; left: 0; z-index:101;}
.pop_up .info{display: block; width: 250px; margin: 0 auto;background-color: #fff;border-radius: 30px;margin-top: 150px;text-align: center;padding: 20px 0;box-sizing: border-box;position: relative;color: #503d32;}
.pop_up .info span{display: block;font-size: 1.25em; font-weight: 500; margin-top:80px;}
.info  em{display: block; font-size: 2.25em;font-weight: 600; line-height: 1.2em;margin-top:10px;}
.info img{display: block; width: 150px; height: 150px; position:absolute; top:-55px;left:45px;}
.info a{display: block; width: 180px; height: 50px; line-height: 50px; background-color:#8d3416;background: -moz-linear-gradient(top, #8d3416 2%, #610d09 100%, #610d09 101%); background: -webkit-linear-gradient(top, #8d3416 2%,#610d09 100%,#610d09 101%); background: linear-gradient(to bottom, #8d3416 2%,#610d09 100%,#610d09 101%);margin: 0 auto; border-radius: 30px;color: #fff; font-size: 1.25em;font-weight: 500;margin-top: 30px;}


@media (min-width:320px) and (max-width:1100px) {
	/*----活動首頁------*/
	.IsWeb .container.content{padding-top: 0;}
	.event_box{padding-top: 50px;}
	.top_visual{height:470px;}
	.btn_red{ width:50%;}	
	.event_rule{height:720px;}
	.event_rule div{display: block;text-align: center;background-color:#503d32; }
	.event_rule div+div p{margin-top:10px;}
	.event_rule h3{display: block; height: 50px;width: 180px; border-radius: 30px;line-height:0px; margin: 0 auto;}
	.event_rule div ul{margin-top: 20px;padding-bottom: 10px;justify-content: center;}
	
	/*----闖關頁------*/
	.map{height:950px;margin-top: 50px;}
	.map ul li{margin:40px 20px;}
	.map .margin_bottom{margin-top:100px;}
	
	/*----尋寶頁------*/	
	.slide_img{margin-top: 30px;height:680px;}
	.slide_img .slide_left{ left:50px;}
    .slide_img .slide_right{right:50px;}
	
}



@media (min-width:320px) and (max-width:876px) {
	/*----活動首頁------*/
	.event_box{padding:50px 20px;}
	.top_visual{height:400px;}
	.event_rule{height:950px;margin-top: 0;}
	.btn_red{ width:50%;height:50px; line-height: 50px;font-size: 1.4em; }	
	.event_rule div ul li{margin-bottom: 20px;}
	
	/*----闖關頁------*/
	strong{font-size: 3em;margin-top: 30px;}
	.map{height:720px;}	
	.map ul li{margin:5px;}
   	.map h3:before{left:-40px;}
    .map h3:after{right:-40px;}
	.map .margin_bottom{margin-top:40px;}
	.btn_green , .btn_orange{width: 40%; }
	.next_step a{ margin:1em;}
		
	/*----尋寶頁------*/
	.slide_img{margin-top: 30px;height:540px;}
	.view_img {margin-top:50px;}
	.slide_img .slide_left{ left:35px;}
    .slide_img .slide_right{right:35px;}
}


@media (min-width:320px) and (max-width:768px) {	
	/*----活動首頁------*/
	.top_visual{height:420px;  background-image: url(/images/event/2023/sweethome/top_visual_640.png);margin-top:20px;}
	.event_rule{height: auto;  background-image:none;background-color:#503d32;border-radius:30px;padding:30px;margin-top:20px;}
	.event_rule h3{margin-top: 40px;}
	
	/*----闖關頁------*/
	.enter_box{padding: 0 20px;}
	.map{height:680px;}
	strong{font-size:2.5em;}
	.map h3{margin-top:10px;}
	.map h3:before{left:-60px;}
    .map h3:after{right:-60px;}
	.map ul li{width: 120px;height: 143px;font-size: 1em;padding-top:30px;}
	.map ul li.done{padding-top:40px;}
	.map .margin_bottom{margin-top:25px;}
	.next_step .btn{font-size: 1.4em;height:50px; line-height: 50px;}
	.next_step a{margin: 30px;}
	
	/*----尋寶頁------*/	
	.slide_img{height:400px;}
	.slide_img a{width: 50px; height: 50px;line-height: 50px;margin-top: -20px;}
	
}

@media (min-width:320px) and (max-width:480px) {
	.top_visual{height:320px;}	
	.btn_red{ width:60%;}
	
	.map{height:750px;background-image:url(/images/event/2023/sweethome/map_480.png);}
	 strong{font-size:2em;}
	.map h3:before{left:-90px;}
    .map h3:after{right:-90px;}	
	.map ul {margin-top: 20px;}
	.map ul li{display: inline-block;}
	.map .margin_bottom {margin-top: 0;}
	.btn_green , .btn_orange{width:70%;}
	.next_step a+a{margin-top:0px;}
	
	/*----尋寶頁------*/
 
	.slide_img{height:300px;}
	.view_img {margin-top:30px;width:70%;}
	.slide_img a{width:35px; height:35px;line-height:35px;margin-top:-30px}
	
}

@media (min-width:320px) and (max-width:430px) {
	.top_visual{height:290px;}	
	.btn_red{ width:70%;}
    
	.map{height:850px;background-image:url(/images/event/2023/sweethome/map_412.png);}
	
	/*----尋寶頁------*/
	.slide_img{margin-top:0px;}
	.slide_img{background-image: none;height: 250px;}
	.slide_img a{color: #e2ceab;border-color: #e2ceab;}
	.view_img {margin:0; margin-top:20px;width:85%;}
	.slide_img a{margin-top: -15px;}
	.slide_img .slide_left{ left:-10px;}
    .slide_img .slide_right{right:-10px;}


}

@media (min-width:320px) and (max-width:375px) {
	.top_visual{height:250px;}		
	.event_rule{margin-top: 0;}
	
	
	.map{height:820px;background-image:url(/images/event/2023/sweethome/map_375.png);margin-top:15px;}
	 strong{margin-top:10px;}
	.map ul{margin-top: 0;}
	.enter_box em{font-size: 1.875em;}
	.btn_green , .btn_orange{width:80%;}
	.map h3:before{left:-80px;}
    .map h3:after{right:-80px;}
	
	/*----尋寶頁------*/
	.slide_img{background-image: none;height: 220px;}
}

@media (min-width:320px) and (max-width:340px) {
	.top_visual{height:220px;}	
	
	strong{font-size:1.625em;}
	.map{height:1250px;background-image:url(/images/event/2023/sweethome/map_320.png);}
	.map h3{font-size: 1em;}
	
	/*----尋寶頁------*/
	.slide_img{background-image: none;height: 180px;}
}