*{
	margin:0;
	padding:0;
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

html,body{
	width:100%;
	background: url("img-bg-ll03.png");
	background-color:#d6d6d6;
}

#korae_promotion{
	min-width:320px;
	max-width:1920px;
	margin:0 auto;
	overflow:hidden;
	background-color:#FFF;
	position:relative;
}


/* ==================== 逐漸出現動畫效果 ==================== */

.fadein {
  opacity : 0;
  transform: translateY(20px);
  transition: all 1s;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/*==================================== 主視覺 ====================================*/ 

#korae_promotion .pull-tour{
	width: 4%;
	height:auto;
	position: absolute;
	top: 250px;
	right: 0;
	z-index: 80;
	
}

#korae_promotion .pull-tour a.btn-pulltour{
	display: block;
	width: 100%;
	height: 0;
	padding-bottom: 306.666667%;
	text-indent: -9999px;
	background: url("img_btn_pulltour.png") no-repeat left top;
	background-size: 100%;
	cursor: pointer;
}

#korae_promotion .pull-tour a.btn-pulltour:hover{
	background: url("img_btn_pulltour02.png") no-repeat left top;
	background-size: 100%;
	
}

#korae_promotion .main_top{
	width:100%;	
	height: 0;
	padding-bottom: 52%;
	position:relative;
	background: url("img_top_bk.png") no-repeat left top,url("img-bk001.png");
	background-size: 100%, auto;
	background-position: left top, left top;
	
}



#korae_promotion .kto_logo{
	width: 15%;
	height: 0;
	padding-bottom: 5.9%;
	background: url("img_kto_logo.png") no-repeat left top;
	background-size: 100%;
	position: absolute;
	right: 20px;
	top:10px;
	z-index: 50;
	
}

#korae_promotion h1{
	width:36.5%;
	height: 0;
	padding-bottom: 27.1143%;
	text-indent: -9999px;
	background: url("img_maintitle.png") no-repeat left top;
	background-size: 100%;
	position: absolute;
	left: 0;
	right: 0;
	top:3.5vw;
	margin: 0 auto;
	z-index: 50;
}

#korae_promotion .scroll{
	width: 20%;
	height: 0;
	padding-bottom: 9%;
	background: url("img_scroll_downl.png") no-repeat left top;
	background-size: 100%;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 66;
	bottom: 30px;
}

#korae_promotion .dec_top_under{
	width:100%;
	height:0;
	padding-bottom:13.021%;
	background:url(img_dec_top_under.png) no-repeat left bottom;
	background-size:100%;
	position:absolute;
	left:0;
	bottom:-5px;
	z-index:60;
}

#korae_promotion .top-content{
	animation:backopen 5s 1;
	-moz-animation:backopen 5s 1;
	-webkit-animation:backopen 5s 1;
	
}

@keyframes backopen{
	from{filter: opacity(0);}
	to{filter: opacity(1);}
}

#korae_promotion .swiper{
     width: 100%;
     padding: 50px 0;
}
        
#korae_promotion .swiper-wrapper{
     transition-timing-function: linear;
}
        
#korae_promotion .swiper-slide{
    margin: 1%;
	       
}

#korae_promotion .swiper-slide img{
    width: 100%;
    height: auto;
    display: block;
	border:#ccc 1px solid;
}



/*==================================== 選單 ====================================*/ 

#korae_promotion nav{
	width:80%;
	margin: 20px auto 100px auto;
	text-align: center;
}

#korae_promotion nav a{
	display: inline-block;
	vertical-align: top;
	width: 19%;
	height: 0;
	padding-bottom: 8%;
	/*padding-bottom: 13.02%;*/
	text-indent: -9999px;
	text-align: center;
	cursor: pointer;
	margin: 5px 0;
	border-left: #333 3px dotted;
}

#korae_promotion nav a.spot_btn04{
	border-right: #333 3px dotted;
}

