html,body{overflow:auto;!important;}
#Kr_winter,#Kr_winter div,#Kr_winter span,#Kr_winter applet,#Kr_winter object,#Kr_winter iframe,#Kr_winter h1,#Kr_winter h2,#Kr_winter h3,#Kr_winter h4,#Kr_winter h5,#Kr_winter h6,
#Kr_winter p,#Kr_winter a,#Kr_winter big,#Kr_winter i,#Kr_winter ol,#Kr_winter ul,#Kr_winter li,#Kr_winter tr,#Kr_winter th,#Kr_winter td,
#Kr_winter article,#Kr_winter aside,#Kr_winter canvas,#Kr_winter details,#Kr_winter embed,#Kr_winter figure,#Kr_winter figcaption,#Kr_winter footer,#Kr_winter header,#Kr_winter hgroup,
#Kr_winter menu,#Kr_winter nav,#Kr_winter output,#Kr_winter section, #Kr_winter audio,#Kr_winter video{margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
#Kr_winter *{-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}

body{
	background: url(BG.jpg)#fff center -200px;
    background-attachment: fixed;
    background-repeat: no-repeat;
}
#Kr_winter{
	width:100%;max-width:1920px;min-width:320px;
	margin:0 auto;
	overflow:hidden;
	margin-bottom: 150px;  	
}
#Kr_winter .flot_Icon{position: absolute; top:60px;}
#Kr_winter .Krlogo_A{
	width:8%;
	height:0;
	padding-bottom:8%;
	background:url(KR_01.png) no-repeat top center;
	background-size:100%;
	animation-name:left_move;
	animation-fill-mode:forwards;/* 動畫播放前後模式:動畫結束後，保持在最後一個影格狀態。 */
	animation-duration:2s;
	
	left:-2%;
	z-index:85;
	opacity:0;
}
#Kr_winter .Krlogo_B{
	width:20%;
	height:0;
	padding-bottom:11%;
	background:url(KR_02.png) no-repeat top center;
	background-size:100%;
	animation-name:right_move;
	animation-fill-mode:forwards;/* 動畫播放前後模式:動畫結束後，保持在最後一個影格狀態。 */
	animation-duration:2s;
	
	right:-2%;
	z-index:86;
	opacity:0;
}
#Kr_winter .Krlogo_C{
	width:20%;
	height:0;
	padding-bottom:7.86956%;/*--39.3478*20--*/
	background:url(KR_03.png) no-repeat top center;
	background-size:100%;
	animation-name:right_move2;
	animation-fill-mode:forwards;/* 動畫播放前後模式:動畫結束後，保持在最後一個影格狀態。 */
	animation-duration:2s;
	
	right:-2%;
	top: 65px;
	z-index:86;
	opacity:0;
}

#Kr_winter .flot_Icon img{width:100%;height:auto;}

@keyframes left_move{
		
    from{
		left:-2%;
		opacity:0;
    }
    to{
		left:1%;
		opacity:1;
    }
	
	
}
@keyframes right_move{
		
    from{
		right:-2%;
		opacity:0;
    }
    to{
		right:1%;
		opacity:1;
    }
	
	
}
@keyframes right_move2{
		
    from{
		right:-2%;
		opacity:0;
    }
    to{
		right:23%;
		opacity:1;
    }
	
	
}

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

#Kr_winter .main-top{
	width:100%;
	position:relative;
}

#Kr_winter .main-top .top-content{
	width:100%;
	margin:0 auto;
	position:relative;
	height: 500px;

}

#Kr_winter .main-top .top-content .bigspace{ /*-- 用來撐開表頭高度 --*/
	width:100%;
	height:auto;display: block;
}

#Kr_winter .main-top .top-content .smallspace{ /*-- 用來撐開表頭高度手機版 --*/
	display:none;
}


#Kr_winter .top-content h1.heading{
	display:block;
	width:100%;
	max-width: 960px;
	height:0;
	padding-bottom:40.625%;
	background:url(KV.png) no-repeat;
	background-size:100%;
	text-indent:-9999px;
	
	animation: titleAnimate 0.5s steps(4) infinite alternate;
	
	position:absolute;
	top:30px;
	left:0;
	right:0;
	left:0;
	z-index:88;
	
	margin:0 auto;
	
	opacity:0;
}


@keyframes titleAnimate{
		
    from{
		top:calc( 30px + 56px + 1%);
		opacity:1;
    }
    to{ 
	    top:calc( 12px + 56px + 1%);
		opacity:1;
    }
    
	
	
}

#Kr_winter .main-top .scroll-down{
	width:100%;
	height:60px;
	background:url(img-scroll-down.gif) no-repeat center 15px;
	background-size:8%;
	
	position:absolute;
	bottom:35px;
	left:0;
	z-index:88;
	
	animation-name:head02;
	animation-fill-mode:forwards;
	animation-duration:2s;
}

@keyframes head02{
		
    from{
		bottom:-10px;
		opacity:0;
    }
    to{ 
	    bottom:35px;
		opacity:1;
    }
}

/* ==================== 主要內容部分 ==================== */

#Kr_winter .acc_area{
	width: 100%;max-width: 960px;
	margin: 0 auto;
	background-color: #fdf9cb;
	box-shadow: 0 0 0 1.5em #74dee5;
    padding: 0px 0 150px 0;
    border-radius: 1em;
    position: relative;
    padding: 20px 20px 50px 20px;
    margin-bottom: 100px;
	  
}
#Kr_winter .acc_area .fix_box{
	width: 100%;
	position: relative;
	
}

