/************************************************************************************
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 */-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
a:hover {text-decoration:none;}
a:focus{ -moz-outline-style: none;}
.b-box{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	margin: 0;
	padding: 0;
	font-size: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;
}

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


/*基礎色*/
:root {
	/*有房有位主色*/
	--city-basic-color:#976461;/*主色*/
	--city-basic-light-color:#c99f9b;/*主淺色*/
	--city-basic-dark-color:#81393c;/*主深色*/
	--city-sec-color:#788691;/*副色*/
	--city-sec-light-color:#8ea2ad;/*副淺色*/

	/*有房有位背景色*/
	--city-background-odd:#fff7f5;/*單數*/
	--city-background-even:#fffbfa;/*偶數*/

	/*中國主色*/
	--china-basic-color:#5b453b;/*主色*/
	--china-basic-light-color:#7e6052;/*主淺色*/
	--china-basic-dark-color:#49362e;/*主深色*/
	--china-sec-color:#7a3439;/*副色*/
	--china-sec-light-color:#9b585d;/*副淺色*/

	/*中國背景色*/
	--china-background-odd:#f4eee9;/*單數*/
	--china-background-even:#f0e7e7;/*偶數*/

	/*萬豪酒店主色*/
	--hotel-basic-color:#a7895f;/*主色*/
	--hotel-basic-light-color:#baa17d;/*主淺色*/
	--hotel-basic-dark-color:#92754d;/*主深色*/
	--hotel-sec-color:#a0072b;/*副色*/
	--hotel-sec-light-color:#b8153b;/*副淺色*/

	/*萬豪酒店背景色*/
	--hotel-background:#fbf8f3;

	/*主題主色*/
	--theme-basic-color:#5e2da1;/*主色*/
	--theme-basic-light-color:#7d4bc2;/*主淺色*/
	--theme-basic-dark-color:#4d1f8c;/*主深色*/
	--theme-sec-color:#ffa800;/*副色*/
	--theme-sec-light-color:#ffde00;/*副淺色*/
	--theme-halloween-color:#0a112d;/*副淺色*/

	/*東南亞主色*/
	--southeastasia-basic-color:#284628;/*主色*/
	--southeastasia-basic-light-color:#3c663c;/*主淺色*/
	--southeastasia-basic-dark-color:#203621;/*主深色*/
	--southeastasia-sec-color:#bf7c1f;/*副色*/
	--southeastasia-sec-light-color:#d68e29;/*副淺色*/
	--southeastasia-line-color:#ffebd0;/*分隔線*/
	--southeastasia-all-bk:#fef7ec;


	/*基本*/
	--white-color:#ffffff;
	--black-color:#333333;
	--price-red-color:#e63c3c;
	--basic-font:Verdana,'微軟正黑體';
	--special-font:Verdana,"Noto Sans TC";
	--shadow-in-every:0 0 5px rgb(51 51 51 / 50%);
}

#back-top {
	left: unset !important;
    right: 1%;
	z-index: 3;
}


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

/*主框架*/
.container {
	width:100%;
	margin: auto;
	font-family:var(--basic-font);
}

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

/*主視覺*/
.block-main {
	width: 100%;
	clear: both;
	line-height: 0;
	margin: 40px 0 0 0;
}

.main-normal {
	width: 100%;
	min-height: 524px;
	display: inline-block;
}

.type-city .main-normal {
	background: url(../images_city/main_normal.jpg) no-repeat center top;
}

.type-china .main-normal {
	background: url(../images_china/main_normal.jpg) no-repeat center top;
}

.type-hotel .main-normal {
	background: url(../images_hotel/main_normal.jpg) no-repeat center top;
}

.type-theme .main-normal {
	background: url(../images_theme/main_normal.jpg) no-repeat center top;
}

.type-southeastasia .main-normal {
	background: url(../images_southeastasia/main_normal.jpg) no-repeat center top;
}

.main-ipad ,.main-phone {
	display: none;
}