#korae_promotion nav a span{
	display:block;
	width: 84%;
	height: 0;
	padding-bottom: 62.307%;
	margin: 0 auto;
}

#korae_promotion nav a.spot_btn01 span{
	background: url("img_btn_0101.png") no-repeat left top;
	background-size: 100%;
}

#korae_promotion nav a.spot_btn02 span{
	background: url("img_btn_0201.png") no-repeat left top;
	background-size: 100%;
	
}

#korae_promotion nav a.spot_btn03 span{
	background: url("img_btn_0301.png") no-repeat left top;
	background-size: 100%;
	
}

#korae_promotion nav a.spot_btn04 span{
	background: url("img_btn_0401.png") no-repeat left top;
	background-size: 100%;
	
}

#korae_promotion nav a.spot_btn05 span{
	background: url("img_btn_0501.png") no-repeat left top;
	background-size: 100%;
	
}

#korae_promotion nav a.spot_btn01:hover span{
	background: url("img_btn_0102.png") no-repeat left top;
	background-size: 100%;
	
}

#korae_promotion nav a.spot_btn02:hover span{
	background: url("img_btn_0202.png") no-repeat left top;
	background-size: 100%;
	
}

#korae_promotion nav a.spot_btn03:hover span{
	background: url("img_btn_0302.png") no-repeat left top;
	background-size: 100%;
	
}

#korae_promotion nav a.spot_btn04:hover span{
	background: url("img_btn_0402.png") no-repeat left top;
	background-size: 100%;
	
}

#korae_promotion nav a.spot_btn05:hover span{
	background: url("img_btn_0502.png") no-repeat left top;
	background-size: 100%;
	
}


/*==================================== 景點介紹 ====================================*/

#korae_promotion .area_content,
#korae_promotion .tours_content{
	width: 100%;
	margin: 0 auto;
}

#korae_promotion .area_content{
	padding-bottom: 50px;
}

#korae_promotion .tours_content{
	background-color: #eee;
	padding: 30px 0 50px;
}


#korae_promotion .area_content h2,
#korae_promotion .tours_content h2{
	width: 45%;
	height: 0;
	padding-bottom: 7.5%;
	
	margin: 30px auto;
	text-indent: -9999px;
}

#korae_promotion .area_content h2{
	background: url("img_tt_01.png") no-repeat left top;
	background-size: 100%;

}

#korae_promotion .tours_content h2{
	background: url("img_tt_02.png") no-repeat left top;
	background-size: 100%;

}

#korae_promotion .tours_content h2.t03{
	background: url("img_tt_03.png") no-repeat left top;
	background-size: 100%;

}

#korae_promotion .tours_content h2.t04{
	background: url("img_tt_04.png") no-repeat left top;
	background-size: 100%;

}

#korae_promotion .spot_area{
	width: 100%;
	height: 0;
	padding-bottom: 50%;
	padding-top: 80px;
}

#korae_promotion .area001{
	background: url("img_roadBk_l01.jpg") no-repeat left top, 
		        url("img_roadBk_r01.jpg") no-repeat right top ;
	background-size: 33.8542%, 37.5%;
	background-position: left, right;
	
}

#korae_promotion .area002{
	background: url("img_roadBk_l02.jpg") no-repeat left top, 
		        url("img_roadBk_r02.jpg") no-repeat right top ;
	background-size: 33.8542%, 37.5%;
	background-position: left, right;
	
}

#korae_promotion .area003{
	background: url("img_roadBk_l03.jpg") no-repeat left top, 
		        url("img_roadBk_r03.jpg") no-repeat right top ;
	background-size: 33.8542%, 37.5%;
	background-position: left, right;
	
}

#korae_promotion .area004{
	background: url("img_roadBk_l04.jpg") no-repeat left top, 
		        url("img_roadBk_r04.jpg") no-repeat right top ;
	background-size: 33.8542%, 37.5%;
	background-position: left, right;
	
}

