/************************************************************************************
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 ,main {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    /*vertical-align: baseline;*/
    background: transparent;
}
body {line-height: 1; -webkit-text-size-adjust: none;}
ol, ul { list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {
   /* border-collapse: collapse;*/
    border-spacing: 0;
}
a img {border: none;}
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()); /* for IE */}
a:hover {text-decoration:none;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
a:focus{ -moz-outline-style: none;}

* {
	box-sizing: border-box;
}

body {
	margin: 0;
	padding: 0;
	font-size:14px;
	overflow-x: hidden;
}

h1, h2, h3, h4, h5 {
	text-decoration: inherit;
	font: inherit;
	font-weight: inherit;
}

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

/*動畫*/
@keyframes floating-dot {
	0% {
		transform: translateY(-10%);	
	}
	50% {
		transform: translateY(800%);	
	}	
	100% {
		transform: translateY(-10%);
	}			
}

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

/*wow*/
.wow:first-child {
visibility: hidden;
visibility:visible \9;
}

/*基礎變數*/
:root {
	--shadow-gray-dark:0 0 0 #333333;
	--text-gray-dark:#333333;
	--normal-white:#ffffff;
	--normal-fonts:Verdana,'微軟正黑體';
	--cute-number:"Jua", Verdana;
	--noto-fonts:"Noto Sans TC", Verdana;
	--circle-fonts:'Huninn',Verdana;
	--blue-background:#f0fbff;
}

#dm-header {
	display: none !important;
}


/*PC
-----------------------------------------------------------------*/

/*主框架*/
.container {
	width:100%;
	margin: auto;
	font-family: var(--normal-fonts);
	box-sizing: border-box;
}

.block-center {
	width: 100%;
	max-width: 1500px;
	margin:0 auto;
	clear: both;
	position: relative;
}

#dmheader {
	display: none !important;
}

/*導覽列*/
.block-main-menu {
	width: 100%;
	background: var(--normal-white);
	border-bottom: 1px solid #d2d2d2;
	z-index: 3;
    position: fixed;
}

.block-main-menu .block-center {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px 0;
}

.block-main-menu-mobile {
	display: none;
}

.main-menu-logo {
	padding: 0 0 0 10px;
}

.main-menu-logo a {
	display: inline-block;
}

.main-menu-link a ,.main-menu-slide {
	font-size: 15px;
	color:var(--text-gray-dark);
	text-shadow:var(--shadow-gray-dark);
	display: inline-block;
	padding: 10px 15px;
	
	margin: 0 3px;
	border-radius:20px;
	border: 1px solid var(--normal-white);
}

.main-menu-link a:hover ,.main-menu-slide:hover ,.menu-active a {
	border: 1px solid #d5d5d5;
	background: #efefef;
}

.main-menu-link li {
	display: inline-block;
}

.main-menu-slide {
	position: relative;
}

.main-menu-slide span::after {
	content: '';
	width: 10px;
	height: 10px;
	background: url(../images/menu_arrow.webp) no-repeat center;
	display: inline-block;
	margin: 0 0 0 5px;
}

.main-menu-slide span:hover {
	cursor:default;
}

.main-menu-slide-father {
	display: none;
}

.main-menu-slide:hover .main-menu-slide-father {
	display: block;
	position: absolute;
	left: -15px;
    top: 25px;
	padding: 20px 0 0 0;
}

.main-menu-slide-son {
	min-width: 135px;
	background: var(--normal-white);
	padding: 10px;
	border-radius: 20px;
	box-shadow: 0px 0px 10px rgb(0 0 0 / 20%);
	text-align: center;
}

.main-menu-slide-son a {
	font-size: 15px;
	border-radius:16px;
	padding: 10px 8px;
	width: 100%;
	display: inline-block;
	text-align: center;
	border: 0;
	color:var(--text-gray-dark);
	text-shadow: var(--shadow-gray-dark);
	margin: 0;
}

.main-menu-slide-son a:hover {
	background: #efefef;
	border: 0;
}

/*主視覺*/
.block-main {
	width: 100%;
	clear: both;
	min-height: 830px;
	background: url(../images/special_main_bk.webp) no-repeat center top;
	text-align: left;
	margin: 87px 0 0 0;
    display: inline-block;
	overflow: hidden;
}

.block-main .block-center {
	display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
}

.block-main-ipad ,.block-main-mobile {
	width: 100%;
	clear: both;
	line-height: 0px;
	display: none;
	margin: 0 0 30px 0;
	background: #fff7ea;
}

.main-gift-phone {
	width: calc(100% - 500px);
	max-width: 660px;
	text-align: left;
	
	margin: -27px 0 0 0;
}

.main-space {
	display: inline-block;
	width: 100%;
	max-width: 536px;
	margin: 200px 0 0 0;
}

