*{
	margin:0;
	padding:0;
}

body{
	background-color:#fff;
	padding:0;
	margin:0;
	font-family:Georgia;
	text-align:center;
	overflow-x:hidden;
}

a{
	text-decoration: none;
	color: #000;
}

img{
	object-fit: cover;
}

.required{
	color: #bf0000;
}

.unrequired{
	font-weight:normal;
}

.bold{
	font-weight:bold;
}




.header-container{
	width:100%;
	display: flex;
	justify-content: center;
	background-color: #fff;
}


.header-container .contner-box{
	width:100%;
	height:auto;
	display:flex;
	flex-direction:column;
}


.header-container .contner-box .hitem-left{
	width:100%;
	height:100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.header-container .contner-box .hitem-left .logo{
	width:90%;
	height:auto;
}

.header-container .contner-box .hitem-left .logo-text{
	font-size: 20px;
	text-align: center;
	display: none;
}









.header-container .contner-box .hitem-right{
	flex:1;
	height:100%;
	display:flex;
	flex-direction:column;
}

.header-container .contner-box .hitem-right .hitem-right-top{
	height:auto;
	display: flex;
	flex-direction: column;
	padding: 0px;
}


.header-container .contner-box .hitem-right .hitem-right-top .hitem-right-top-blank-left{
	flex:1;
}


.header-container .contner-box .hitem-right .hitem-right-top .hitem-right-top-left{
	width: auto;
	padding-left: 0%;
	padding-right: 1%;
	height:100%;
	font-size:15px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}

.top-service-email-img{
	transform: translateY(3px);
}

.header-container .contner-box .hitem-right .hitem-right-top .hitem-right-top-left p .top-service-email-img{
	display:black;
}

.header-container .contner-box .hitem-right .hitem-right-top .hitem-right-top-left p{
	/*white-space: nowrap;*/
	overflow: hidden;
	text-overflow: ellipsis;
	text-align:center;
	padding: 0 4%;
	width: 92%;
	word-wrap: break-word;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}


.header-container .contner-box .hitem-right .hitem-right-top .hitem-right-top-right{
	height:100%;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
	padding-left: 0;
	margin-top: 10px;
}

.header-container .contner-box .hitem-right .hitem-right-top .hitem-right-top-right .hitem-right-top-right-img{
	/*background-color: #45515d;*/
	background-color: #e0e3e7;
	border-radius: 8px;
	color: #fff;
	width: 30%;
	height: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: Verdana;
	font-size: 16px;
	margin-right: 0;
	padding: 5px 0;
}
.header-container .contner-box .hitem-right .hitem-right-top .hitem-right-top-right .hitem-right-top-right-img a{
	color:#000;
	width: 100%;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.header-container .contner-box .hitem-right .hitem-right-top .hitem-right-top-right .hitem-right-top-right-img:hover{
	background-color: #7f878f;
	cursor:pointer;
}
.header-container .contner-box .hitem-right .hitem-right-top .hitem-right-top-right .hitem-right-top-right-img:hover a{
	color:#fff;
}
.header-container .contner-box .hitem-right .hitem-right-top .hitem-right-top-right .hitem-right-top-right-img:hover .shopping-cart{
	color:#fff;
}

.header-container .contner-box .hitem-right .hitem-right-top .hitem-right-top-right .hitem-right-top-right-img .shopping-cart {
	width: 30px;
	height: 100%;
	background-image:url('../../images/shopping-cart-grey.webp');
	display: block;
}
.header-container .contner-box .hitem-right .hitem-right-top .hitem-right-top-right .hitem-right-top-right-img:hover .shopping-cart{
	/*background-image:url('../../images/shopping-cart-hover.webp');*/
}

.header-container .contner-box .hitem-right .hitem-right-bottom{
	display: flex;
	flex-direction: column;
	font-family:Verdana;
	font-size:14px;
	height: auto;
	margin-top: 5px;
}

.header-container .contner-box .hitem-right .hitem-right-bottom > aside,
.header-container .contner-box .hitem-right .hitem-right-bottom > div{
	display:flex;
	justify-content: center;
	flex-direction:column;
}

.header-container .contner-box .hitem-right .hitem-right-bottom p{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align:center;
}

.header-container .contner-box .hitem-right .hitem-right-bottom a:hover{
	text-decoration:none;
	background-color:#cee1ff;
}

.header-container .contner-box .hitem-right .hitem-right-bottom .hitem-right-bottom-left{
	width:100%;
	height:auto;
}

.header-container .contner-box .hitem-right .hitem-right-bottom a{
	margin: 5px 5px;
    border: solid 1px #dddddd;
    padding: 5px;
    border-radius: 8px;
    /*background-color: #e0e3e7;*/
	background-color: #45515d;
	color: #fff;
}

.header-container .contner-box .hitem-right .hitem-right-bottom .hitem-right-bottom-center{
	width:100%;
	height:auto;
}

.header-container .contner-box .hitem-right .hitem-right-bottom .hitem-right-bottom-right{
	flex:1;
	height:100%;
}



/*--------------------------------------------------------*/
.banner-box{
	background-image: url("../../images/tour/index-fuji-mountain.webp");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: auto;
	display: flex;
	margin: 0 auto;
	justify-content: center;
	align-items: center;
	margin-top: 5px;
	padding: 10px 0;
}

.banner-box .banner-text{
	font-family:Tahoma;
	/*transform: translate(-150px,-15px);*/
}

.banner-box .banner-text .banner-text-top{
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 10px;
}

.banner-box .banner-text .banner-text-top-left{
	font-size:22px;
	background-color:#d10505;
	color:#fff;
	height: 32px;
	width: 120px;
	display:flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 5px;
}
.banner-box .banner-text .banner-text-top-left:hover{
	cursor:pointer;
	background-color:#bf0000;
}

.banner-box .banner-text .banner-text-top-left a{
	color:#fff;
	width:100%;
	height:100%;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor:pointer;
}

.banner-box .banner-text .banner-text-top-right{
	font-size:22px;
	text-align: center;
	/* 设置文字颜色为白色 */
	color: #fff;
	/* 设置文字阴影，模拟黑色描边效果 */
	text-shadow: 
		0 0 1px black,
        0 0 2px black,
        0 0 3px black;
}

.banner-box .banner-text .banner-text-bottom{
	font-size: 26px;
	color: #fff;
	text-align: center;
	text-shadow: 4px 4px 8px rgba(0, 0, 0, 0.5);
	margin-bottom: 10px;
}


/*--------------------------------------------------------*/



section#sec_meau_container {
	padding: 0;
	background-color: #f7f7f7;
	z-index:1000;
}

#sec_meau_container{
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}