#Kr_winter .acc_area h2,#Kr_winter .acc_area h2::after,#Kr_winter .tours-list h2.tour_tit, #Kr_winter .tours-list h2.tour_tit::after{
	background-color: #b1faff;
	border: 3px solid #111;
	color: #111;
	font-size: 32px;font-weight: 800;
	border-radius: 3em;
	box-sizing: border-box;
}


#Kr_winter .acc_area h2::after,#Kr_winter .tours-list h2.tour_tit::after{
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
}
#Kr_winter .acc_area h2,#Kr_winter .tours-list h2.tour_tit{
	padding: 0.5em 1em;
	text-align: center;
	box-sizing: border-box;
	margin-top: -1em;
	position: absolute;
	z-index: 2;
	right: calc(100% / 2 - 6em);
	top: 0em;
	display: inline-block;
	width: 12em;
}


#Kr_winter .acc_area h2::after,#Kr_winter .tours-list h2.tour_tit::after{
	content: " ";
	margin-top: 0em;
	z-index: -1;
	right: 0;
	top:-0.1em;
	padding-top: 0.4em;
	  
}
#Kr_winter .tours-list h2.tour_tit,#Kr_winter .tours-list h2.tour_tit::after{
	background-color: #ffe644;
	border: 3px solid #111;
	color: #111;
}
#Kr_winter .tours-list h2.tour_tit::after{}

#Kr_winter .fix_box {
    background-image: url(bg_c01.png);
    background-size: 0.4%;
	border-bottom: 3px #8f8f8f dotted;
}
#Kr_winter .fix_box:last-child {
	border-bottom: none;
}
#Kr_winter .fix_box .fix{
	width: 100%;
	display: flex;
	flex-flow: wrap;
}
#Kr_winter .fix_box:nth-child(3) .fix{}
#Kr_winter .fix_box:nth-child(4) .fix{}
#Kr_winter .fix_box:nth-child(5) .fix{}

#Kr_winter .fix_box .img_box{
	width: 50%;
	height: 0;
	padding-bottom: 50%;
	background-color: #fff;
	display: block;
	transform: rotate(-3deg) scale(0.8);
	border: 1.5em solid #fff;
	box-shadow: 4px 7px 0px 2px #3b3b3b17;
}
#Kr_winter .fix_box:nth-child(2n) .img_box{order:1;transform: rotate(3deg) scale(0.8);}

#Kr_winter .fix_box .img_box img{width:100%;height: auto;}

#Kr_winter .fix_box .txt_box{
	width: 44%;
	padding:3em 1.5em;
	background-color: #fff;
	display: block;
	margin: auto auto auto 3%;
	z-index: 5;
	box-shadow: 18px 18px 0px #27bec9,0 0 0px 4px #27bec9;
}
#Kr_winter .fix_box:nth-child(2n) .txt_box{
	margin: auto 4% auto auto;
}
#Kr_winter .txt_box .flex{
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
}
#Kr_winter .txt_box>h3,#Kr_winter .txt_box>h4,#Kr_winter .txt_box p{
	padding-right: 15px;
	padding-left: 15px;
}
#Kr_winter .txt_box h3{
	  font-size: 30px;
	  font-weight: 800;
	  align-self: center;
	  background-color: #2bb6b5;
      color: #ffffff;
      border-radius: 0.2em;
}
#Kr_winter .txt_box h3 i{
	  display: inline-block;
	  width: calc( 1em + 0.3em);
	  height: calc( 1em + 0.3em);
	  vertical-align: top;
	  background: url(tit_snow.png) center bottom;
   	  background-size: 100%;
      margin-right: 0.2em;
}
#Kr_winter .txt_box h4{}
#Kr_winter .txt_box p{
	  margin-top: 1em;
	  color: #4bbbb5;
      line-height: 1.68;
}
/* ==================== 行程 ==================== */

#Kr_winter .tours-list ul li {
  display: inline-block;
  background-color: #fff;
  padding: 1%;
  border: 5px solid #ffa700;
  border-radius: 15px;
}
#Kr_winter .tours-list ul li:hover {
  opacity: 0.5;
}
#Kr_winter .tours-list h3{
	display: block;
    margin: 0 auto;
    font-size: 31px;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 20px;
    font-weight: 800;
}


#Kr_winter li.btn2,#Kr_winter li.btn3,#Kr_winter li.btn4,#Kr_winter li.btn5{display: inline-block; vertical-align: top;}
#Kr_winter li.btn2{width: 46%;margin:1%;}
#Kr_winter li.btn3{width: 31.333333333%;margin:1%;}
#Kr_winter li.btn4{width: 23%;margin:1%;}
#Kr_winter li.btn5{width: 18%;margin:1%;}
#Kr_winter .tours-list ul{text-align: center;}
#Kr_winter .tours-list ul li{ position: relative;}
#Kr_winter .tours-list li > a {text-decoration: none;}
#Kr_winter .tours-list li > a > span.kr_kv {
	position: absolute;
	content: " ";
    display: inline-block;
    left: 0;/*-- 8em+(2em*2) / 2--*//*--calc(100% / 2 - 6em)--*/
    top: 0em;
    background-color: #ffa700;
    border-radius:0 0 2em 0em;
    color: #fff;font-weight: 800;
    padding:0.5em 2em 0.5em 1em;
}
#Kr_winter .tours-list li a img{width: 100%; height: auto;border-radius: 0.5em;}