.main-space-title {
	width: 100%;
	text-align: center;
}

.main-space-title p ,.main-space-title figure {
	display: inline-block;
	width: 100%;
	text-align: center;
	line-height: 0;
	margin: 0 0 20px 0;
}

.main-space-title img {
	display: inline-block;
	-webkit-filter: drop-shadow(0px 0px 23px rgba(63, 39, 18, 1));
    filter: drop-shadow(0px 0px 23px rgba(63, 39, 18, 1));
}

.main-space-download {
	width: 100%;
	margin: 20px 0 0 0;
}

.main-space-download-box {
	width: 100%;
	display: flex;
	justify-content: center;
}

.main-space-download-box a:hover {
	opacity: .8;
}


.main-space-download-box span {
	width: 100%;
	clear: both;
	font-size: 15px;
	display: inline-block;
	margin: 0 0 5px 0;
	color: var(--text-gray-dark);
}

.main-space-download-box span:last-of-type {
	margin: 23px 0 5px 0;
}

.main-space-download-box p {
	display: inline-block;
	width: 40%;
	text-align: center;
	padding: 0 5px;
}

/*禮包領取步驟*/
.block-step {
	width: 100%;
	background: url(../images/gift_step_bk.webp) no-repeat center top #fff6e0;
	clear: both;
	margin: -2px 0 0 0;
	padding: 130px 0;
	overflow: hidden;
}

.block-step .block-center {
	max-width: 1300px;
}

.step-big-title {
	width: 100%;
	text-align: center;
	padding: 0px 0px 40px 0px;
}

.step-way-space {
	width: 100%;
	/* display: flex;
	justify-content: center; */
	margin: 0 auto;
}

.not-move {
	display: flex;
	justify-content: center;
}

.block-step .move-slide {
	display: none;
}


.step-way-box {
	padding: 0 10px;
	max-width: 320px;
}

.not-move .step-way-box {
	width: 25%;
}

.step-way-pic {
	text-align: center;
	spect-ratio:50 / 109;
}

.step-way-pic img {
	border: 5px solid #ffc600;
	border-radius: 20px;
}

.step-way-infor {
	display: flex;
	width: 100%;
	margin: 0 0 20px 0;
	align-items: flex-start;
}

.step-way-infor span {
	display: inline-block;
	width: 50px;
	height: 50px;
	color: var(--normal-white);
	font-size: 40px;
	text-align: center;
	background: #ffc600;
	line-height: 55px;
	border-radius: 300px;
	font-family: var(--cute-number);
	font-weight: 400;
}

.step-way-infor p {
	display: inline-block;
	width: calc(100% - 50px);
	padding: 0 10px;
	color: var(--text-gray-dark);
	text-shadow: var(--shadow-gray-dark);
	text-align: left;
	font-size: 18px;
	line-height: 26px;
	font-family: var(--noto-fonts);
	font-weight: 500;
}

.step-notice-space {
	width: 100%;
	clear: both;
	margin: 40px 0 0 0;
	background: #fffbf3;
    border-radius: 20px;
	padding: 20px;
}

.step-notice-title {
	color: var(--text-gray-dark);
	font-size: 20px;
	font-weight: 600;
	text-align: left;
	width: 100%;
	line-height: 30px;
	margin: 0 0 10px 0;
	font-family: var(--noto-fonts);
}

.step-notice-list li {
	width: 100%;
	color: var(--text-gray-dark);
	text-align: left;
	margin: 0 0 5px 25px;
	padding: 0 25px 0 0;
	font-size: 15px;
	line-height: 24px;
	list-style: disc;
}

.step-notice-list li a {
	border-bottom: 1px dashed var(--text-gray-dark);
	padding: 0px 5px;
    display: inline-block;
	
}

.step-notice-list li a:hover {
	background: #ffe899;
}

.step-notice-list li span {
	color: #d02a2a;
}

.step-notice-but {
	width: 100%;
	text-align: center;
	margin: 40px 0 0 0;
}

.step-notice-but span {
	display: inline-block;
	position: relative;
	border-radius: 20px;
	min-height: 30px;
	line-height: 25px;
	text-align: center;
	
	padding: 5px 30px;
	font-size: 15px;
	background: #ffe899;
}

.step-notice-but span::after {
	content: '查看更多▼';
}

.step-notice-active .step-notice-but span::after {
	content: '查看更少▲';
}

.step-notice-but span:hover {
	cursor: pointer;
	background: #ffc600;
	-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;
}

.list-open {
	display: none;
}


/*app亮點*/
.block-highlights {
	width: 100%;
	box-sizing: border-box;
	padding: 120px 0;
	background: var(--blue-background);
}

.block-highlights .infor-big-title-icon2 {
    left: 384px;
}