/*導覽列*/
.block-menu {
	width: 100%;
	position: sticky;
    top: 40px;
    z-index: 3;
}

.all-menu  {
	width: 100%;
	position: relative;
	display: inline-block;
	text-align: center;
}

/*如果有第二層則設定高度*/
.all-menu:has(ul) {
	min-height: 112px;
}

.all-menu ul {
	width: 100%;
	position: relative;
	display: inline-block;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px 5px;
	background: var(--white-color);
}

.all-menu.sticky {
	top: 40px !important;
	z-index: 2 !important;
}

.type-city .all-menu ul {
	border-bottom: 1px solid var(--city-sec-color);
}

.type-china .all-menu ul {
	border-bottom: 1px solid var(--china-sec-color);
}

.type-hotel .all-menu ul {
	border-bottom: 1px solid var(--hotel-sec-color);
}

.type-theme .all-menu ul {
	border-bottom: 1px solid var(--theme-sec-color);
}

.type-southeastasia .all-menu ul {
	border-bottom: 1px solid var(--southeastasia-basic-dark-color);
}

.all-menu li {
	display: inline-block;
}

.all-menu li a {
	display: inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 16px;
	font-weight: bold;
	color: var(--black-color);
	background: var(--white-color);
	border-radius: 5px;
	padding: 10px 20px;
}

.all-menu li a:hover ,.all-menu .menu-active a ,.all-menu a.active {
	color: var(--white-color);
}

.type-city .all-menu li a:hover,.type-city .menu-active a ,.type-city a.active {
	background: var(--city-sec-color);
}

.type-china .all-menu li a:hover,.type-china .menu-active a ,.type-china a.active {
	background: var(--china-sec-color);
}

.type-hotel .all-menu li a:hover,.type-hotel .menu-active a ,.type-hotel a.active {
	background: var(--hotel-sec-color);
}

.type-theme .all-menu li a:hover,.type-theme .menu-active a ,.type-theme a.active {
	background: var(--theme-sec-color);
}

.type-southeastasia .all-menu li a:hover,.type-southeastasia .menu-active a ,.type-southeastasia a.active {
	background: var(--southeastasia-sec-color);
}

.menu-top {
	width: 100%;
	text-align: center;
	height: calc(100% - 10px);
}

.type-city .menu-top {
	background: var(--city-sec-color);
}

.type-china .menu-top {
	background: var(--china-sec-color);
}

.type-hotel .menu-top {
	background: var(--hotel-basic-color);
}

.type-theme .menu-top {
	background: var(--theme-halloween-color);
}

.type-southeastasia .menu-top {
	background: var(--southeastasia-basic-color);
}