#Kr_winter .tour_list ul, #Kr_winter .tour_list ol {list-style: none;}
#Kr_winter .tours-list{box-shadow: 0 0 0 1.5em #ffa700;}
#Kr_winter .tours-list:first-child{border-top:none;}
#Kr_winter .tours-list h2{}

#Kr_winter .tours-list li h4{
	font-size: 21px;
    font-weight: 700;
    border-bottom: 2px solid #003989;
    text-align: left;
    padding-bottom: 0.2em;
    color: #003989;
}
#Kr_winter .tours-list li h4 span.kr_kv{
 position: relative; 
 z-index: 0;
 text-shadow: -1px 0 #003989, 0 1px #003989,1px 0 #003989, 0 -1px #003989;
 color: #fff362;
}
#Kr_winter .tours-list li h4 span.kr_kv::after{
	position: absolute;
    content: " ";
    z-index: -1;
    display: inline-block;
    left: 5%;
    bottom: 0em;
    width: 93%;
    height: 0.7em;
    background-color: #003989;
    border-radius: 1em;
}

#Kr_winter .tours-list li p{
	padding-top: 0.5em;/*padding-bottom: 0.5em;*/
    font-size: 15px;
    line-height: 1.7em;
    position: relative;
    color: #828282;
    text-align: justify;

}
#Kr_winter .tours-list li p.long{
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    height: 5.6em;/*--line-height:1.7em/ 1.7em*3行 + padding-top:0.5em  (5.1em+0.5em)--*/
    overflow: hidden;
    text-overflow: ellipsis; 
}
#Kr_winter .tours-list .long span{
	margin-right: 0.5em;
    font-weight: bolder;
    padding: 0em 0.5em;
    border-radius: 0.15em;
    white-space: nowrap;
}
#Kr_winter .tours-list .long .font_pink{ color: #fff;background-color:#ff5b99;/*border: 1px solid #f00;*/}
#Kr_winter .tours-list .long .font_blue{ color: #fff;background-color:#43a7ff;/*border: 1px solid #f00;*/}
#Kr_winter .tours-list .long .font_yellow{ color: #fff;background-color:#ffb300;/*border: 1px solid #f00;*/}
#Kr_winter .tours-list .long .font_green{ color: #fff;background-color:#34b729;/*border: 1px solid #f00;*/}

#Kr_winter .tours-list li p.pre{text-align: right;}
#Kr_winter .tours-list li p.pre span.pre_txt{
	border: 1px solid #828282;
    padding: 0.2em 0.5em;
    margin-right: 0.2em;

}
#Kr_winter .tours-list li p.pre span.pre_nt{
	font-size: 2em;
    color: #f50;
    margin-right: 3px;

}

/*----------------------2019/04/17修正結構區塊-----------------------------*/

#Kr_winter .tours-list ul {}
#Kr_winter .tours-list ul li{}
#Kr_winter .tours-list li.tourbox{
	display:inline-block;
	vertical-align:text-top;
	width:24%;
	margin:0.5%;
	color:#000;
	position:relative;
	padding: 1%;
	border-radius: 10px;
	overflow: hidden;
	
}

#Kr_winter .tours-list li.tourbox .acc{
	padding: 0;
	position:absolute;
	left:8%;
	top:2%;
	z-index:86;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
   text-orientation: upright;
   background: #080808 url(ACC_con_bg.png);
   color: #fff;
   background-size: 85%;
   height: max-content;
   display: none;

}

#Kr_winter .tours-list li.tourbox .acc2{
	left: auto;
	right: 8%;
    top: 200px;
    z-index: 87;
    writing-mode: horizontal-tb;-web-writing-mode: horizontal-tb;
    border-radius: 50%; 
    display: none;

}
#Kr_winter .tours-list li.tourbox .acc h4{position: relative;overflow: hidden; font-size: 1.5em; padding:0; }
#Kr_winter .tours-list li.tourbox .acc2 h4{ width: 3em;height: 3em;line-height: 3em;}
#Kr_winter .tours-list li.tourbox .acc h4 span{position: inherit; padding: 20px 5px;}
#Kr_winter .tours-list li.tourbox .acc2 h4 span{padding: 0;}
#Kr_winter .tours-list li.tourbox .acc h4:before{content: "";position: absolute;width:100%;height: 0;border-right: 40px solid transparent;border-top: 20px solid #ffc500 ;right: 0; left: 0;margin: auto; }
#Kr_winter .tours-list li.tourbox .acc h4:after{content: "";position: absolute;width:100%;height: 0;border-left: 40px solid transparent;border-bottom: 20px solid #ffc500;right: 0; left: 0;margin: auto;bottom: 0;}

#Kr_winter .tours-list li.tourbox .acc2 h4:before{content: "";position: absolute;width:100%;height: 0;border: none;top: 0; left: 0;margin: auto; }
#Kr_winter .tours-list li.tourbox .acc2 h4:after{content: "";position: absolute;width:100%;height: 0;border: none;bottom: 0;  left: 0;margin: auto;}

#Kr_winter .tours-list li.tourbox .go{display: none;
 width: 100%;height: auto;
 background: #00000069 url(ACC_con_bg2.png);
 position: absolute;top: 0;bottom: 0;right: 0;left: 0;margin: auto; z-index: 98;overflow: hidden;}

#Kr_winter .tours-list li.tourbox:hover>.go{display:flex;}


#Kr_winter .tours-list li.tourbox .go h4{     
	display: block;
    width: 50%;
    height: max-content;
    margin: auto;
    font-weight: 700;
    color: #fff;
    text-shadow:  0 0 0.5em #000000, 0 0 0.5em #212018, 0 0 0.5em #0c0c0c;
    font-size: 2em;
}

