@charset "UTF-8";
*{outline:none;-webkit-box-sizing:border-box;box-sizing:border-box;}
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,img,input,li,ol,p,pre,textarea,ul{margin:0;padding:0}
a{text-decoration:none;outline:none;}
img{border:0;vertical-align:middle;}
button,input,select{outline:0;border:none}
.cursor,button{cursor:pointer}
ul,li{list-style:none;}
body{padding:0;margin:0;}
p{font-family:'Open Sans','Noto Sans TC','Microsoft YaHei',sans-serif;color:#000;font-size:18px;line-height:1.4;font-weight:400;margin-bottom:.25em;letter-spacing:.25px;text-align:justify;}
@media only screen and (max-width:991px){
  p{font-size:16px;line-height:1.5;}
}
/*** 共用 ***/
#wrap{width:100%;margin:0 auto;overflow:hidden;padding-top:50px;position:relative;}
.img-fluid{max-width:100%;height:auto}
.part-title{width:100%;margin:0 auto;}
.part-title img{width:100%;margin:0 auto 2em;}
.pos_a{position:absolute;}
.h-100 {height:100% !important}
.view-pc{display:block;}
.view-m{display:none;}
@media only screen and (max-width:991px) {
	.view-pc{display:none;}
	.view-m{display:block;}
}
/*** nav ***/
.clearfix:after {clear:both;display:block;visibility:hidden;height:0;content:"."}
.clearfix {zoom:1}
.fleft{float:left}
.fright{float:right}
.menu{position:fixed;width:100%;z-index:999;-webkit-box-shadow:0px 0px 5px rgba(0, 0, 0, 0.5);box-shadow:0px 0px 5px rgba(0, 0, 0, 0.5);padding:10px 15px;background-color:#fff;line-height:0}
.menu .logo {display:inline-block}
.menu .logo img {width:auto;height:30px}
.login_btn {transition:.2s ease;display:inline-block;padding:0 6px}
#main{width:100%;max-width:1200px;margin:0 auto;}
@media only screen and (min-width:768px) {
    #main {padding-left:20px;padding-right:20px}
}

/*** kv ***/
#kv{width:100%;margin:0;padding:0;background:url('../images/bg1.jpg') center top repeat-x fixed;background-size:32% auto;}
.kv_bg{width:100%;position:relative;}
	.cloud{width:100%;background:url('../images/cloud.png') center 3% no-repeat fixed;background-size:100% auto;padding-top:60%;}
	.sea{position:absolute;top:39%;margin:auto;left:0;right:0;z-index:1;width:100%;background:url('../images/sea.png') center bottom no-repeat;background-size:100% 100%;padding-top:55%;}
	.kvbox{width:100%;padding:0;position:absolute;top:3%;margin:auto;left:0;right:0;z-index:9;}
		.mainkv{width:100%;max-width:1200px;margin:0 auto;text-align:center;}
		.kv-title{visibility:visible;width:56%;margin:0 auto 1.5em;text-align:center;}
			.kv-title > :first-child{width:59.2%;animation:fadein 1.5s 1.2s;animation-fill-mode:both;}
			.kv-title h1 > img{width:80%;margin:.15em auto .7em;animation:titlezoom 1.2s 1.2s;animation-fill-mode:both;}
			.kv-title > :last-child{width:100%;animation:fadein 1.5s 1.2s;animation-fill-mode:both;}
		.mainkv p{font-size:1.32em;line-height:1.8;color:#051c4a;font-weight:700;letter-spacing:1px;text-shadow:0px 0px 3px #d1e7fa,0px 0px 5px #d1e7fa;text-align:center;margin-bottom:1em;}
		.mainkv p span{font-size:1.2em;font-weight:700;}
		.bv{width:100%;position:relative;text-align:center;margin-bottom:2em;}
		.bv > :first-child{width:66%;margin:0 auto;background-color:#beddf2;border-radius:12px;padding:1%;}
		.embed-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;}
		.embed-container iframe, .embed-container object, .embed-container embed{position:absolute;top:0;left:0;width:100%;height:100%;}
		img.whale{width:90%;max-width:1078px;position:absolute;top:20%;right:-64.5%;z-index:10;animation:floating 3s infinite;animation-direction:alternate;}
		img.island-2m{display:none;}
		a.nextbtn img{width:20%;max-width:120px;margin:0 auto;transition:all .5s ease-in-out;}
		a.nextbtn img:hover{transform:translateY(15px)}
	/*各島*/
	img.ice{width:13.5%;max-width:293px;position:absolute;top:30.2%;left:-2.5%;z-index:3;animation-name:fadein, moving-w2;animation-duration:3s, 3s;animation-iteration-count:1, infinite;animation-fill-mode:forwards,none;}
	img.boat{width:40%;max-width:695px;position:absolute;top:10%;left:-3%;z-index:4;animation-name:fadein, floating;animation-duration:3s, 3s;animation-iteration-count:1,infinite;animation-fill-mode:forwards,none;/* animation-direction:alternate; */}
	img.fruit{width:25%;max-width:460px;position:absolute;top:10.5%;right:10%;z-index:4;animation-name:fadein, moving;animation-duration:3s, 3s;animation-iteration-count:1,infinite;animation-fill-mode:forwards;}
	img.cheese{width:20%;max-width:347px;position:absolute;top:37.5%;right:-2.5%;z-index:4;animation-name:fadein, moving-w;animation-duration:3s,5s;animation-iteration-count:1, infinite;animation-fill-mode:forwards,none;}
	img.hope-1{width:11%;max-width:217px;position:absolute;top:58.5%;right:17.5%;z-index:4;animation-name:fadein, moving-w2;animation-duration:3s,3s;animation-iteration-count:1,infinite;animation-fill-mode:forwards;}
	img.wave-1{width:10%;max-width:184px;position:absolute;top:76%;right:15%;z-index:3;}
	img.wave-2{width:5%;max-width:95px;position:absolute;top:73%;right:6%;z-index:3;}
	img.island-1{width:26%;max-width:492px;position:absolute;top:71%;left:-3%;z-index:3;animation:moving-w2 2s infinite;animation-direction:alternate;}
	img.island-2{width:32%;max-width:642px;position:absolute;bottom:-12%;left:3%;z-index:3;animation:moving 3s infinite;animation-direction:alternate;}	
	img.whale-s{display:none;}


/*****第2大區*****/
#nightsky{width:100%;margin:0;padding:0;background:url('../images/bg2-2.jpg')center top repeat-x fixed;background-size:27% auto;padding-top:11%;}

/***星星選單***/
.starmenu{width:100%;padding-bottom:23%;margin:0 auto;background:url('../images/starry.png') center top no-repeat;text-align:center;position:relative;}
.menubox{width:100%;max-width:1160px;margin:0 auto;background:url('../images/star-bg.png');height:235px;position:absolute;top:40%;left:0;right:0;}
.menubox > div{display:flex;justify-content:flex-start;}
	a.mbtn:first-child{width:22.5%;}
	a.mbtn:nth-child(2){width:6.4%;}
	a.mbtn:nth-child(3){width:10%;}
	a.mbtn:nth-child(4){width:7%;}
	a.mbtn:nth-child(5){width:8%;}
	a.mbtn:nth-child(6){width:11.4%;}
	a.mbtn:nth-child(7){width:10%;}
	a.mbtn{transition:.3s ease-in-out;}
	a.mbtn img{width:100%;}
	a.mbtn:hover{transform:translateY(-10px)}
	.m1{margin-right:2.6%}
	.m2{margin-right:6%;padding-top:8%}
	.m3{margin-right:8%;padding-top:2%}
	.m4{margin-right:3%;}
	.m5{margin-right:1%;padding-top:10%}
	.m6{margin-right:1%;padding-top:1%}
	.m7{padding-top:6%}

/***story***/
#story{width:100%;padding-top:0;}
.story_bg{width:100%;position:relative;}
	.spacebox{width:1024px;padding-top:35%;margin:0 auto;}
	.darksea{position:absolute;z-index:22;top:87%;margin:auto;left:0;right:0;width:100%;background:url('../images/sea2.png')center bottom no-repeat;background-size:100% auto;padding-bottom:24%;}
	.darksky-1{width:22.5%;position:absolute;z-index:20;top:8%;left:-2%;}
	.darksky-2{width:20.5%;position:absolute;z-index:20;top:4%;right:-1%;}
	.lighthouse{position:absolute;z-index:21;width:11%;top:45%;right:9%;}
	.darksky-1 img, .darksky-2 img, .lighthouse img{width:100%;}
	.storybox{width:100%;padding:0;position:absolute;top:0;margin:auto;left:0;right:0;z-index:25;}
		#story .mainbox{width:100%;max-width:1200px;margin:0 auto;position:relative;padding-top:3%;text-align:center;}
		img.hope-2{width:17%;max-width:223px;position:absolute;z-index:23;bottom:13%;left:-19%;animation:moving 3s infinite;animation-direction:alternate;}
		img.moon{width:27%;max-width:401px;position:absolute;z-index:23;bottom:8%;right:-28%;animation:moving-w 6s infinite;animation-direction:alternate;}

	#story .mainbox .part-title img{max-width:922px;}
	.about{width:100%;display:flex;justify-content:flex-start;margin-bottom:2em;}
	.coverimg{flex-grow:1;text-align:center;}
	.coverimg > :first-child img{width:92%;margin:0 auto 1.25em;animation:floating 3s infinite;animation-direction:alternate;}
	.sale{display:flex;justify-content:center;align-items:center;}
	.sale >:first-child{text-align:center;padding-right:3%;}
	.buybtn{background-color:#f8e3b7;color:#0e376e;border-radius:50%;padding:4%;font-size:1.65em;font-weight:700;transition:all .2s linear;}
	.buybtn:hover{transform:scale(1.1);}

	p.saletxt-b{color:#fff;font-family:'Noto Sans TC','Microsoft YaHei',sans-serif;font-size:2.06em;font-weight:700;letter-spacing:1px;text-align:center;margin-bottom:0}
	p.saletxt{color:#f8e3b7;font-family:'Open Sans','Noto Sans TC','Microsoft YaHei',sans-serif;font-size:1.45em;font-weight:500;letter-spacing:1px;margin-bottom:0;text-align:center;}
	span.o-price{color:#fff;font-size:.9em;font-weight:500;text-decoration:line-through;margin-right:.4em;letter-spacing:.5px;}
	span.price{font-size:1.5em;font-weight:600;margin-left:4px;margin-right:4px;letter-spacing:0;}

	.about >:nth-child(2){width:75%;text-align:left;}
	img.award{width:100%;max-width:647px;margin-bottom:.25em;}
	p.txt01{color:#fff;font-size:1.125em;line-height:1.65;font-weight:400;letter-spacing:1px;padding-left:2%;}
	p.txt01-b{font-size:1.35em;line-height:1.65;color:#fff;font-weight:400;padding-left:2%;}
	p.txt01-b span{font-size:1.2em;font-weight:700;margin:0 2px;}
	p.txt02{font-size:1.85em;line-height:1.6;color:#f8e3b7;font-style:italic;font-weight:700;letter-spacing:2px;padding-left:2%;}

	ul.preview{width:96%;margin:1em 0 .5em;display:flex;justify-content:flex-start}
	ul.preview li{width:32%;padding:0 1% 1%;}
	ul.preview li:last-child{margin-right:0}
	ul.preview li img{width:100%;box-shadow:2px 4px 5px rgba(5, 30, 70, 0.5)}

	/*預覽fancybox*/
	.view{overflow:hidden;position:relative}
	.view img{width:100%;height:100%;}
	.view .overlay{background:rgba(0,0,0,.4);height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;transition:opacity,0.3s}
	.view .overlay-caption{position:absolute;text-align:center;top:50%;width:100%;transform:translateY(-50%)}
	.view p, .view img{transition:all 0.3s}
	.view p{transform:translate3d(0,200%,0)}
	li.view p, .view p{color:#ece544;margin:0;opacity:0;font-size:5em;font-weight:700;text-align:center;}
	.slider-box:hover img{transform:scale(1.2)}
	.slider-box:hover .overlay{opacity:1}
	.slider-box:hover .overlay p{opacity:1;transform:translate3d(0,0,0)}


/*****第3大區*****/
.tourbg{width:100%;
	background:url('../images/cloud2.png'),-webkit-linear-gradient(#b4d7f8 0%,#b4d7f8 32%,#fffbec 60%,#fdc6ca 100%);
	background:url('../images/cloud2.png'),linear-gradient(#b4d7f8 0%,#b4d7f8 32%,#fffbec 60%,#fdc6ca 100%);
	background-position:center -34%,center top;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-size:100% auto;
	padding-top:18%;}

/*粉紅海浪背景*/
.wavebox{width:100%;background:url('../images/pink_wave.png')center 95% no-repeat;background-size:100% auto;}
.wavebox:last-child{padding-bottom:5em;}
#visit, #relax{width:100%;padding:8.5% 0 0;}
#surprise{width:100%;padding:7.2% 0 0;}
#visit .mainbox, #surprise .mainbox, #relax .mainbox{width:100%;max-width:1200px;margin:0 auto;text-align:center;}
#visit .part-title img{width:100%;max-width:825px;margin:0 auto 1em;}
#surprise .part-title  img{width:100%;max-width:1014px;margin:0 auto .75em;}
#relax .part-title img{width:100%;max-width:902px;margin:0 auto 1em;}
.tour{width:100%;margin:0 auto;}
.page{width:80%;margin:0 auto 1em;background-color:#fff;border-radius:12px;padding:.75%;}
.tag-m{display:none;}
p.qa{font-size:1.75em;color:#000;font-weight:700;text-align:center;margin-bottom:.5em}
#visit a.nextbtn img, #surprise a.nextbtn img, #relax a.nextbtn img{width:15%;max-width:180px;}

	/*圖片放大*/
	.zoom img {width:100%;position:relative;}
	.zoom img::selection {background-color:transparent;}
	#ex2 img:hover, #ex2-2 img:hover, #ex2-3 img:hover{cursor:pointer;}
	#ex2 img:active{cursor:url('../images/grab.cur'),default;}
	#ex2-2 img:active{cursor:url('../images/grab.cur'),default;}
	#ex2-3 img:active{cursor:url('../images/grab.cur'),default;}

	.zoombtn{display:block;width:72px;height:72px;animation:turnaround .5s;animation-iteration-count:infinite;animation-fill-mode:both;}
	.zoombtn img{width:100%;}
	.tagbox{display:inline-block;padding:.5% 1.5% .8% 5%;border-radius:.5em;background:-webkit-linear-gradient(40deg,#fe3b76 0%,#fe3b76 25%,#ec0048 100%);background:linear-gradient(40deg,#fe3b76 0%,#fe3b76 25%,#ec0048 100%);box-shadow:3px 3px 5px #fff;font-family:'Noto Sans TC',sans-serif;font-size:1.125em;line-height:1.4;color:#fff;font-weight:500;text-align:left;text-indent:-2em;}
	.tagbox-m{display:none;}
	.zbtn-1{bottom:81%;left:8%;}
	.tag1-1{top:18%;left:4%;}
	.zbtn-2{top:27%;left:43%;}
	.tag1-2{top:23%;left:49%;}
	.zbtn-3{bottom:7%;left:11%;}
	.tag1-3{bottom:3.5%;left:6%;}
	.zbtn-4{bottom:6.5%;right:28%;}
	.tag1-4{bottom:3.8%;right:17%;padding:.75% 1% .75% 5%;}

	#surprise .tagbox{padding:.5% 1.5% .8% 1.5%;text-indent:0;}
	.zbtn-5{bottom:74%;left:47%;}
	.tag2-1{bottom:67%;left:30%;}
	.zbtn-6{top:51%;left:auto;right:3%;}
	.tag2-2{top:37%;left:auto;right:2%;}
	.zbtn-7{bottom:20%;left:11%;}
	.tag2-3{bottom:14%;left:3%;}
	.zbtn-8{bottom:5%;right:15%;}
	.tag2-4{bottom:2.8%;right:20%;}

	#visit .tagbox{padding:.5% 1.5% .8% 1.5%;text-indent:0;}
	.zbtn-9{bottom:69%;left:28%;}
	.tag3-1{top:21%;left:6%;}
	.zbtn-10{top:57%;left:58%;}
	.tag3-2{top:63%;left:50%;}
	.zbtn-11{bottom:5%;left:26%;}
	.tag3-3{bottom:5%;left:3%;}
	.zbtn-12{bottom:59%;right:4%;}
	.tag3-4{bottom:66%;right:4%;}

	/*動態*/
	.turnaround{animation-name:turnaround;animation-timing-function:ease-in-out}
	@keyframes turnaround{
	  0%{transform:translate(0,0);}
	  33%{transform:translate(2px,0);}
	  66%{transform:translate(2px,2px);}
	  100%{transform:translate(0,2px);}
	}

/*****第3大區*****/
.pinkbg{width:100%;background:-webkit-linear-gradient(#fef6e9 0%,#fdc6ca 60%,#fdc6ca 100%);background:linear-gradient(#fef6e9 0%,#fdc6ca 60%,#fdc6ca 100%);}

/***intro***/
#intro{width:100%;padding:4% 0 2%;}
#intro .mainbox{width:70%;margin:0 auto;text-align:center;}
#intro .part-title img{width:100%;max-width:1085px;}
#intro .mainbox > p.txt01 {color:#000 !important;text-indent:2em;padding-left:0}
img.ill-1{width:33%;float:right;padding:0 0 0 1%;animation:moving 3s infinite;animation-direction:alternate;}
img.ill-2{width:29%;float:left;padding:3% 2% 0 0;animation:floating2 3s infinite;animation-direction:alternate;}
img.ill-2m{display:none;}

/***feedback***/
#feedback{width:100%;padding:3% 0;}
#feedback .mainbox{width:100%;margin:0 auto;text-align:center;}
#feedback .part-title img{width:100%;max-width:912px;}
#feedback .myswiper{width:90%;margin:0 auto;padding:0 5%;position:relative}
.myswiper .swiper-button-next, .myswiper .swiper-button-prev {width:4%;height:auto;min-width:40px;max-width:60px}
.swiper-button-prev{left:1%;}
.swiper-button-next{right:1%;}

.itembox{width:95%;margin:0 auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;background-color:#fff;border-radius:12px;text-align:center;padding:5% 5% 3%;min-height:545px}
.itembox .img-container{overflow:hidden;width:280px;height:280px;max-width:280px;max-height:280px;min-width:280px;min-height:280px;margin:0 auto 1em;}
.itembox .img-container img{width:auto;height:100%;}
.item-title{display:flex;justify-content:center;align-items:flex-start;margin-bottom:.75em}
.item-title > p {font-size:1.5em;margin-bottom:0;font-weight:700;text-align:left;color:#3b5998;line-height:1.5;}
.item-title > span{font-size:2.2em;margin-right:.25em;color:#3b5998}


/*****第4大區*****/
.seabg{width:100%;background:url('../images/sea3.jpg'), url('../images/sea3_3.jpg');background-position:center top,center top;background-repeat:no-repeat,repeat-y;background-size:100% auto;padding:3% 0;}

#booklist{width:100%;padding:5% 0;}
#booklist .mainbox{width:100%;max-width:1200px;margin:0 auto;text-align:center;background:url('../images/dark.png')center top no-repeat;padding:4% 0 6%;position:relative}
#booklist .part-title img{width:100%;max-width:837px;margin:0 auto 1em;}
img.ill-3{position:absolute;top:-3.5%;right:-16%;width:45%;animation:moving-w2 3s infinite;animation-direction:alternate;}
img.ill-4{position:absolute;top:30%;right:-23%;width:19%;}
img.ill-5{position:absolute;top:48%;left:-26%;width:25.83%;}
img.ill-6{position:absolute;bottom:20%;right:-27%;width:19%;}
img.ill-7{position:absolute;bottom:-3%;left:-32%;width:49%;animation:floating 3s infinite;animation-direction:alternate;}

.listbox{width:90%;margin:0 auto;display:flex;justify-content:space-evenly;align-items:flex-start;flex-wrap:wrap;}
.b-item{width:30%;padding:0 1%;margin-bottom:1em}
.b-item:nth-child(n+10){margin-bottom:0em;}
.card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-clip:border-box;border:0;border-radius:0;padding:0 0 .6rem;text-align:center;position:relative;transition:all .2s}
.card:hover{transform:scale(1.02)}
.card>hr {margin-right:0;margin-left:0}
.cover-top{width:95%;margin:0 auto .5em;padding:3%;border-radius:.75em;background-color:#fff;border:8px solid #c0dcf1;}
.cover-top img{width:100%;}
.card-body{flex:1 1 auto;padding:0 .75rem;}
.card-title{color:#def1ff;font-weight:500;font-size:1.25em;margin-bottom:0;text-align:left;}
.card-sale{display:flex;justify-content:center;align-items:center;}
.card-sale > :first-child{flex-grow:1;}
.card-text{font-size:1.125em;line-height:1.4;color:#fff5c5;margin-bottom:0;overflow:hidden;word-break:break-all;}
span.del{color:#def1ff;font-size:.9em;font-weight:500;text-decoration:line-through;margin-right:.5em;letter-spacing:0;}
span.price2{color:#fff5c5;font-size:1.25em;font-weight:600;margin:0 2px;}
.cartbtn{font-size:1.2em;background-color:#def1ff;border-radius:50%;padding:4.5%;color:#354979;}


 /*動態*/
.animated{animation-fill-mode:both}
.animated-n{animation-fill-mode:none}
.animated.infinite {animation-iteration-count:infinite}

.floating{animation-name:floating;}
@-webkit-keyframes floating{
	0% {transform:translateY(5px);}
	50% {transform:translateY(12px);}
	100% {transform:translateY(5px);}
}
@keyframes floating{
	0% {transform:translateY(5px);}
	50% {transform:translateY(12px);}
	100% {transform:translateY(5px);}
}

.floating2{animation-name:floating2;}
@-webkit-keyframes floating2{
	0% {transform:translateY(3px);}
	50% {transform:translateY(6px);}
	100% {transform:translateY(3px);}
}
@keyframes floating2{
	0% {transform:translateY(3px);}
	50% {transform:translateY(6px);}
	100% {transform:translateY(3px);}
}


.fade-rotate-In {opacity:0;animation-name:fade-rotate-In;animation-timing-function:ease-in-out}
@-webkit-keyframes fade-rotate-In {
    0% {opacity:0;transform:translate3d(-10%, -5%, 0) rotate(-10deg);}
    to {opacity:1;transform:translateZ(0);}
}
@keyframes fade-rotate-In {
    0% {opacity:0;transform:translate3d(-10%, -5%, 0) rotate(-10deg);}
    to {opacity:1;transform:translateZ(0);}
}

.titlezoom {opacity:0;animation-name:titlezoom;animation-timing-function:ease-in-out;}
@-webkit-keyframes titlezoom {
    0% {opacity:0;transform:scale3d(1.5, 1.5, 1.5)}
    100% {opacity:1;transform:scale3d(1, 1, 1)}
}
@keyframes titlezoom {
    0% {opacity:0;transform:scale3d(1.5, 1.5, 1.5)}
    100% {opacity:1;transform:scale3d(1, 1, 1)}
}

.moving{animation-name:moving;}
@-webkit-keyframes moving{
	0% {transform:translateY(10px);}
	50% {transform:translateY(3px);}
	100% {transform:translateY(10px);}
}
@keyframes moving{
	0% {transform:translateY(10px);}
	50% {transform:translateY(3px);}
	100% {transform:translateY(10px);}
}

.moving-w {animation-name:moving-w;animation-timing-function:ease-in-out;}
@keyframes moving-w {
  0% {-webkit-transform:translateX(0) translateY(0px);transform:translateX(0) translateY(0px);}
  30% {-webkit-transform:translateX(-6px) translateY(5px);transform:translateX(-6px) translateY(5px);}
  50% {-webkit-transform:translateX(0px) translateY(0px);transform:translateX(0px) translateY(0px);}
  75% {-webkit-transform:translateX(-4px) translateY(5px);transform:translateX(-4px) translateY(5px);}
  100% {-webkit-transform:translateX(0) translateY(0px);transform:translateX(0) translateY(0px);}
}

.moving-w2 {animation-name:moving-w2;animation-timing-function:ease-in-out;}
@keyframes moving-w2 {
  0% {-webkit-transform:translateX(0) translateY(0px);transform:translateX(0) translateY(0px);}
  50% {-webkit-transform:translateX(3px) translateY(0px);transform:translateX(3px) translateY(0px);}
  100% {-webkit-transform:translateX(0) translateY(0px);transform:translateX(0) translateY(0px);}
}


.fadein{opacity:0;animation-name:fadein;animation-timing-function:linear;}
@-webkit-keyframes fadein{
	from {opacity:0;}
	to {opacity:1;}
}
@keyframes fadein{
	from {opacity:0;}
	to {opacity:1;}
}

.fadein-u{opacity:0;animation-name:fadein-u;animation-timing-function:ease-in-out;}
@-webkit-keyframes fadein-u{
	from {opacity:0;transform:translateY(2%)}
	to {opacity:1;transform:translateY(0)}
}
@keyframes fadein-u{
	from {opacity:0;transform:translateY(2%)}
	to {opacity:1;transform:translateY(0)}
}

.fadein-d {animation-name:fadein-d}
@-webkit-keyframes fadein-d {
    0% {opacity:0;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0)}
    to {opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
}
@keyframes fadein-d {
    0% {opacity:0;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0)}
    to {opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
}

.fadein-r{animation-name:fadein-r}
@-webkit-keyframes fadein-r{
    0% {opacity:0;-webkit-transform:translate3d(-20%, 0, 0);transform:translate3d(-20%, 0, 0)}
    to {opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
}
@keyframes fadein-r{
    0% {opacity:0;-webkit-transform:translate3d(-20%, 0, 0);transform:translate3d(-20%, 0, 0)}
    to {opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
}

.fadein-l{animation-name:fadein-l}
@-webkit-keyframes fadein-l{
    0% {opacity:0;-webkit-transform:translate3d(20%, 0, 0);transform:translate3d(20%, 0, 0)}
    to {opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
}
@keyframes fadein-l{
    0% {opacity:0;-webkit-transform:translate3d(20%, 0, 0);transform:translate3d(20%, 0, 0)}
    to {opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
}

.fadein-r-b{animation-name:fadein-r-b}
@-webkit-keyframes fadein-r-b{
    0% {opacity:0;-webkit-transform:translate3d(-120%, 0, 0);transform:translate3d(-120%, 0, 0)}
    to {opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
}
@keyframes fadein-r-b{
    0% {opacity:0;-webkit-transform:translate3d(-120%, 0, 0);transform:translate3d(-120%, 0, 0)}
    to {opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
}

.zoomin{animation-name:zoomin}
@-webkit-keyframes zoomin {
    0% {opacity:0;-webkit-transform:scale3d(.3, .3, .3);transform:scale3d(.3, .3, .3)}
    50% {opacity:1}
}
@keyframes zoomin {
    0% {opacity:0;-webkit-transform:scale3d(.3, .3, .3);transform:scale3d(.3, .3, .3)}
    50% {opacity:1}
}

.blockUp{animation-name:blockUp}
@-webkit-keyframes blockUp {
    0% {opacity:0;transform:translate3d(0, 5%, 0)}
    to {opacity:1;transform:translateZ(0)}
}
@keyframes blockUp {
    0% {opacity:0;transform:translate3d(0, 5%, 0)}
    to {opacity:1;transform:translateZ(0)}
}
.fadein-d-b {animation-name:fadein-d-b}
@-webkit-keyframes fadein-d-b {
    0% {opacity:0;-webkit-transform:translate3d(0, -2000px, 0);transform:translate3d(0, -2000px, 0)}
    to {opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
}
@keyframes fadein-d-b {
    0% {opacity:0;-webkit-transform:translate3d(0, -2000px, 0);transform:translate3d(0, -2000px, 0)}
    to {opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
}




@media only screen and (max-width:1600px){
	.cloud{background:url('../images/cloud.png') 28% 3% no-repeat fixed;background-size:110% auto;padding-top:66%;}
	.sea{top:40%;padding-top:69%;background-size:125% 100%;}
	.kv-title{width:53%;margin:0 auto 2em;}
	img.ice{top:30.2%;left:-3.5%}
	img.boat{top:12%;left:-7.5%}
	img.fruit{width:26%;top:11.5%;right:6%}
	img.cheese{width:21%;top:45%;right:-2%}
	img.hope-1{width:11%;top:71%;right:0;left:9%;}
	img.wave-1{width:12%;top:85%;right:10%}
 	img.wave-2{width:6%;top:80%;right:2%}
	img.island-1{width:24.5%;top:89%;left:-7%;}
	img.island-2{bottom:-28%;left:-1%;}
	img.whale{top:16%}

	#nightsky{background-size:31% auto;padding-top:22%;}
	.spacebox{padding-top:43%;}
	.darksea{top:75%;padding-bottom:30%}
	.darksky-1{width:23.5%;top:1%;left:-5%;}
	.darksky-2{width:22.5%;top:2%;right:-4%;}
	.lighthouse{top:54%;right:5%;}
	img.hope-2{width:15.5%;bottom:14%;left:-11%;}
	img.moon{bottom:12%;right:-23%;}
	.about >:nth-child(2){width:75%;}
	img.award{width:85%;}

	.tourbg{background-position:0% 0%,center top;background-size:108% auto;}
	#visit, #relax{padding:4% 0 0;}
	#surprise{padding:1% 0 0;}
	#intro{padding:5% 0 3%;}
	#intro .mainbox{width:80%;}
	img.ill-1{width:33%;float:right;padding:2% 0 0 0;}
	img.ill-2{width:36%;float:left;padding:4% 2% 0 0;}
	#feedback .myswiper{width:100%;}	
	#booklist{padding:5% 0 8%;}
	#booklist .mainbox{background-size:100% 100%;padding:4% 0 6%}
	img.ill-4{right:-16%;}
	img.ill-5{left:-19%;}
	img.ill-6{right:-15%;}
	img.ill-7{bottom:-6%;left:-18%;}
}
@media only screen and (max-width:1440px){
	#kv{background-position:center 10%;background-size:40% auto;}
	.cloud{background:url('../images/cloud.png') 33% 0% no-repeat;background-size:115% auto;padding-top:88%;}
	.sea{top:32.5%;padding-top:80%;background-position:0% bottom;background-size:125% 100%;}
	.kv-title{width:60%;padding-left:6%;margin:0 auto 1.5em;}
	.kv-title > :last-child{width:98%;}
	img.ice{top:25.2%;left:-4%}
	img.boat{width:42%;top:12%;left:-9.5%}
	img.fruit{width:28%;top:9.5%;right:0%}
	img.cheese{width:21.5%;top:40%;right:-3%}
	img.hope-1{width:12%;top:61%;left:7%;}
	img.wave-1{width:11%;top:74%;right:7%}
 	img.wave-2{top:69%;right:0}
 	img.island-1{top:75%;}
	img.island-2{width:30%;bottom:-7%;left:-2%;}
	img.whale{width:82%;top:40%;right:-48%;}
	.bv{margin-bottom:2em}

	#nightsky{padding-top:14%;}
	.starmenu{padding-bottom:28%;}
	.darksky-1{width:26.5%;top:19%;left:-11.5%;}
	.darksky-2{top:20%;right:-6%;}
	.darksea{top:94%;padding-bottom:30%;background-size:130% 100%;}
	.lighthouse{top:64%;right:3.5%;}
	img.hope-2{width:13.5%;bottom:-2%;left:26.5%;}
	img.moon{width:24%;bottom:9%;right:-12%;z-index:1}
	.about >:nth-child(2){width:85%;}
	.coverimg{padding-top:2.5%;}
	.coverimg > :first-child img{width:88%;margin:0 auto .5em;}
	.sale >:first-child{padding-right:2%;}
	img.award{width:78%;}
	ul.preview{width:93%;}
	ul.preview li{width:30%;}
	p.txt01, p.txt01-b, p.txt02{padding-left:1%;}

	.tourbg{background-position:40% 0%,center top;background-size:123% auto;padding-top:25%;}
	.wavebox{background:url('../images/pink_wave.png')center 85% no-repeat;background-size:102% auto;padding-bottom:6em;}
	#visit,#relax{padding:4% 0 0;}
	.page{width:75%;}
	#intro .mainbox{width:90%;max-width:1200px;}
	#feedback{padding:4% 0;}
	.itembox{min-height:530px}
	.itembox .img-container{width:240px;height:240px;max-width:240px;max-height:240px;min-width:240px;min-height:240px;}
	img.ill-2{width:30%;padding:4% 2% 2% 0;}
	img.ill-3{width:42%;}
	img.ill-4{top:auto;bottom:-5%;right:-6%;}
	img.ill-5,img.ill-6{display:none;} 
	img.ill-7{bottom:-6%}
}
@media only screen and (max-width:1280px){
	.kv-title{width:55%;}
	.bv > :first-child{width:60%;}
	.darksea{top:92%;padding-bottom:33%;}
	.lighthouse{top:62%;right:2.5%;}
	.darksky-1, .darksky-2, img.hope-2{display:none;}
	img.moon{bottom:21%;right:-9%;}
}
@media only screen and (max-width:1200px){
	#kv{background:url('../images/bg1.jpg') center top repeat-x fixed;background-size:55% auto;}
	.cloud{background:url('../images/cloud-m.png') center -1% no-repeat;background-size:102% auto;padding-top:117%;}
	.sea{top:31%;padding-top:93.5%;background-position:30% bottom;background-size:145% 100%;}
	.kv-title{width:64%;padding-left:8%;margin:0 auto 1.2em;}
	.kv-title h1 > img{width:82%;}
	img.boat{width:48%;top:9%;left:-15%;}
	img.fruit{width:31.2%;top:11.8%;right:-8%}
	img.ice{display:none;}
	img.cheese{width:23%;top:49%;right:-4.8%;}
	img.hope-1{width:15%;top:58.5%;left:1.5%;}
	img.wave-2{top:70%;right:-1%}	
	img.island-1{top:71%;left:-18%;}
	img.island-2{width:33%;bottom:6%;left:-8%;}
	.bv > :first-child{width:66%;}
	img.whale{top:45%;right:-49%;}

	#nightsky{background:url('../images/bg2-m.jpg')center top no-repeat;background-size:auto;padding-top:5%}
	.starmenu{background:url('../images/starry.png') center top no-repeat;background-size:150% auto;padding-bottom:34%;}
	.menubox{width:95%;height:auto;padding-top:0;background:url('../images/star-bg.png')center bottom no-repeat;background-size:100% auto;}
	#story{padding-top:2%;}
	.spacebox{padding-top:37%;}
	.darksea{top:99%;padding-bottom:51%;background:url('../images/sea2.png')48% bottom no-repeat;background-size:180% 100%;}
	.lighthouse{display:none;}
	#story .mainbox{width:100%;max-width:100%;}
	#story .part-title img{width:80%;}
	img.hope-2{display:block;width:12%;bottom:37%;left:87%;}
	img.moon{width:26%;right:auto;top:auto;bottom:1%;left:12%;}
	.coverimg{padding-top:0;}
	.about >:nth-child(2){width:90%;padding-right:2%;}
	.sale >:first-child{padding-right:3%;}
	p.saletxt-b{font-size:1.45em;margin-bottom:.3em}
	p.saletxt{font-size:1.3em}
	.buybtn{font-size:1.5em;padding:5%;}
	img.award{width:90%;}
	ul.preview{width:100%;}
	p.txt01, p.txt01-b, p.txt02{padding-left:0;}
	p.txt01-b{font-size:1.25em}
	p.txt01-b span{font-size:1.12em}
	p.txt02{font-size:1.8em;}
	#story .mainbox p.txt01 {padding-right:8%;}

	.tourbg{
		background:url('../images/cloud2-m.png'),-webkit-linear-gradient(#b4d7f8 0%, #b4d7f8 32%,#fffbec 60%,#fdc6ca 100%);
		background:url('../images/cloud2-m.png'),linear-gradient(#b4d7f8 0%, #b4d7f8 32%,#fffbec 60%,#fdc6ca 100%);
		background-position:center -66%,center top;
		background-repeat:no-repeat;
		background-attachment:fixed;
		background-size:122% auto;
		padding-top:50%;
	}
	.wavebox{background:url('../images/pink_wave.png')center 70% no-repeat;background-size:115% auto;}
	#visit, #relax{padding:9% 0 5%;}
	#surprise{padding:4% 0 5%;}
	#visit .mainbox, #surprise .mainbox, #relax .mainbox{width:95%;}
	#visit .part-title img, #surprise .part-title img, #relax .part-title img{width:90%;}
	.page{width:85%;margin:0 auto .5em;}
	.tag-m{display:block;width:100%;margin:0 auto 1em;text-align:center;}
	.tagbox{display:none;}
	.tagbox-m{display:inline-block;padding:1% 2%;margin:.5%;border-radius:.5em;background:linear-gradient(40deg,#fe3b76 0%,#fe3b76 25%,#ec0048 100%);box-shadow:3px 3px 5px #fff;font-family:'Noto Sans TC',sans-serif;font-size:1.25em;line-height:1.4;color:#fff;font-weight:500;text-align:left;}
	p.qa{margin-bottom:1em}
	#visit a.nextbtn img, #surprise a.nextbtn img, #relax a.nextbtn img{width:16%;}	

	#intro .mainbox{width:95%;}
	#intro .mainbox > p.txt01{margin-bottom:.75em;padding:0 5%;text-align:justify;}
	#feedback .myswiper{width:95%;padding:0 5%}
	.swiper-button-prev{left:0;}
	.swiper-button-next{right:0;}
	#feedback .part-title img, #feedback .part-title img, #booklist .part-title img{width:90%;}
	.itembox{min-height:490px}
	.itembox .img-container{width:220px;height:220px;max-width:220px;max-height:220px;min-width:220px;min-height:220px;}
	img.ill-1{width:38%;padding:0;}
	img.ill-2{display:none;}
	img.ill-2m{display:block;width:32%;float:left;padding:2% 2% 0 0;animation:floating2 3s infinite;animation-direction:alternate;}
	#booklist{padding:7% 0 12%;}
	#booklist .mainbox{width:98%;padding:5% 0 6%;background-repeat:repeat;background-size:100% 100%;}	
	.listbox{width:96%;justify-content:center;}
	.cover-top{border:6px solid #c0dcf1;}
	.card-title{margin-bottom:.25em}
	span.del{display:block;font-weight:300;}
	.cartbtn{padding:4%;font-size:1.25em;}
	img.ill-4{bottom:-5%;right:0%;}
	img.ill-7{left:-7%}
}

@media only screen and (max-width:991px){
	.cloud{background:url('../images/cloud-s.png')center 0 no-repeat;background-size:100% auto;padding-top:127%;}
	.sea{padding-top:110%;}
	.kv-title{width:64%;padding-left:4%;margin:0 auto 1em;}
	.kv-title h1 > img{margin:.15em auto .6em}
	img.boat{width:47.5%;top:10.5%;left:-16%;}
	img.fruit{top:13.8%;right:-9%}
	img.island-2{bottom:-4%;}
	.mainkv p{font-size:1.25em;line-height:1.68;}
	.mainkv p span{font-size:1.12em}
	.bv{margin-bottom:1.5em;}

	#nightsky{background:url('../images/bg2-3.jpg')center center repeat-x;background-size:auto;}
	.starmenu{background:none;padding-bottom:14%;}
	.starmenu .menubox{display:none;}	
	.spacebox{padding-top:69%;}
	.darksky-1{display:block;width:31%;top:51%;left:-3%;}
	.darksky-2{display:block;width:30%;top:48%;right:-3%;}
	.lighthouse{display:block;width:13%;top:77%;right:13%;}
	.darksea{background:url('../images/sea2-s.png')center bottom no-repeat;top:100%;padding-bottom:116%;}
	img.hope-2{display:block;z-index:23;width:16%;bottom:56%;left:6%;}
	img.moon{width:33%;bottom:46%;left:auto;right:-8%;}
	#story .part-title img{width:96%;margin:0 auto 1.5em}
	.about{flex-direction:column;justify-content:center;align-items:center;margin-bottom:1.2em;}
	.coverimg{width:70%;margin:0 auto .8em;}
	.coverimg > :first-child img{width:75%;}
	p.saletxt-b{font-size:1.75em;margin-bottom:0;}
	.buybtn{padding:4%;}
	img.award{width:70%;margin-bottom:1em}
	ul.preview{justify-content:center;margin:1em 0;}
	ul.preview li{width:32%;}
	#story .mainbox p.txt01{padding-right:0;}
	#story .mainbox p.txt01, #story .mainbox p.txt01-b, #story .mainbox p.txt02{text-align:center;}
	.about >:nth-child(2){width:96%;margin:0 auto;padding-right:0;text-align:center;}

	.tourbg{
		background:url('../images/cloud2-m.png'),-webkit-linear-gradient(#b4d7f8 0%, #b4d7f8 32%,#fffbec 60%,#fdc6ca 100%);
		background:url('../images/cloud2-m.png'),linear-gradient(#b4d7f8 0%, #b4d7f8 32%,#fffbec 60%,#fdc6ca 100%);
		background-position:center 0%,center top;
		background-repeat:no-repeat;
		background-attachment:fixed;
		background-size:122% auto;
		padding-top:110%;
	}
	.wavebox{background:none;}
	#visit .part-title img, #surprise .part-title img, #relax .part-title img{width:95%;}
	.page{width:90%;margin:0 auto .75em;}
	.zoombtn{width:54px;height:54px;}
	.tagbox-m{font-size:1.125em}
	p.qa{font-size:1.6em}
	#visit a.nextbtn img, #surprise a.nextbtn img, #relax a.nextbtn img{width:20%;}

	#intro{padding:7% 0 3%;}
	#feedback .myswiper{padding:0 10%;}
	.swiper-button-prev{left:2%;}
	.swiper-button-next{right:2%;}
	.itembox{min-height:460px;}

	.seabg{padding:6% 0 5%;}
	#booklist{padding:7% 0 12%;}
	#booklist .mainbox{width:90%;padding:4% 0 7%;background:none;background-color:rgba(51,83,142,.35);border-radius:2em;}
	.listbox{width:100%;justify-content:space-evenly;}
	.b-item{width:42%;}
	.cartbtn{font-size:1.25em;padding:6%;}
	img.ill-3{width:48%;top:-2%;right:-15%;}
	img.ill-4{width:21%;bottom:-3.6%;right:-1%;}
	img.ill-7{width:60%;bottom:-4%;left:-11%;}
}
@media only screen and (max-width:767px){
	.cloud{background:url('../images/cloud-s.png')center top no-repeat;background-size:110% auto;padding-top:142%;}
	.sea{padding-top:160%;background-position:55% bottom;background-size:200% 100%;}
	.kv-title{width:70%;padding-left:0;margin-bottom:1.2em;}
	img.boat{width:57%;top:47.5%;left:-17%;}
	img.ice{display:block;width:24%;top:25.2%;left:-4%;}
	img.fruit{width:35%;top:15%;right:-14%}
	img.cheese{width:31%;top:63%;right:-2.5%;}
	img.hope-1{width:17%;top:65.2%;left:53%;}
	img.island-1{width:42%;top:auto;bottom:-22.5%;left:-5%;}
	img.island-2,img.wave-1,img.wave-2{display:none;}
	.mainkv p{font-size:1.05em;text-align:left;padding-left:38%;margin-bottom:9em;}
	.bv > :first-child{width:75%;}
	.bv{margin-bottom:1em}
	img.whale{width:85%;top:89%;right:-36%;}

	#nightsky{background:url('../images/bg2-m.jpg')center top no-repeat fixed;background-size:125% auto;padding-top:38%}
	.starmenu{padding-bottom:10%;}
	.spacebox{padding-top:72%;}
	.darksky-1{display:block;width:31%;top:51%;left:-3%;}
	.darksky-2{display:block;width:30%;top:48%;right:-3%;}
	.lighthouse{top:76%;right:12%;}
	.darksea{padding-bottom:132%;}
	img.moon{width:31%;bottom:52%;right:-8%;}
	#story .part-title img{width:100%;margin:0 auto 1.5em;}
	#story .mainbox p.txt01{padding:0 4%;}
	.tourbg{padding-top:129%;}
	.tag-m{margin:0 auto .5em;}
	p.qa{font-size:1.25em}
	.wavebox:last-child{padding-bottom:2em;}
}
@media only screen and (max-width:576px){
	#kv{background-size:72% auto;}
	.cloud{background:url('../images/cloud-s.png') 68% 0% no-repeat;background-size:112% auto;padding-top:144%;}
	.sea{padding-top:202%;background-position:55% bottom;background-size:220% 100%;}
	.kv-title{margin:0 auto .75em;}
	.kv-title h1 > img{margin:.15em auto 0.25em;}
	.kv-title > :last-child{width:100%;}
	.mainkv p{font-size:1em;line-height:1.7;text-align:center;padding:0;margin-bottom:15em;}
	.mainkv p span{letter-spacing:-.2px;}
	img.boat{width:56%;top:73.5%;left:-13%;}
	img.ice{top:24.2%;}
	img.cheese{width:28%;top:70.5%;right:28.5%;}
	img.hope-1{width:16%;top:66%;left:8%;}
	img.island-1{width:31%;bottom:auto;left:auto;top:71%;right:0;}
	img.island-2{display:block;}
	img.whale-s{display:block;position:absolute;z-index:4;width:87%;top:79.5%;right:-38%;}
	img.whale{display:none;}
	img.island-2m{display:block;position:absolute;z-index:7;width:27%;bottom:-23%;right:-6%;}
	.bv > :first-child{width:86%;padding:2%;}
	.bv{margin-bottom:.75em}
	#kv .mainkv > a.nextbtn img{width:22%;}

	#nightsky{background:url('../images/bg2-3.jpg')center center repeat-x;background-size:auto;padding-top:80%;}
	.spacebox{padding-top:78%;}
	.darksea{background-size:130% 100%;padding-bottom:188%;}
	#story .mainbox{width:98%;}
	#story .part-title img{margin:0 auto 1em;}
	img.award{width:80%;margin-bottom:1em;}
	.darksky-1{top:52%;left:-6%;}
	.darksky-2{top:51%;right:-4%;}
	.lighthouse{width:13%;top:78%;right:10%;}
	img.hope-2{width:18%;bottom:66.3%;left:4%;}
	img.moon{width:31%;bottom:59.5%;right:-11%;}
	.coverimg{width:90%;margin:0 auto}
	.coverimg > :first-child img{width:70%;}
	span.price{font-size:1.35em;}
	.buybtn{font-size:1.25em}
	ul.preview{margin:.65em 0;}
	.about{margin-bottom:1em}
	p.saletxt-b{font-size:1.35em;}
	p.saletxt{font-size:1.125em}
	p.txt01-b{font-size:1.05em;line-height:1.5}
	p.txt02{font-size:1.6em;line-height:1.7}
	#story .mainbox p.txt01{font-size:.95em;padding:0 6%;text-align:justify;}
	#story .mainbox > a.nextbtn img{width:22.5%;}

	.tourbg{background:-webkit-linear-gradient(#b4d7f8 0%, #b4d7f8 32%,#fffbec 60%,#fdc6ca 100%);background:linear-gradient(#b4d7f8 0%, #b4d7f8 32%,#fffbec 60%,#fdc6ca 100%);padding-top:180%;}
	#visit, #relax{padding:18% 0 3%;}
	#surprise{padding:12% 0 0;}
	.wavebox{background:-webkit-linear-gradient(#b4d7f8 0%, #b4d7f8 32%,#fffbec 60%,#fdc6ca 100%);background:linear-gradient(#b4d7f8 0%, #b4d7f8 32%,#fffbec 60%,#fdc6ca 100%);padding-bottom:0;}
	.wavebox:nth-child(2){background:-webkit-linear-gradient(#fdc6ca 0%, #fdc6ca 32%,#fffbec 60%,#b4d7f8 100%);background:linear-gradient(#fdc6ca 0%, #fdc6ca 32%,#fffbec 60%,#b4d7f8 100%)}
	.wavebox:last-child{padding-bottom:3em;background:-webkit-linear-gradient(#b4d7f8,#fef6e9);background:linear-gradient(#b4d7f8,#fef6e9)}
	.page{width:92%;padding:1.2%;}
	.tagbox-m{font-size:.9em;margin:1% .8%;}
	.tag-m{width:95%;margin:0 auto .75em;}
	.zoombtn{width:46px;height:46px;}
	.zbtn-1{bottom:64%;}
	#visit a.nextbtn img, #surprise a.nextbtn img, #relax a.nextbtn img{width:26%;}
	#intro{padding:12% 0 0;}
	#intro .mainbox > p.txt01{font-size:1em;line-height:1.5em;}
	img.ill-1{width:64%;float:none;margin:0 auto .5em;}
	img.ill-2m{width:47%;}

	#feedback{padding:15% 0 3%;}
	#feedback .part-title img{margin:0 auto 1em;}
	#feedback .myswiper{padding:0 8%;}
	.item-title > p{font-size:1.25em;}
	.item-title > span{font-size:1.6em;}
	.itembox{width:90%;min-height:485px;}
	.swiper-button-prev{left:0;}
	.swiper-button-next{right:0;}

	.seabg{padding:6% 0 9%;}
	#booklist .mainbox{width:94%;}
	.b-item{width:48%;}
	.cover-top{border:2px solid #c0dcf1;}
	.card-title{font-size:.95em}
	span.del{font-size:.75em;}
	.card-text{font-size:.9em}
	span.price2{font-size:1.15em}
	.cartbtn{font-size:1em;padding:8px;border-radius:50%;}
}
@media only screen and (max-width:390px){
	.mainkv p{margin-bottom:12.5em;}
	.darksea{padding-bottom:198%;}	
	.tourbg{padding-top:188%}
}
@media only screen and (max-width:375px){
	.mainkv p{font-size:.9em;margin-bottom:13em;}
	.darksea{padding-bottom:200%;}
	p.saletxt-b, span.price, .buybtn{font-size:1.25em;}
	p.txt01-b{font-size:1em;}
	p.txt01-b span{font-size:1.1em;}
	p.txt02{font-size:1.35em}
	p.txt01{padding:0 6%;}
	.about{margin-bottom:.5em}
}


/*** footer ***/
.bottom a:link{font-size:13px;font-weight:bold;color:#FFF;text-decoration:none}
.bottom a:hover{font-size:13px;font-weight:bold;color:#FFF;background-color:#666666;text-decoration:underline}
.bottom a:visited{font-size:13px;font-weight:bold;color:#FFF;background-color:#666666;text-decoration:none}
.footer01{font-size:13px;font-weight:bold;color:#bd4d03;background-color:#fff;text-align:center;padding:20px 0 10px 0}
.footer02{font-size:13px;text-align:center;color:#000;line-height:24px;background-color:#fff}
.footer02 a:link{font-size:13px;text-align:center;color:#000;text-decoration:none}
.footer02 a:hover{font-size:13px;text-align:center;color:#000;text-decoration:underline}
.footer02 a:visited{font-size:13px;text-align:center;color:#000;text-decoration:none}
.bottom1{font-size:13px;font-weight:bold;color:#FFF;background-color:#3e3d43;height:35px;padding:20px 0 10px 0;text-align:center}
.footer011{font-size:13px;font-weight:bold;color:#fff;background-color:#3e3d43;text-align:center;padding:20px 0 10px 0}
.footer021{font-size:13px;text-align:center;color:#aaaaaa;line-height:24px;background-color:#222127}