.block-highlights .infor-big-title-icon3 {
	right: 413px;
}

.highlights-slide-space {
	width: 100%;
}

.highlights-slide-gogo {
	width: 100%;
}

.highlights-slide-box {
	max-width: 460px;
    padding: 0px 20px 0 20px;
}

a.highlights-slide-box {
	display: inline-block;
}

a.highlights-slide-box:hover img {
	opacity: .8;
	-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;
}

.highlights-slide-pic {
	text-align: center;
	width: 100%;
	aspect-ratio:115 / 86;
}

.highlights-slide-pic img {
	border-radius: 20px;
	display: inline-block;
}

.highlights-slide-name {
	width: 100%;
	text-align: left;
	font-size: 30px;
    line-height: 35px;
	color: var(--text-gray-dark);
	margin: 20px auto 10px auto;
	box-sizing: border-box;
	padding: 0 5px;
	font-weight: 700;
	font-family: var(--noto-fonts);
	display: flex;
    justify-content: space-between;
}

a.highlights-slide-box .highlights-slide-name span {
	display: inline-block;
	border-radius: 50px;
	padding: 5px 30px 5px 15px;
	position: relative;
	text-align: center;
	color: var(--normal-white);
	font-size: 16px;
	font-weight: normal;
	right: 0px;
	background: rgb(0,146,200);
	background: linear-gradient(65deg, rgba(0,146,200,1) 0%, rgba(51,181,230,1) 100%);
	line-height: 25px;
}

a.highlights-slide-box:hover .highlights-slide-name span {
	background: rgb(0,146,200);
}

a.highlights-slide-box .highlights-slide-name span::after {
	position: absolute;
	right: 12px;
    top: 11px;
	width: 12px;
	height: 13px;
	background: url(../images/intro_link_arr.webp) no-repeat center;
	content: '';
}

.highlights-slide-name span {
	display: inline-block;
	border-radius: 50px;
	padding: 5px 15px;
	position: relative;
	text-align: center;
	color: #1aa3d7;
	font-size: 16px;
	font-weight: normal;
	right: 0px;
	line-height: 25px;
	background: transparent;
	border: 1px solid #1aa3d7;
}

.highlights-slide-text {
	padding: 0 5px;
	width: 100%;
	text-align: left;
	font-size: 15px;
	color: var(--text-gray-dark);
	line-height: 24px;
}

.highlights-slide-text span {
	color: #d02a2a;
}

.highlights-slide-gogo ul.slick-dots {
	width: 100%;
	text-align: center;
	margin: 40px 0 0 0;
}

.highlights-slide-gogo ul.slick-dots li {
	display: inline-block;
	margin: 0 5px;
}

.highlights-slide-gogo ul.slick-dots li button {
	display: inline-block;
	background: transparent;
	border: 1px solid var(--text-gray-dark);
	border-radius: 100px;
	width: 12px;
	height: 14px;
	text-indent: -99999px;
	line-height: 0;
}

.highlights-slide-gogo ul.slick-dots li button:hover ,.highlights-slide-gogo ul.slick-dots li.slick-active button {
	cursor: pointer;
	background: var(--text-gray-dark);
}

.highlights-slide-gogo .slick-slide img {
	display: inline-block;
}

.highlights-slide-gogo button.slick-arrow {
	display: inline-block;
	width: 11px;
	height: 21px;
	text-indent: -99999px;
	border: 0px;
	position: absolute;
	bottom: -4px;
}

.highlights-slide-gogo button.slick-arrow:hover {
	cursor: pointer;
	opacity: .8;
}

.highlights-slide-gogo button.slick-prev {
	background: url(../images/highlights-slide-arr-left.webp) no-repeat center;
	left: 45%;
}

.highlights-slide-gogo button.slick-next {
	background: url(../images/highlights-slide-arr-right.webp) no-repeat center;
	right: 45%;
}


/*團體旅遊*/
.block-tour {
	width: 100%;
	padding: 120px 0;
}

.block-tour .block-center {
	background: url(../images/intro_bk_icon.webp) no-repeat right bottom;
}

.tour-space {
	width: 100%;
	display: flex;
	align-items: center;
}

.tour-space-video {
	width: 800px;
	display: inline-block;
	position: relative;
	overflow: hidden;
	border-radius: 20px;
	height: 442px;
}

.tour-space-video iframe {
	height: 442px;
	width: 100%;
}

.tour-space-video span {
	display: inline-block;
	text-align: left;
	width: 100%;
	color: #9a9a9a;
	font-size: 40px;
	font-weight: bold;
}

.tour-space-video a {
	position: absolute;
	right: 20px;
	bottom:20px;
	border-radius: 100px;
	background: var(--normal-white);
	text-align: center;
	line-height: 0px;
	display: grid;
	width: 52px;
	height: 52px;
	place-items: center;
}