#Kr_winter .tours-list li.tourbox .go h4 span{ display:block; }

#Kr_winter .tours-list li.tourbox img{
	width:100%;
	height:auto;
	border-radius: 50%;
	border: 4px solid #ffdea5;
}

/*--------改改---------*/
#Kr_winter .tours-list li.tourbox img.img_p_r{ position: relative; }
#Kr_winter .tours-list li.tourbox img.img_p_r:be
#Kr_winter .tours-list li.tourbox img.img_p_r:after{ position: relative; }

/*--------改改---------*/
#Kr_winter li.tourbox .tour-tt{
	width:100%;
	min-height:150px;
	/*padding:10px;*/
}

#Kr_winter li.tourbox h4{
	display:block;
	width:100%;
	font-size:1.5em;
	font-weight:600;
	text-align:center;
	padding: 0 0 0.3em 0;
}

#Kr_winter li.tourbox .tour-tt a{
	display: inline-block;
	margin: 1%; padding:0 1em;
	line-height: 28px; border-radius:0.3em;
	/*background-color:#f1f1f1;*/color: #353535;border: #949494 1px solid;

}

#Kr_winter li.tourbox .tour-tt a:last-child{
	background-color: #e02e2e;border-color: #5d6063; color: #FFF;
    margin: 0.5em auto; padding: 0 1em 0 2em; border-radius: 1em;
    width: max-content;display: block;

}

#Kr_winter li.tourbox .tour-tt a:hover{
	/*background-color:#000;color: #fff;border: #fff 1px solid;*/
	background-color: #f8d054;color: #7d2005;border: #7d2005 1px solid;

}

#Kr_winter li.tourbox .tour-tt h5{
	display:block;
	width:unset;
	font-weight:bold;
	text-align:center;
}

#Kr_winter li.tourbox .price{
	text-align:center;
	padding-right:10px;
	margin:0 auto;
}

#Kr_winter li.tourbox .price span,
#Kr_winter li.tourbox .price .money,
#Kr_winter li.tourbox .price p{
	display:inline-block;
	vertical-align:middle;
	line-height: 1.8em;
	padding: 10px 0;
	text-align: left;
}
/*#Kr_winter a.tourbox .price p:nth-child(2),#Kr_winter a.tourbox .price p:nth-last-child(1){height: 12.6em;}*/

#Kr_winter li.tourbox .price span{
	font-size:1.05em;line-height: 1.35em;
	padding:0.7em;
	margin:5px;
	border:#000 1px solid;border-radius: 20px;
	background-color: yellow;font-weight: 800;
}

#Kr_winter li.tourbox .price span i{
	padding-left: 20px;
    margin-bottom: .3em;
    border: none;
    background-repeat: no-repeat;
    background-image:url(search.png);
    background-size: 100%;
}

#Kr_winter li.tourbox .price .money{
	color:#F00;
	font-size:30px;
	line-height:60px;
	font-family:Arial, Helvetica, sans-serif;
}

#Kr_winter .tour_lis a {
	display: inline-block;
    vertical-align: text-top;
    width: 24%;
    margin: 0.5%; margin-bottom: 20px;
    color: #000;
    position: relative;
    padding: 1%;
    border-radius: 10px;
    background-color: #fff;
    z-index: 3;
    position: relative;
}

#Kr_winter .tour_lis a:hover {box-shadow: 0px 7px 10px 0px #987f51;}

#Kr_winter .tours-list a.tourbox .setout-so, #Kr_winter .tours-list a.tourbox .setout-bu, #Kr_winter .tours-list a.tourbox .setout-ju {
    width: 40%;
    height: 0;
    padding-bottom: 40%;
    position: absolute;
    left: 5px;
    top: -20px;
    z-index: 86;
}
#Kr_winter .tour_lis a .setout-so{background: url(img_setout_so.png) no-repeat top center;background-size: 100%;}
#Kr_winter .tour_lis a .setout-bu{background: url(img_setout_bu.png) no-repeat top center;background-size: 100%;}
#Kr_winter .tour_lis a .setout-ju{background: url(img_setout_ju.png) no-repeat top center;background-size: 100%;}

#Kr_winter .tour_lis a img {width: 100%;border-radius: 8px 8px 0 0;}
#Kr_winter .tour_lis a h4 { 
	font-size: 1.2em;
    line-height: 2em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    border-bottom: 3px dotted #d8b886;
}
#Kr_winter .tour_lis a h4 em {
    position: relative;
    line-height: 1;
    display: inline-block;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.05em;
}

#Kr_winter .tour_lis a h4 em:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 20%;
    width: 100%;
    height: 60%;
    z-index: -1;
    background: #fbff3f;
    -webkit-transform-origin: left;
    transform-origin: left;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    transform: scaleX(1);
}
#Kr_winter .tour_lis a p{ text-align:justify;padding:10px; }
#Kr_winter .tour_lis a .price {margin-bottom: 0.2em;}
#Kr_winter .tour_lis a .price span {
	display: inline-block;vertical-align: text-bottom;
    border: 1px solid #000000;padding: 0 0.5em; margin-right: 0.2em;}
#Kr_winter .tour_lis a .price .money {
	display: inline-block;vertical-align: text-bottom;
    font-size: 2em;color: #d82709;font-weight: 600;
    margin-top: 0.5em;line-height: 1em;}