#korae_promotion .area004-2{
	background: url("img_roadBk_l04-2.jpg") no-repeat left top, 
		        url("img_roadBk_r04-2.jpg") no-repeat right top ;
	background-size: 33.8542%, 37.5%;
	background-position: left, right;
	
}

#korae_promotion .area004-3{
	background: url("img_roadBk_l04-3.jpg") no-repeat left top, 
		        url("img_roadBk_r04-3.jpg") no-repeat right top ;
	background-size: 33.8542%, 37.5%;
	background-position: left, right;
	
}

#korae_promotion .area005{
	background: url("img_roadBk_l05.jpg") no-repeat left top, 
		        url("img_roadBk_r05.jpg") no-repeat right top ;
	background-size: 33.8542%, 37.5%;
	background-position: left, right;
	
}

#korae_promotion .area005-2{
	background: url("img_roadBk_l05-2.jpg") no-repeat left top, 
		        url("img_roadBk_r05-2.jpg") no-repeat right top ;
	background-size: 33.8542%, 37.5%;
	background-position: left, right;
	
}

#korae_promotion .area005-3{
	background: url("img_roadBk_l05-3.jpg") no-repeat left top, 
		        url("img_roadBk_r05-3.jpg") no-repeat right top ;
	background-size: 33.8542%, 37.5%;
	background-position: left, right;
	
}

#korae_promotion .spot_area .road_content{
	width: 62.5%;
	margin: 0 auto;
	position: relative;
	
}

#korae_promotion .road_content a.goto_button{
	display: block;
	width: 22.5%;
	height: 0;
	padding-bottom: 22.5%;
	position: absolute;
	right: 20px;
	bottom: -15px;
	z-index: 30;
	text-indent: -9999px;
	-webkit-filter: drop-shadow(10px 35px 25px rgba(0, 0, 0, 0.4));
	filter: drop-shadow(10px 35px 25px rgba(0, 0, 0, 0.4));
	transition: all .3s linear;
}

#korae_promotion .road_content a.goto_button:hover{
	bottom: 10px;
}

#korae_promotion .road01 a.goto_button{
	background: url("img_button_01.png") no-repeat left top ;
	background-size: 100%;
}

#korae_promotion .road02 a.goto_button{
	background: url("img_button_02.png") no-repeat left top ;
	background-size: 100%;
}

#korae_promotion .road03 a.goto_button{
	background: url("img_button_03.png") no-repeat left top ;
	background-size: 100%;
}

#korae_promotion .road04 a.goto_button{
	background: url("img_button_04.png") no-repeat left top ;
	background-size: 100%;
}

#korae_promotion .road05 a.goto_button{
	background: url("img_button_05.png") no-repeat left top ;
	background-size: 100%;
}

#korae_promotion .road_content .road_pic{
	width: 100%;
	height: 0;
	padding-bottom: 58.333%;
	text-indent: -9999px;
}

#korae_promotion .road01 .road_pic{
	background: url("img_road01_mian_pic.png") no-repeat left top ;
	background-size: 100%;
}

#korae_promotion .road02 .road_pic{
	background: url("img_road02_mian_pic.png") no-repeat left top ;
	background-size: 100%;
}

#korae_promotion .road03 .road_pic{
	background: url("img_road03_mian_pic.png") no-repeat left top ;
	background-size: 100%;
}

#korae_promotion .road04 .road_pic{
	background: url("img_road04_mian_pic.png") no-repeat left top ;
	background-size: 100%;
}

#korae_promotion .road04-2 .road_pic{
	background: url("img_road04-2_mian_pic.png") no-repeat left top ;
	background-size: 100%;
}

#korae_promotion .road04-3 .road_pic{
	background: url("img_road04-3_mian_pic.png") no-repeat left top ;
	background-size: 100%;
}

#korae_promotion .road05 .road_pic{
	background: url("img_road05_mian_pic.png") no-repeat left top ;
	background-size: 100%;
}

#korae_promotion .road05-2 .road_pic{
	background: url("img_road05-2_mian_pic.png") no-repeat left top ;
	background-size: 100%;
}

