@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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font-family:微軟正黑體;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*---------------------------------------------------------------------*/
* {box-sizing:border-box;}

body {
	margin: 0;
	padding: 0;
	width:100%;
	height:100%;
	background: #620842;
    /*background: url(../images/bg.jpg) repeat-y; */
}
a img {border: none;}
a {color: #fff; 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;}
*:focus{outline:none;}


hr {
	margin: 0;
	padding: 0;
	clear: both;
	visibility:hidden;
}

ul,li,p{
	margin:0;
	padding:0;
}

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

.recommend h2 {font-size:20px; font-weight: bold; text-align: center; color:#937bb9; /*border-bottom:3px solid #937bb9;*/ margin:15px 0px;}
h5 {font-size:16px; font-weight: bold; text-align: left; color:#937bb9; margin:15px 0px;}

#container {width:100%; background: #620842;}
.container2 {/*width:90%;*/ margin:0 auto;}
.container-area {width:90%; margin:0 auto;}
.img-responsive {display: block; /*max-width: 100%; */ width: 100%; height: auto;}


.header-top {max-width:2000px; margin:0 auto;}
.header-img {
	aspect-ratio: 100 / 39;
}

.top-bg {margin-top: 40px; margin-bottom: 0;}


.pic-bg {background: #ffffff; padding:10px; overflow: hidden;}


.disney-logo {width:100%; text-align: center; padding:20px 0px 0px 0px; margin-top: 30px;}
.disney-logo img {max-width:100%;}
.disney-logo-phone {display: none;}
/* .disney-footer {background: url(../images/footer-bg.png) 0 0 repeat; width:100%;} */
.disney-footer p {font-size:18px; color:#ffffff; font-weight: bold; text-align: center; padding:5px; line-height: 56px; background: #31101a;  border-top: 3px solid #ffffff;}

.bg {/*background: #59378e;*/ padding:100px 10px 10px 60px; width: 100%; box-sizing: border-box;}
.framework {/*max-width:900px; background: #ffffff; border:10px solid #6f4a57;*/ margin-top:40px; margin-bottom:20px; }
.clearboth {clear:both;}

.fit-route,.tour-route,.hotel-route,.ticket-route {padding:25px 0px;}
.fit-route {width:100%; float:left;}
.ticket-route {width:100%; float:left; margin-top:30px;}

.fit-height {padding-top:150px; margin-top:-150px;}
.hotel-height {padding-top:90px; margin-top:-90px;}
.ticket-height {padding-top:90px; margin-top:-90px;}

/*每頁的次標題*/
.icon-title {margin: 0 auto; width:154px; height:40px; font-size:18px; font-weight: bold; color:#ffffff; padding:18px 0px; text-align: center; background: url(../images/icon-title.webp) 0 0 no-repeat; text-align: center;}
.icon-area {margin-top:50px; clear: both;}
.icon-title2 {margin: 0 auto; width:290px; height:40px; font-size:18px; font-weight: bold; color:#ffffff; padding:18px 0px 40px 0px; text-align: center; background: url(../images/icon-title2.webp) 0 0 no-repeat;}
.icon-title3 {margin: 0 auto; width:290px; /*height:40px; */font-size:18px; font-weight: bold; color:#ffffff; padding:18px 0px 20px 0px; text-align: center; background: url(../images/icon-title2.webp) 0 0 no-repeat; margin-top:40px;}

.list-columns-2 {width:45%;}
.list-columns-3 {width:31%;}
.list-columns-3-2 {width:28%;}
.list-columns-4 {width:23%;}
.list-columns-tkt-3 {width:31%;}


.btn_starting {text-align: center;}
.btn_starting a  {display: inline-flex; color: #ffffff; /*background: #ee7175; */background: #D2415E; border-radius: 30px; padding: 5px 10px; margin: 2px; font-size:16px; font-weight: bold;}
.btn_starting a:hover {/*background: #c6406b;*/background: #b01d3b;}

.btn_starting2 {text-align: center; clear: both; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; padding: 15px 0px 0px 0px;}
.btn_starting2 a  {display:inline-block; color: #ffffff; background: #f8979a; border-radius: 30px; padding: 5px 10px; margin: 2px 5px; font-size:14px;}
.btn_starting2 a:hover {background: #ee7175;}
.btn_starting2 li {float:left;}



.box-area {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;} 
.box-area2 {padding-top:55px; display: block;}
.box-area3 {padding-top:55px; display: block;}
.product-name {display: block; color:#c6406b; font-size:18px; font-weight: bold; padding:5px; line-height: 30px;}
.route-list {margin:35px 10px; background: #ffffff; border-radius: 15px;}
.route-list ol {padding:0px 20px 10px 20px; line-height: 26px; color:#595959;}
.route-list ol li {font-size:15px; font-weight: bold;}
.route-list ol li::before {content:"◆ ";}
.route-list-hotel ol {padding:0px 20px 10px 20px; line-height: 26px; color:#595959;}
.route-list-hotel ol li {font-size:14px; font-weight: bold;}
.txt-list {text-indent: -12px; padding-left:12px;}
.txt-list:empty {display: none;}
.route-price {text-align: center; color:#e60012; font-weight: bold; font-size:13px; padding:10px 0px 20px;}
.sp-price {font-size:29px; padding:5px;}

#fit .route-list, #hotel .route-list a, #ticket .route-itemized-list a {
	display: flex;
	flex-direction: column;
}
#hotel .route-list a, #ticket .route-itemized-list a {
	height: 100%;
}
#fit .btn_starting, #hotel .route-price, #ticket .route-itemized-right {
	margin-top: auto;
}


.arrow {
	margin-left:1px;
  	display:inline-flex;
	width: 7px;
	height: 7px;
	border-top: 4px solid #ffffff;
	border-left: 4px solid #ffffff;
	transform: rotate(-225deg);
}

.btn-more {display:block; clear:both; width:100%; float:left; margin:0px auto; } 
.btn-area {text-align:center; padding:10px;}
.btn-area a {color:#ffffff; background:#f8979a;  padding:10px 20px; text-align:center; font-size:20px; font-weight: bold; border-radius: 30px;}
.btn-area a:hover {background: #ee7175;}
.btn-btn {
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
}


.btn-btn:after {
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
}

.btn-btn:hover {
	-webkit-transform: translateX(1%);
	-moz-transform: translateX(1%);
	-ms-transform: translateX(1%);
	transform: translateX(1%);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
}

.route-itemized {width:90%; margin:0px auto; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;}
.route-itemized-list {border-radius: 15px; background: #ffffff; margin:20px auto; display:block; float:left; padding:20px;}
/*.route-itemized-list a {display: block; padding:5px;}*/
.route-itemized-list ol li::before {content:"◆ ";}
.route-itemized-left {width:100%;/* float:left; display: block;*/}
.route-itemized-right {width:100%;/* float:right; display: block; */text-align: center;}
.itemized-location {background: #47c2d1; color:#ffffff; padding:5px; border-radius:5px; font-weight: bold;}
.itemized-location:empty {display: none;}
.itemized-name {color:#c6406b; font-weight: bold; line-height:30px; font-size:18px;}
.itemized-content {color:#595959; font-size:15px; font-weight: bold; margin:4px 0px; line-height: 26px; width:93%; /*float:left; */text-indent: -12px; padding: 0px 15px; }
#ticket .itemized-content {
	text-indent: unset;
    padding: 0;
}
#ticket .itemized-content .txt-list {
    text-indent: unset;
    padding-left: 0;
}
.itemized-price {color:#e60012; font-weight: bold; font-size:13px; text-align:center; padding: 10px 0 0;}
.itemized-price-sp {font-size:24px; color:#e60012; padding:0px 5px;}



.block-center {
	width: 100%;
	max-width: 1200px;
	margin: auto;
	clear: both;
	position: relative;
	/*margin-top:110px;*/
}
	
.block-product {
	width: 100%;
	clear: both;
	padding: 80px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
	
.product-one-pic {
	width: 100%;
	max-width: 560px;
	position: absolute;
	left: 0px;
	top: -50px;
}

.product-one-pic img {
	border-radius: 20px;
}

.product-one-box {
	width: 100%;
	max-width: 635px;
	background: #f8f8f8;
	border-radius: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 40px 35px 40px 120px;
}

.product-one-space {
	width: 100%;
	clear: both;
	position: relative;
	display: flex;
	justify-content: space-between;
    flex-direction: row-reverse;
	margin:40px auto;
	min-height: 440px;
}

.product-one-space:hover .product-one-pic img {
	opacity: .9;
}

.product-one-space:hover .product-one-box {
	/*background: #fff7dc;*/
}
	
.product-one-title {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #e1e1e1;
	margin: 0 0 20px 0;
	color: #000000;
	text-align: left;
	font-size: 20px;
	line-height: 28px;
	font-weight: bold;
}

ul.product-one-list {
	display: inline-block;
	width: 100%;
	margin: 0 0 20px 0;
	min-height: 150px;
}

.product-one-list li {
	line-height: 24px;
	margin: 0 0 10px 20px;
	font-size: 14px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	z-index: 2;
	color:#595959;
	font-weight: bold;
}

li.product-one-list-color {
	background: #ffe4e5;
    padding: 0 15px;
    border-radius: 20px;
    color: #ee7175;
    display: inline-block;
	margin: 0 0 10px 0px;
}

li.product-one-list-color:empty {
	display: none;
}

li.product-one-list-color::before {
	display: none;
}

.product-one-list li::before ,.product-three-list li::before {
	content: '◆';
	position: absolute;
	width: 9px;
	height: 11px;
	background: url(../images/list_title_icon.png) no-repeat center;
	left: -15px;
    top: 0px;
}

.departure-btn {width:100%; margin:0 auto; text-align: center;}
.bb a {display: inline-flex; color:#ffffff; background:#f8979a; border-radius: 30px; padding:5px 20px; margin:5px;}
.bb a:hover {background: #f47a7d;}


/*自由行&團體旅遊*/
.tour-list {padding:0px 10px; line-height: 24px; border-bottom: 1px dashed #937bb9; margin:10px 0px; float:left; width:98%;}
.tour-list:hover {background: #fefbd5;}
.tour-list2 {padding:0px 10px; line-height: 24px; border-bottom: 1px dashed #937bb9; margin:10px 0px; float:left; background: #f1effc;border-bottom:0px;padding: 20px;}
.tour-headline {width:100%; float:left;}
.tour-name {color:#cb2059; font-size:18px; font-weight: bold; padding:4px 0px; width:70%; float:left;}
.tour-name2 {color:#cb2059; font-size:18px; font-weight: bold; padding:4px 0px; width:70%; float:left;}
.tour-price {color:#e60012; font-weight: bold; padding:4px 0px; font-size:14px; width:30%; float:right; text-align: right;}
.tour-price-mobile {color:#e60012; font-weight: bold; padding:4px 0px; font-size:14px;}
.tour-price2 {color:#e60012; font-weight: bold; padding:4px 0px; font-size:14px; width:30%; float:right; text-align: right;}
.tour-price-mobile2 {color:#e60012; font-weight: bold; padding:4px 0px; font-size:14px;}
.main-pic {float:left; width:30%;}
.main-tour {float:right; width:68%;}
.main-pic img {float:left; width:100%;}


em {font-size:24px; font-weight: bold; padding:0px 4px;}

.tour-content {width:100%; display: block; float:left; position: relative;}
.content-list {color:#7d7d7d; font-weight: bold; font-size:14px; padding:5px 0px 15px 0px; float:left; width:60%;}
.content-list li {line-height: 24px; float:left; width:100%;}
.content-list2 {color:#7d7d7d; font-weight: bold; font-size:14px; padding:5px 0px 15px 0px; float:left; width:70%;}
.content-list2 li {line-height: 24px; float:left; width:100%;}

.list-tidy {text-indent: -9px; padding-left:14px;}
.list-tidy2 {text-indent: -17px; padding-left:30px;}

.btn-group {display: block; width:40%; margin-bottom:15px; float:right; text-align: right; position: absolute; bottom:0px; right:0px;}
.btn-group2 {display: block; width:40%; margin-bottom:15px; float:right; text-align: right; bottom:0px; right:0px;}
.btn-area {margin:0 auto; /*width:100%;*/ /*text-align: center;*/}
.b {display: inline-flex; /*margin:5px auto;*/ text-align: center;}
.b a {color:#ffffff; padding:5px; font-weight:bold; background: #c1426c; font-size:15px; border-radius: 4px; margin:0px 8px;}
.b a:hover {background: #a01744;}
.b2 {display: inline-flex; /*margin:5px auto;*/ text-align: center; color:#ffffff; padding:5px; font-weight:bold; background: #bfbfbf; font-size:15px; border-radius: 4px; margin:0px 8px;}


/*訂房*/
.hotel-route {float:left; width:100%; margin: 25px 0px;}
.hotel-list {line-height: 24px; border-bottom: 1px dashed #937bb9; margin:10px 0px; float:left; width:100%;}
.hotel-list:hover {background: #fefbd5;}

.hotel-headline {width:100%; float:left;}
.hotel-name {color:#cb2059; font-size:18px; font-weight: bold; padding:4px 0px 4px 10px; width:72%; float:left;}
.hotel-price {color:#e60012; font-weight: bold; padding:4px 10px 4px 0px; font-size:14px; width:25%; float:right; text-align: right;}

.txt {color:#ff0000;}
/* .sp-b a {background: #cb2059; color:#ffffff; border-radius: 5px; font-size: 15px; padding:5px; margin: 8px 3px; display: inline-block;}
.sp-b a:hover {background:#a01744;} */
.special-txt {border-radius: 30px; background: #e46101; color: #ffffff; display: table; padding: 6px 12px; margin: 5px auto;}


/*票券*/
.ticket-list {line-height: 24px; border-bottom: 1px dashed #937bb9; margin:10px 0px; float:left; width:100%;}
.ticket-list:hover {background: #fefbd5;}
.con-txt {font-size:13px; font-weight: bold; color:#ffffff; margin:0px 2px; padding:0px 5px; background:#00a3e0; display: inline-block;}
.con-txt2 {font-size:13px; font-weight: bold; color:#ffffff; margin:0px 2px; padding:0px 5px; background:#299502; display: inline-block;}
.con-txt3 {font-size:13px; font-weight: bold; color:#ffffff; margin:0px 2px; padding:0px 5px; background:#009944; display: inline-block;}

.ticket-headline {width:100%; float:left;}
.ticket-name {color:#cb2059; font-size:18px; font-weight: bold; padding:4px 0px 4px 10px; width:85%; float:left;}
.ticket-price {color:#e60012; font-weight: bold; padding:4px 10px 4px 0px; font-size:14px; width:12%; float:right; text-align: right;}
.ticket-type {margin:5px; width:25%; }



/*每頁主標題*/
.title-sm {display: none;}
.title {width:100%;}
.title img {margin:0 auto; text-align: center;}

.titleBG {
	background: url('../images/title-bg.webp') center center no-repeat;
	text-align: center;
}
.titleBG-text {
	font-size: 28px;
	line-height: 1;
	font-family:微軟正黑體;
	color: white;
	font-weight: bold;
	display: inline-block;
	padding: 0 18px;
	background-color: #620842;
}


@media screen and (max-width: 500px) {
	.titleBG {
		background-image: url('../images/title-bg-sm.webp');
	}
	.titleBG-text {
		font-size: 26px;
	}	
}

.mask {position: absolute; border-bottom-right-radius: 15px; border-top-left-radius: 15px; background:#47c2d1; padding:8px; margin-top:-1px; margin-left:-1px; font-weight: bold;}

.content-title {max-width:100%;}
/* .content-title-1 {display: block; max-width:806px; height:86px; margin:0 auto; text-align: center; background: url(../images/content-title-serve1.png) center center no-repeat; text-indent:-9999px;} */

.content-txt {font-size:15px; color:#535353; line-height: 30px; }

/*備註*/
/* .note {color:#898989; font-size:14px; font-weight: bold; padding:20px 0px 5px 0px; background: url(../images/line.png) 0 0 no-repeat; margin:30px 0px 10px 0px; clear: both;} */


/*版權文字*/
.copyright {font-size:11px; color:#ffffff; padding:45px 5px 15px 15px; line-height: 24px;}



.card-body{
	display:flex;
	justify-content: space-between;
	overflow: hidden;
	transition: all 0.3s linear;
}

a.card-body:hover,a.ticket:hover{
	
	transform: translateY(5px);
}
.product p{line-height: 1.5;text-align: justify;}
a.card-body:hover  h4.tour-name,
a.ticket:hover h4.ticket-name{
	
	line-height:30px;
}

.images1 {width:40%; padding:20px;}

.product{
	padding: 1rem;
	width:60%;
}
.product ul{padding-left: 1rem;}
.product ul>li{
	color:#7d7d7d;
	font-size:15px;
	font-weight: bold;
	line-height: 26px;
}
.product p{line-height: 1.5;text-align: justify;}
.tour-name-sp {
    font-size: 20px;
    color: #cb2059;
    margin-bottom: 1rem;
	line-height: 30px;
	font-weight: bold;
	text-align: center;
}
a.card-body:hover  h4.tour-name-sp,
a.ticket:hover h4.ticket-name{
	
	line-height:30px;
}
.price-wraper {

    text-align: center;
    align-self: flex-end;
	padding-top: 1rem;
    padding-bottom: 1rem;
	padding-right: 1rem;
	color: #e60012;
	font-weight: bold;
	font-size:14px;
}
.main-recommend {clear: both; margin:10px auto; width:100%;}

.gift-title {display: block; width:100%; color:#ffffff;}
.gift-tt {
	background: url('../images/icon-title3.png') no-repeat 0 0;
	width: 172px;
    height: 59px;
    display: inline-block;
    padding-top: 14px;
    padding-left: 55px;
    color: #ba2f88;
    font-size: 21px;
    font-weight: bold;
}
.gift-tt2 {font-size:21px; font-weight: bold; color:#fff100;}
.gift-content {max-width:960px; margin:15px auto; background: #ba2f88; border-radius: 15px; margin-top:60px; padding:15px; display: flex;}
.gift-img {width:45%; float:left; padding:5px;}
.gift-img img {border-radius: 15px;}
.gift-con {width:55%; float:right; padding:10px; line-height: 34px; color:#ffffff;}
.gift-con p {font-size:18px;}

.gift-content a {}


@media screen and (max-width: 1200px) {
	.list-columns-2 {width:42%;}
	.list-columns-3 {width:42%;}
	.list-columns-3-2 {width:42%;}
	.list-columns-4 {width:47%;}
	/* .route-itemized-left {width:100%; float:left; display: block;} */
	/* .route-itemized-right {width:100%; float:right; display: block;} */
	/* .itemized-price {text-align: center;} */
		
	.product-one-pic {
		width: 100%;
		max-width: 100%;
		position:unset;
		order: 1;
		top:0px;
	}
	.product-one-pic img {
		border-radius: 20px;
		width:100%;
	}
	.product-one-box {
		width: 100%;
		max-width: 100%;
		background: #f8f8f8;
		border-radius: 20px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding: 40px 35px 40px 40px;
	}
}


/*
==============================================
head-route1
==============================================
*/
.head-route1 {
		
    -webkit-animation-name: head-route1;
          animation-name: head-route1;

    animation-duration: 0.5s;	
	-webkit-animation-duration: 2s;

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



@-webkit-keyframes head-route1 {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
            transform: translate3d(0,-4px,0);
  }
}

@keyframes head-route1 {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
            transform: translate3d(0,-4px,0);
  }
}

/*
==============================================
head-route2
==============================================
*/
.head-route2 {
		
    -webkit-animation-name: head-route2;
          animation-name: head-route2;

    animation-duration: 0.5s;	
	-webkit-animation-duration: 2s;

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



@-webkit-keyframes head-route2 {
  0%, 30%, 63%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }

  43%, 46% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
            transform: translate3d(0,-4px,0);
  }
}

@keyframes head-route2 {
  0%, 30%, 63%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }

  43%, 46% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
            transform: translate3d(0,-4px,0);
  }
}



.btn-more a {
	/* background:#ee7175; */
    color:#ffffff;
    padding:10px 20px;
    text-decoration: none;
	background: #D2415E;
}
.btn-more a:hover {
	background:#c6406b;
    color:#ffffff;
    padding:10px 20px;
    text-decoration: none;
}

.stroke-btn {
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
}

.stroke-btn:after {
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
}

.stroke-btn:hover {
	-webkit-transform: translateY(1%);
	-moz-transform: translateY(1%);
	-ms-transform: translateY(1%);
	transform: translateY(1%);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
} 

.route-img {
	/* padding:10px 10px 0px 10px; */
	margin:10px 10px 0px 10px;
	
}
.route-img img {width:100%;
    border-radius: 15px;
    display: inline-block;
    box-sizing: border-box;
}
.route-content {padding:10px 20px;}


/*#fit {padding-top:150px;}
#run {padding-top:170px;}
#ticket {padding-top:150px;}
#tour {padding-top:170px;}
#hotel {padding-top:150px;}

#hotel {padding-top:170px;}
#ticket {padding-top:170px;}
#fit {padding-top:180px; padding-bottom:70px;}
#run {padding-top:180px; padding-bottom:70px;}

#fit,#tour,#hotel,#ticket,#run {padding-top:130px;}*/

/* @media screen and (min-width: 769px) {
	.price-mobile {display:none;}    
} */
.product-area {
    width: 100%; 
    height: 100%; 
    padding: 80px 0px 60px 0px;
    overflow: hidden;
    clear: both;
}

@media screen and (max-width: 768px) {
	.top-bg {margin-bottom: 20px;}
	.btn-area a {
		font-size:16px;
	}
	.titleBG {
		padding: 15px 0;
		background-size: contain;
	}
	.disney-logo {display: none;}    
	.disney-logo-phone {display: block; padding-top:13px;}
	.disney-logo-phone  img {width:100%;}

	
	.gift-img {width:100%; float:left;}
	.gift-con {width:100%; float:right;}
	#gift {padding: 0px 30px;}
		
	.icon-title {margin:0 auto; float: none;}
	.icon-title2 {margin:0 auto; float: none; padding:18px 0px 0px 0px;}
	.tour-name {width:100%; text-align: center; line-height: 30px;}
	.tour-price {display: none;}    
	/* .price-mobile {width:100%; display: block; text-align: center; line-height: 30px;} */
		
	.hotel-name {width:100%; padding: 4px 0px 14px 10px; text-align: center; line-height: 30px;}
	.hotel-price {width:100%; text-align: center; float:none; display: block;}
		
	.ticket-name {width:100%; padding: 4px 0px 14px 10px; text-align: center; line-height: 30px;}
	.ticket-price {width:100%; display: block; text-align: center; float:none;}
	.ticket-type {display:block; text-align: center; width:100%;}
		
	.content-list {width:90%;}
	.content-list2 {width:100%;}
	.btn-group {width:100%; position: relative; margin:0 auto; text-align: center; float:none; padding: 10px 0px;}
	.btn-group2 {width:100%; position: relative; margin:0 auto; text-align: center; float:none; padding: 10px 0px;}
		
	.main-pic {float:left; width:100%; margin:0px 0px 15px 0px;}
	.main-tour {float:right; width:100%;}
	.tour-price2 {display: none;}  
	.tour-name2	{width:100%; text-align: center;}

	.card-body {display: block;}
	.images1 {width:90%; padding:20px; }
	.images1 img {margin:0 auto;}

	.product{
		padding: 1rem;
		width:auto;
		margin-top:-30px;
	}
		
	.product-one-space {
		width: 100%;
		clear: both;
		position: relative;
		display: block;
		justify-content: space-between;
		flex-direction: row-reverse;
		margin:40px auto;
	}	
		
	a.card-body {display: block;}
	.framework {margin-top:0px;}	
		
	/*.header-top img {padding-top: 40px;}*/
		
	.tour2 {clear:both; margin:20px 0px; float:left;}

	.list-columns-2 {width:100%;}
	.list-columns-3 {width:100%;}
	.list-columns-3-2 {width:100%;}
	.list-columns-4 {width:100%;}
	.box-area {padding:0px;}
	.box-area3 {padding:0px;}
	.title {display: none;}
	.title-sm {width:100%; display: block; padding: 0px 0px 20px 0px;}

	.title-sm img {margin:0 auto; text-align: center;}
		
	.container-area {text-align: center;}

	.route-list {margin: 15px 10px;}
		
	#fit,#tour,#hotel,#ticket,#run {padding-top:40px;}

	.route-itemized-right {
		float: unset;
	}
	
	.route-img {
	 padding:10px 10px 0px 10px; 
	/*margin:10px 10px 0px 10px;*/
	text-align: center;
}
.route-img img {width: calc(100% - 20px);
    border-radius: 15px;
    display: inline-block;
    box-sizing: border-box;
}
	
}

 @media screen and (max-width: 520px) {
	.gift-tt2 {width:100%; float:right; display: block; padding-top: 10px;}	
}


/*

@media screen and (max-width: 1023px) {
	.pic-bg {background: #ffffff; padding:0px; overflow: hidden;}
}




.box {width:95%; }
.align-left {float:left;}
.align-right {float:right;}
.align-center {margin:0 auto;}
.title-align-left {float:left;}
.title-align-right {float:right;}
.text-align-left {text-align:left;}
.text-align-right {text-align:right;}
.text-align-center {text-align:center;}

*/