#Kr_winter a.tourbox p{
			font-size:18px;
			line-height:30px;
			position: relative;
			max-height: 100px;/*這裡是是行高的幾倍就表示顯示幾行文本*/
			overflow: hidden;
		}
		#Kr_winter a.tourbox p.long::after{
			content: "...";
			position: absolute;
			bottom: 0;
			right: 10px;
			padding: 0 5px;background-color: #fff;
			/*padding-left: 40px;
			background: -webkit-linear-gradient(left, transparent, #fff 55%);
			background: -o-linear-gradient(right, transparent, #fff 55%);
			background: -moz-linear-gradient(right, transparent, #fff 55%);
			background: linear-gradient(to right, transparent, #fff 55%);*/	
		}
		#Kr_winter .tour_lis a .price p:last-child { display: inline-block;vertical-align:middle; padding:0;font-size: 15px;  }

/*---------------------------------------2019/07/08新增項-------------------------------------------------------------*/
#Kr_winter .navigation{}
#Kr_winter .navigation nav{}
#Kr_winter .navigation nav.side-menu{
	position: fixed;
    right: 10px;
    top: 50%;
    transform: translateY(-73px);
    z-index: 99;
}
#Kr_winter .navigation nav.side-menu ul{list-style: none;}
#Kr_winter .navigation nav.side-menu ul li.hidden {display: none;}
#Kr_winter .navigation nav.side-menu ul li {text-align: right;margin: 10px 0;}

#Kr_winter .navigation nav.side-menu ul li a {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
#Kr_winter .side-menu ul li a span {
    display: inline-block;
}

#Kr_winter .side-menu ul li a span.menu-title {
    color: #fff;
    position: relative;
    margin-right:5px;
    text-transform: uppercase;
    font-size: 15px;
    background-color:#901600;
    padding: 3px 10px;
    font-weight: 600;
    border-radius: 3px;
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    -moz-transition: -moz-transform 0.2s, opacity 0.2s;
    transition: transform 0.2s, opacity 0.2s;
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    -o-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    opacity: 0;
}

#Kr_winter .side-menu ul li a span.dot {
    position: relative;
    background-color: #fff;
    border:1px solid #901600;border-radius: 2em;
    height: 10px;
    width: 10px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
#Kr_winter .side-menu ul li a:hover span.menu-title { opacity: 1;}
#Kr_winter .side-menu ul li a:hover span.dot {transform: scale(1.8);}

/* -----231012------ */
/* 抽獎區塊  */
.more{
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
.more h4{
	text-indent:-9999px;
}
.more img{
	width: 60%;
}
@media screen and (max-width: 1280px){
		
		#Kr_winter .tours-list a.tourbox{
			width:40%;
			margin: 10px 4% 60px 4%;
			
		}
		#Kr_winter a.tourbox p{}
		#Kr_winter a.tourbox p.long::after{}
		#Kr_winter .tours-list a.tourbox .setout-t,
		#Kr_winter .tours-list a.tourbox .setout-k {
			width: 34%;
			height: 0;
			padding-bottom: 34%;
		}

		#Kr_winter .tours-list a.tourbox .acc2 {display: none;}

		/*----------------------2019/04/17修正結構區塊-----------------------------*/
		#Kr_winter .tours-list li.tourbox{
			width:40%;
			margin: 10px 4% 10px 4%;
		}
				
		#Kr_winter li.tourbox p{
			font-size:18px;
			line-height:30px;
		}

		#Kr_winter .tours-list li.tourbox .acc2 {display: none;}
}

@media screen and (max-width:1199px){
	
	#thousand .twenty-logo{
		width:15%;
	}
	
	#Kr_winter .main-top .scroll-down {
		width: 100%;
		height: 40px;
		background: url(img-scroll-down.gif) no-repeat center 15px;
		background-size: 7%;
		
		position: absolute;
		bottom: 10px;
		left: 0;
		z-index: 88;
	}
	
	#Kr_winter .jparea-content{
			width:100%;
			background-color: #ffffffa8;
	}

	
	#Kr_winter .swiper-slide .spot-dec {
		width: 10.5%;
		height: 0;
		padding-bottom: 15%;
		
		position: absolute;
		right: 7%;
		top: 0;
		z-index: 90;
	}	

	/*----------231012------------*/

	#Kr_winter .acc_area{
		width: 90%;max-width: 960px;
		margin: 0 auto;
		background-color: #fdf9cb;
		box-shadow: 0 0 0 1em #74dee5;
		padding: 0px 0 150px 0;
		border-radius: 1em;
		position: relative;
		padding: 20px 20px 50px 20px;
		margin-bottom: 100px;
		
	}	
	
	
	/*行程*/

	#Kr_winter li.btn3{width: 40%;margin:1%;}

	/*----------231012 END------------*/



}


@media screen and (max-width: 1280px){
		
		#Kr_winter .tours-list a.tourbox{
			width:40%;
			margin: 10px 4% 60px 4%;
			
		}
		#Kr_winter a.tourbox p{}
		#Kr_winter a.tourbox p.long::after{}
		#Kr_winter .tours-list a.tourbox .setout-t,
		#Kr_winter .tours-list a.tourbox .setout-k {
			width: 34%;
			height: 0;
			padding-bottom: 34%;
		}

		#Kr_winter .tours-list a.tourbox .acc2 {display: none;}

		/*----------------------2019/04/17修正結構區塊-----------------------------*/
		#Kr_winter .tours-list li.tourbox{
			width:40%;
			margin: 10px 4% 10px 4%;
		}
				
		#Kr_winter li.tourbox p{
			font-size:18px;
			line-height:30px;
		}

		#Kr_winter .tours-list li.tourbox .acc2 {display: none;}
}