.tour-space-video a:hover {
	opacity: .9;
}

.tour-space-infor {
	width: calc(100% - 800px);
	display: inline-block;
	padding: 0 0 0 60px;
}

.infor-big-title {
	background: rgb(0,146,200);
	background: linear-gradient(70deg, rgba(0,146,200,1) 0%, rgba(51,181,230,1) 100%);
	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
	font-size: 50px;
	font-weight: 700;
	font-family: var(--noto-fonts);
	width: 100%;
	margin: 0 0 20px 0;
	line-height: 55px;
	position: relative;
}

.infor-big-title span ,.infor-big-title h2 {
	display: inline-block;
}

.infor-big-title-icon1 {
	position: absolute;
	right: 75px;
    top: -44px;
}

.infor-big-title-icon2 {
	position: absolute;
	left:430px;
    top: 5px;
}

.infor-big-title-icon3 {
	position: absolute;
	right: 440px;
    top: -2px;
}

.infor-big-title-icon4 {
	position: absolute;
	left: 145px;
    top: -42px;
}

.infor-big-title-icon5 {
	position: absolute;
	left: 230px;
    top: -42px;
}

.tour-space-box {
	color: var(--text-gray-dark);
	text-align: left;
	margin: 0 0 20px 0;
	
	padding: 0 0 0 40px;
	position: relative;
}

.tour-space-box::before {
	content: '';
	position: absolute;
	width: 22px;
	height: 20px;
	background: url(../images/intro_list_big_icon.webp) no-repeat center;
	left: 10px;
	top: 6px;
}

.infor-small-title {
	font-size: 24px;
	line-height: 34px;
	font-weight:500;
	font-family: var(--noto-fonts);
	color: var(--text-gray-dark);
}

.infor-text {
	font-size: 15px;
	line-height: 20px;
}

/*為了背景包起來*/
.block-big-space {
	width: 100%;
}

/*個人旅遊*/
.block-pkg {
	width: 100%;
	box-sizing: border-box;
	padding: 120px 0;
	background: var(--blue-background);
}

.pkg-big-title {
	width: 100%;
	clear: both;
	text-align: center;
	margin: 0 0 30px 0;
}

.pkg-tkt-all {
	width: 100%;
	max-width: 470px;
	border-radius: 20px;
	overflow: hidden;
	background: rgb(0,163,224);
	background: linear-gradient(43deg, rgba(0,163,224,1) 0%, rgba(102,200,236,1) 100%);
}

.pkg-tkt-space {
	width: 100%;
	height: 100%;
	background: url(../images/intro_pic2.webp) no-repeat right bottom;
	position: relative;
	display: flex;
	align-items:flex-start;
}


.pkg-tkt-infor {
	width:100%;
	
	padding: 25px 0 0 20px;
	color: var(--normal-white);
}

.pkg-tkt-phone {
	width: 430px;
	text-align: left;
	line-height: 0;
	
	padding: 20px 0 0 10px;
}

.pkg-tkt-phone img {
	display: inline-block;
}

.pkg-block-title {
	font-size:35px;
	font-weight: 600;
	line-height: 44px;
	font-family: var(--noto-fonts);
	margin:0 0 5px 0;
}

.pkg-tkt-space .pkg-block-title {
	color: var(--normal-white);
}

.pkg-block-text {
	width: 100%;
	font-size: 15px;
	text-align: left;
	line-height: 22px;
}

ul.pkg-block-list {
	width: 100%;
	font-size: 15px;
	text-align: left;
	line-height: 22px;
}

.pkg-block-list li {
	margin:0 0 5px 0;
	position: relative;
	padding: 0 0 0 20px;
	text-align: left;
}

.pkg-block-list li::before {
	content: '';
	position: absolute;
	left: 0px;
	top: 5px;
	width: 15px;
	height: 13px;
	background: url(../images/intro_list_small_icon.webp) no-repeat center;
}

.pkg-block-click {
	width:50px;
	height: 50px;
	border-radius: 500px;
	position: absolute;
	right: 20px;
	top: 20px;
	z-index: 2;
	box-shadow: 0 0 25px rgb(129 129 129 / 25%);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	-moz-transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	transform: rotate(-180deg);
}

.pkg-block-click:hover {
	cursor: pointer;
	opacity: .9;
}

.pkg-tkt-all .pkg-block-click {
	background:url(../images/intro_block_icon2.webp) no-repeat center var(--normal-white);
}

.pkg-hotel-space .pkg-block-click {
	background:url(../images/intro_block_icon3.webp) no-repeat center var(--normal-white);
}

.pkg-coupon-space .pkg-block-click {
	background:url(../images/intro_block_icon4.webp) no-repeat center var(--normal-white);
}