#korae_promotion .road05-3 .road_pic{
	background: url("img_road05-3_mian_pic.png") no-repeat left top ;
	background-size: 100%;
}

#korae_promotion .road_content .road_txt{
	width: 100%;
	height: 0;
	padding:2% 12% 16.667% 12%;
}

#korae_promotion .road_content .road_txt p{
	
}

#korae_promotion .road_content .road_intro p{
	font-size: 2vw;
	font-weight: 800;
	line-height: 2.5vw;
	color: #000;
	padding-bottom: 10px;
}

#korae_promotion .road_content .road_spot p{
	font-size: 1.2vw;
	font-weight: 800;
	line-height: 2vw;
	color:#666;
	text-align: justify;
	
}


/*==================================== 推薦行程 ====================================*/

#korae_promotion .tours_content{
	width: 100%;
	background: url("img_tourBk.jpg") ;
}

#korae_promotion .tours-list{
	width: 1200px;
	margin: 0 auto;
	text-align: center;
	
}

#korae_promotion .tours-list a.tourbox{
	display: inline-block;
	vertical-align: top;
	width: 29%;
	min-height:480px;/* 450px;*/
	margin: 0 1.2% 30px;
	padding: 10px;
	color: #333;
	background-color: #fff;
	position: relative;
}

#korae_promotion .tours-list a.tourbox .sticker{
	display:none;
	width: 22%;
	position: absolute;
	top: 15px;
	left: 15px;
}

#korae_promotion .tours-list a.tourbox img, 
#korae_promotion .tours-list a.tourbox .sticker img{
	width: 100%;
	height: auto;
	display: block;
	aspect-ratio: 1.5/1;
}

#korae_promotion .tours-list a.tourbox h4{
	width: 100%;
	font-size: 28px;
	line-height: 30px;
	color: #003a94;
	font-weight: 600;
	margin: 10px auto;
}

#korae_promotion .tours-list a.tourbox p{
	font-size: 16px;
	line-height: 28px;
	text-align: left;
	margin-bottom: 15px;
}

#korae_promotion a.tourbox .offer{
	font-size: 20px;
	font-weight: 600;
	color: #C50307;
	border: #C50307 1px dotted;
	margin-bottom: 10px;
}

#korae_promotion a.tourbox:hover .moreto{
	background-color: #ff251a;
}

#korae_promotion a.tourbox .moreto{
	width: 90%;
	height: 40px;
	font-size: 18px;
	line-height: 40px;
	color: #fff;
	border-radius: 5px;
	background: url("img-fancybox-bk.png");
	background-color: #999;
	position: absolute;
	bottom:10px;
	left:0;
	right:0;
	margin: 0 auto;
}

#korae_promotion a .button:hover{
	background-color: #999;
}

#korae_promotion a .button{
	width:38%;
	line-height:80px;
	font-size:22px;
	color:#fff;
	text-align:center;
	border-radius:10px;
	background: url("img-fancybox-bk.png");
	background-color:#ff251a;
	margin:2.5% auto;
}




/*=============================== 聲明和對外連結 ===============================*/


#korae_promotion .other_link{
	width: 100%;
	background-color: #eee;
	padding: 50px 0;
	text-align: center;
}

#korae_promotion .other_link .web{
	width:30%;
	display:inline-block;
	background-color:#eee;
	padding: 0;
	text-align: center;
}

#korae_promotion .other_link .QR{
	width: 30%;
	display: inline-block;
	background-color: #eee;
	padding: 0;
	text-align: center;
}

#korae_promotion .web a{
	display: block;
	width: 90%;
	height: 0;
	padding-bottom: 70%;
	text-indent: -9999px;
	background: url("img_super.png") no-repeat left top;
	background-size: 100%;
	opacity: 1;
	margin: 0 auto;
}