@media screen and (max-width:1199px){
	
	#thousand .twenty-logo{
		width:15%;
	}
	
	#Kr_winter .main-top .scroll-down {
		width: 100%;
		height: 40px;
		background: url(img-scroll-down.gif) no-repeat center 15px;
		background-size: 7%;
		
		position: absolute;
		bottom: 10px;
		left: 0;
		z-index: 88;
	}
	
	#Kr_winter .jparea-content{
			width:100%;
			background-color: #ffffffa8;
	}

	
	#Kr_winter .swiper-slide .spot-dec {
		width: 10.5%;
		height: 0;
		padding-bottom: 15%;
		
		position: absolute;
		right: 7%;
		top: 0;
		z-index: 90;
	}	

	/*----------231012------------*/

	#Kr_winter .acc_area{
		width: 90%;max-width: 960px;
		margin: 0 auto;
		background-color: #fdf9cb;
		box-shadow: 0 0 0 1em #74dee5;
		padding: 0px 0 150px 0;
		border-radius: 1em;
		position: relative;
		padding: 20px 20px 50px 20px;
		margin-bottom: 100px;
		
	}	
	
	
	/*行程*/

	#Kr_winter li.btn3{width: 40%;margin:1%;}

	/*----------231012 END------------*/



}




@media screen and (max-width: 1280px){
		
	#Kr_winter .tours-list a.tourbox{
		width:40%;
		margin: 10px 4% 60px 4%;
		
	}
	#Kr_winter a.tourbox p{}
	#Kr_winter a.tourbox p.long::after{}
	#Kr_winter .tours-list a.tourbox .setout-t,
	#Kr_winter .tours-list a.tourbox .setout-k {
		width: 34%;
		height: 0;
		padding-bottom: 34%;
	}

	#Kr_winter .tours-list a.tourbox .acc2 {display: none;}

	/*----------------------2019/04/17修正結構區塊-----------------------------*/
	#Kr_winter .tours-list li.tourbox{
		width:40%;
		margin: 10px 4% 10px 4%;
	}
			
	#Kr_winter li.tourbox p{
		font-size:18px;
		line-height:30px;
	}

	#Kr_winter .tours-list li.tourbox .acc2 {display: none;}
}

@media screen and (max-width:1199px){

	#thousand .twenty-logo{
		width:15%;
	}

	#Kr_winter .main-top .scroll-down {
		width: 100%;
		height: 40px;
		background: url(img-scroll-down.gif) no-repeat center 15px;
		background-size: 7%;
		
		position: absolute;
		bottom: 10px;
		left: 0;
		z-index: 88;
	}

	#Kr_winter .jparea-content{
			width:100%;
			background-color: #ffffffa8;
	}


	#Kr_winter .swiper-slide .spot-dec {
		width: 10.5%;
		height: 0;
		padding-bottom: 15%;
		
		position: absolute;
		right: 7%;
		top: 0;
		z-index: 90;
	}	

	/*----------231012------------*/

	#Kr_winter .acc_area{
		width: 90%;max-width: 960px;
		margin: 0 auto;
		background-color: #fdf9cb;
		box-shadow: 0 0 0 1em #74dee5;
		padding: 0px 0 150px 0;
		border-radius: 1em;
		position: relative;
		padding: 20px 20px 50px 20px;
		margin-bottom: 100px;
		
	}	


	/*行程*/

	#Kr_winter li.btn3{width: 40%;margin:1%;}

	/*----------231012 END------------*/



}



@media screen and (max-width:960px){


	#Kr_winter .acc_area{
		width: 90%;max-width: 960px;
		margin: 0 auto;
		background-color: #fdf9cb;
		box-shadow: 0 0 0 1em #74dee5;
		padding: 0px 0 150px 0;
		border-radius: 1em;
		position: relative;
		padding: 20px 20px 50px 20px;
		margin-bottom: 100px;
		
	}

	#Kr_winter .fix_box .img_box{
		width: 51%;
		height: 0;
		padding-bottom: 50%;
		background-color: #fff;
		display: block;
		transform: rotate(-3deg) scale(0.8);
		border: 1.5em solid #fff;
		box-shadow: 4px 7px 0px 2px #3b3b3b17;
	}

	#Kr_winter .fix_box:nth-child(2n) .img_box{order:1;transform: rotate(3deg) scale(0.8);}
	
	
	#Kr_winter .fix_box .img_box img{width:100%;height: auto;}
	
	#Kr_winter .fix_box .txt_box{
		width: 45%;
		padding:2em 1.5em;
		background-color: #fff;
		display: block;
		margin: 7% auto auto 2%;
		z-index: 5;
		box-shadow: 14px 14px 0px #27bec9,0 0 0px 4px #27bec9;
	}
	/*----------231012 END------------*/
}