.set-member-space .pkg-block-click {
	background:url(../images/intro_block_icon2.webp) no-repeat center var(--normal-white);
}

.set-order-space .pkg-block-click {
	background:url(../images/intro_block_icon4.webp) no-repeat center var(--normal-white);
}

.pkg-block-active .pkg-block-click {
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	-moz-transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	transform:rotate(180deg);
}

.pkg-block-active .pkg-block-click:hover {
	cursor: pointer;
	opacity: .9;
}

.pkg-tkt-all .pkg-block-active .pkg-block-click {
	background:url(../images/intro_block_icon2_close.webp) no-repeat center var(--normal-white);
}

.pkg-hotel-space.pkg-block-active .pkg-block-click {
	background:url(../images/intro_block_icon3_close.webp) no-repeat center var(--normal-white);
}

.pkg-coupon-space.pkg-block-active .pkg-block-click {
	background:url(../images/intro_block_icon4_close.webp) no-repeat center var(--normal-white);
}

.set-member-space.pkg-block-active .pkg-block-click {
	background:url(../images/intro_block_icon2_close.webp) no-repeat center var(--normal-white);
}

.set-order-space.pkg-block-active .pkg-block-click {
	background:url(../images/intro_block_icon4_close.webp) no-repeat center var(--normal-white);
}

.pkg-block-close {
	display: none;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	clear: both;
    height: 100%;
	background: #f1f1f1;
	z-index: 1;
}

.pkg-block-close.pkg-block-open {
	display: inline-block;
	
	padding: 20px;
}

.block-big-space .pkg-block-close .pkg-block-open-center {
	margin: 30px auto;
	text-align: center;
}

.block-big-space .set-block-all .pkg-block-close .pkg-block-open-center {
	margin:20px 30px;
}

.block-big-space .pkg-hotel-space .pkg-block-close .pkg-block-open-center ,.block-big-space .pkg-coupon-space .pkg-block-close .pkg-block-open-center ,.block-big-space .pkg-tkt-space .pkg-block-close .pkg-block-open-center {
	width: 90%;
}

.block-big-space .pkg-block-close .pkg-block-open-center .pkg-block-title {
	color: var(--text-gray-dark);
}

.block-big-space .pkg-block-close .pkg-block-open-center .pkg-block-list {
	color: var(--text-gray-dark);
}

.pkg-hotel-coupon-all {
	width: 100%;
	margin: 30px 0 0 0;
	display: flex;
	justify-content: space-between;
}

.pkg-hotel-coupon-all > div {
	margin: 0 5px;
	
	max-width: 460px;
	width: 100%;
}

.pkg-hotel-space ,.pkg-coupon-space {
	padding: 20px;
	border-radius: 20px;
	height: 320px;
	overflow: hidden;
	position: relative;
}

.pkg-hotel-space {
	background:url(../images/intro_pic3.webp) no-repeat center;
	align-items: end;
	display: grid;
	color: var(--normal-white);
}

.pkg-coupon-space {
	background:url(../images/intro_pic4.webp) no-repeat center;
	display: grid;
}

.pkg-hotel-infor ,.pkg-coupon-infor {
	width: 100%;
	display: inline-block;
}

.pkg-coupon-infor {
	position: relative;
}

.pkg-coupon-icon {
	width: 100%;
	clear: both;
	text-align: left;
	display: flex;
	flex-wrap: wrap;
    justify-content: flex-start;
	margin: 110px 0 0 0px;
	position: absolute;
	bottom: -10px;
	align-items: flex-end;
}

.pkg-coupon-icon span {
	border-radius: 20px;
	background: var(--normal-white);
	width: 70px;
	height: 70px;
	display: grid;
	align-items:center;
	text-align: center;
	justify-content: center;
	margin: 0 10px 5px 0;
}

.pkg-coupon-icon img {
	display: inline-block;
}

.pkg-coupon-icon b {
	display: inline-block;
	width: 70px;
	height: 70px;
	background: #ffe899;
	color: var(--normal-white);
	font-size: 40px;
	font-weight: bold;
	border-radius: 20px;
	text-align: center;
	
	margin: 5px 0;
}

/*個人化設定*/
.block-set {
	width: 100%;
	
	padding: 120px 0 80px 0;
}

.block-set .block-center {
	display: flex;
	align-items: center;
}

.set-infor {
	
	padding: 0 20px 0 0;
	width: 34%;
}

.set-block-all {
	width: 66%;
	display: flex;
	justify-content: space-between;
}

.set-member-space ,.set-order-space {
	width: 460px;
	height: 320px;
    overflow: hidden;
	position: relative;
	border-radius: 20px;
	padding: 20px;
	margin: 0 5px 10px 5px;
}

