/* 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;
}
img{
	max-width: 100%;
}
a img {border: none;}
.clean { clear:both;}
a {color: #292929; 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;}

html{
	scroll-behavior: smooth;
}

/*.adwrap {
    width: 900px;
    margin: 0 auto;
    margin-bottom: 20px;
	
}*/
.adbox{position: relative; padding: 4px;}
.adbox a{display:block;}
.adbox a:hover{opacity: 0.8;}

.b-box{
	box-sizing: border-box;
}

.col-1{width:100%;}
.col-2{width:50%;}
.col-3{width:32.33%;}
.col-4{width:25%;}
.col-5{width:20%;} 

h1 {
    text-indent: 101%;
    overflow: hidden;
    white-space: nowrap;
    position: absolute;
    width: 100%;
}

body {
	margin: 0;
	padding: 0;
	font-size:13px;	
	color:#000;
}
.left{ float:left;display:inline-block;width: 100%;}
.right{ float:right;}

/*------------------------------- pc ----------------------------------*/
.container {
    width: 100%;
    height: 100%;
	font-family:Arial,微軟正黑體;	
	overflow: hidden;	
}

.flow{
	position: fixed;
	right: 0;
	top: 30%;
	z-index: 1000;
	display: flex;
	flex-direction: column;
}

.flow a:hover{transform: scale(0.9);}

.header {width: 100%;}
.top_content {
    width: 100%;
	margin:0 auto;	
	position:relative;	
	min-height: 550px;
}
.logo{width: 462px; z-index: 2; text-align: center; left:50%;transform: translateX(-50%);bottom: 0px; position:absolute;}
.logo img{display: block;}

.logo2{width: 510px; z-index: 2; text-align: center; left:50%;transform: translateX(-50%);bottom: 10px; position:absolute;}
.logo3{width: 588px; z-index: 2; text-align: center; left:50%;transform: translateX(-50%);bottom: 100px; position:absolute;}
.swiper {width: 100%;height: auto;position:relative;z-index: 1;}
.swiper-slide {text-align: center;background: #fff;}
.swiper-slide img {display: block;width: 100%; min-height: 550px;object-fit: cover;}
/* KV slick 輪播：滿版鋪滿，不等比縮小留白 */
.top_content {
  width: 100%;
  height: 500px; /* 依原本版頭高度調整 */
  overflow: hidden;
}

.kv-slider,
.kv-slider .slick-list,
.kv-slider .slick-track,
.kv-slider .slick-slide,
.kv-slider .slick-slide > div {
  height: 100%;
}

.kv-slider img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;       /* 重點：填滿容器，超出裁切 */
  object-position: center;  /* 可依視覺改 center top */
}

/* 手機 KV slick */
.top_content-s {
  width: 100%;
  overflow: hidden;
}

.kv-slider-m,
.kv-slider-m .slick-list,
.kv-slider-m .slick-track,
.kv-slider-m .slick-slide,
.kv-slider-m .slick-slide > div {
  height: 100%;
}

.kv-slider-m img {
  display: block;
  width: 100%;
  height: auto;
}

.block-menu {
  margin-top: 0;
}