@media screen and (max-width:769px){
	body {
		  background: url(BG.jpg)#b1e4e5 center bottom no-repeat;
		    background-size: 300%;
		    background-attachment: fixed;
		}

	#Kr_winter .Krlogo_A {width: 10%;padding-bottom: 10%;}
	#Kr_winter .Krlogo_B {width: 25%;padding-bottom: 13.75%;}
	#Kr_winter .Krlogo_C {width: 25%;padding-bottom: 9.8369%;}/*--39.3478%*--*/
	@keyframes right_move2{
		
    	from{
		right:-2%;
		opacity:0;
    	}
    	to{
		right:30%;
		opacity:1;
    	}
	
	}
	
	#Kr_winter .main-top .top-content{
		width:100%;
		margin:0 auto;
		position:relative;
	
	}
	
	#Kr_winter .swiper-slide .right-side h3 {
		font-size: 24px;
	}
	
	#Kr_winter .swiper-slide .right-side h3 span {
    	font-size: 12px;
	}
	
		
	#Kr_winter .top-content h1.heading{
		display:block;
		width:90%;
		height:0;
		padding-bottom:40%;		
		position:absolute;
		top:0;
		left:0;
		right:0;
		left:0;
		z-index:88;
		
		margin:0 auto;
		
		opacity:0;
	}
	
	
	@keyframes head{
			
		from{
			top:-20px;
			opacity:0;
		}
		to{ 
			top:10px;
			opacity:1;
		}
		
		
	}
	
	#Kr_winter .main-top .scroll-down {display:none;}
	
	#Kr_winter .jparea-content{width:100%;    background-color: #ffffffa8;}
	
	#Kr_winter .jparea-content .main-nav {padding: 0 30px;}
	
	#Kr_winter .swiper-slide .right-side .spot-text {
		height:auto;
		font-size:14px;
		line-height:20px;
	}
/*----------231012------------*/

	#Kr_winter .acc_area{
		width:calc( 100% - 4em / 2);
		margin: 0 auto;
		box-shadow: 0 0 0 1em #74dee5;
		border-radius: 1em;
		padding: 50px 20px;
		margin-bottom: 100px;		
	}
	#Kr_winter .tours-list { box-shadow: 0 0 0 1em #ffbf44;}

	/*#Kr_winter .fix_box .img_box{
		width: 100%;
		height: 0;
		padding-bottom: 93%;
		background-color: #fff;
		display: block;
		transform: rotate(-3deg) scale(0.8);
		border: 1.5em solid #fff;
		box-shadow: 4px 7px 0px 2px #3b3b3b17;
	}*/
	/*#Kr_winter .fix_box:nth-child(1n) .img_box{order:1;transform: rotate(3deg) scale(0.8);}*/
	#Kr_winter .fix_box .img_box{
		width: 95%;
		height: 0;
		padding-bottom: 95%;
		margin: 0 auto;
		margin-top: 10px;
		transform: none;
		border: none;border-radius: 1em 1em 0 0;
		overflow: hidden;
		box-shadow: 0px 0px 0 4px #27bec9;
	}
	  #Kr_winter .fix_box:nth-child(2n) .img_box {order: 0;transform: none;margin-top: 2em;
	}

	
	#Kr_winter .fix_box .img_box img{width:100%;height: auto;}
	
	#Kr_winter .fix_box .txt_box{
		width: 95%;
		padding:3em 1.5em;
		background-color: #fff;
		display: block;
		margin: 0 auto;margin-top: -1em;margin-bottom: 2em;
		z-index: 5;
		box-shadow:0 0 0px 4px #27bec9;
	}
	#Kr_winter .fix_box:nth-child(2n) .txt_box {margin: 0 auto;}
	#Kr_winter .txt_box h3 {font-size: 28px;}
	/*----------231012 END------------*/

	
	/*--- 行程 --*/
	
	   #Kr_winter .acc_area h2,#Kr_winter .tours-list h2.tour_tit {
		  transform: scale(0.9);
		}

		/*----------------------2019/04/17修正結構區塊-----------------------------*/
		#Kr_winter .tours-list li.tourbox{ width:90%;margin: 10px 4%;}
		#Kr_winter li.tourbox p{ font-size:18px;line-height:30px;}
		#Kr_winter .tours-list li.tourbox .setout-t,#Kr_winter .tours-list li.tourbox .setout-k {
			width: 34%;
			height: 0;
			padding-bottom: 34%;
		}
		#Kr_winter .tours-list a.tourbox{
			width:80%;
			margin:20px auto;
			padding-bottom:30px;
			background-position: 50% 95%;
			
		}
		#Kr_winter .tours-list li.tourbox{
			width:80%;
			margin:10px auto;
			padding-bottom:30px;
			background-position: 50% 95%;
			
		}	
		
		/*----------231012------------*/

		#Kr_winter li.btn3{width: 98%;margin: 3% 1%;}
		#Kr_winter .tours-list ul li {padding:1em;}

		
		/* 抽獎區塊  */
				
		.more img{
			width: 80%;
		}
		/* -----231012 END------ */

}

/*@media screen and (max-width: 415px/769){}*/