.set-member-space {
	background: url(../images/intro_pic5.webp) no-repeat center;
	color: var(--normal-white);
}

.set-order-space {
	background: url(../images/intro_pic6.webp) no-repeat center;
}

.set-member-box ,.set-order-box {
	width: 100%;
    display: inline-block;
}

.block-download {
	width: 100%;
	padding: 60px 0 0 0;
	min-height: 528px;
	background: url(../images/download_bk_bottom.webp) no-repeat bottom center;
}

.block-download .block-center {
	text-align: right;
	max-width: 970px;
}

.download-space {
	width: 100%;
	max-width: 473px;
	display: inline-block;
	text-align: left;
	padding: 120px 0 0 0;
}

.download-link {
	width: 100%;
	display: flex;
	margin: 40px 0 0 0;
}

.download-link-box {
	width: 180px;
	text-align: left;
	margin: 0 10px 0 0;
}

.download-link-box span {
	width: 100%;
	display: inline-block;
	margin: 0 0 5px 0;
}

.download-link-box a {
	display: inline-block;
}

.download-link-box a:hover {
    opacity: .8;
}

/*好禮三重奏*/
.block-special {
	width: 100%;
	background: var(--normal-white);
	padding: 100px 0 120px 0;
}

.block-special h2 {
	text-indent: 101%;
    overflow: hidden;
    white-space: nowrap;
    position: absolute;
	width: 100%;
}

.special-all {
	width: 100%;
	display: flex;
	gap: 40px;
}

.special-box {
	width: calc((100% - 80px) / 3);
	padding: 40px 0 0 0;
	display: flex;
    align-items: flex-end;
	background:url(../images/special_block_bk.webp) no-repeat 140px top;
}

.special-pic {
	width: 60%;
	aspect-ratio: 50 / 87;
}

.special-pic img {
	border: 1px solid #cccccc;
	border-radius: 20px 20px 0 20px;
}

.special-infor {
	width: 40%;
	display: flex;
	padding: 0 0 0 15px;
	text-align: left;
	flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-start;
}

.special-title {
	width: 100%;
	font-size: 30px;
	line-height: 45px;
	margin: 0 0 20px 0;
	font-weight:400;
	color: var(--text-gray-dark);
	font-family: var(--circle-fonts);
	text-shadow: 0 0 0 var(--text-gray-dark);
}

.special-text {
	color: var(--text-gray-dark);
	width: 100%;
	font-size: 15px;
	line-height: 24px;
	margin: 0 0 30px 0;
}

.special-link {
	text-align: left;
}

.special-link a {
	display: inline-block;
	text-align: center;
	font-family: var(--noto-fonts);
	font-weight: 500;
	padding: 8px 30px 8px 15px;
	font-size: 16px;
	line-height: 20px;
	color: var(--text-gray-dark);
	border: 1px solid var(--text-gray-dark);
	border-radius: 20px;
	position: relative;
}

.special-link a:hover {
    /* -webkit-transform: translateY(-8px);
    transform: translateY(-8px); */
	background: #fef6e1;
    border: 1px solid #ffc600;
}

.special-link a::after {
	position: absolute;
	right: 14px;
    top: 12px;
	width: 12px;
	height: 13px;
	background: url(../images/intro_link_arr_bl.webp) no-repeat center;
	content: '';
}

.special-link a:hover::after {
	background: url(../images/intro_link_arr_ye.webp) no-repeat center;
}

.special-link span {
	display: inline-block;
	text-align: center;
	
	padding: 8px 15px;
	font-size: 16px;
	line-height: 20px;
	color: #9f9f9f;
	border: 1px solid #e7e7e7;
	border-radius: 20px;
	background: #f9f9f9;
}


/*中間調度區
-----------------------------------------------------------------*/
@media screen and (max-width:1500px) {

	html,
    body {
        width: 100%;
        min-height: 100%;
	}

	.block-center {
		width: 95%;
		margin: 0 auto;
	}

	.main-space ,.main-gift-phone {
		width: 50%;
	}

	.step-way-infor {
		margin:0 0 10px 0;
	}

	.step-way-infor p {
		font-size: 20px;
		line-height: 30px;
		padding: 5px;
	}

	.tour-space-video ,.tour-space-infor {
		width: 50%;
	}

	.infor-big-title-icon1 ,.infor-big-title-icon2 ,.infor-big-title-icon3 ,.infor-big-title-icon4 ,.infor-big-title-icon5 {
		display: none;
	}

	.pkg-tkt-space {
		background: url(../images/intro_pic2_new.webp) no-repeat center top;
		align-items: flex-end;
	}

	.pkg-tkt-infor {
		padding: 20px;
	}

	.step-way-space:hover {
		cursor: move;
	}

	.special-all {
		flex-wrap: wrap;
		gap: 20px;
	}

	.special-box {
		width: calc((100% - 40px) / 3);
		background: url(../images/special_block_bk.webp) no-repeat left top;
	}

	.special-pic {
		width: 40%;
	}

	.special-infor {
		width: 60%;
	}
	
	.special-text {
		line-height: 20px;
    	margin: 0 0 10px 0;
	}

}