#sec_meau_container .horizontal-list {
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	width: 100%;
	font-size: 20px;
	justify-content: space-between;
	background-color: #f7f7f7;
}


#sec_meau_container .horizontal-list li {
	height:auto;
	padding: 0 1px;
	display: flex;
	align-items:center;
	transition: color 0.4s ease;
	flex: 1;
	padding: 0px;
}

#sec_meau_container .horizontal-list li.active{
	background-color: #64635f;
	color: #fff;
}
#sec_meau_container .horizontal-list li.active a{
	background-color: #64635f;
	color: #fff;
	transition: color 0.4s ease;
}

#sec_meau_container .horizontal-list li a{
	width:100%;
	height:100%;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); /* 缓冲动画曲线 */
	position: relative;
	overflow: hidden;
}
#sec_meau_container .horizontal-list li a::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 0;
	height: 0;
	background: rgba(255, 255, 255, 0.2);
	border-radius: 50%;
	transform: translate(-50%, -50%);
	transition: width 0.4s, height 0.4s;
}
#sec_meau_container .horizontal-list li a:active::after {
  width: 200px;
  height: 200px;
}

#sec_meau_container .horizontal-list li a:hover{
	color: #fff;
    background-color: #64635f;
}

/* 文字颜色渐变 */
#sec_meau_container .horizontal-list li a {
	color: #000;
	transition: color 0.4s, background 0.4s;
	padding: 5px 0;
	background-color: #ddd;
	border-bottom: solid 1px #aeaeae;
}

#sec_meau_container .horizontal-list li a.active {
  color: #fff;
  background: rgba(0, 255, 136, 0.1);
}



/*--------------------------------------------------------*/


section.contner-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding:10px 3% 0 3%;
	margin-bottom: 20px;
}

section.contner-container > div,
section.contner-container > section{
	display: contents;
}

.contner-container .tour-info{
	width:100%;
	font-family:Times New Roman;
}

.contner-container .tour-title{
	font-size:22px;
	text-align: center;
	margin-bottom: 5px;
}

.contner-container .tour-desc{
	font-family:Tahoma;
	text-align: left;
	font-size: 20px;
	/*line-height: 30px;*/
}

.red{
	/*color: #d10505;*/
	color:red;
}


/*--------------------------------------------------------*/


.tour-img{
	width:100%;
	display: flex;
	flex-direction:row;
	margin-top: 30px;
	flex-wrap: wrap;
	font-family: Tahoma;
	font-size: 20px;
}


.tour-img > div{
	display: flex;
}

.tour-img img{
	width:100%;
}


.tour-img .route-box,
.tour-img .itinerary-box{
	background-color: #f7f7f7;
	padding-top: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	overflow-y: auto;
}

.tour-img .route-box > p,
.tour-img .itinerary-box > p{
	text-align:left;
	margin: 5px 0;
}

.contner-container .tour-img .itinerary-box{
	border-top: solid 1px #45515d;
	margin-top: 10px;
    padding-top: 8px;
}


.mul-pic-box{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
}

.mul-pic-box > img{
	width:33.33%;
	margin:0;
	padding:0;
	height:25%;
}


/*--------------------------------------------------------*/


.highlights-exp-title{
	width: 100%;
	font-family: Times New Roman;
	padding: 10px 3% 0 3%;
	font-size: 24px;
	text-align: left;
	font-weight: bold;
	margin: 30px 0 10px 0;
	border-top: solid 1px #020202;
}

/*--------------------------------------------------------*/

.highlights-exp-box{
	width:100%;
	font-family:Tahoma;
	padding:10px 3% 0 3%;
	font-size:18px;
	text-align:left;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;        
}