@media screen and (max-width: 600px){
	
	  #Kr_winter .twenty-logo {
		width: 16%;
		}
	
	   #Kr_winter .top-content h1.heading {
			width: 90%;
			height: 0;
			padding-bottom: 36.5625%;
		
		}
		@keyframes titleAnimate{
		
		    from{
				top:130px;
				opacity:1;
		    }
		    to{ 
			    top:112px;
				opacity:1;
		    }
		    	
		}
		#Kr_winter .main-top .top-content {
		  height: 400px;
		}

		
		
		#Kr_winter .main-top {}
		

		#Kr_winter .top-content .slider_container {
			display:none;
		}
		
		#Kr_winter .top-content .slider_container-mobile{
			display:block;
			width:100%;
			height:auto;
			margin:0 auto;
			position:relative;
			
			animation-name:toppic;
			animation-fill-mode:forwards;
			animation-duration:3s;
		}
		
		@keyframes toppic{
				
			from{
				opacity:0;
			}
			to{ 
				opacity:1;
			}
			
			
		}

			
		#Kr_winter .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 20s linear infinite;
					animation: round 20s linear infinite;
		}
		
		
		
		@-webkit-keyframes round { /* 100%/20s=5%/1s */
			5% {
				opacity: 1;
				filter: alpha(opacity=100);
				/* 0 - 1秒 淡入*/
			}
			25% {
				opacity: 1;
				filter: alpha(opacity=100);
				/* 1- 5秒靜止*/
			}
			30% {
				opacity: 0;
				filter: alpha(opacity=0);
				/* 5-6秒淡出*/
			}
		}
		@keyframes round {
			5% {
				opacity: 1;
				filter: alpha(opacity=100);
				/* 0 - 1秒 淡入*/
			}
			25% {
				opacity: 1;
				filter: alpha(opacity=100);
				/* 1- 5秒靜止*/
			}
			30% {
				opacity: 0;
				filter: alpha(opacity=0);
				/* 5-6秒淡出*/
			}
		}
		
		#Kr_winter .top-content .slider_container-mobile div:nth-child(1) {
			-webkit-animation-delay: 0s;
					animation-delay: 0s;
		}
		
		#Kr_winter .top-content .slider_container-mobile div:nth-child(2) {
			-webkit-animation-delay: 5s;
					animation-delay: 5s;
		}
		
		#Kr_winter .top-content .slider_container-mobile div:nth-child(3) {
			-webkit-animation-delay: 10s;
					animation-delay: 10s;
		}
		
		#Kr_winter .top-content .slider_container-mobile div:nth-child(4) {
			-webkit-animation-delay: 15s;
					animation-delay: 15s;
		}
		
		
		#Kr_winter .top-content .slider_container-mobile div img{
			width:100%;
			height:auto;
			display: block;
		}

		#Kr_winter .main-top .top-content .bigspace{ /*-- 用來撐開表頭高度 --*/
			display:none;
			
		}
		
		#Kr_winter .main-top .top-content .smallspace{ /*-- 用來撐開表頭高度手機版 --*/
			display:block;
			width:100%;
			height:auto;
		}
		
		
		#Kr_winter .jparea {
			width: 100%;
			background:url(img_dec_hana02.png) repeat-y top left, url(img_dec_hana03.png) repeat-y top right,url(ACC_wapper_bg.png) repeat;
            background-size: 60%, 100%;
            background-attachment: fixed;
	    }
			
		#Kr_winter .jparea-content .main-nav {
			display:none;
			
		}
		
		 
	   #Kr_winter .jparea-content .main-nav-mobile{ /*-- 手機版選單 --*/
			display:block;
			width:90%;
			margin:0 auto;
			
		}
		
		#Kr_winter .jparea-content .main-nav-mobile .open-mmenu{ /*-- 手機版選單 --*/
			display:block;
			height:40px;
			color:#000;
			font-weight:600;
			font-size:24px;
			line-height:40px;
			padding-left:10%;
			background:url(img_arrow_open.png) no-repeat 90% 60%;
			background-size:5%;
			background-color:#fff100;
			border-radius:10px 10px 0 0;
		}
		
		#Kr_winter .jparea-content .main-nav-mobile .close-mmenu{
			height:40px;
			color:#000;
			font-weight:600;
			font-size:24px;
			line-height:40px;
			padding-left:10%;
			background:url(img_arrow_close.png) no-repeat 90% 60%;
			background-size:5%;
			background-color:#fff100;
			border-radius:10px 10px 0 0;
			
		}
		
		
		#Kr_winter .jparea-content .main-nav-mobile ul{
			width:100%;
			display:none;
			list-style:none;
		}
		
		#Kr_winter .jparea-content .main-nav-mobile li{
			width:100%;
			height:40px;
			font-size:18px;
			font-weight:600;
			line-height:40px;
			text-align:center;
			border-bottom:#ccc 1px dotted;
			background-color:#FFF;
		}
		
		#Kr_winter .jparea-content .main-nav-mobile li:last-child{
			border-radius:0 0 10px 10px;
		}
		
		#Kr_winter .jparea-content .main-nav-mobile a{
			display:block;
			width:100%;
			color:#333;
			
			
		}

		#Kr_winter .swiper-slide .left-side, 
		#Kr_winter .swiper-slide .right-side {
			display:block;
			width:80%;
			margin:0 auto;
			position:static;
		}
		
		#Kr_winter .swiper-slide .spot-dec {
			width: 18%;
			height: 0;
			padding-bottom: 24%;
			position: absolute;
			right: 18%;
			top: 38%;
			z-index: 90;
		}	
		
		#Kr_winter .swiper-slide .left-side {
			padding-left: 0;
		}
		
		#Kr_winter .swiper-slide .left-side img {
			display: block;
			border-radius: 30px 30px 0 0;
		}
		
		#Kr_winter .swiper-slide .right-side h3{
			font-size:25px;
		}
		
		#Kr_winter .swiper-slide .right-side h3 span {
			font-size: 12px;
			letter-spacing: 1px;
		}
		
		#Kr_winter .swiper-slide .right-side{
			border-radius:0 0 30px 30px;
			margin-bottom:35px;
		}
		
		
		#Kr_winter .tours-list h2:before,
		#Kr_winter .tours-list h2:after{
			display:none;
		}	
		

		
				

}



@media screen and (max-width: 320px){

        #Kr_winter .swiper-slide .left-side, 
		#Kr_winter .swiper-slide .right-side {
			width: 95%;
		}
		
		#Kr_winter .swiper-slide .right-side h3 span{
			margin-left:0;
		}


}