@media screen and (max-width:1300px) {
	.special-box {
		width: calc((100% - 40px) / 2);
		background: url(../images/special_block_bk.webp) no-repeat 140px top;
	}

	.special-all {
		justify-content: center;
	}
}

@media screen and (max-width:960px) {
	.block-main-ipad {
		display: inline-block;
		margin: 87px 0 0 0;
	}

	.block-main-ipad .download-link {
		margin: 20px 0;
	}

	.block-main {
		display: none;
	}

	.container {
		background: transparent;
	}

	.block-big-space .pkg-tkt-space .pkg-block-close .pkg-block-open-center {
		width: 70%;
	}

	.pkg-hotel-space {
		margin: 0 10px 0 0;
	}

	.pkg-coupon-space {
		margin: 0 0 0 10px;
	}

	.pkg-coupon-icon span {
		margin: 0 5px 5px 0;
	}

	.block-download {
		background:url(../images/intro_pic2_new.webp) no-repeat right top #f0fbff;
		padding: 60px 0;
		min-height: auto;
	}

	.block-download .block-center {
		text-align: center;
	}

	.set-infor ,.set-block-all {
		width: 50%;
	}

	.step-way-space.not-move {
		flex-wrap: wrap;
	}

	.not-move .step-way-box {
		width: 50%;
		margin: 0 0 60px 0;
	} 

	.block-step {
		padding:60px 0;
	}

	.block-set .block-center {
		flex-wrap: wrap;
	}

	.set-infor ,.set-block-all {
		width: 100%;
	}

	
	.infor-big-title {
		font-size: 40px;
		text-align: center;
		line-height: 50px;
		margin: 0 0 10px 0;
	}

	.infor-big-title br {
		display: none;
	}

	.infor-small-title br {
		display: none;
	}

	.set-infor .infor-small-title {
		text-align: center;
		margin: 0 0 30px 0;
	}

	.download-space {
		padding: 0;
        display: grid;
        margin: 0 auto;
        justify-content: center;
        align-items: center;
        text-align: center;
	}

	.download-link {
		margin: 20px 0 0 0;
		justify-content: center;
	}

	.block-special {
		padding: 60px 0;
	}

	.special-all {
		justify-content: space-around;
	}

	.special-box {
		background: transparent;
		padding: 0;
	}

}

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

@media screen and (max-width: 768px) {
	.block-main-menu {
		display: none;
	}

	.block-main-ipad {
		margin: 40px 0px 0 0;
	}

	#dm-header {
		display: block !important;
	}

	.block-pkg ,.block-set ,.block-tour ,.block-highlights {
		padding: 60px 0;
	}

	.block-download {
		padding: 60px 0 120px 0;
	}

	.download-space {
		padding: 0;
	}

	.tour-space {
		flex-wrap: wrap;
	}

	.tour-space-video ,.tour-space-infor {
		width: 100%;
	}

	.tour-space-infor {
		padding: 0px;
	}

	.tour-space-video {
		padding: 0 0 20px 0;
	}

	.tour-space-video span ,.tour-space-video a {
		display: none;
	}

	.tour-space-video iframe {
		width: 100%;
		display: inline-block;
		border-radius: 20px;
		height: 300px;
	}


	.pkg-tkt-infor ,.pkg-tkt-phone {
		width: 100%;
	}

	.pkg-tkt-phone {
		padding: 20px 0 0 0;
		text-align: center;
	}

	.pkg-tkt-space {
		flex-wrap: wrap;
	}
	
	.block-big-space .pkg-block-close .pkg-block-open-center ,.block-big-space .pkg-tkt-space .pkg-block-close .pkg-block-open-center {
		width: 90%;
	}

	.pkg-coupon-icon {
		margin: 135px 0 0 0px;
	}

	.pkg-coupon-icon span ,.pkg-coupon-icon b {
		width: 50px;
		height: 50px;
		padding: 10px;
		border-radius: 10px;
	}

	.pkg-coupon-icon b {
		font-size: 20px;
	}

	.tour-space-box .infor-small-title {
		text-align: left;
	}

	.set-block-all {
		flex-wrap: nowrap;
	}

	.set-block-all {
		gap: 20px;
	}

	.pkg-block-close.pkg-block-open {
		padding: 10px;
	}

	.pkg-block-title {
		font-size: 30px;
		line-height: 30px;
		margin: 0 0 5px 0;
	}

	.download-link {
		justify-content: center;
		margin: 20px 0 0 0;
	}

	.download-link-box span {
		text-align: center;
	}

	.infor-small-title {
		text-align: center;
	}
	
	.set-infor {
		padding:0px;
	}

	.block-big-space .set-block-all .pkg-block-close .pkg-block-open-center {
		margin: 45px auto 0 auto;
	}

	.special-box {
		padding: 0;
	}

	.block-center ,.highlights-slide-space {
		width: 83%;
	}

	.highlights-slide-space {
		margin: auto;
	}

	.lazyframe {
		border-radius: 20px;
	}
	
	
}