#korae_promotion .QR a{
	display: block;
	width: 60%;
	height: 0;
	padding-bottom: 100%;
	text-indent: -9999px;
	background: url("img_QRcode.jpg") no-repeat left top;
	background-size: 100%;
	opacity: 1;
	margin: 0 auto;
}

#korae_promotion .other_link a:hover{
	opacity: 0.7;
}

#korae_promotion .other_link .notice_txt{
	font-size: 16px;
	line-height: 28px;
	padding: 30px 15px;
	
}


/*==================================== 底 ====================================*/


#korae_promotion footer{
	width:100%;
	height:0;
	padding-bottom: 40%;
	text-align: center;
	position: relative;
	background: url("img_footerBK.jpg") no-repeat left top;
	background-size: 100%;
	background-position: center bottom;
	background-color: #eee;
	
}

#korae_promotion footer p{
	display: block;
	width: 100%;
	height: 40px;
	margin: 0 auto;
	color: #fff;
	font-size: 18px;
	line-height: 40px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	background: url("img-fancybox-bk.png");
	background-color: #000;
	
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}

/*==================================== 【RWD尺寸開始】 ====================================*/

@media screen and (max-width: 1280px){
	
	#korae_promotion h1 {
		width: 45%;
		height: 0;
		padding-bottom: 33.435%;
		top: 10px;
	}
	
	#korae_promotion .scroll {
		bottom: 0px;
	}
	
	#korae_promotion nav{
		width: 90%;
	}
	
	#korae_promotion .road_content .road_intro p{
		font-size: 30px;
		line-height: 34px;
	}
	
	#korae_promotion .road_content .road_spot p{
		font-size: 18px;
		line-height: 28px;
	}
	
	#korae_promotion .spot_area{
		padding-bottom: 60%;
	}
	
	#korae_promotion footer p {
		font-size: 16px;
	}
	
}

@media screen and (max-width: 1199px){
	#korae_promotion .tours-list{
		width:100%;
	}

	#korae_promotion a .button{
		width:50%;
	}	
}


@media screen and (max-width: 1024px){
	
	#korae_promotion .pull-tour {
		width: 5.5%;
	}
	
	#korae_promotion .area_content h2, 
	#korae_promotion .tours_content h2 {
    	width: 55%;
    	height: 0;
    	padding-bottom: 8.5%;
		margin: 20px auto;
	}
	
	#korae_promotion nav a{
		width: 20%;
		height: 0;
		padding-bottom: 10%;
	}
	
	#korae_promotion .area001{
		background-position: left, 105%;
	}
	
	#korae_promotion .area002{
		background-position: -8%, right;
	}
	
	#korae_promotion .area003{
		background-position: left, 105%;
	}
	
	#korae_promotion .area004{
		background-position: -8%, right;
	}
	
	#korae_promotion .area004-2{
		background-position: left, 105%;
	}
	
	#korae_promotion .area004-3{
		background-position: -8%, right;
	}
	
	#korae_promotion .area005{
		background-position: left, 102%;
	}
	
	#korae_promotion .area005-2{
		background-position: -8%, right;
	}
	
	#korae_promotion .area005-3{
		background-position: left, 102%;
	}
	
	#korae_promotion .road_content a.goto_button{
		-webkit-filter: drop-shadow(10px 20px 20px rgba(0, 0, 0, 0.4));
		filter: drop-shadow(10px 20px 20px rgba(0, 0, 0, 0.4));
	}
	
	#korae_promotion .tours-list a.tourbox{
		width: 32%;
	}
}