.menu-top a {
	display: inline-block;
	font-size: 20px;
	font-weight: bold;
	margin:-5px 0 0 20px;
	position: relative;
	color: var(--white-color);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

a.menu-top-link {
	border-radius: 10px 10px 0 0;
    padding: 20px 0 20px 20px;
}

a.menu-top-link::before {
	position: absolute;
	content: '';
	width: 20px;
	height: 20px;
	left: -4px;
    top: 23px;
}

.type-city a.menu-top-link::before {
	background: url(../images_city/menu_type_icon.png) no-repeat center;
}

.type-china a.menu-top-link::before {
	background: url(../images_china/menu_type_icon.png) no-repeat center;
}

.type-hotel a.menu-top-link::before {
	background: url(../images_hotel/menu_type_icon.png) no-repeat center;
}

.type-theme a.menu-top-link::before {
	background: url(../images_theme/menu_type_icon.png) no-repeat center;
}

.type-southeastasia a.menu-top-link::before {
	background: url(../images_southeastasia/menu_type_icon.png) no-repeat center;
}

.menu-top a:hover {
	background: var(--white-color);
	color: var(--black-color);
	padding: 20px;
	border-radius: 10px 10px 0 0;
}

.type-city .menu-top a:hover {
	color: var(--city-sec-color);
}

.type-china .menu-top a:hover {
	color: var(--china-sec-color);
}

.type-hotel .menu-top a:hover {
	color: var(--hotel-basic-color);
}

.type-theme .menu-top a:hover {
	background: var(--theme-basic-dark-color);
	color: var(--theme-sec-color);
}

.type-southeastasia .menu-top a:hover {
	color: var(--southeastasia-basic-color);
}

.menu-top a.menu-top-link:hover::before {
	display: none;
}

a.menu-top-active {
	background: var(--white-color);
	color: var(--black-color);
	cursor:unset;
	padding: 20px;
	border-radius: 10px 10px 0 0;
}

.type-theme a.menu-top-active {
	background: var(--theme-basic-color);
	color: var(--theme-sec-light-color);
}

/*商品*/
.block-product-space {
	width: 100%;
	clear: both;
}

.product-dec-top {
	position: absolute;
	top: 0px;
	left: 0px;
}

.product-dec-bottom {
	position: absolute;
	right: 0px;
	bottom: 0px;
}

.block-product {
	width: 100%;
	clear: both;
	padding: 90px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	z-index: 1;
}

.type-city .block-product:nth-child(odd) {
	background:url(../images_city/product_bk.png) repeat-y top var(--city-background-odd);
}

.type-city .block-product:nth-child(even) {
	background:url(../images_city/product_bk.png) repeat-y top var(--city-background-even)
}

.type-china .block-product:nth-child(odd) {
	background:url(../images_china/product_bk1.png) no-repeat top center var(--china-background-odd);
}

.type-china .block-product:nth-child(even) {
	background:url(../images_china/product_bk2.png) no-repeat top center var(--china-background-even)
}

.type-hotel .block-product-space {
	background:url(../images_hotel/product_bk.png) no-repeat bottom center var(--hotel-background);
	padding: 0 0 40px 0;
}

.type-theme .block-product-space {
	background: rgb(66,32,116);
	background: linear-gradient(0deg, rgba(66,32,116,1) 0%, rgba(94,45,161,1) 100%);
	padding: 0 0 40px 0;
	min-height:800px;
	position: relative;
}

.type-southeastasia .block-product {
	background:url(../images_southeastasia/product_bk.png) repeat-y top var(--southeastasia-all-bk);
}


.product-big-title {
	width: 100%;
	text-align: center;
	margin:0 0 20px 0;
}

.product-sec-title {
	width: 100%;
	text-align: center;
	margin:0 0 20px 0;
	min-height: 52px;
	line-height: 35px;
	color: var(--white-color);
	font-family: var(--special-font);
	font-size: 24px;
	font-weight: 700;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px 0;
}

.type-city .product-sec-title {
	background: url(../images_city/product_mid_title.png) no-repeat center;
}

.type-china .product-sec-title {
	background: url(../images_china/product_mid_title.png) no-repeat center;
}

.type-southeastasia .product-sec-title {
	background: url(../images_southeastasia/product_mid_title.png) no-repeat center;
}

.product-area {
	width: 100%;
	clear: both;
	margin: 0 auto 30px auto;
}

.product-area:last-child {
	margin: 0 auto;
}

.product-all {
	width: 100%;
	clear: both;
}

ul.product-box {
	display:flex;
	width: 100%;
	clear: both;
	gap: 20px;
	justify-content: center;
	flex-wrap: wrap;
}

.product-box > li {
	display: grid;
	text-align: center;
	width: 23%;
}

.product-three.product-box > li {
	width: 32%;
}

.product-five.product-box > li {
	width: 18%;
}

.product-box a {
	display: inline-block;
	border-radius: 10px;
	background: var(--white-color);
	overflow: hidden;
	width: 100%;
}

.type-city .product-box a {
	box-shadow: 0 0 10px rgb(142 162 173 / 50%);
}

.type-city .product-box a:hover {
	box-shadow: 0 0 15px rgb(142 162 173 / 50%);
}

.type-china .product-box a {
	box-shadow: 0 0 10px rgb(142 162 173 / 50%);
}

.type-china .product-box a:hover {
	box-shadow: 0 0 15px rgb(142 162 173 / 50%);
}

.type-hotel .product-box a {
	box-shadow: 0 0 10px rgb(210 187 149 / 30%);
}

.type-hotel .product-box a:hover {
	box-shadow: 0 0 15px rgb(210 187 149 / 30%);
}

.type-theme .product-box a {
	box-shadow: 0 0 10px rgb(121 58 179 / 30%);
}

.type-theme .product-box a:hover {
	box-shadow: 0 0 15px rgb(121 58 179 / 30%);
}

.type-southeastasia .product-box a {
	box-shadow: 0 0 10px rgb(222 195 151 / 30%);
	display: grid;
	align-content: space-between;
	gap: 5px;
	padding: 20px;
	box-sizing: border-box;
}

.type-southeastasia .product-box a:hover {
	box-shadow: 0 0 15px rgb(222 195 151 / 30%);
}

.product-box a:hover .product-pic {
	opacity: .9;
}

.product-pic {
	width: 100%;
	clear: both;
	opacity: 1;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.product-pic span {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 7px 15px;
	color: var(--white-color);
	display: inline-block;
	position: absolute;
	top: 15px;
    left: 15px;
    border-radius: 10px;
    font-size: 20px;
    font-weight: 500;
	font-family: var(--special-font);
}

.product-pic span:empty {
	display: none;
}

.type-city .product-pic span {
	background: var(--city-sec-light-color);
}

.type-china .product-pic span {
	background: var(--china-sec-light-color);
}

.type-hotel .product-pic span {
	background: var(--hotel-sec-light-color);
}

.type-theme .product-pic span {
	background: var(--theme-halloween-color);
}

.product-name {
	width: 100%;
	clear: both;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 15px;
	text-align: center;
	color: var(--black-color);
	font-size: 24px;
	line-height: 30px;
	font-weight: bold;
}

.product-name strong {
	box-sizing: border-box;
    background: var(--southeastasia-sec-light-color);
    font-size: 16px;
    border-radius: 5px;
    padding: 5px;
    margin: 0 3px 3px 0;
    line-height: 20px;
    display: inline-block;
    color: var(--white-color);
    font-weight: normal;
	position: relative;
    top: -4px;
}

.type-theme .product-name {
	text-align: left;
}

.type-southeastasia .product-name {
	text-align: left;
	box-sizing: border-box;
	padding: 0 0 10px 0;
    border-bottom: 1px solid var(--southeastasia-line-color);
	margin: 0 0 10px 0;
}

.type-city .product-box a:hover .product-name {
	color: var(--city-basic-dark-color);
}

.type-china .product-box a:hover .product-name {
	color: var(--china-basic-color);
}

.type-hotel .product-box a:hover .product-name {
	color: var(--hotel-basic-color);
}

.type-theme .product-box a:hover .product-name {
	color: var(--theme-basic-color);
}

.type-southeastasia .product-box a:hover .product-name {
	color: var(--southeastasia-basic-light-color);
}

.product-list {
	width: 100%;
	padding: 0 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 100px;
}

.type-southeastasia .product-list {
	padding: 0;
	min-height: auto;
}

.product-list li {
	margin: 0 0 10px 0;
    font-size: 15px;
    line-height: 20px;
    text-align: left;
    width: 100%;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    padding: 0 0 0 17px;
}

.product-list li::before {
	content: '';
	position: absolute;
	left: 4px;
    top: 7px;
	width: 7px;
	height: 7px;
	border-radius: 50px;
}
.type-theme .product-list li::before {
	background: var(--theme-sec-color);
}

.type-southeastasia .product-list li::before {
	background: var(--southeastasia-sec-color);
}


.product-sale {
	font-size: 18px;
	font-weight: bold;
	width: 100%;
	text-align: center;
	line-height: 20px;
	margin: 0 0 20px 0;
}

.type-china .product-sale {
	color: var(--china-sec-color);
}

.type-southeastasia .product-price {
	text-align: right;
	box-sizing: border-box;
	margin: 0;
}

.product-price {
	font-size: 15px;
	width: 100%;
	text-align: center;
	color: var(--black-color);
	margin: 0 0 20px 0;
}

.type-theme .product-price {
	text-align: right;
	padding: 0 20px 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.product-price span {
	color: var(--price-red-color);
	font-size: 22px;
	font-weight: bold;
	display: inline-block;
	margin: 0 2px;
}

ul.block-tab {
	width: 100%;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 80px 0 35px 0;
}

.block-tab li {
	display: inline-block;
	margin: 0 0 10px 0;
}

.block-tab li a {
	display: inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 16px;
	font-weight: bold;
	color: var(--black-color);
	background: var(--white-color);
	border-radius: 5px;
	padding: 10px 20px;
}

.type-hotel .block-tab li a:hover,.type-hotel .tab-active a {
	background: var(--hotel-sec-color);
	color:var(--white-color);
}

/*介紹或活動*/
.block-infor {
	width: 100%;
	clear: both;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.type-hotel .block-infor {
	padding: 90px 0 0 0;
	min-height: 288px;
	background:url(../images_hotel/product_bk_intro.jpg) no-repeat center top;
}

.infor-big-title {
	text-align: center;
	width: 100%;
	margin: 0 0 20px 0;
}

.infor-text {
	width: 100%;
	max-width: 515px;
	margin: 0 auto;
	text-align: center;
	color: var(--black-color);
	font-size: 15px;
	font-family: var(--special-font);
	line-height: 25px;
}

.type-southeastasia .product-liner {
	width: 100%;
	box-sizing: border-box;
	margin: 40px 0 0 0;
	min-height: 54px;
	background: url(../images_southeastasia/space_line.png) center repeat-x var(--southeastasia-all-bk);
	display: inline-block;
}

.area-infor-space {
	width: 100%;
	display: flex;
	gap: 40px 20px;
	margin: 0 0 60px 0;
	justify-content: center;
}

.area-infor-box ,.area-infor-pic {
	width: 100%;
	max-width: 580px;
	position: relative;
	display: inline-block;
}

.area-infor-box:hover {
	overflow: hidden;
}

.area-infor-pic {
	line-height: 0px;
}

.area-infor-pic::before {
	content: '';
	width: 100%;
	position: absolute;
	left: 0px;
	top:0px;
	height: 100%;
	background-image: url(../images_southeastasia/infor_pic_mask.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	z-index: 2;
}

.area-infor-name {
	width: 100%;
	height: 43px;
	line-height: 43px;
	overflow: hidden;
	background: url(../images_southeastasia/infor_name_bk.png) no-repeat center;
	text-align: center;
	color: var(--southeastasia-basic-color);
	font-size: 20px;
	font-weight: 700;
	position: absolute;
    bottom: -5%;
	z-index: 3;
	font-family: var(--special-font);
}

.area-infor-text {
	font-size: 15px;
	line-height: 25px;
	color: var(--white-color);
	text-align: left;
	box-sizing: border-box;
	padding:90px 40px 0 40px;
	opacity: 0;
	position: absolute;
	left: 0px;
	top: 10%;
	display: inline-block;
	z-index: 2;
}

.area-infor-box:hover .area-infor-text {
	opacity: 1;
	-webkit-transition: all 0.3s;-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.area-infor-box:hover .area-infor-pic {
	background: var(--southeastasia-basic-color);
}

.area-infor-box:hover .area-infor-name {
	-webkit-transition: all 0.3s;-moz-transition: all 0.3s;
	transition: all 0.3s;
	bottom: unset;
	top: 20%;
}

.area-infor-box:hover .area-infor-pic img {
	backdrop-filter: blur(10px) !important;
	-webkit-transition: all 0.3s;-moz-transition: all 0.3s;
	transition: all 0.3s;
	opacity: .2;
}

.product-more-space {
	width: 100%;
	margin: 60px auto;
	text-align: center;
}

.product-more-title {
	display: inline-block;
	box-sizing: border-box;
	position: relative;
	color: var(--black-color);
	font-size: 22px;
	line-height: 30px;
	padding: 0 30px 0 0;
	font-weight: bold;
}

.product-more-title::after {
	position: absolute;
	content: '';
	width: 25px;
	height: 25px;
	background: url(../images_southeastasia/more_icon.png) no-repeat center;
	right: 0px;
	bottom: 2px;
}

.product-more-space a {
	display: inline-block;
	box-sizing: border-box;
	border-radius: 5px;
	text-align: center;
	color: var(--white-color);
	background: var(--southeastasia-sec-color);
	margin: 5px;
	padding: 5px 10px;
	font-size: 20px;
	line-height: 28px;
	font-weight: bold;
}

.product-more-space a:hover {
	background: var(--southeastasia-sec-light-color);
}



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

@media screen and (max-width:1670px) { 
	html,
    body {
        width: 100%;
        min-height: 100%;
	}

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

	
}

@media screen and (max-width:1250px) { 
	.area-infor-space {
		flex-wrap: wrap;
		justify-content: center;
	}

	.area-infor-box {
		width: 48%;
	}

	.area-infor-box:hover .area-infor-name {
		top: 10%;
	}

	.area-infor-text {
		top: 0%;
		padding: 90px 20px 0 20px;
	}
}

@media screen and (max-width:900px) {
	.main-normal {
		display: none;
	}

	.main-ipad {
		display: inline-block;
		margin: 30px 0 0 0;
	}

	.product-area .product-box > li {
		width: 45%;
	}

	.type-hotel .infor-big-title {
		display: none;
	}

	.type-hotel .block-infor {
		padding: 50px 0;
    	min-height: 120px;
	}

	.area-infor-text {
		padding: 80px 20px 0 20px;
	}

	


}

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

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

	.block-product {
		padding: 20px 10px;
	}

	.product-box a {
		max-width: unset;
	}

	.area-infor-name {
		position: unset;
		left: unset;
		top: unset;
		margin: 10px 0 0 0;
	}

	.area-infor-text {
		position: unset;
		padding: 10px;
		left: unset;
		top: unset;
		opacity:1;
		color: var(--black-color);
	}

	.area-infor-box:hover .area-infor-pic img {
		opacity: 1;
	}

}

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

@media (max-width:660px) {
	.product-area .product-box > li {
		width: 100%;
	}
	.product-sec-title {
		font-size: 20px;
		line-height: 25px;
		padding: 5px 0;
		min-height: unset;
		border-radius: 50px;
		font-weight: 400;
	}

	.type-city .product-sec-title {
		background: var(--city-sec-light-color)
	}

	.type-china .product-sec-title {
		background: var(--china-sec-light-color)
	}

	.type-hotel .product-sec-title {
		background: var(--hotel-sec-light-color)
	}

	.type-theme .product-sec-title {
		background: var(--theme-sec-light-color)
	}

	.type-southeastasia .product-sec-title {
		background: var(--southeastasia-sec-light-color)
	}

	.product-name {
		font-size: 20px;
	}
}

@media (max-width:600px) {
	.area-infor-box {
		width: 100%;
	}

	.area-infor-space {
		gap: 10px;
	}

	.area-infor-space {
		margin: 0 0 20px 0;
	}

	.product-list {
		min-height: auto;
	}
}

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

@media (max-width: 480px) {
	.main-ipad {
		display: none;
	}

	.main-phone {
		display: inline-block;
	}

	.product-more-title {
		width: 100%;
		padding: 0;
	}

	.product-more-title::after {
		display: none;
	}

	
	
}

@media (max-width: 320px) {
	
}