/***按鈕***/
#nav {
	width: 100%;
	margin: 0 auto;
	list-style: none;
	text-align: center;
	display: block;
	position:absolute;		
	font-family:Arial,微軟正黑體;
}
#nav ul{		
	margin: 0 auto;	
	text-align: center;	
}
.n-orange {background-color: #3a348d;}
.n-blue {background-color: #41C6FF;background-color:#2FA1FF;}
.n-white {background-color: #fff;padding: 8px 0;}
#nav li {	
	display: inline-block;
	margin: 0;	
}
#nav a {display:block;border-radius: 5px;}
#nav a p{
	font-size:18px;	
	padding: 2px 8px 2px 8px;
	margin: 2px 2px 2px;	
}
#nav li a{color: #fff;letter-spacing: 0.5px;}
#nav li a{color: #959595;border-radius: 10px;padding: 2px 0;}
#nav li a:hover{color: #fff;}
#nav li .active{color: #fff;background-color: #959595;}
#nav li a:hover.nav-s-01,#nav li.current a.nav-s-01{color: #fff;background-color: #959595;border-radius: 10px;padding: 2px 0;}
#nav li a.nav-s-02 {color: #959595;border-radius: 10px;padding: 2px 0;}
#nav li a:hover.nav-s-02{color: #fff;background-color: #959595;border-radius: 10px;padding: 2px 0;}
#nav li.current a.nav-s-02{color: #959595;background-color: #fff;border-radius: 10px;padding: 2px 0;}


#menu {width: 100%;margin: 0 auto;}
#menu ul{max-width:472px;height: 52px;margin: 0 auto;}
#menu li {display: block; float: left;margin-right: 50px;}
#menu li a {width: 100%;display: block;}
#menu li a.nav-01 {padding: 0 20px;letter-spacing: 2px; color: #fff;line-height: 52px;font-size:26px;font-weight: bold;border-radius: 0px;}
#menu li a:hover.nav-01,#menu li.on a.nav-01{padding: 0px 20px;color: #41C6FF;background-color: #fff;border-radius: 0px;}
#menu li a.nav-02 {padding: 0 20px;letter-spacing: 2px; color: #fff;line-height: 52px;font-size:26px;font-weight: bold;border-radius: 0px;}
#menu li a:hover.nav-02,#menu li.on a.nav-02{padding: 0px 20px;color: #3a348d;background-color: #fff;border-radius: 0px;}


#menu li a.nav02 {font-size:18px;padding: 0 5px;letter-spacing: 1px; color: #9e9e9e;line-height: 30px;font-weight: bold;border-radius: 0px;margin: 11px 0 0;border-bottom: 2px solid #fff;border-top: 2px solid #fff;}
#menu li a:hover.nav02,#menu li.on a.nav02{color: #f97459;background-color: #fff;padding: 0px 5px;margin: 11px 0 0;border-bottom: 2px solid #f97459;border-top: 2px solid #f97459;border-radius: 0px;}


/*滑動menu*/
.sticky {
	top:40px !important;
	position: fixed !important;	
	/*height: 62px !important;*/	
}

.block-menu {
	position: absolute;
	width: 100%;	
	background-color: #fff;
}
.block-menu ul {
	font-size: 0;
    position: relative;
	max-width: 960px;    
    margin: auto;
	text-align: center;	
}
.block-menu ul div {
	display: inline-block;	
}  
.block-menu li, .block-menu ul div{		
	font:18px "微軟正黑體";
	letter-spacing: 0.5px;	
	display: inline-block;    
    text-align: center;
    text-transform: uppercase;
    position: relative;
    cursor: pointer; 	
	margin-left: 10px;
}

.block-menu a {
	display: inline-block;      
    text-align: center;
    z-index: 11;
	color: #959595;
    position: relative;	10px;
  margin: 0 3px;
}
.block-menu a:hover {
	color: #fff;background-color: #959595;}

.block-menu .active {
	color: #fff;background-color: #959595;}



#togglenav {
    display: none;
    z-index: 9999;
    position: fixed;
    right: 0;
    overflow: hidden;
    line-height: 35px;
    width: 100%;
    cursor: pointer;
}
.MainHeight{
		position:fixed !important;
		top:30px !important;
		z-index: 10 !important;
	}
.main { 
	width: 100%; 
	margin: 0 auto;	
	padding-top: 60px;	
	padding-bottom: 0px;	
}
.main-blue{background-color: #f3f2ed;}
.main h2{
	display:block;
	max-width:600px;
	height:75px;
	margin:0 auto;
	margin-top: 20px;
	margin-bottom: 60px;
	text-indent:-4000px;
  
}
.area01 h2{ background: url(../images/tit-bg.png) center 0  no-repeat;}
.area02 h2{ background: url(../images/tit-bg.png) center -75px  no-repeat;}
.area03 h2{ background: url(../images/tit-bg.png) center -150px  no-repeat;}
.area04 h2{ background: url(../images/tit-bg.png) center -225px  no-repeat;}
.area05 h2{ background: url(../images/tit-bg.png) center -300px  no-repeat;}
.area06 h2{ background: url(../images/tit-bg.png) center -375px  no-repeat;}
.area07 h2{ background: url(../images/tit-bg.png) center -450px  no-repeat;}

.box-bg1{width: 100%;}
.box-bg2{width: 100%;}
.box-bg3{width: 100%;}
.box-bg4{width: 100%;}

/***行程***/
/*.box-01{padding:120px 0 0px 0;margin-top: -60px;}
.box-01,
.box-02{ 
	padding: 100px 0 0px 0; 
}

.box-01,
.box-02{
  padding:120px 0 0px 0;margin-top: -60px;
}*/

.box-01{padding:120px 0 100px 0;}
.box-02{padding:50px 0 100px 0;}
.box-03{padding:120px 0 100px 0;}

.scrollto{}

#coupon{padding-bottom: 120px;}
#special{background: url(../images/bg4.png) center top 0 no-repeat;padding-bottom: 120px;}
#festival{padding-bottom: 120px;}
#package,#spot{background: url(../images/bg1.png) center top 0 no-repeat;}
#tour,#coupon,#hotel{background: url(../images/bg2.png) #eeece0 center top 0 repeat;}

/*活動新版*/
.content2{max-width: 1100px;margin: 0 auto;
}

/*共同*/
.content{max-width: 1000px;margin: 0 auto;}
.info_box{width:100%;margin: 0 auto;}
.wrap {width: 96%;height: 100%; margin: 0 auto;overflow:hidden;margin-top: 20px;/*border-radius: 50px;*/}
.wrap2 {width: 96%;height: 100%; margin: 0 auto;overflow:hidden;margin-top: 20px;}
.map{width: 84%;margin:0 auto;background-color: #fff;padding: 40px 20px 10px;border-top-left-radius: 50px;border-top-right-radius: 50px;margin-top: 70px;margin-bottom: 70px;}

.pic-col-wrap{margin: 0 auto;display: block;overflow:hidden;}
.pic-col-wrap-hotel{margin: 0 auto;display: block;overflow:hidden;margin-bottom: 20px;}
.pic-col-wrap-spot{margin: 0 auto;display: block;width: 100%;}
.pic-col-2{width: 50%;}
.pic-col-2 img.Sli-pic{border-radius: 160px 10px 90px 10px;}
.wrap-pic{width: 100%;padding: 0 0px 0 0px;position: relative;}
.wrap-pic::before{
  content: '';
  position: absolute;
  background:url("../images/deco.png") no-repeat top left;
  width: 69px;
  height: 77px;
  z-index: 10;
}

#special .wrap-pic::before{
  content: '';
  position: absolute;
  background:url("../images/deco2.png") no-repeat top left;
  width: 69px;
  height: 77px;
  z-index: 10;
}

.wrap-txt{width: 92%;padding: 0 20px 10px 15px;margin-left: 1px;}

.spot-col{width: 90%;margin: auto;}
.spot-col img.Sli-pic{border-top-left-radius: 50px;}
.spot-pic{margin: 0 15px;}
.txt-spot{width: 100%;margin: auto;background-color: #fff;padding-bottom: 15px;}
.txt-spot .tit{display: block;color: #000;padding: 10px 0px 10px;font-size:32px;letter-spacing: 2px;margin-bottom: 5px;border-bottom:5px solid #afdbfe;text-align: center;font-weight: bold;margin: 0 20px;}
.txt-spot p{display: block;color: #535353;font-size:14px;line-height: 24px;margin: 10px 20px;}
.txt-spot span{background:url(../images/add.png) no-repeat top left;display: block;margin: 10px 20px 0;}
.txt-spot em{color: #005eb8;padding-left: 12px;font-style: normal;}


.txt-box{width: 100%;}
.txt-box .tit{display: block;color: #000;padding: 20px 0px 5px;font-size:30px;letter-spacing: 2px;margin-bottom: 5px;border-bottom:5px solid #afdbfe;text-align: center;font-weight: bold;}
.txt-box p{display: block;color: #535353;font-size:16px;line-height: 22px;margin-bottom: 10px;}
.txt-box ul{display: grid;}
.txt-box p strong{color: #f50909;}
.txt-box span{display: block;color: #047cda;font-size:16px;letter-spacing: 1px;padding: 8px 0;}
.txt-box span em{display: inline-block;color: #fff;background-color: #047cda;font-size:16px;letter-spacing: 1px;line-height: 30px;font-style: normal;padding: 0px 6px;margin-right: 5px;}
.txt-box li{list-style-type: none;font-size: 17px;margin-top: 3px;line-height: 26px;margin-bottom: 5px;font-weight: 700;}
.txt-box li strong{display: inline-block;font-size: 16px; background: #FF9207;background: #FFAF2D; padding: 2px 5px;margin-right:3px;letter-spacing: 0px;border-radius: 3px;margin-bottom: 1px;margin-right: 5px;font-weight: 900;}
.extra{color: #0452A4;line-height: 22px;}


.txt-box .note{font-size: 13px;line-height: 22px;/*min-height: 65px;*/color: #7d7d7d;font-weight: 600;}
.txt-box .note .list{display: block;}
.txt-box .note .list strong{color: #047cda;}

.txt-box .note li{display: block;}
.txt-box .note li strong{color: #047cda;}
.txt-box_price{padding:5px;text-align: center;margin:8px 5px 5px;}
.txt-box_price a{color:#fff;padding:15px 13px 8px;font-size: 14px;border-radius:10px;background-color: #f49668;}
.txt-box_price a:hover{background-color: #ec5004;}
.txt-box_price a strong{font-size: 28px;padding: 0 2px;}
.notic{width: 90%;margin: 0 auto;text-align: center;margin-top: 20px;line-height: 20px;}

.blog{width: 88%;margin:0 auto;margin-top: 60px;padding-bottom: 50px;}
.blog img{border-radius: 40px;}

/*---直式行程---*/
.product {width: 95%;margin: 0 auto;margin-bottom: 10px;display:block;overflow:hidden;}
.product li {display: block;background-color: #fff; margin-bottom: 15px;padding: 10px 10px 5px;overflow:hidden;font-weight: bold;}
.product li p{display: block;color: #898989;letter-spacing: 0.5px;font: 14px "微軟正黑體";padding: 1px 1px 2px;}
.product li em{display: inline-block;color: #535353;letter-spacing: 1px;font: 16px "微軟正黑體";padding: 1px 4px 2px;}
/*---訂房行程---*/
.product-1 {width: 95%;margin: 0 auto;margin-bottom: 10px;display:block;overflow:hidden;}
.product-1 li {display: block;overflow:hidden;}
.product-1 li a{display: block;background-color: #fff; margin-bottom: 15px;padding: 10px 10px 10px;overflow:hidden;font-weight: bold;}
.product-1 li a:hover { background-color: #fffae7;}
.product-1 li p{display: block;color: #898989;letter-spacing: 0.5px;font: 14px "微軟正黑體";padding: 1px 1px 2px;}
.product-1 li em{display: inline-block;color: #535353;letter-spacing: 1px;font: 16px "微軟正黑體";padding: 1px 4px 2px;}

.txt_l{width: auto;font-size:20px;color: #333333;line-height: 2;}
.txt_l span{font-size:15px;color: #fff;padding: 2px 5px;margin-right: 5px;}
.txt_l strong{color: #F50909;padding-right: 5px;}
.txt_l strong:empty {display: none;}
.txt_r{width: auto;text-align:right;font-family:"微軟正黑體";}
.txt_r span{ font-size:14px;}
.txt_r span strong{ color: #F50909;font-size:24px;padding-left: 2px;}
.txt_r span strong em{ color: #aaaaaa;font-style: normal;font-size:20px;font-weight: bold;}

.city-list{text-align: right;font-size: 15px;display: inline-block;width: 100%;padding: 10px 0 0px;}
.city-list a{color: #fff; background: #f49668; margin-left: 10px;margin-bottom: 10px; padding:6px 10px;text-decoration: none;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.city-list a:hover{background: #ec5004;text-decoration: none;color: #fff;}

.city-list2{text-align: right;font-size: 15px;display: inline-block;width: 100%;padding: 10px 0 12px;}
.city-list2 a{color: #fff; background: #fe755a; margin-left: 10px;margin-bottom: 10px; padding:6px 10px;text-decoration: none;border-radius: 10px;}
.city-list2 a:hover{background: #f15c3e;text-decoration: none;color: #fff;}

.small-title{
	display: inline-block;
	background-color: #047cda;
	color: #fff;
	margin: 0 auto;
	letter-spacing: 1px;
	font-size:20px;		
	border-radius: 20px;
	padding: 5px 20px;
	text-align: center;	
	margin-top: 10px;
	margin-bottom: 15px;	
}
.small-s{display: inline-block;color: #047cda;letter-spacing: 1px;font-size:18px;padding-left: 5px;}

.btn-more {text-align:right;display:block; width:100%; margin: 30px 0 20px 0;}
.btn-more a {display: inline;font-size: 18px;letter-spacing: 1px; color: #047cda;border-radius:20px;padding: 8px 15px;margin:20px 20px 0px 5px;border: 1px solid #047cda;}
.btn-more a:hover {background: #047cda;color: #fff;}

.sliders2{ margin:0 auto; width:100%;display: block;}


:first-child.wow{ *visibility:visible ! important; visibility:visible\9 ! important;}

/*週二主題旅遊*/
.tue-box{
  width: 100%;
}

.tue{
  max-width: 1200px;margin: 0 auto;
  padding-top: 50px;
}

.tue-s{
  max-width: 580px;margin: 0 auto;
  padding-top: 50px;
}

@media screen and (max-width: 1200px) {
  .tue-box{
    width: 95%;
    margin: 0 auto;
}

}

@media screen and (min-width: 581px) {
  .tue-s{display: none;}
}
@media screen and (max-width: 580px) {
  .tue{display: none;}
}


@media only screen and (min-width: 769px) and (max-width:960px){	
    html,body { width: 100%; min-height: 100%; }	
    .main h2{width:100%;}
	
}

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

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

@media screen and (max-width: 768px) {
    * { box-sizing: border-box; }
    html,body { width: 100%; min-height: 100%; }	
	.col-3{width:50%;}	
    .top_content {width: 100%;min-height: 500px; padding: 0;}
    /***按鈕列***/
    #nav {display: none;}
	.menu{display: none;}
    #togglenav {display: block;z-index: 9999;position: fixed;right: 0;overflow: hidden;line-height: 35px;width: 100%;cursor: pointer;}	
	.main {padding-top: 20px;padding-bottom: 0px;}
	.main h2{width:100%;margin-bottom: 20px;margin-top: 20px;}
	.pic-col-2 img.Sli-pic{border-radius: 30px 10px  30px 10px;}
	.wrap2 {width: 100%;/*padding: 20px 15px 10px;*/ margin-bottom: 30px;padding-top: 10px;}
	.pic-col-wrap{width: 100%;}
	.pic-col-2{width: 100%;}
	.wrap-pic {width: 95%;margin: auto;padding: 0 0px 0 0px;}
	.wrap-txt {width: 100%;margin: auto;padding: 10px 20px 10px 20px;}	
	.btn-more a {display: inline-block;margin: 0px 5px 10px 5px;}
	.spot-col{width: 85%;}
	.spot-pic{margin: 0 10px;}
	.txt_l{line-height: 1.5;width: 85%;}	
	.product li p em{display: block;margin-left: 0px;}
	.city-list,.city-list2,.city-list3{margin-top: 5px;text-align: center;padding: 10px 0 0px;}
	.flow {display: none;}
	.top_content{display: none;}
	.top_content-s{ display: block;margin-top: 40px;}

  #coupon,#special{padding-bottom: 10px;}
}


/*------------------------------- 手機 ----------------------------------*/

@media (max-width: 680px) {
    * { box-sizing: border-box; }
    html, body {width: 100%; min-height: 100%; }
	.left,.right{ float:none;}	
    .wrap {border-radius: 10px;padding: 10px 7px;margin-top: 0px;}
	.swiper-slide img {min-height: 500px;} 
	.txt_l{line-height: 1.5;width: 100%;}
	.txt_r{text-align:center;margin-top: 10px;}		
	.btn-more a {display: inline-block;margin: 0px 5px 10px 5px;}
	.btn-more  {margin: 10px 0 0px 0;text-align: center;}	
	.product li{padding: 10px 10px 0px;}
    .product1 li p{display: inline;}
	.product li em{margin-left: 5px;}
	.city-list a,.city-list2 a,.city-list3 a a{display: inline-block;margin-bottom: 0px;}	
	.small-s{margin-bottom: 10px;display: block;}
	.small-title{margin-bottom: 10px;}
	.spot-col{width: 79%;}
	.spot-pic{margin: 0 3px;}
	.map {width: 92%;padding: 30px 10px 10px;}
	.pic-col-wrap-hotel{margin-bottom: 30px;}
	.slick-dots li{margin: 0 3px !important;}
	
	.box-01,
	.box-02{ 
		padding:30px 0; 
	}
}

/*------------------------------- 手機 ----------------------------------*/

@media (max-width: 465px) {
	.logo{width: 300px; }
	}


@media (max-width: 360px) {
    * { box-sizing: border-box; }
    html, body {width: 100%; min-height: 100%; }
	.left,.right{ float:none;}	

}


	
.sticky { 
    top: 40px; 
	z-index: 15 ! important;
}


#colapez-header,
#colapez-footer {
  margin: auto;
  width: 100%;
  display: none;
}

.hd_pc {
  display: none;
}
@media (min-width: 768px) {
  .hd_pc {
    display: block;
    width: 100%;
  }
}

.hd_m {
  display: block;
}
@media (min-width: 768px) {
  .hd_m {
    display: none;
  }
}

.pez_ft {
  height: 320px;
}
@media (min-width: 768px) {
  .pez_ft {
    height: 228px;
  }
}

.colapez-hide {
  display: none !important;
}