@charset "utf-8";
/* 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, figure, mark, video {
    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;/*防止allpe的safari瀏覽器字體變大*/}
/*ol, ul { list-style: none;}*/
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;}
img {max-width: 100%;image-rendering: -webkit-optimize-contrast;}
.clean { clear:both;}
a {color: #333333; text-decoration: none; blr:expression(this.onFocus=this.blur()); outline: none; /* for Firefox */hlbr:expression(this.onFocus=this.blur());}
a:hover {}
a:focus{ -moz-outline-style: none;}
.b-box{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body {
	margin: 0;
	padding: 0;
	font-size:15px;	
}

/*wow*/
.wow:first-child {
visibility: hidden;
visibility:visible \9;
}
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;}

img { max-width:100%;}

/************************************************************************************
STRUCTURE 主要區塊
*************************************************************************************/

body {   
	-webkit-text-size-adjust: none;/*防止allpe的safari瀏覽器字體變大*/	
}

/*基本變數*/
:root {
	/*基本*/
	--white-color:#fff;
	--black-color:#141115;
	--family-basic:Verdana,'微軟正黑體';
	--family-noto:"Noto Sans TC",Verdana;	
}
/*-------------------------------------選單---------------------------------------------*/
#main-nav{
   position: relative;
   z-index: 990;
   margin:0 auto;  
}

#block_menu {
	width: 100%;
    overflow: hidden;
}

.sticky {
    top:40px;	
}

#main-nav ul {background-color: rgba(15,71,173,0.8);text-align: center; height: 65px;text-align: center;}
#main-nav ul li {display:inline-block;font-family: var(--family-basic);margin-top: 18px;}
#main-nav ul li a { display:block;font-size: 22px;line-height: 1em;font-weight: 600;  text-align: center; text-decoration: none;border-radius: 25px; color: #b6d2ff;padding: 5px 8px;margin: 0 5px;}
#main-nav ul li a:hover,#main-nav ul li a.active { background: #fff;  color:#115bbc;}
.active {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

#web-outer{	
	clear: both;
	overflow: hidden;	
	background: url("../img/bg.webp") top repeat;
}

header {
  position: relative;
  overflow: hidden;
  clear: both;
  z-index: 1;  
}

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

.header-content{	
	height: 1014px;
	background: url("../img/header_bg.webp") bottom no-repeat;
	clear: both;
	overflow: hidden;
	position: relative;
}

/* 泡泡 canvas 背景樣式 */
.bubble-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  pointer-events: none; 
}

#bubble-canvas {
  width: 100%;
  height: 100%;
  /*display: block;*/
}

.header-title{max-width: 1250px;height: 100%; position: relative;margin: 0 auto;text-align: right;z-index: 50;}
.header-txt{max-width: 451px;position: absolute;top: 180px;}
.photo01{aspect-ratio: 451 / 518;}
.header-turtle{max-width: 112px;position: absolute;top:23%;right: 8%;}
.header-photo{max-width: 802px;position: absolute;top:120px;right: -15px;aspect-ratio: 401 / 386;}
.header-img {aspect-ratio: 300 / 157;}

.mobile{display: none;}