/*中間調度區
-----------------------------------------------------------------*/

@media (max-width:740px) {
	.special-all {
		gap: 60px;
	}

	.special-box {
		width: 100%;
	}
	
	.special-infor {
		width: 100%;
        padding: 0;
		text-align: center;
		align-items: center;
    }

	.special-pic {
		display: none;
	}

	.special-title {
		margin: 0;
	}

	.special-link a:hover {
		-webkit-transform: translateY(-2px);
		transform: translateY(-2px);
	}

	.pkg-hotel-coupon-all {
		flex-wrap: wrap;
		justify-content: center;
	}

	.pkg-hotel-coupon-all > div {
		margin: 10px 0px;
		height: 240px;
		width: 100%;
		max-width: unset;
	}

	.pkg-hotel-space {
		background: #9d8c85;
	}

	.pkg-coupon-space {
		background: #ffd01b;
	}


}

@media (max-width:600px) {
	.pkg-coupon-space {
		align-items: end;
		margin: 0;
	}

	.pkg-coupon-icon {
		display: none;
	}

	.block-big-space .pkg-block-close .pkg-block-open-center {
		margin:45px auto 0 auto;
	}

	.pkg-hotel-space {
		margin: 0 0 30px 0;
	}

	.pkg-block-click {
		top: 10px;
		right: 10px;
	}

	.set-block-all {
		flex-wrap: wrap;
		justify-content: center;
	}

	.set-member-space, .set-order-space {
		margin:0 0 20px 0;
		height: 240px;
	}

	.highlights-slide-box {
		max-width: unset;
		text-align: center;
		padding: 0px 10px;
	}

	.highlights-slide-name ,.highlights-slide-text {
		text-align: center;
	}

	.block-step .move-slide {
		display: block;
	}

	.block-step .not-move {
		display: none;
	}

	

}

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

@media (max-width:500px) {
	

	.set-order-space  {
		margin: 0;
		width: 100%;
	}

	.set-member-space {
		width: 100%;
		margin: 0 0 30px 0;
	}

	.block-big-space .set-block-all .pkg-block-close .pkg-block-open-center {
		margin: 30px auto 0 auto;
	}	
}
@media (max-width: 480px) {
	.block-main-ipad {
		display: none;
	}

	.block-main-mobile {
		display: block;
		margin:40px 0 0 0;
	}

	.pkg-block-title {
		font-size: 30px;
		line-height: 30px;
		margin: 0 0 10px 0;
	}

	.step-way-infor {
		flex-wrap: wrap;
	}

	.step-way-infor span {
		display: inline-block;
		/* width: 100%; */
		font-size: 20px;
		height: 25px;
		line-height: 28px;
	}

	.step-way-infor p {
		font-size: 15px;
    	line-height: 20px;
		width: 100%;
	}

	.step-way-box {
		padding: 0 10px;
		margin: 0 0 30px 0;
	}

	.block-step {
        padding: 60px 0;
    }

	.block-highlights {
		padding: 60px 0;
	}

	.step-way-pic img {
		border: 3px solid #ffc600;
	}

	.download-link-box {
		margin: 0 5px 20px 5px;
		width: 47%;
		text-align: center;
	}

	.download-link-box span {
		display: none;
	}

	.step-notice-but {
		margin: 20px 0 0 0;
	}

	.special-box {
		width: 100%;
	}

	.block-special {
		padding: 40px 0 0 0;
		background: url(../images/special_block_bk.webp) no-repeat -12px -190px;
	}

	.special-link {
		width: 100%;
		text-align: center;
	}

	.step-big-title {
		width: 75%;
        margin: 0 auto;
        padding: 0 0 20px 0;
	}

	.highlights-slide-name {
		flex-wrap: wrap;
		justify-content: center;
		flex-direction: column;
		align-items: center;
	}

	.highlights-slide-name span {
		margin: 10px auto 0 auto;
	}
	
}

@media (max-width: 300px) {
	.download-link {
		flex-wrap: wrap;
	}

	.download-link-box {
		margin: 0 5px 20px 5px;
		width: 100%;
		max-width: unset;
		text-align: center;
	}
}