@media screen and (max-width: 768px){ /*---- 平版調整 -----*/
	
	#korae_promotion .main_top{
		width: 100%;
		height: 0;
		padding-bottom: 122%;
		position: relative;

	}
	
	
	#korae_promotion .top-content .slider_container {
		display:none;
	
	}
	
	#korae_promotion .top-content .slider_container-mobile{
		display:block;
		width:100%;
		height:auto;
		position:relative;
		
		opacity:0;
		
		animation-name:toppic-m;
		animation-fill-mode:forwards;
		animation-duration:2s;
	}
	
	@keyframes toppic-m{
			
		from{
			opacity:0;
		}
		to{ 
			opacity:1;
		}
		
		
	}
	
	#korae_promotion .top-content .slider_container-mobile div { /* -- 圖片輪播部分 -- */
		width:100%;
		height:auto;
		overflow:hidden;
		
		position: absolute;
		top: 0;
		left: 0;
		opacity: 0;
		filter: alpha(opacity=0);
		
		-webkit-animation: round 30s linear infinite;
				animation: round 30s linear infinite;
	}
	
	
	
	@-webkit-keyframes round { /* 100%/30s=3.333333333%/1s */
		3.333333333% {
			opacity: 1;
			filter: alpha(opacity=100);
			/* 0 - 1秒 淡入*/
		}
		16.6666666667% {
			opacity: 1;
			filter: alpha(opacity=100);
			/* 1- 5秒靜止*/
		}
		20% {
			opacity: 0;
			filter: alpha(opacity=0);
			/* 5-6秒淡出*/
		}
	}
	@keyframes round {
		3.33333333% {
			opacity: 1;
			filter: alpha(opacity=100);
			/* 0 - 1秒 淡入*/
		}
		16.6666667% {
			opacity: 1;
			filter: alpha(opacity=100);
			/* 1- 5秒靜止*/
		}
		20% {
			opacity: 0;
			filter: alpha(opacity=0);
			/* 5-6秒淡出*/
		}
	}
	
	#korae_promotion .top-content .slider_container-mobile div:nth-child(1){
		-webkit-animation-delay: 0s;
				animation-delay: 0s;
	}
	
	#korae_promotion .top-content .slider_container-mobile div:nth-child(2){
		-webkit-animation-delay: 5s;
				animation-delay: 5s;
	}
	
	#korae_promotion .top-content .slider_container-mobile div:nth-child(3){
		-webkit-animation-delay: 10s;
				animation-delay: 10s;
	}
	
	#korae_promotion .top-content .slider_container-mobile div:nth-child(4){
		-webkit-animation-delay: 15s;
				animation-delay: 15s;
	}
	
	#korae_promotion .top-content .slider_container-mobile div:nth-child(5){
		-webkit-animation-delay: 20s;
				animation-delay: 20s;
	}
	
	#korae_promotion .top-content .slider_container-mobile div:nth-child(6){
		-webkit-animation-delay: 25s;
				animation-delay: 25s;
	}
	
	#korae_promotion .top-content .slider_container-mobile div img{
		width:100%;
		height:auto;
	}

	
	#korae_promotion nav{
		margin:0 auto;
	}
	
	#korae_promotion .kto_logo {
		width: 22%;
		height: 0;
		padding-bottom: 8.5%;
	}

	#korae_promotion h1{
		width:80%;
		height: 0;
		padding-bottom: 74.3%;
		top: 6vw;
	}
	
	#korae_promotion .swiper {
		width: 100%;
		padding: 65% 0 50px;
	}
	
	#korae_promotion .scroll{
		width: 40%;
		height: 0;
		padding-bottom: 18%;
	}

	/*==================================== 選單 ====================================*/ 
	
	#korae_promotion nav{
		width: 95%;
		padding-top: 20px;
	}
	
	#korae_promotion nav a{
		width: 22%;
		height: 0;
		padding-bottom: 18%;
		margin: 5px 0%;
		border-left: #333 2px dotted;
	}
	
	#korae_promotion nav a span{
		padding-bottom: 100%;
	}
	
	#korae_promotion nav a.spot_btn04{
		border-right: #333 2px dotted;
	}
	
	#korae_promotion nav a.spot_btn01 span{
		background: url("img_btn_0101_s.png") no-repeat left top;
		background-size: 100%;

	}

	#korae_promotion nav a.spot_btn02 span{
		background: url("img_btn_0201_s.png") no-repeat left top;
		background-size: 100%;

	}

	#korae_promotion nav a.spot_btn03 span{
		background: url("img_btn_0301_s.png") no-repeat left top;
		background-size: 100%;

	}

	#korae_promotion nav a.spot_btn04 span{
		background: url("img_btn_0401_s.png") no-repeat left top;
		background-size: 100%;

	}
	
	#korae_promotion nav a.spot_btn05 span{
		background: url("img_btn_0501_s.png") no-repeat left top;
		background-size: 100%;

	}


	#korae_promotion nav a.spot_btn01:hover span{
		background: url("img_btn_0102_s.png") no-repeat left top;
		background-size: 100%;

	}

	#korae_promotion nav a.spot_btn02:hover span{
		background: url("img_btn_0202_s.png") no-repeat left top;
		background-size: 100%;

	}

	#korae_promotion nav a.spot_btn03:hover span{
		background: url("img_btn_0302_s.png") no-repeat left top;
		background-size: 100%;

	}

	#korae_promotion nav a.spot_btn04:hover span{
		background: url("img_btn_0402_s.png") no-repeat left top;
		background-size: 100%;
	}
	
	#korae_promotion nav a.spot_btn05:hover span{
		background: url("img_btn_0502_s.png") no-repeat left top;
		background-size: 100%;
	}
	
	/*==================================== 路線 ====================================*/ 
	
	
	#korae_promotion .area_content h2, #korae_promotion .tours_content h2 {
		width: 65%;
		height: 0;
		padding-bottom: 10%;
	}
	
	
	#korae_promotion .spot_area{
		padding-bottom: 80%;
		padding-top:50px;
	}
	#korae_promotion .spot_area .road_content{
		width: 90%;
	}
	
	#korae_promotion .spot_area .road01{
		margin-left:8%;
	}
	
	#korae_promotion .spot_area .road02{
		margin-right:8%;
	}
	
	#korae_promotion .spot_area .road03{
		margin-left:8%;
	}
	
	#korae_promotion .spot_area .road04{
		margin-right:8%;
	}
	
	#korae_promotion .spot_area .road05{
		margin-left:8%;
	}
	
	#korae_promotion .area001{
		background-position: -10%, 200%;
	}
	
	#korae_promotion .area002{
		background-position: -100%, 110%;
	}
	
	#korae_promotion .area003{
		background-position: -10%, 200%;
	}
	
	#korae_promotion .area004{
		background-position: -100%, 115%;
	}
	
	#korae_promotion .area004-2{
		background-position: -10%, 200%;
	}
	
	#korae_promotion .area004-3{
		background-position: -100%, 115%;
	}
	
	#korae_promotion .area005{
		background-position: -13%, 200%;
	}
	
	#korae_promotion .area005-2{
		background-position: -100%, 115%;
	}
	
	#korae_promotion .area005-3{
		background-position: -13%, 200%;
	}
	
	#korae_promotion .road_content .road_txt{
		padding-top: 10px;
	}
	
	#korae_promotion .road_content a.goto_button{
		bottom: -20px;
		-webkit-filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.4));
        filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.4));

	}
	
	#korae_promotion .road_content a.goto_button:hover{
		bottom: -20px;
	}
	
	/*==================================== 推薦行程 ====================================*/
	
	
	#korae_promotion .tours-list a.tourbox {
		width: 40%;
	}
	
	#korae_promotion .tours-list a.tourbox h4{
		font-size: 24px; 
	}
	
	#korae_promotion a.tourbox .offer{
		font-size: 18px;
	}
	
	#korae_promotion .tours-list a.tourbox p {
    	font-size: 15px;
		line-height: 24px;
	}

	#korae_promotion a .button{
		width:60%;
	}	
	
	#korae_promotion .other_link{
		padding: 20px 0;
	}
	
	#korae_promotion .other_link a {
		width: 45%;
		height: 0;
		padding-bottom: 35%;
	}
	

	
	
	
	/*==================================== 底 ====================================*/ 
	
	#korae_promotion footer{
		padding-bottom: 45%;
		background-size: 130%;
	}
	
	#korae_promotion footer p{
		font-size: 13px;
	}
	
	
}


