/* CSS Document */
/************************************************************************************
RESET
*************************************************************************************/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {line-height: 1; -webkit-text-size-adjust: none;}
ol, ul { list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {
   /* border-collapse: collapse;*/
    border-spacing: 0;
}
a img {border: none;}
.clean { clear:both;}
a {color: #000; text-decoration: none; blr:expression(this.onFocus=this.blur()); outline: none; /* for Firefox */hlbr:expression(this.onFocus=this.blur()); /* for IE */}
a:hover {text-decoration:none;}
a:focus{ -moz-outline-style: none;}

img{border:0; display: block;}

h1,h2,h3{display: none;}

.wrapper{font-family:"微軟正黑體","黑體", Arial, Helvetica, sans-serif;}
#container{width: 100%;position: relative;height:780px;background: url("img/mian-pic.jpg") center top;}
.main-title{
    position: absolute;
    z-index: 115;
    width: 142px;
    padding-left: 50%;
    margin: 0 0 0 -50px;
	bottom: 0;
}

.sticky{top: 30px;}
.scrollto{padding-top: 0px;margin-top: -0px;overflow: hidden;}
.title{width:auto;height: 350px; background: url("img/title1.png") center top no-repeat;}
.t1{margin-top: 60px;}
.t2{ background: url("img/title2.png") center top no-repeat;}
.t3{ background: url("img/title3.png") center top no-repeat;}
.t4{ background: url("img/title4.png") center top no-repeat;}
.t5{ background: url("img/title5.png") center top no-repeat;}
.t6{ background: url("img/title6.png") center top no-repeat;}
.main{max-width: 960px;margin: 0 auto;}
.top2{ background: url("img/bg-green.png") center top no-repeat;height: 80px;}
.top3{ background: url("img/bg-white.png") center top no-repeat;height: 80px;}
.top4{ background: url("img/bg-blue.png") center top no-repeat;height: 80px;}
.top5{ background: url("img/bg-yellow.png") center top no-repeat;height: 80px;}
.top6{ background: url("img/bg-white2.png") center top no-repeat;height: 80px;}

/*選單*/
.block_menu{text-align:center;z-index: 990;width: 100%;height: 67px;background: #FFFFFF;}
.block_menu ul{max-width:440px;height: 67px; background: url("img/menu.jpg") left ;margin: 0 auto;overflow: hidden;display: flex;flex-direction:row;flex-wrap: nowrap;}
/*.block_menu ul li.m1{display: block; width: 98px;height: 67px;}
.block_menu ul li.m1 a{display: block;width: 98px;height: 67px;}
.block_menu ul li.m1 a:hover,.block_menu li.m1 a.active{background: url("img/menu-h.jpg");}*/
.block_menu ul li.m2{display: block; width: 113px;height: 67px;}
.block_menu ul li.m2 a{display: block;width: 113px;height: 67px;background: url("img/menu.jpg");background-position: -98px 0;}
.block_menu ul li.m2 a:hover,.block_menu li.m2 a.active{background: url("img/menu-h.jpg");background-position: -98px 0;}
.block_menu ul li.m3{display: block; width: 109px;height: 67px;}
.block_menu ul li.m3 a{display: block;width: 109px;height: 67px;background: url("img/menu.jpg");background-position: -211px 0;}
.block_menu ul li.m3 a:hover,.block_menu li.m3 a.active{background: url("img/menu-h.jpg");background-position: -211px 0;}
.block_menu ul li.m4{display: block; width: 108px;height: 67px;}
.block_menu ul li.m4 a{display: block;width: 108px;height: 67px;background: url("img/menu.jpg");background-position: -320px 0;}
.block_menu ul li.m4 a:hover,.block_menu li.m4 a.active{background: url("img/menu-h.jpg");background-position: -320px 0;}
.block_menu ul li.m5{display: block; width: 113px;height: 67px;}
.block_menu ul li.m5 a{display: block;width: 113px;height: 67px;background: url("img/menu.jpg");background-position: -428px 0;}
.block_menu ul li.m5 a:hover,.block_menu li.m5 a.active{background: url("img/menu-h.jpg");background-position: -428px 0;}
.block_menu ul li.m6{display: block; width: 102px;height: 67px;}
.block_menu ul li.m6 a{display: block;width: 102px;height: 67px;}
.block_menu ul li.m6 a:hover,.block_menu li.m6 a.active{background: url("img/menu-h.jpg");background-position: -541px 0;}

#north{background: #e9fbf4;}
#center{background:#FFFFFF;}
#south{background: #daf0f9;}
#east{background: #fdf3de;}
#camp{background: #FFFFFF;}

.bg1{background: url("img/bg1.jpg") center top ;min-height: 550px;}
.bg2{background: url("img/bg2.png") center top ;min-height: 900px;}
.bg3{background: url("img/bg3.jpg") center top ;min-height: 900px;}
.bg4{background: url("img/bg4.png") center top ;min-height: 900px;}
.bg5{background: url("img/bg5.png") center top ;min-height: 900px;}

/*條列行程*/
.tour-list{width: 93%;margin: 0 auto;padding-top: 60px;}
.tour-list li{border-bottom: solid 1px #000000;list-style: none;margin-bottom: 20px;padding-bottom: 10px;}
.tour-list li.soon{color: #4DA733;text-align: center;font-size: 22x;font-weight: bold;letter-spacing: 5px;}
.name{float: left;display: inline-block;width: 80%; font-size: 20px;font-weight: bold; line-height: 26px;color: #3F9371;}
.name strong{background: #3f9371;color: #F0D7B3;font-size: 15px;padding: 2px 8px;border-radius: 30px;margin-right: 3px;}
.tag{display: block; font-size: 14px;letter-spacing: 1px; margin: 5px;font-weight:normal;color: #c98000;line-height: 20px;}
.tag em{font-style: normal;margin-right: 8px;}
.price{float: right;display: inline-block; margin-top: 10px; font-size: 15px;letter-spacing: 1px;width:auto;color: #ff5a00;}
.price strong{font-size: 27px; margin-right: 4px;margin-left: 2px;}
.tour_botton{display: inline-block;width:100%;text-align: right;}
.botton {text-align: center;line-height: 28px;font-size: 15px;font-weight: bold;display: inline-block; width: auto;}
.botton a{border: solid 2px #3f9371;color: #3f9371; display: block;width:auto;padding: 0 8px;border-radius: 3px;margin-left: 5px;}
.botton a:hover{background: #3f9371;color: #FFFFFF;}
.tour-list li.tour-type{border-bottom: solid 0px;font-size: 20px;width: 80px;font-weight: 600;padding-bottom: 5px; border-bottom: solid 5px #166C86;color: #166C86;text-align: center;margin-top: 50px;}


/*夯行程*/
.hot-content{max-width: 960px;margin: 0 auto;display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: center;margin-top: 50px;align-items:stretch;}
.box a{height: auto;margin: 1.5%;margin-bottom: 30px;position: relative;padding: 10px;box-sizing: border-box;border: solid 1px #000000;border-radius: 10px;}
.city{position: absolute;width: 58px;height: 61px; background: url("img/city-bg.png");top: -15px;left: 30px;color: #FFFFFF; }
.city p{padding-top: 20px;padding-left: 10px;}
.hot-title{color: #6F941E;font-size: 17px;text-align: center;font-weight: bold;border-bottom: solid 1px #000000;padding-bottom: 5px;line-height: 26px;margin-top: 5px;margin-bottom:10px;letter-spacing: 1px;}
.hot-note ul{padding:0px;list-style-position: inside;}
.hot-note li{padding-bottom: 7px; width: auto; margin-bottom:5px;background: url("img/icon2.png") no-repeat left top;padding-left: 24px;background-position: 0 ;font-size: 14px;}
.hot-price{text-align: center;color: #ff672b;}
.hot-price strong{font-size: 24px;margin-right: 5px;margin-left: 6px;}



/*輪播區*/
img {
  border: 0;
  max-width: 100%
}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden
}
.clearfix {
  zoom: 1
}

.img-count, .img-count img {
  position: relative
}
.img-count-in {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  height: 100%;
  *height: 100%;
 border-radius: 150px 10px 150px 10px;	  
}
.w-newsList1 {
  position: relative
}
.w-newsList1 a {
  display: block;
  text-decoration: none;
  color: #333
}
.w-newsList1 .news-item {
  position: relative
}
.w-newsList1 .news-imgbox {
  max-width: 800px;

}
.w-newsList1 .news-imgbox img {
  transition: transform 3.5s;
  -webkit-transition: transform 3.5s;
  transform: scale(1.1);
  -webkit-transform: scale(1.1)
	 
}
.w-newsList1 .swiper-slide.swiper-slide-active .news-imgbox img {
  transform: scale(1);
  -webkit-transform: scale(1)
}
.w-newsList1 .aspectRatio {
  padding-bottom: 450px
}
.w-newsList1 .news-text {
    position: absolute;
    right: -24px;
    width: 35%;
    top: 50%;
    top: 457px;
    *top: 10%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    background-image: linear-gradient(to bottom right, #ffffff, #fffae6);
    padding: 30px;
    overflow: hidden;
	border-radius: 20px 0 20px 0;
}
:root .w-newsList1 .news-text {
  top: 50%
}

.w-newsList1 .news-h {
 font-family:"微軟正黑體","黑體", Arial, Helvetica, sans-serif;	
  font-size: 24px;
font-weight: 700;
  overflow: hidden;
  margin-bottom: 10px;
	letter-spacing: 2px;
}
.w-newsList1 .news-sum {
 font-family:"微軟正黑體","黑體", Arial, Helvetica, sans-serif;	
  line-height: 28px;
  font-size: 15px;
letter-spacing: 1px;
  overflow: hidden;

}

.w-newsList1 .adSN_page {
  position: absolute;
  z-index: 9;
  left: 50%;
  bottom: 50%;
  margin-bottom: -50px;
  top: auto;
  transform: none;
  -webkit-transform: none;
  width: 35%;
  padding-left: 48%
}
.w-newsList1 .adSN_page span {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin: 0 6px
}
.w-newsList1 .swiper-num {
display: none;
}
.w-newsList1 .swiper-num .active {
display: none;
}

@media(max-width:960px) {
  .w-newsList2 .news-h {
    font-size: 24px
  }
  .w-newsList2 .news-sum {
    
  }
}
@media(max-width:767px) {
  .w-newsList1 .news-imgbox {
    width: 100%;
	  height: 100%;
	
  }

  .w-newsList1 .aspectRatio {
    padding-bottom: 56.25%
  }
  .w-newsList1 .news-text {
    position: relative;
    width: 90%;
    top: 0;
    transform: none;
    -webkit-transform: none;
	 right: 0px; 
  }
  :root .w-newsList1 .news-text {
    top: 0
  }
  .w-newsList1 .adSN_page {
    left: 0;
    bottom: 2em;
    margin-bottom: 0
  }
  .w-newsList1 .swiper-num {
    bottom: 232px;
    top: auto;
    margin-top: 0
  }

	.img-count-in {
 border-radius: 0px;	  
}
	.w-newsList1 .news-imgbox {
  width: 100%;

}

}






/*---平板-----*/

@media screen and (min-width:769px)  {
.container-s{display: none;}
	}	

@media screen and (max-width:768px) {
#container{display: none;}	
.block_menu{display: none;}
.name{float: left;display: inline-block;width:100%;text-align: center;}
.price{width: 100%;text-align: center;margin-bottom: 20px;}	
.hot-content{flex-wrap: wrap;}	
.box{width: 48%;}
.hot-title{font-size: 15px;text-align: center;line-height: 26px;margin-top: 5px;margin-bottom:10px;letter-spacing: 0px;}	
	}

@media only screen and (max-width:535px) {
	.botton{width: 100%;margin-bottom: 10px;}
	.box{width: 98%;}
	
	}