.highlights-exp-box .he-item{
	display:flex;
	flex-direction:column;
	width:100%;
	/*border-bottom: solid 1px #a0a0a0;*/
	padding-bottom: 10px;
	margin-bottom: 30px;
	background: linear-gradient(to right, transparent, #45515d 50%, transparent);
	background-size: 100% 1px;
	background-repeat: no-repeat;
	background-position: bottom;
}
.highlights-exp-box .he-item:last-of-type {
	background: #fff;
}

.highlights-exp-box h6{
	font-weight:bold;
	font-size:18px;
	margin: 5px 0;
}

.highlights-exp-box p{
	font-weight:normal;
	font-size:18px;
}

.highlights-exp-box .he-item img{
	object-fit: cover;
    height: 100%;
	width:auto;
}

/*--------------------------------------------------------*/


.itineraries-title{
	width: 100%;
	font-family: Times New Roman;
	padding: 10px 3% 0 3%;
	font-size: 22px;
	text-align: left;
	font-weight: bold;
	margin: 0px 0 10px 0;
	border-top: solid 1px #020202;
}


.itineraries-box{
	font-family:Times New Roman;
	width: 100%;
	font-family: Tahoma;
	padding: 10px 3% 0 3%;
	font-size: 20px;
	text-align: left;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	
}

.itineraries-box .it-container{
	background-color:#f4f4f4;
	width:100%;
	min-height:400px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}















/*==========	it行程样式	开始	=========*/
.timeline {
	width: 100%;
	margin: 0 auto 0 0;
	position: relative;
	background-color: #f4f4f4;
	padding-bottom: 10px;
	padding-top: 15px;
	font-size: 20px;
}



.timeline .content .details-box .description .highlight img{
	max-width:100%;
}

.timeline-item {
	display: flex;
	margin-bottom: 30px;
	padding: 5px;
	position: relative;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.timeline-item::before {
	content: ' ';
	position: absolute;
	left: 30px;
	width: 0px;
	height: 0px;
	background-color: #ff5722;
	border-radius: 50%;
	top: 0;
}

.date {
	color: #C00;
	text-align: center;
	margin-right: 0px;
	font-size: 16px;
	line-height: 1.2;
	font-weight: bold;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-start;
	padding: 0px;
	margin-top: 0px;
	width: 100%;
}

.date .day {
	display: table;
	border-radius: 8px;
	background-color: #C00;
	width: 100%;
	height: auto;
	color: #FFF;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	padding: 5px 0;
}

.date .week {
	display: table;
	width: 100%;
	height: auto;
	text-align: left;
	margin: 5px 0;
    font-size: 20px;
	color: #000;
	padding-left: 8px;
}

.date .date-desc{
	text-align:left;
}

.date .date-desc .date-desc-index{
	margin:0px 0 0 0;
	padding: 0;
	font-size: 20px;
	font-weight:bold;
	width: 100%;
	padding-left: 8px;
}

.date .date-desc .date-desc-intro{
	margin:0px 0 0 0;
	padding: 0;
	font-size: 20px;
	font-weight:normal;
	width:100%;
}

.date .date-desc .date-desc-package{
	margin:0px 0 0 0;
	font-weight:normal;
	font-size: 20px;
	padding-left: 8px;
}

.content {
	background-color: white;
	border-radius: 8px;
	padding: 10px 10px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	width: 100%;
}

.city {
	font-size: 20px;
	font-weight: bold;
	color: #000;
	margin: 0 0 5px 0;
}

.details-box{
	list-style: none;
	padding-left: 0px;
}

.description {
	margin: 5px 0;
	line-height: 1.6;
	border-top: dotted 1px #c2c2c2;
}

.description > p {
	margin:5px 0;
}

.description .highlight {
	font-weight: bold;
	font-size: 16px;
}

.images-desc {
	display: flex;
	gap: 10px;
	margin-bottom: 13px;
	position: relative;
	overflow: hidden;
	flex-direction: column;
	padding-top: 10px;
	border-top: dotted 1px #c2c2c2;
}

.images-desc > p {
	margin:6px 0;
}

.images-desc section.images-desc-box {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%;
	justify-content: flex-start;
}

.images-desc section.images-desc-box .images-text{
	height: auto;
	overflow: hidden;
}

.images-desc section.images-desc-box .images-text .images-desc-img-title{
	color:black;
	font-weight:bold;
	font-size:18px;
}

.images-desc .images-desc-img-pro-note{
	/*color:#828384;*/
	display:block;
	height: auto;
	margin:0px 0 0px 0;
	line-height: 21px;
	font-size: 20px;
}

.images-desc section.images-desc-box .images-text .images-desc-img-info{
	font-size: 20px;
	font-weight: normal;
}

.images-desc .images-desc-box img.main-image {
	border-radius: 8px;
	width:100%;
	height:auto;
}

.images-desc .main-title {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.6);
	color: white;
	padding: 10px;
	margin: 0;
	width:430px;
	border-radius: 8px;
	transform: translateY(-4px);
}

.closed-day{
	border: solid 2px #ff0000;
	padding: 0px 8px;
	color: #ff0000;
	background-color: yellow;
	font-weight:bold;
}

.secondary-image {
	width: 100%;
	height: 200px;
	object-fit: cover;
	border-radius: 4px;
	cursor: pointer;
    transition: transform 0.2s ease;
	transform-origin: 0 0; /* 以左上角为基准缩放 */
    will-change: transform; /* 优化动画性能 */
	border-radius: 8px;
}
.secondary-image:hover {
	
}

.transfer-li{
	height:0px;
}

/*--------------	不同detial中转方式	开始	------------------*/
.dotted-line-with-arrow{
	position: relative;
	width: 1px;
	height: 82px;
	border-left: 2px dotted #000;
	margin: 0 0% 7px 0;
	transform: translate(-75px, -37px);
}
.dotted-line-with-arrow:after {
	content: "";
	position: absolute;
	bottom: 0;
	transform: translate(-6px, 10px);
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 10px solid #000;  /*箭头的大小和颜色 0f53ff */
}


.mul-transfer-li .dotted-line-with-arrow:after{
	/*transform: translate(-6px, 10px);*/
}

.solid-line-with-arrow{
	position: relative;
	width: 1px;
	height: 100px;
	border-left: 2px solid #000;
	margin: 0 0% 13px 0;
	transform: translate(-75px, -30px);
}
.solid-line-with-arrow:after {
	content: "";
	position: absolute;
	bottom: 0;
	transform: translate(-6px, 6px);
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 10px solid #000;  /*箭头的大小和颜色 0f53ff */
}

.mul-transfer-li{
	height:0;
}

.details-box .mul-transfer-li .dotted-line-with-arrow,
.details-box .mul-transfer-li .solid-line-with-arrow{
	transform: translate(-75px, -96px);
}

.mul-transfer-li .dotted-line-with-arrow:not(:last-child),
.mul-transfer-li .solid-line-with-arrow:not(:last-child){
	height: 62px;
}

.mul-transfer-li .dotted-line-with-arrow:not(:last-child)::after,
.mul-transfer-li .solid-line-with-arrow:not(:last-child)::after		{
	border-top: 0px solid #000;
	
}



/*--------------	不同detial中转方式	结束	------------------*/

.transfer-info-box{
	display: flex;
	flex-direction: column;
	transform: translate(-37px, 9px);
	background-color: #f4f4f4;
	/* min-width: 980px; */
	width: 80px;
	height: 28px;
	align-items: flex-start;
}

.transfer-info-box img{
	width:24px;
	height:24px;
	transform: translateX(24px);
	/*background-color: aliceblue;*/
	margin-top: 4px;
}

.transfer-info-box img.arrow-image{
	z-index:9;
}

.transfer-info-box .transfer-type{
	display: flex;
	flex-direction: row;
	margin-left: 2px;
	transform: translate(22px, 0px);
	background-color: #f4f4f4;
	font-size: 12px;
	padding: 0px 0 5px 0;
}

.transfer-info-box .arrow-text{
	display: flex;
	flex-direction: row;
	margin-left: 2px;
	transform: translate(19px, -7px);
	background-color: #f4f4f4;
	font-size: 12px;
	padding: 2px 0 5px 0;
}

.attraction-content {
	padding:0;
}

.secondary-images {
	display: flex;
	flex-wrap: wrap;
	gap: 1%;
	justify-content: flex-start;
}
.secondary-image-container {
	/*flex: 1 1 calc(33.333% - 0px);
	max-width: calc(33.333% - 0px);*/
	box-sizing: border-box;
	flex: 1 1 calc(33.33% - 1%); /* 根据需要调整每个图像容器的宽度 */
	box-sizing: border-box; /* 确保内边距不会影响宽度计算 */
	max-width: 32.333% ;
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

/* 每行第三个元素的右边距为0 */
.secondary-image-container:nth-child(3n) {
	margin-right: 0;
}

/* 其他元素的右边距（可选，根据需要调整） */
.secondary-image-container:not(:nth-child(3n)) {
	margin-right: 0.5%; /* 或你想要的其他值 */
}


.img-container{
	width: 100%;
}

.img-container .main-img{
	width: 100%;
	height: 250px;
	border-radius: 8px;
	object-fit:cover;
}

.img-container .main-col-img{
	width: 200px;
	height: 400px;
	border-radius: 8px;
	object-fit:cover;
}

.secondary-image {
	width: 100%;
	height: 80px;
	object-fit: cover;
	border-radius: 8px;
}
.image-caption {
	margin-top: 5px;
	font-size: 16px;
	color: #000;
	padding: 0px;
	margin-bottom: 5px;
}

.img-desc-type{
	color: #cc0000;
}


/*----------	中转的样式	开始	----------*/
.transfer-container {
	border-radius: 8px;
	background: #ffffff;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	padding: 5px 10px;
	width: 100%;
	margin: 20px 0;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.transfer-route {
	display: flex;
	align-items: center;
	gap: 12px;
	width:100%;
}

.location {
	font-size: 22px;
	font-weight: 600;
	color: #1a202c;
}

.arrow {
	color: #718096;
	font-size: 1.25rem;
}

.transfer-details {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 12px 0;
	background: #f7fafc;
	border-radius: 8px;
	width:100%;
}

.transport-type {
	display: flex;
	align-items: center;
	gap: 8px;
	color: #2d3748;
	font-weight: 500;
}

.transport-icon {
	width: 18px;
	height: 18px;
	border-radius: 50%;
	display: flex;
	align-items: start;
	justify-content: center;
	padding: 0 7px 14px 7px;
	font-size: 22px;
	color: white;
}

.transfer-container .icon-metro,
.transfer-container .icon-domestic-flight,
.transfer-container .icon-international-flight{
	padding: 4px 7px 10px 7px;
}

.transfer-container .icon-express-bus,
.transfer-container .icon-coach,
.transfer-container .icon-local-train,
.transfer-container .icon-express-train,
.transfer-container .icon-cruise{
	padding: 2px 7px 12px 7px;
}

/* Transport-specific styles */
.icon-private-car { background: #63abe6e8; } /* Blue - premium/private */
.icon-express-bus { background: #48bb78; } /* Green - intercity */
.icon-coach { background: #38b2ac; } /* Teal - tour related */
.icon-local-train { background: #c1abece0; } /* Purple - local transit */
.icon-metro { background: #667eea; } /* Indigo - urban transit */
.icon-express-train { background: #96c1eced; } /* Orange - fast ground */
.icon-bullet-train { background: #f68b8be6; } /* Red - high-speed */
.icon-ferry { background: #4299e1; } /* Blue - water transport */
.icon-domestic-flight { background: #667eea; } /* Indigo - domestic air */
.icon-international-flight { background: #805ad5; } /* Purple - international */
.icon-cruise { background: #2b6cb0; } /* Dark Blue - luxury water */
.icon-eurostar { background: #yellow; } /* Yellow - European rail */
.icon-shuttle { background: #718096; } /* Gray - shuttle service */
.icon-ktx { background: #805ad5; } /* Purple - KTX brand color */

.transfer-type-img{
	width: 24px;
	height: 24px;
	/*margin-top: 2px;*/
}

.duration {
	color: #718096;
	font-size: 0.875rem;
	padding-left: 16px;
	border-left: 2px solid #e2e8f0;
}

.transfer-desc {
	color: #4a5568;
	font-size: 0.875rem;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	margin-bottom: 12px;
}

.special-hotels-bottom-desc{
	margin:0; 
	padding:0; 
	font-size: 20px; 
	text-align:center; 
	height:auto; 
	line-height:auto; 
	clear:both;
}

/*==========	it行程样式	结束	=========*/



.enquiry-box{
	width: 94%;
	padding: 0 3%;
	height: auto;
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	padding: 20px 3%;
	margin-top: 20px;
	font-family: Verdana;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.enquiry-box .eb-title{
	font-size: 20px;
	text-align: center;
	background-color: #383736;
	padding: 5px 5px;
	color: #fff;
	border-radius: 40px;
	height: auto;
	width: 100%;
	margin-bottom: 10px;
}
.enquiry-box .eb-title:hover{
	background-color: #7f878f;
    cursor: pointer;
}

.enquiry-box .eb-item {
	position: relative; /* 需要设置相对定位 */
	padding-left: 25px; /* 留出空间给三角形 */
	margin-top:10px;
	display: inline-block;
	line-height: 30px;
	font-size:17px;
	line-height: 24px;
}
.enquiry-box .eb-item::before {
	content: '';
	position: absolute;
	left: -20px;
	top: 50%;
	transform: translateY(-50%);
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 30px solid #64635f;
}
.enquiry-box a:hover{
	text-decoration:underline;
}

.enquiry-box .eb-item-2 {
	position: relative;
	padding-left: 25px;
	margin-top:10px;
	display: inline-block;
	line-height: 30px;
	font-size:17px;
	line-height: 24px;
}
.enquiry-box .eb-item-2::before {
	content: '';
	position: absolute;
	left: -18px;
	top: 28%;
	transform: translateY(-50%);
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 30px solid #64635f;
}



.enquiry-box .eb-btn{
	font-size: 20px;
	text-align: center;
	background-color: #383736;
	padding: 12px 5px;
	color: #fff;
	border-radius: 40px;
	height: auto;
	width: 100%;
	display: flex;
	margin-top:10px;
	justify-content: center;
	align-items: center;
}
.enquiry-box .eb-btn:hover{
	background-color: #7f878f;
    cursor: pointer;
}

/*--------------------------------------------------------*/

.it-note-box{
	width: 100%;
	font-family: Tahoma;
	font-size: 16px;
	text-align: center;
	margin-top: 10px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}

.it-note-box .it-note-text{
	width: 100%;
	text-align: center;
}

/*--------------------------------------------------------*/

.accommodation-title{
	width: 100%;
	font-size: 24px;
	text-align: left;
	font-weight: bold;
	font-family: Times New Roman;
	margin: 30px 0 0px 0;
	border-top: solid 1px #ccc;
	padding-top: 10px;
}


/*--------------------------------------------------------*/

.accommodation-box{
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
}

.accommodation-container{
	width: 94%;
	padding: 5px 1% 0 1%;
	text-align: left;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}

.accommodation-container .hotel-images {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

/*========	Accommodation	样式	开始	========*/
#Accommodation-Selection {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

#Accommodation-Selection *{
}

.hotel-title {
	background: url('../../images/accommodation-selection.jpg') no-repeat;
	width: 95%;
	height: auto;
	font-size: 20px;
	text-align: center;
	color: white;
	margin-bottom: 0;
	display: flex;
	background-size: 100% 100%;
	justify-content: center;
	align-items: center;
	margin-top: 10px;
	padding: 15px 15px;
}

.accommodation-container .second-hotel-title{
	margin-top:0px;
}

#Accommodation-Selection p {
	width: 100%;
	font-size: 18px;
	margin-bottom: 12px;
	margin-top: 5px;
	flex-wrap: wrap;
	justify-content: space-between;
	text-align: left;
}

#Accommodation-Selection .special-hotels-bottom-desc{
	text-align: center;
}

.hotel-images {
	width: 100%;
	line-height: 24px;
	margin: 0 auto;
	margin-bottom: 12px;
	clear: both;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.deal-pic {
	_ratio: 1.0;
}

.special-hotels-bottom-desc {
	/* 这里可以根据实际需求添加样式，如果没有额外需求保持原样即可 */
}
/*========	Accommodation	样式	结束	========*/




/*--------------------------------------------------------*/

.price-form-box{
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
}

.price-form-container{
	width: 100%;
	padding: 10px 0% 0 0%;
	text-align: left;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	font-family:Arial;
}


.price-form-title{
	width: 100%;
	font-size: 24px;
	text-align: left;
	font-weight: bold;
	font-family: Times New Roman;
	margin: 15px 0 10px 0;
	border-top: solid 1px #ccc;
	padding-top: 10px;
}


.change-month-tips {
    color: #bf0000;
	font-size: 16px;
	font-family: Times New Roman;
	font-style: italic;
	display: inline-block;
	display:none;
}

.change-month-tips a {
    color: blue;
}
.change-month-tips a:hover {
    color: #bf0000;
}

#change_month_text{
	/*display: inline-block;*/
	display: none;
}



.describe-container .desc-img-box{
	display: flex;
    justify-content: space-between;
	margin-bottom: 10px;
	margin-top: 10px;
	width: 100%;
}

body .describe-container .img-box-3 img{
	width: 33%;
	height: auto;
	object-fit: cover;
}

.describe-container .desc-img-box img{
	width: 49%;
	height: auto;
	object-fit: cover;
}

body .describe-container .desc-img-box .how-to-reserve-img{
	width: 98%;
	height: auto;
	object-fit: cover;
}

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

/* 容器样式 */
.price-form-box .price-form-container .year-selector, .month-selector {
	display: flex;
	margin-bottom: 25px;
	flex-wrap: wrap;
}

/* 隐藏原始 checkbox	radio */
.price-form-box .price-form-container input[type="checkbox"],
.price-form-box .price-form-container input[type="radio"] {
	display: none;
}

/* label 的基础样式 */
.price-form-box .price-form-container label {
	border: 1px solid #ccc;
	background-color: #fff;
	color: #000;
	padding: 5px 10px;
	margin: 0 5px;
	border-radius: 4px;
	cursor: pointer;
	font-size: 16px;
	transition: all 0.3s;
	height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* 选中状态样式 */
.price-form-box .price-form-container input[type="checkbox"]:checked + label,
.price-form-box .price-form-container input[type="radio"]:checked + label  {
	background-color: #222222;
	color: #fff;
	border-color: #222222;
}

/* 悬停效果 */
.price-form-box .price-form-container label:hover {
	background-color: #f0f0f0;
}

/* 禁用状态样式 */
.price-form-box .price-form-container input[type="checkbox"]:disabled + label,
.price-form-box .price-form-container input[type="radio"]:disabled + label {
	background-color: #efefef; /* 灰色背景 */
	color: #8d7070;           /* 灰色文字 */
	border-color: #d0d0d0;    /* 边框颜色 */
	cursor: not-allowed;      /* 鼠标为禁止符号 */
	margin-bottom: 5px;
}

/* 禁用状态下禁止悬停效果 */
.price-form-box .price-form-container input[type="checkbox"]:disabled + label:hover,
.price-form-box .price-form-container input[type="radio"]:disabled + label:hover {
	background-color: #e0e0e0;
}

/*--*/
	
.price-form-container .booking-form {
	max-width: 1200px;
	margin: auto;
	font-family:Arial;
}

.price-form-container .booking-table {
	width: 100%;
	border-collapse: collapse;
	margin: 20px 0 0 0;
	font-size: 12px;
	text-align: left;
	border: 1px solid #ddd;
	border-radius: 4px;
	overflow: hidden;
}

/* 表头样式 */
.price-form-container .booking-table thead tr {
	background-color: #f9f9f9;
	border-bottom: 1px solid #ddd;
}

.price-form-container .booking-table th {
	padding: 2px 2px;
	font-weight: bold;
	color: #555;
	text-align: left;
}

/* 表格行样式 */
.price-form-container .booking-table tbody tr {
	border-bottom: 1px solid #ddd;
}

.price-form-container .booking-table tbody tr:last-child {
	border-bottom: none;
}

/* 单元格通用样式 */
.price-form-container .booking-table td {
	padding: 10px 2px;
	vertical-align: top;
	/*border-bottom: solid 2px #dddddd;*/
}

.price-form-container .booking-table td .description{
	line-height:0;
}

.price-form-container td.price.twin-share {
	/*display: flex;
	flex-direction: column;*/
}


.price-form-container td.price.price-single {
	/*display: flex;
	flex-direction: column;*/
}

hr.price-hr {
    border: none;
    border-top: dashed 1px #dddddd;
}

/* 日期样式 */
.price-form-container .price-form-date {
	
}

.price-form-container .price-form-date strong {
	font-size: 22px;
	color: #000;
}

/* 可用性样式 */
.price-form-container .availability {
	font-weight: normal;
	text-align: left;
}

/* 价格样式 */
.price-form-container .price {
}

.price-form-container .price-value {
	font-size: 20px;
	color: red;
	font-weight: normal;
}

.price-form-container .description {
	font-size: 12px;
	color: #555;
}

/* 按钮样式 */

.price-form-container .pay-full-btn{
	color: white;
	border: none;
	border-radius: 8px;
	padding: 10px 20px;
	font-size: 20px;
	cursor: pointer;
	background-color: #ff0000;
	transition: all 0.3sease;
	margin:0 40px;
	width: 100%;
}
.price-form-container .pay-full-btn:hover{
	background-color: #cc0000;
}


.price-form-container .booking-button {
	text-align: center;
}

.price-form-container .booking-button > *{
	display:block;
	margin: 15px 0px;
}

.price-form-container #pay_deposit_submit{
	margin-bottom: 0px;
}

.price-form-container #pay_balance_submit{
	margin-top: 5px;
	margin-bottom: 20px;
}

.price-form-container #price_form .booking-table .booking-button{
	padding: 5px 0;
	border-bottom: solid 2px #dddddd;
}

.price-form-container .booking-button input[type="submit"] {
	background-color: #ff0000;
	color: white;
	border: none;
	border-radius: 8px;
	padding: 10px 10px;
    font-size: 20px;
	font-weight: bold;
	cursor: pointer;
	transition: all 0.3s ease;
	white-space: pre-wrap;
}

.price-form-container .booking-button input[type="submit"]:hover {
	background-color: #cc0000;
}

.price-form-container span.description{
	border-top:0;
}


/*---------------*/
.pay-deposit-btn {
	width: 100%;
    color: white;
    border: none;
    border-radius: 8px;
    padding: 10px 0px;
    font-size: 20px;
    cursor: pointer;
    background-color: #ff0000;
    transition: all 0.3sease;
}
.pay-deposit-btn:hover{
	background-color: #cc0000;
}


.pay-balance-btn {
	width: 100%;
    color: white;
    border: none;
    border-radius: 8px;
    padding: 10px 0px;
    font-size: 20px;
    cursor: pointer;
    background-color: #ff0000;
    transition: all 0.3sease;
}
.pay-balance-btn:hover{
	background-color: #cc0000;
}
/*---------------*/


.booking-travelers-box{
	padding-top: 10px;
	border-top: solid 1px #dddddd;
}

.booking-travelers-box h3{
	font-size:20px;
	padding: 0px 15px;
}

.shopping-cart-vertical-line {
    display: flex;
    flex-direction: column;
	align-items: flex-start;
    flex-wrap: nowrap;
	justify-content: space-between;
	margin-bottom: 25px;
}

.shopping-cart-travelers-box{
	display: flex;
    flex-direction: row;
	align-items: center;
    flex-wrap: nowrap;
	justify-content: center;
	width: 100%;
	padding: 20px 0 0 0;
}

.shopping-cart-label {
    margin: 0 0 10px 0;
}

.shopping-cart-travelers-label {
    padding-right: 5%;
	width: 120px;
	text-align: left;
	font-weight:bold;
	font-size: 18px;
}








.package-details {
	font-family:Arial;
}

.package-details h2{
	font-weight:normal;
	margin: 10px 0;
	font-size: 22px;
}

.package-details ul {
	padding-left: 5%;
	list-style-type: unset;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.package-details li {
	font-size: 20px;
	margin-bottom: 5px;
}

.package-details .bold{
	font-weight:bold;
}

/*--------------------------------------------------------*/

#cancel_toggle_container {
	display: none;
}
#cancel_toggle_btn {
    cursor: pointer;
    padding: 10px;
}

#reservation_toggle_container {
	display: none;
}

#reservation_toggle_btn {
    cursor: pointer;
    padding: 3px 15px;
	border-radius: 8px;
    border: dashed 1px #e9e9e9;
}
#reservation_toggle_btn:hover{
	background-color: #64635f;
	color: #fff;
	font-weight: bold;
}

.toggle-box{
	width:100%;
	text-align:center;
	margin-top: 5px;
    display: grid;
}

.toggle-box #reservation_toggle_bottom_btn {
	cursor: pointer;
	padding: 3px 0px;
	border-radius: 8px;
	font-size: 18px;
	border: dashed 1px #e9e9e9;
	font-weight: bold;
}
.toggle-box #reservation_toggle_bottom_btn:hover{
	background-color: #64635f;
	color: #fff;
	font-weight: bold;
}
/*--------------------------------------------------------*/



.tailored-extension-shorten-box{
	font-family:Verdana;
	font-size:14px;
    text-align: left;
	width: 100%;
	display: flex;
    flex-direction: row;
    justify-content: flex-start;
}


.tailored-extension-column-shorten-box{
	font-family:Verdana;
	font-size: 20px;
	line-height: auto;
    text-align: left;
	width: 100%;
	display: flex;
    flex-direction: column;
    justify-content: flex-start;
}



.tailored-extension-shorten-container .reservation-terms-conditions-title{
	font-size: 24px;
    margin-top: 20px;
	margin-bottom: 5px;
}




.tailored-extension-column-shorten-box .circle-ul{
	width:100%;
}

.tailored-extension-column-shorten-box li{
	margin-bottom:15px;
}

.tailored-extension-shorten-box .tailored-extension-shorten-container{
	width: 100%;
    padding: 0px 10px 0 10px;
    text-align: left;
    display: block;
    border-radius: 12px;
	font-size: 18px;
}

.tailored-extension-shorten-box .tailored-extension-shorten-container > h3{
	font-size: 18px;
}

.tailored-extension-shorten-box ul{
	padding-left: 24px;
}

.tailored-extension-shorten-box ul li{
	text-align:left;
}

.tailored-extension-shorten-box .circle-ul li{
	color:red;
	font-weight:bold;
	font-size: 20px;
	line-height:auto;
	margin-bottom:0px;
}

.tailored-extension-shorten-box .num-ul{
	margin-bottom:20px;
}

.tailored-extension-shorten-box .num-ul li{
	list-style: decimal;
}


.none-ul li{
	list-style: none;
}

.none-ul li .img-box img{
	transform: translateY(3px);
}

.link{
	color:blue;
	text-decoration:underline;
}

.site-red-link:hover{
	color:#bf0000;
}

.contner-container .tailored-extension-shorten-box .faq-ul li{
	padding-bottom:20px;
}



.tailored-extension-shorten-box .tes-desc{
	text-align:left;
	margin: 10px 5px;
	width: 100%;
	font-size: 20px;
}

.tes-desc a:hover{
	color:#bf0000;
}

.tailored-extension-shorten-box .tes-desc h3{
	text-align:center;
}


.tesbox-table{
	width: 100%;
	border-collapse: collapse;
}

#anch_how_to_reserve p:not(:first-of-type).bold {
	margin-top: 20px;
}


table.tesbox-table, th, td {
	border: 1px solid #ddd;
}
table.tesbox-table th, td {
	padding: 2px 0;
	text-align: center;
	word-break: break-word;
}
table.tesbox-table th {
	/*background-color: #f2f2f2;*/
	font-weight:normal;
}

/*--------------------------------------------------------*/








/*--------------------------	底部的	form价格表单	开始	------------------------------*/

/* 容器样式 */
.price-form-box .price-form-container .year-selector-2, .month-selector-2 {
	display: flex;
	margin-bottom: 25px;
	flex-wrap: wrap;
}

/* 隐藏原始 checkbox	radio */
.price-form-box .price-form-container input[type="checkbox"],
.price-form-box .price-form-container input[type="radio"] {
	display: none;
}

/* label 的基础样式 */
.price-form-box .price-form-container label {
	border: 1px solid #ccc;
	background-color: #fff;
	color: #000;
	padding: 5px 10px;
	margin: 0 5px;
	border-radius: 4px;
	cursor: pointer;
	font-size: 16px;
	transition: all 0.3s;
	height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 5px;
}

/* 选中状态样式 */
.price-form-box .price-form-container input[type="checkbox"]:checked + label,
.price-form-box .price-form-container input[type="radio"]:checked + label  {
	background-color: #222222;
	color: #fff;
	border-color: #222222;
}

/* 悬停效果 */
.price-form-box .price-form-container label:hover {
	background-color: #f0f0f0;
}

/* 禁用状态样式 */
.price-form-box .price-form-container input[type="checkbox"]:disabled + label,
.price-form-box .price-form-container input[type="radio"]:disabled + label {
	background-color: #efefef; /* 灰色背景 */
	color: #8d7070;           /* 灰色文字 */
	border-color: #d0d0d0;    /* 边框颜色 */
	cursor: not-allowed;      /* 鼠标为禁止符号 */
	margin-bottom: 5px;
}

/* 禁用状态下禁止悬停效果 */
.price-form-box .price-form-container input[type="checkbox"]:disabled + label:hover,
.price-form-box .price-form-container input[type="radio"]:disabled + label:hover {
	background-color: #e0e0e0;
}

/*--*/
	
.price-form-container .booking-form-2 {
	max-width: 1200px;
	margin: auto;
	font-family:Arial;
}

.price-form-container .booking-table-2 {
	width: 100%;
	border-collapse: collapse;
	margin: 20px 0;
	font-size: 12px;
	text-align: left;
	border: 1px solid #ddd;
	border-radius: 4px;
	overflow: hidden;
}

/* 表头样式 */
.price-form-container .booking-table-2 thead tr {
	background-color: #f9f9f9;
	border-bottom: 1px solid #ddd;
}

.price-form-container .booking-table-2 th {
	padding: 2px 2px;
	font-weight: bold;
	color: #555;
	text-align: left;
}

/* 表格行样式 */
.price-form-container .booking-table-2 tbody tr {
	border-bottom: 1px solid #ddd;
}

.price-form-container .booking-table-2 tbody tr:last-child {
	border-bottom: none;
}

/* 单元格通用样式 */
.price-form-container .booking-table-2 td {
	padding: 10px 2px;
	vertical-align: top;
	/*border-bottom: solid 2px #dddddd;*/
}

.price-form-container .booking-table-2 td .description{
	line-height:0;
}

.price-form-container td.price-2.twin-share-2 {
	/*display: flex;
	flex-direction: column;*/
}


.price-form-container td.price-2.price-single {
	/*display: flex;
	flex-direction: column;*/
}


/* 日期样式 */
.price-form-container .price-form-date-2 {

}

.price-form-container .price-form-date-2 strong {
    font-size: 20px;
    color: #000;
}

/* 可用性样式 */
.price-form-container .availability-2 {
    font-weight: normal;
    text-align: left;
}

/* 价格样式 */
.price-form-container .price-2 {
}

.price-form-container .price-value-2 {
    font-size: 22px;
    color: red;
    font-weight: normal;
}

.price-form-container .description-2 {
    font-size: 12px;
    color: #555;
}

/* 按钮样式 */
.price-form-container .booking-button-2 {
    text-align: center;
}


.price-form-container .pay-full-btn-2{
    color: white;
    border: none;
    border-radius: 8px;
    padding: 10px 0px;
    font-size: 20px;
    cursor: pointer;
    background-color: #ff0000;
    transition: all 0.3s ease;
    margin: 0;
	width: 100%;
}
.price-form-container .pay-full-btn-2:hover{
    background-color: #cc0000;
}

.price-form-container .booking-button-2 input[type="submit"] {
    background-color: #ff0000;
    color: white;
    border: none;
    border-radius: 8px;
    padding: 10px 20px;
    font-size: 20px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.price-form-container .booking-button-2 input[type="submit"]:hover {
    background-color: #cc0000;
}

.price-form-container span.description-2{
    border-top: 0;
}


/*---------------*/
.pay-deposit-btn-2 {
    color: white;
    border: none;
    border-radius: 8px;
    padding: 10px 20px;
    font-size: 20px;
    cursor: pointer;
    background-color: #ff0000;
    transition: all 0.3s ease;
}
.pay-deposit-btn-2:hover{
    background-color: #cc0000;
}


.pay-balance-btn-2 {
    color: white;
    border: none;
    border-radius: 8px;
    padding: 10px 20px;
    font-size: 20px;
    cursor: pointer;
    background-color: #ff0000;
    transition: all 0.3s ease;
}
.pay-balance-btn-2:hover{
    background-color: #cc0000;
}
/*---------------*/

.booking-travelers-box-2{
	padding-top: 10px;
	border-top: solid 1px #dddddd;
}

.booking-travelers-box-2 h3{
    font-size: 20px;
    padding: 0px 15px;
}


.price-form-container #pay_deposit_submit_2{
	margin-bottom: 0px;
}

.price-form-container #pay_balance_submit_2{
	margin-top: 5px;
	margin-bottom: 20px;
}



.shopping-cart-vertical-line-2 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-bottom: 0px;
}

.shopping-cart-travelers-box-2{
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: center;
    width: 100%;
    padding: 20px 0 0 0;
}

.shopping-cart-label-2 {
    margin: 0 0 10px 0;
}

.shopping-cart-travelers-label-2 {
    padding-right: 5%;
    width: 120px;
    text-align: left;
    font-weight: bold;
    font-size: 18px;
}


/*---------------	数字按钮样式	开始	-------------------*/
/* 整体输入框容器样式 */
.number-input-2 {
	display: inline-flex;
	align-items: center;
	border: 1px solid #ccc;
	border-radius: 4px;
	overflow: hidden;
	height: 30px;
}

/* 按钮样式 */
.number-input-2 .btn {
	padding: 8px 12px;
	border: none;
	background-color: #f0f0f0;
	cursor: pointer;
	font-size: 16px;
}

/* 按钮悬停样式 */
.number-input-2 .btn:hover {
	background-color: #e0e0e0;
}

/* 输入框样式 */
.number-input-2 input {
	width: 50px;
	padding: 8px;
	border: none;
	text-align: center;
	outline: none;
	font-size: 16px;
}


/*---------------	数字按钮样式	结束	-------------------*/






/*--------------------------	辅助页面	底部的	客人问题表单	开始	------------------------------*/
.describe-container .customer-question-container{
	width: 100%;
	text-align: center;
	display: block;
	background: rgba(255, 255, 255, 0.95);
	border-radius: 12px;
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
	padding: 20px 3%;
	height:auto;
	margin: 20px 0 50px 0;
}


.customer-question-container .customer-question-title{
	font-family: Georgia;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
	padding: 5px 0;
}

.customer-question-container .fading-line{
	height: 1px;
	background: linear-gradient(to right, transparent 0%, rgba(209, 209, 209, 0.8) 50%, transparent 100%);
	overflow: hidden;
	margin: 5px auto;
}

.customer-question-container .enquiry-desc{
	font-size: 12px;
	text-align: left;
	color: #333333;
	margin-top: 10px;
}

.enquiry-form{
	margin-top: 10px;
    padding: 10px 0;
}

.customer-question-container section.enquiry-form-line {
    display: flex;
    flex-direction: column;
	flex-wrap: wrap;
	justify-content: space-between;
}

.customer-question-container section.enquiry-form-line .enquiry-input-box{
    position: relative;
	width: 100%;
	display: flex;
	margin-bottom: 20px;
}

.customer-question-container section.enquiry-form-line .enquiry-input-box .enquiry-input-label{
	background-color: #fff;
    font-size: 14px;
    font-weight: 700;
    left: 12px;
    line-height: 22px;
    padding: 0 4px;
    position: absolute;
    transform: translateY(-50%);
}

.customer-question-container section.enquiry-form-line .enquiry-input-box input.enquiry-input-field{
	border: 1px solid #bbc0c2;
    border-radius: 9px;
	width: 100%;
	height: 28px;
    padding: 5px 5%;
	font-size: 14px;
}

.customer-question-container section.enquiry-form-line .enquiry-input-box input.enquiry-input-field:focus {
	 /*border: 2px solid #2196F3;
	box-shadow: 0 0 8px rgba(33, 150, 243, 0.3);*/
}


.customer-question-container section.enquiry-vertical-line {
    display: flex;
    flex-direction: column;
	align-items: flex-start;
    flex-wrap: nowrap;
	justify-content: space-between;
	margin-bottom: 15px;
}

.enquiry-travelers-box{
	display: flex;
    flex-direction: row;
	align-items: center;
    flex-wrap: nowrap;
	justify-content: flex-start;
	width: 100%;
	padding: 5px 0;
}

label.enquiry-label {
    margin: 0 0 10px 0;
	font-size: 18px;
}




.customer-question-container section.enquiry-textarea-line {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
	justify-content: space-between;
	margin-bottom: 10px;
}

.customer-question-container section.enquiry-textarea-line .enquiry-textarea-box{
    position: relative;
	width: 100%;
	display: flex;
}




.customer-question-container section.enquiry-textarea-line .enquiry-textarea-box .enquiry-textarea-label{
	background-color: #fff;
    font-size: 14px;
    font-weight: 700;
    left: 12px;
    line-height: 22px;
    padding: 0 4px;
    position: absolute;
    transform: translateY(-50%);
}

.customer-question-container section.enquiry-textarea-line .enquiry-textarea-box textarea.enquiry-textarea-field{
	border: 1px solid #bbc0c2;
    border-radius: 9px;
	width: 100%;
    padding: 10px 5%;
	height: 100px;
	font-size: 14px;
}

.customer-question-container section.enquiry-bottom {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
	/*position: absolute;
    right: 20px;
    bottom: 40px;*/
}

.customer-question-container .enquiry-submit{
	border-radius: 32px;
    width: auto;
	padding: 8px 14px;
	font-size: 18px;
	border: 0;
	text-align: center;
	background-color: #45515d;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: bold;
	margin-top: 10px;
}

.enquiry-submit:hover{
	background-color: #7f878f;
    cursor: pointer;
}

.enquiry-submit-label{
	width: auto;
	font-size: 14px;
    margin-top: 5px;
	text-align:center;
}




/* 禁用状态下输入框的样式 */
.customer-question-container .enquiry-input-field:disabled {
    background-color: #f2f2f2;
    color: #999;
    border: 1px solid #ccc;
    cursor: not-allowed;
}

/* 禁用状态下文本框的样式 */
.customer-question-container .enquiry-textarea-field:disabled {
    background-color: #f2f2f2;
    color: #999;
    border: 1px solid #ccc;
    cursor: not-allowed;
}

/* 禁用状态下提交按钮的样式 */
.customer-question-container .enquiry-submit:disabled {
    background-color: #ccc;
    color: #666;
    border: none;
    cursor: not-allowed;
}


/*--------------------------	辅助页面	底部的	客人问题表单	结束	------------------------------*/


/*--------------------------------------------------------*/




/*-	底部	开始	-*/

.footer-container{
	width:100%;
	display: flex;
	justify-content: center;
	background-color: #64635f;
	border-top: solid 1px #45515d;
    padding-top: 5px;
	flex-direction: column;
	font-family: Verdana;
	color: #fff;
}

.footer-container a.site-item-link {
    color: #fff;
}

.footer-container .footer-top{
	width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}

.footer-container .footer-top .hitem-left{
	width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

img.footer-logo{
	width: 80%;
}

.footer-container .footer-top .logo-text{
	display: none;
}

.footer-container .line-container {
	width: 100%;
    margin: 6px auto 2px auto;
	position: relative;
}

.footer-container .fading-line {
	height: 1px;
	background: linear-gradient(to right, 
		transparent 0%,
		rgba(320, 320, 320, 0.8) 50%,
		transparent 100%
	);
	overflow: hidden;
}



section.footer-site-box {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
	padding: 5px 3% 0 3%;
    justify-content: space-between;
}

section.footer-site-box .site-item:first-child{
	
}

section.footer-site-box header.site-item-title {
    font-weight: bold;
	margin: 10px 0 5px 0;
	width: 100%;
	/*display:none;*/
}

section.footer-site-box article.site-item {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
	flex-wrap: wrap;
}


section.footer-site-box article.site-item a.site-item-link,
section.footer-site-box article.site-item .site-item-text {
    line-height: 22px;
	text-align: center;
	font-size: 16px;
	width:100%;
	word-break: break-word;
}

.bottom-service-email-img{
	transform: translateY(3px);
}

section.footer-site-box article.site-item a.site-item-link:hover {
    text-decoration:underline;
}


section.footer-site-box article.img-item {
    display: flex;
    flex-direction: row;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin-top: 10px;
}


.footer-container section.bf-cyr {
    margin: 10px auto 10px auto;
	font-size:14px;
	text-align: center;
}

/*-	底部	结束	-*/