/*動畫*/
.floating{
	animation-name: floating;
	-webkit-animation-name: floating;

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes floating {
	0% {
		transform: translateY(0%);	
	}
	50% {
		transform: translateY(10%);	
	}	
	100% {
		transform: translateY(0%);
	}			
}

@-webkit-keyframes floating {
	0% {
		-webkit-transform: translateY(0%);	
	}
	50% {
		-webkit-transform: translateY(10%);	
	}	
	100% {
		-webkit-transform: translateY(0%);
	}			
}

.bg01{background: url("../img/bg_01.webp") top no-repeat;}
.bg02{background-color: #fff;padding-top: 50px;padding-bottom: 50px;}

.bg03{width: 100%;height: 100%; position: relative;z-index: 10;padding-bottom: 30px;clear: both;overflow: hidden;}
.bg03::after{	
	content: '';
	position: absolute;
	width: 100%;height: 100%;
	top:0;
	left: 0;
	background: url("../img/bg_03_1.webp") top no-repeat;
	z-index: 1;
}

.bg03::before{	
	content: '';
	position: absolute;
	width: 100%;height: 100%;
	bottom:0;
	left: 0;
	background: url("../img/bg_03_2.webp") bottom no-repeat;
	z-index: 1;
}

.bg04{width: 100%;height: 100%;padding-top: 150px;position: relative;z-index: 10;background: url("../img/bg_04.webp") top repeat;clear: both;overflow: hidden;}
.bg04::after{	
	content: '';
	position: absolute;
	width: 100%;height: 100%;
	top:0;
	left: 0;
	background: url("../img/bg_04_1.webp") top no-repeat;
	z-index: 1;
}

.bg04::before{	
	content: '';
	position: absolute;
	width: 100%;height: 100%;
	bottom:0;
	left: 0;
	background: url("../img/bg_04_2.webp") bottom no-repeat;
	z-index: 1;
}

.bg05{background: url("../img/bg_05.webp") top no-repeat;}
.bg06{background: url("../img/bg_06.webp") bottom no-repeat;}
.bg07{background: url("../img/bg_07.webp") bottom no-repeat;}
.bg08{background: url("../img/bg_08.webp") top no-repeat;padding-bottom: 50px;}
.bg09{background: url("../img/bg_09.webp") bottom no-repeat;padding: 50px 0 425px 0;}
.bg10{background: url("../img/bg_10.webp") top no-repeat;}
.bg11{background: url("../img/bg_11.webp") bottom no-repeat;}

/*標題*/
h2.big-title {
	max-width: 340px;
	height: 110px;	
	text-align: center;
	margin: 30px auto;
	padding-right: 15px;
	font-size: 35px;
	line-height: 110px;
	font-family: var(--family-basic);
	color: #fff;
	z-index: 50;	
}
h2.big-title02 {
	max-width: 340px;
	height: 110px;	
	text-align: center;
	margin: 30px auto;
	font-size: 35px;
	line-height: 110px;
	font-family: var(--family-basic);
	color: #1c7c76;
	z-index: 50;
	position: relative;
}

.title01{background: url("../img/title_01.webp") top no-repeat;}
.title02{background: url("../img/title_02.webp") top no-repeat;}
.title03{background: url("../img/title_03.webp") top no-repeat;}
.title04{background: url("../img/title_04.webp") top no-repeat;}
.title05{background: url("../img/title_05.webp") top no-repeat;}

p.big-title03
{
max-width: 355px;
height: 145px;
margin: 180px auto 0 auto;
padding-left: 40px;	
font-size: 26px;
line-height: 145px;	
font-weight: bold;
font-family: var(--family-basic);
color: #fff;
background: url("../img/title_06.webp") top no-repeat;	
}	

p.big-title04 {
	max-width: 340px;
	height: 110px;	
	text-align: center;
	margin: 30px auto;
	padding-right: 15px;
	font-size: 35px;
	line-height: 110px;
	font-weight: bold;
	font-family: var(--family-basic);
	color: #fff;
	z-index: 50;	
}

/*海龜保育區*/
.sea-wrap{max-width: 1150px;clear: both;margin: 0 auto;padding: 30px 0;}
.about-wrap{		
	margin: 30px auto;	
	width: 100%;	
	position: relative;	
    display:flex;
	flex-wrap: wrap;
	z-index: 10;
	align-items:center;	
}
.about-txt{width: 45%;margin: 0 2% 0 2%;}
.about-txt .about-title{margin-top: 20px;color: #f2ffa8;font-family: var(--family-basic); font-size: 22px;line-height: 1.5em; font-weight: 600;}

.about-content {margin-top: 5px;font-family: var(--family-basic);font-weight: 600; color: #fff;font-size: 18px;line-height: 1.8em;} 
/*.about-txt p{margin-top: 5px;font-family: var(--family-basic);font-weight: 600; color: #fff;font-size: 18px;line-height: 1.8em;} */
.about-img{width: 50%;aspect-ratio: 24 / 19;}

.about-bg01{position: relative;}
.about-bg01::after{
	content: '';
	position: absolute;
	background: url("../img/about_bg01.webp")no-repeat;
	background-size: contain;
	bottom: 0;
	right: -38px;
	width: 110px;
	height: 228px;
	z-index: 20;
}
.about-bg02{position: relative;}
.about-bg02::after{
	content: '';
	position: absolute;
	background: url("../img/about_bg02.webp")no-repeat;
	background-size: contain;
	bottom: 0;
	left: -60px;
	width: 110px;
	height: 228px;
	z-index: 20;
}

/*影片*/
.cf{
	max-width: 1150px;margin: 50px auto;	
	border-radius: 25px;
	padding: 10px;
	background-color: #fff;
}
.video {
	width: 100%;
	border-radius: 25px;
    height: 500px !important;
	margin: 0 auto;
  }

/*保育地點*/
h3.min-title {
max-width: 538px;
text-align: center;
margin: 50px auto 30px auto;
font-size: 35px; 
font-family: var(--family-basic);
color: #fff;
background: url("../img/min_title_bg01.webp") top no-repeat;
}
h3.min-title span{padding: 10px; display: inline-block;border-top: 1px #fff solid;border-bottom:1px #fff solid;}
h3.min-title span em{font-style: normal;display: block;font-size: 25px;color: #affcff;line-height: 1.8em;}
h3.min-title span strong{display: block;font-size: 13px;color: #affcff;line-height: 1.5em;}

h3.min-title02 {
max-width: 380px;
text-align: center;
margin: 50px auto 30px auto;
font-size: 35px;
line-height: 1.2em; 
font-family: var(--family-basic);
color: #fff;
background: url("../img/min_title_bg02.webp") top no-repeat;
}
h3.min-title02 span{padding: 10px; display: inline-block;border-top: 1px #fff solid;border-bottom:1px #fff solid;}

.map{max-width: 688px;border-radius: 25px;border:8px #fff solid;background-color: #fff; margin: 50px auto 30px auto;aspect-ratio: 1 / 1;}
.map img{border-radius: 25px;}

.spot-wrap{max-width: 1150px;clear: both;margin: 0 auto;padding: 30px 0;}
.spot-box{		
	margin: 30px auto;	
	width: 100%;
	position: relative;	
    display:flex;
	flex-wrap: wrap;
	z-index: 10;
	align-items:center;	
}
.spot-txt{width: 43%;}
.spot-txt .spot-title{margin-top: 20px;color: #f2ffa8;font-family: var(--family-basic); font-size: 22px;line-height: 1.5em; font-weight: 600;}
.spot-txt p{margin-top: 5px;font-family: var(--family-basic);font-weight: 600; color: #fff;font-size: 18px;line-height: 1.8em;} 
.spot-txt p strong{color: #93e4ff;}

.spot-img{width: 48%;margin: 0 3% 0 3%;border-radius: 50px 30px 50px 30px;border: 8px #fff solid;background-color: #fff;aspect-ratio: 4 / 3;}
.spot-img img{border-radius: 50px 30px 50px 30px;}


/*生態體驗*/
.eco-wrap{max-width: 1400px;clear: both;margin: 0 auto;padding: 0 0 30px 0;position: relative;z-index: 50;}
.eco-box{		
	margin: 0 auto;	
	width: 100%;
	position: relative;	
    display:flex;
	flex-wrap: wrap;
	margin: 30px auto;	
	z-index: 10;
	align-items:center;
	padding: 0 0 100px 0;
	z-index: 50;
}
.eco-txt{width: 42%;margin: 0 3% 0 3%;}
.eco-txt .eco-big-title{margin-top: 20px;color: #f2ffa8;font-family: var(--family-basic); font-size: 25px;line-height: 1.5em; font-weight: 600;}
.eco-txt .eco-title{margin-top: 20px;color: #f2ffa8;font-family: var(--family-basic); font-size: 22px;line-height: 1.5em; font-weight: 600;}
.eco-txt p{margin-top: 5px;font-family: var(--family-basic);font-weight: 600; color: #fff;font-size: 18px;line-height: 1.8em;} 
.eco-txt p strong{color: #93e4ff;}

.eco-img{width: 50%;max-width: 800px;border-radius: 25px;border: 8px #fff solid;background-color: #fff;aspect-ratio: 4 / 3;}
.eco-img img{border-radius: 25px;}
.eco-img .slick-slider{position: relative;margin-bottom: 0;}


/*海龜守護旅行*/
.tour-wrap {max-width: 1100px;position: relative;margin:0 auto;padding: 30px 0; display:flex; flex-wrap: nowrap;clear:both;overflow: hidden;}
.tour-box{ }
.ct55 {flex:0 0 55%;  justify-content:flex-start; align-items:flex-start; align-content: stretch;z-index: 30;}
.ct55 img{	
	background: #fff;
	display: flex;
	justify-content: flex-start;
	flex-direction: column;	
    border-radius: 30px;
    text-align: center;
    position: relative;
    box-sizing: border-box;	
}
.ct45 {flex:0 0 45%; justify-content:flex-start; align-items:flex-start;  align-content: stretch;z-index: 99;}
.tour-txt {margin-left:-40px;margin-top: 8%; background:#fff;border-radius: 25px;padding-bottom: 10px;border: 2px #065b56 solid;}
.tour-txt h3{font-family: var(--family-basic);font-size: 18px;line-height: 1.8em;color:#fff;padding: 10px 15px;background-color: #065b56;border-radius: 22px 22px 0 0;}
.tour-txt h3 em{font-style:normal;color: #f2ffa8;font-size: 15px;margin-left: 5px;}

ul.tour-mark{width: 90%;text-align: left;margin: 10px 10px 10px 30px;}
ul.tour-mark li{font-family: var(--family-basic);font-size: 15px;font-weight: 500;	line-height: 2em;color: #666;margin-top: 10px;list-style-type: circle;}
.tour-pic img { border-radius: 50px;border: 8px #fff solid;}

p.tour-more a{font-family: var(--family-basic);display: inline-block;min-width: 70px; background-color: #fff; color: #007d5b;font-weight: 600;text-align: center;font-size: 18px;padding: 8px;margin: 8px;text-decoration: none;box-shadow:4px 4px 0px #007d5b;border: #007d5b 1px solid;border-radius: 25px;}
p.tour-more a:hover {box-shadow:none;position:relative; right:-4px;bottom:-4px;}
.tour-txt p.price{	
	color: #f74040;
	text-align: right;
	font-family: var(--family-basic);
	font-size: 15px;
	font-weight: 500;
	padding-right: 10px;
	font-weight: 600; 	
}

.tour-txt em{	
	font-style:normal;
	color: #f74040;		
}

.tour-txt p.price strong {
	font: 600 20px "Anton", sans-serif;margin: 0 2px;letter-spacing:1px;	
}

.tour-txt span{display: block;font-size: 15px;color: #717171;font-weight: 600; text-align: right;margin-bottom: 5px;}
.tour-txt span em{color:#717171;border: none;margin: 0; font-style:normal;text-decoration:line-through;}

.day-wrap{margin:0 auto;padding: 10px 0px; clear: both;}
h3.day-title {
max-width: 480px;
text-align: center;
margin: 50px auto 30px auto;
line-height: 2em; 
font-family: var(--family-basic);
color: #fff;
position: relative;
z-index: 50;
}
h3.day-title strong{display: block;padding-bottom: 25px; color: #77fff7;font-size: 50px;}
h3.day-title span{color: #fff;font-size: 35px;line-height: 1.2em;  padding: 15px 0 10px 0; display: block;border-top: 1px #fff solid;border-bottom:1px #fff solid;}
h3.day-title span em{font-style: normal;display: block;font-size: 15px;line-height: 1em;padding-top: 5px; color: #063d3a;}
.day-box{
	max-width: 1100px;
	margin: 0 auto;		
	position: relative;
	padding: 30px 0;
    display:flex;
	flex-wrap: wrap;	
	z-index: 10;
	align-items:center;
	font-family: var(--family-basic); 
}
.triceratops{position: absolute;right: -360px;width: 387px;height: 221px;}
.lion{position: absolute;top: 0;left: 0;width: 146px;height: 139px;}
.day-txt{width: 48%;margin: 0 3% 0 3%;}
p.min-d-title{text-align: center;margin-bottom: 10px;}
p.min-d-title span{color: #fff; font-size: 30px;display: inline-block;border: 1px #fff solid;padding: 5px;text-align: center;}
.day-txt .d-title{color: #f2ffa8;font-size: 22px;line-height: 1.5em; font-weight: 600;}
.day-txt .d-title02{color: #f2ffa8;font-size: 22px;line-height: 1.5em; font-weight: 600;text-align: center;}
.day-txt p{margin-top: 5px;font-weight: 600; color: #fff;font-size: 18px;line-height: 1.8em;} 
.day-txt p strong{color: #93e4ff;}
.day-img{width: 45%;max-width: 490px;}
.photo02{aspect-ratio: 245 / 198;}

.turtle-wrap{max-width: 1100px;	margin: 0 auto;font-family: var(--family-basic);position: relative;z-index: 50;}
.turtle-wrap .t-title{margin-top: 20px;color: #f2ffa8;font-size: 22px;line-height: 1.5em; font-weight: 600;}
.turtle-wrap p{margin-top: 5px;font-weight: 600; color: #fff;font-size: 18px;line-height: 1.8em;} 
.turtle-wrap p em{font-style: normal;display: block;font-size: 15px;padding-top: 5px; color: #67e6ee;}

/*背景輪播圖*/
.carousel-wrapper {
      overflow: hidden;
      width: 100%;
      /*max-width: 1100px;*/
      margin: 0 auto;
      padding: 20px;
	background: url("../img/wrapper_bg.webp") top no-repeat;
	position: relative;z-index: 50;
    }

    .carousel-track {
      display: flex;
      width: max-content;
      animation: scroll 20s linear infinite;
    }

    .carousel-track:hover {
      animation-play-state: paused;
    }

    .carousel-track figure {
      width: 580px;
      height: 300px;
      margin: 0 10px 0 0;     
      overflow: hidden;
      flex-shrink: 0;
	aspect-ratio: 29 / 15;
    }

    .carousel-track img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }

    .carousel-track figcaption {
      display: none; /* 如果你暫時不想顯示文字，可隱藏 */
    }

    @keyframes scroll {
      0% { transform: translateX(0); }
      100% { transform: translateX(-50%); }
    }



/*q&a*/
.qa-wrap{max-width: 950px;clear: both;margin: 0 auto;padding: 30px 0;font-family: var(--family-basic);}
.qa-title {
display: block;	
font-size: 20px; 	
line-height: 1.8em; 
color: #115bbc;
padding: 10px 15px;
margin: 10px 0 5px 0;
border-radius: 25px;
background-color: #f4faff;	
}
.qa-wrap p{font-size: 18px;font-weight: bold;line-height: 1.8em;color: #fff;padding: 10px 15px;}

/*錨點*/
.block-first{overflow: hidden;padding-top: 100px;margin-top: -100px;padding-bottom: 50px; z-index: 99;}
.block-second{overflow: hidden;padding-top: 30px; z-index: 99;}

.flex-center {	
	justify-content: center;
}
.flex-end {	
	justify-content: flex-end;	
}
.flex-between {	
	justify-content: Space-between;	
}
.flex-row-right {	
	flex-direction: row-reverse;	
}

/*------media query----------*/
@media only screen and ( max-width:1400px) {
.eco-wrap{max-width: inherit;width: 90%;}
}
@media only screen and ( max-width:1300px) {
.header-content{height: 900px;}	
.header-txt{max-width: inherit;width: 40%;left: 1%;}
.header-turtle{}
.header-photo{max-width: inherit;width: 60%;}
.cf{max-width: inherit;width: 90%;}
.bg03::after{background: inherit;position: inherit;}	
p.big-title03
{
margin: 30px auto 0 auto;	
}		
.eco-box{padding: 0 0 100px 0;}
.tour-wrap {max-width: inherit;width: 85%;margin: 0 auto;}		
}

@media only screen and ( max-width:1200px) {
.sea-wrap{max-width: inherit;width: 90%;padding: 0;}	
.about-bg01::after{background: none;right: inherit;}
.about-bg02::after{background: none;}
.spot-wrap{max-width: inherit;width: 95%;padding: 0;}	
	
.turtle-wrap{max-width: inherit;width: 90%;}	
.day-box{max-width: inherit;width: 90%;}

}

@media only screen and ( max-width:1000px) {
.eco-wrap{padding: 0;}	
.eco-box{width: 85%;display:contents;padding: 0;}
.eco-txt{width: 85%;margin: 0 auto;}
.eco-img{width: 85%;margin: 20px auto 0 auto;}
.bg03::before{background: none;}	
.tour-wrap {
	width: 80%;
	background: #fff;
	display: flex;
	justify-content: flex-start;
	flex-direction: column;
    border: 2px solid #051b36;   
    border-radius: 30px; 
	padding: 0;
	margin: 0 auto;
 	}
.ct55{width:100%;margin: 0 auto;border-radius: 30px 30px 0 0; padding: 0;}	
.ct55 img{border-radius: 30px 30px 0 0;border: none;}	
.ct45{width:100%;;margin: 0 auto;}	
.tour-txt {margin-left:0;margin-top: 0;border-radius: 0 0 30px 30px;border:none;}	
.tour-txt h3{border-radius: 0;}	
	
.lion{display: none;}	
}
@media only screen and ( max-width:959px) {
.header-content{height: 850px;}
.header-turtle{max-width: inherit;width: 30%;}	
.about-wrap{display:contents;}
.about-txt{width: 80%;margin: 0 auto;}
.about-img{width: 60%;margin: 30px auto;}
	
.qa-wrap{max-width: inherit;width: 90%;}	
}
@media only screen and ( max-width:800px) 	
{}
/*---平板-----*/
@media only screen and ( max-width:768px) 
{
#main-nav{display: none;}
.bubble-container{display: none;}	
.header-content{display: none;}	
.mobile{display: block;margin-top: 40px;}
	
p.big-title03
{padding-left: 30px;}	
	
.about-txt{width: 90%;}
.about-img{width: 80%;}		
.video {height: 400px !important;}
	
.map{max-width: inherit;width: 90%;}
.spot-wrap{	width: 90%;}
.spot-txt{width: 100%;}
.spot-img{width: 90%;margin: 0 auto;}		
	
.eco-box{width: 90%;}
.eco-txt{width: 100%;}
.eco-img{width: 100%;}
	
.tour-wrap {
	width: 90%;	
 	}	

.day-box{
	display:contents;
	padding-bottom: 30px;	
}	
.day-txt{width: 90%;margin: 20px auto 30px auto;}
.day-img{width: 100%;margin: 0 auto;}	
.triceratops{display: none;}
	
/*錨點*/
.block-first{padding-top:initial ;margin-top: initial;padding-top: 10px; padding-bottom: 0;}	
.block-second{padding-top:initial ;margin-top: initial;}	
}

@media only screen and ( max-width:600px) {
.spot-img{width: 100%;}		
.day-img{width: 90%;}	
.qa-wrap{padding-bottom: 60px;}	
.bg09{background: no-repeat;padding: 30px 0 30px 0;}	
}	
/*---手機版-----*/
@media only screen and (max-width:480px) 
{.accordion-header h3{font-size: 16px;
ul.tour-mark{width: 70%;}

}

	
/*錨點*/
.block-first{padding-top:initial ;margin-top: initial;padding-top: 10px; padding-bottom: 0;}	
.block-second{padding-top:initial ;margin-top: initial;}	
}

@media only screen and ( max-width:600px) {
.spot-img{width: 100%;}		
.day-img{width: 90%;}	
.bg09{background: no-repeat;padding: 30px 0 30px 0;}	
}	
/*---手機版-----*/
@media only screen and (max-width:480px) 
{.accordion-header h3{font-size: 16px;
ul.tour-mark{width: 70%;}

}