@media screen and (max-width: 640px){ 
	
	#korae_promotion .area_content h2, 
	#korae_promotion .tours_content h2 {
		width: 100%;
		height: 0;
		padding-bottom: 17%;
	}
	
	#korae_promotion .spot_area {
		padding-bottom: 90%;
	}
	
	#korae_promotion .road_content .road_txt {
		width: 100%;
		height: 0;
		padding: 2% 5% 15% 12%;
	}

	#korae_promotion a .button{
		width:80%;
	}


}

@media screen and (max-width: 480px){ /*---- 手機版調整 -----*/
	
	#korae_promotion .kto_logo {
		width: 30%;
		height: 0;
		padding-bottom: 11.8%;
		right: 10px;
        top: 0;
	}
	
	#korae_promotion .pull-tour {
		width: 10%;
	}
	
	#korae_promotion .scroll {
		width: 50%;
		height: 0;
		padding-bottom: 22%;
		bottom:-20px;
	}
	
	#korae_promotion nav{
		width: 100%;
		padding-top: 20px;
	}
	
	#korae_promotion nav a {
		width: 23%;
		height: 0;
		padding-bottom: 22%;
		border-left: #999 1px dotted;
	}
	
	#korae_promotion nav a.spot_btn04 {
		border-right: #999 1px dotted;
	}
	
	#korae_promotion nav a span{
		width: 100%;
	}
	
	/*==================================== 路線 ====================================*/
	
	#korae_promotion .area_content h2,
	#korae_promotion .tours_content h2 {
		margin: 30px auto 0;
	}
	
	#korae_promotion .spot_area{
		padding-bottom: 115%;
	}
	
	#korae_promotion .area003{
		padding-bottom: 125%;
	}
	
	#korae_promotion .area004{
		padding-bottom: 100%;
	}
	
	#korae_promotion .spot_area .road01{
		margin-left: auto;
	}
	
	#korae_promotion .spot_area .road02{
		margin-right: auto;
	}
	
	#korae_promotion .spot_area .road03{
		margin-left: auto;
	}
	
	#korae_promotion .spot_area .road04{
		margin-right: auto;
	}
	
	#korae_promotion .spot_area .road05{
		margin-left: auto;
	}
	
	#korae_promotion .area001{
		background-position: -100%, 200%;
	}
	
	#korae_promotion .area002{
		background-position: -100%, 200%;
	}
	
	#korae_promotion .area003{
		background-position: -100%, 200%;
	}
	
	#korae_promotion .area004{
		background-position: -100%, 200%;
		margin-bottom: 30px;
	}
	
	#korae_promotion .area004-2{
		background-position: -100%, 200%;
	}
	
	#korae_promotion .area004-3{
		background-position: -100%, 200%;
		margin-bottom: 30px;
	}
	
	#korae_promotion .area005{
		background-position: -100%, 200%;
	}
	
	#korae_promotion .area005-2{
		background-position: -100%, 200%;
		margin-bottom: 30px;
	}
	
	#korae_promotion .area005-3{
		background-position: -100%, 200%;
	}
	
	
	#korae_promotion .road_content .road_txt{
	    padding: 10% 5% 16.667% 5%;
	}
	
	#korae_promotion .tours-list a.tourbox {
		width: 80%;
		margin: 15px auto;
	}
	
	#korae_promotion .spot_area .road_content {
		width: 96%;
	}
	
	#korae_promotion .road_content .road_intro p {
		font-size: 28px;
		line-height: 30px;
	}
	
	#korae_promotion .road_content .road_spot p {
		font-size: 15px;
		line-height: 24px;
	}

}

@media screen and (max-width: 360px){
	
	#korae_promotion .spot_area{
		padding-bottom: 130%;
	}
	
}