/*
 *	Created by Edward on 25/07/28
 *	Copyright (c) 2025 ishutime.com All rights reserved
*/
:root {
	font-size: 1rem;
}


@font-face {
	font-family: Silka;
	/* src: url(../fonts/brown/brown-light.woff2) */
	src: url(../fonts/Silka-Regular.ttf);

}

input,
textarea,
button {
	border: none;
	outline: none;
	font-family: Silka, Tahoma, sans-serif !important;
	font-size: 1rem;
	background: transparent;
}

body,
html {
	line-height: 1.6;
	font-family: Silka, Tahoma, sans-serif !important;
	font-size: 1rem;
	background: #fff;
	color: #303030;
	-webkit-font-smoothing: antialiased;
}
h1 {
    font-size: 1.875rem;
}
h1, h2 {
    margin-bottom: 8px;
}
.header {
	width: 100%;
	height: auto;
	position: relative;
	background: #ffffff;
}

.header_top {
	width: 100%;
	height: auto;
	position: relative;
	display: flex;
	justify-content: flex-end;
	gap: 2.8125rem;
	padding: 1.375rem 0px;
	padding-bottom: 0.75rem;
	line-height: 22px;
}

.header_top .phone-num {
	width: auto;
	display: flex;
	align-items: center;
}

.header_top .phone-num svg {
	width: 22px;
	height: 22px;
	margin-right: 5px;
}

.header_top .phone-num span {
	letter-spacing: .03125rem;
	font-size: 0.875rem;
}

.header_top .custom-a {
	font-size: 0.875rem;
	color: #f39800;
}

.header_top .custom-a:hover{
	text-decoration: underline;
}

.header_btm {
	width: 100%;
	display: flex;
	justify-content: space-between;

}

.logo {
	width: 220px;
	height: 54px;
}

.menu_bar {
	width: calc(100% - 280px);
	display: flex;
	justify-content: space-between;
}

.quick_btn {
	width: 260px;
	display: flex;
	justify-content: space-between;
	height: 65px;
	align-items: center;
}

.nav {
	width: calc(100% - 280px);
	display: flex;
	justify-content: space-between;
}

.nav .nav2-full {
	position: absolute;
	left: 0;
	z-index: 99;
	top: 121px;
	width: 100%;
	padding: 42px 0 60px;
	background: #f7f7f7;
	text-align: center;
	box-shadow: 0 10px 15px rgba(0, 0, 0, .14);
	opacity: 0;
	-webkit-transform: perspective(100px) rotate3d(1, 0, 0, -90deg);
	-webkit-transform-origin: 50% 0;
	transition: transform .65s ease-in-out, opacity .3s ease-out;
}
svg:not(:root) {
    overflow: hidden;
}
.nav .nav1-menu:hover>.menu-a{
	color: #f39800;
}
.nav .nav1-menu:hover>.menu-a .icon-symbol {
    fill: #f39800;
}

.nav .nav1-menu:hover .nav2-full {
	opacity: 1;
	-webkit-transform: perspective(500px) rotate3d(0, 0, 0, 0);
}

.container {
	width: 100%;
	position: relative;
}

.container .nav2 {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	text-align: left;
}

.nav2-top-title {
	padding: 0 0 10px 99px;
	font-size: 24px;
	width: 100%;
}

.nav2-menu {
	width: 390px;
	padding: 0 99px;
}

.nav2-menu .nav2-title {
	position: relative;
	display: block;
	width: 100%;
	padding: 1.5625rem 0 1.0625rem;
	font-size: 1rem;
	transition: all 0.4s;
}

.nav2-menu .nav2-title::before{
	width: 100%;
	height: 1px;
	position: absolute;
	right: 0;
	left: auto;
	bottom: 0;
	content: '';
	background: #959595;
	transition: all 0.4s linear;
}

.nav2-menu .nav2-title::after{
	width: 0%;
	height: 1px;
	position: absolute;
	left: 0;
	right: auto;
	bottom: 0;
	content: '';
	background: #F39800;
	transition: all 0.4s linear;
}


.nav2-menu .nav2-title:hover::after{
	width: 100%;
}

.nav2-menu .nav2-title:hover::before{
	width: 0%;

}

.hide-lg {
	display: none;
}

.view-all {
	border: 1px solid #F39800;
	height: 40px;
	line-height: 38px;
	padding: 0 1.25rem;
	color: #f39800;
	display: inline-block;
	text-align: center;
	margin-top: 45px;
	position: relative;
	z-index: 2;
}
.view-all p{
	position: relative;
	z-index: 2;
}
.view-all::before{
	width: 0%;
	height: 100%;
	position: absolute;
	right: 0;
	left: auto;
	top: 0;
	content: '';
	transition: all 0.4s;
	background: #f39800;
	z-index: -1;
}

.view-all:hover::before{
	width: 100%;
	left: 0;
	right: auto;
	
}

.view-all:hover{
	color: #ffffff;
}

.vb-nav-cot-b6 .nav2-title:hover {
	color: #f39800;
}

.nav .nav1-menu>.menu-a {
	font-size: 1.25rem;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	line-height: 65px;
}

.nav .menu-a svg {
	width: 14px;
	height: 14px;
}

.quick_btn .menu-a {
	width: 110px;
	height: 30px;
	text-align: center;
	line-height: 28px;
	background-color: #000;
	color: #fff;
	font-size: 1.125rem;
	display: block;
	border-radius: 3px;
	transition: all 0.5s;
}

.quick_btn .menu-a:hover{
	border-radius: 5px;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, .3);
}

.search-btn-box {
	width: 140px;
	height: 30px;
	display: flex;
	justify-content: space-between;
	border: 1px solid #d2d2d2;
	padding: 0px 5px;
	align-items: center;
}

.search-btn-box input {
	width: calc(100% - 30px);
	font-size: 0.875rem;
}

.search-btn {
	width: 20px;
	height: 20px;
	cursor: pointer;
}

.nav .nav1-menu {
	flex: 1;
}

.has-level3 .nav2-menu {
	width: 285px;
	padding: 0 25px 0 0;
	cursor: pointer;
}

.has-level3 .nav2-title {
	padding: 20px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.has-level3 .nav2-title {
	font-size: 18px;
}

.nav2-title.slide-title .icon-arrow-light {
	transform: rotate(-90deg) translateY(3px);
	width: 14px;
	height: 14px;
}

.nav2-menu.active .nav2-title.slide-title .icon-arrow-light{
	fill: #F39800;
	transform: rotate(0deg) translateY(3px);
}

.nav2-menu.active .nav2-title.slide-title{
	color: #F39800;
}
.nav2-menu.active .nav2-title:hover::before {
    width: 0%;
}
.nav2-menu.active .nav2-title:hover::after {
    width: 100%;
}
.has-level3>.nav2-full {
	padding-top: 20px;
}
.nav2-menu.active>.nav3 {
	display: flex;
}

.has-level3 .nav3 {
	position: absolute;
	left: 285px;
	top: 0;
	flex-wrap: wrap;
	justify-content: flex-start;
	width: calc(100% - 285px);
	height: auto;
	padding: 4.5625rem 0 1.875rem 2.8125rem;
	display: none;
}

.nav3:before {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	width: 1px;
	height: 490px;
	border-left: 1px solid #959595;
}

.nav3 .intro-txt {
	left: 2.8125rem;
	top: 1rem;
	color: #303030;
	display: block;
	position: absolute;
	font-size: 1.5rem;
}

.nav3-menu {
	width: calc(50% - 50px);
}

.nav3-menu>.menu-a {
	display: block;
	width: 100%;
	padding: 1.5625rem 0 1.0625rem;
	font-size: 1rem;
	color: #303030;
	border-bottom: 1px solid #959595;
	text-align: left;
}

.nav3-menu>.menu-a:hover{
	color: #f39800;
	border-color: #f39800;
}

.has-level3>.nav2-full {
	min-height: 570px;
}

.has-level3 .view-all{
	bottom: 45px;
	margin-top: 0;
	position: absolute;
}

.nav2-full .container{
	width: 1170px;
	margin: 0px auto;
}
.nav-ad{
	right: -386px;
	top: 0;
	width: 300px;
	position: absolute;
}
.nav1-menu.has-ad .nav2-top-title {
	padding-left: 0;
}
.nav1-menu.has-ad .nav2-menu {
	width: 285px;
	padding: 0;
}
.nav1-menu.has-ad .nav2-menu:nth-of-type(2n) {
	margin-left: 132px;
}
.nav1-menu.has-ad .nav2 {
	position: relative;
	width: calc(100% - 386px);
}

.bannerSwiper{
	width: 100%;
	height: 500px;
	position: relative;
}

.bannerSwiper .pic{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0%;
	top: 0;
}

.bannerSwiper .pic img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.container{
	position: relative;
	width: 100%;
}

.container .boxes:nth-child(even){
	background: #f9f9f9;
}

.bannerSwiper .info{
	width: 60%;
	height: auto;
	position: absolute;
	left: 20%;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
	color: #ffffff;
	text-shadow: 0 2px 5px rgba(0, 0, 0, .65);
}

.bannerSwiper .info .name{
	font-size: 3.75rem;
	line-height: 1.2em;
}

.bannerSwiper .info .des{
	font-size: 1.875rem;
	line-height: 1.2em;
	margin-top: .9375rem;
}

.bannerSwiper .info .more{
	height: 40px;
	line-height: 38px;
	padding: 0 1.875rem;
	color: #fff;
	background: #F39800;
	margin: 0px auto;
	display: inline-block;
	margin-top: 3.75rem;
	transition: all 0.5s;
}

.bannerSwiper .info .more:hover{
	border-radius: 50px;
}


.home_address{
	background: #f7f7f7;
}

.home_address .w1400{
	display: flex;
	justify-content: center;
	padding: 1.25rem;
	gap: 1.125rem;
}

.home_address .w1400 p{
	position: relative;
	padding-right: 1.125rem;
}

.home_address .w1400 p::after{
	width: 2px;
	height: 14px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	content: '';
	background: #f39800;
}

.introSection{
	width: 100%;
	position: relative;
}

.introSection .des{
	margin-top: 9px;
	border: 1px solid #ab9271;
	background-color: #f7f7f7;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	padding: .9375rem;
}
.introSection{
	margin-bottom: 3.6875rem;
}
.introSection .des ul li{
	position: relative;
	padding-left: 18px;
}
.introSection .des ul li:before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 8px;
    width: 8px;
    height: 8px;
    background: #514940;
    border-radius: 50%;
}

.homePopular{
	width: 100%;
	height: auto;
	position: relative;
	
}
.populars{
	margin-top: 30px;
	display: grid;	;
	gap: 20px;
	grid-template-columns: repeat(4, 1fr);;
	width: 100%;
}
.populars .item{
	width: 100%;
	height: 430px;
	position: relative;
	background: #ffffff;
	border: 1px solid rgba(0, 0, 0, .05);
	overflow: hidden;
	transition: all 0.5s;
}

.populars .item:hover{
	box-shadow: 15px 15px 30px rgba(0, 0, 0, .1);
}

.populars .item .info{
	width: 100%;
	height: auto;
	position: relative;
	padding: 1.25rem;

}

.populars .item .info .title{
	font-size: 1.25rem;
	line-height: 1.2;
	text-align: center;
}

.populars .item .info .title a:hover{
	color: #f39800;
}

.team-list .swiper-button-next,.team-list .swiper-button-prev{
	width: 35px;
	height: 35px;
	background: #fff;
	border-radius: 50%;
}

.populars .item .thum:hover .inner img{
	transform: scale(1.05);
}

.populars .item .info .day{
	margin-top: 1rem;
	text-align: center;
}

.populars .item .info .city{
	margin-top: .6875rem;
	color: #959595;
	text-align: center;
}

.populars .item .more{
	height: 2.5rem;
	padding: 0 0rem;
	color: #f39800;
	line-height: 2.375rem;
	cursor: pointer;
	text-align: center;
	background: #fff;
	display: block;
	bottom: 1.875rem;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 160px;
	border: 1px solid #F39800;
}

.populars .item .more::before{
	width: 0%;
	height: 100%;
	position: absolute;
	right: 0;
	left: auto;
	content: '';
	background: #F39800;
	transition: all .5s cubic-bezier(0.215, 0.610, 0.355, 1);
	top: 0;
}

.populars .item .more p{
	position: relative;
}

.fs_more p{
	position: relative;
}

.populars .item .more:hover{
	color: #ffffff;
}
.populars .item .more:hover::before{
	width: 100%;
	left: 0;
	right: auto;
}

.fs_more{
	width: 154px;
	height: 40px;
	line-height: 38px;
	text-align: center;
	color: #fff;
	background: #F39800;
	border: 1px solid #F39800;
	margin: 0px auto;
	display: block;
	margin-top: 30px;
	font-size: 1.25rem;
	position: relative;
	transition: all 0.5s;
	top: 0;
}

.fs_more:hover{
	top: -3px;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, .2);
	border-radius: 50px;
}

.fs_more.w194{
	width: 194px;
}
.fs_more.w294{
	width: 294px;
}
.fs_more.faq{

	border-color: #303030;
	background-color: #303030;
}

.mt_space{
	padding-top: 65px;
}

.places{
	width: 100%;
	margin-top: 30px;
	display: grid;
	gap: 30px;
	grid-template-columns: repeat(4, 1fr);
}

.places .item{
	position: relative;
	border-radius: 20px;
	overflow: hidden;
	transition: all 0.5s;	
}

.places .item:hover{
	box-shadow: 15px 15px 30px rgba(0, 0, 0, .3);
}

.places .item .thum{
	background: #000000;
}

.places .item:hover .inner img{
	transform: scale(1.05);
}



.places .item .inner{
	padding-top: 90%;
	opacity: 0.8;
}

.places.season .item .inner{
	padding-top: 110%;
}

.places .item .name{
	width: 90%;
	height: auto;
	position: absolute;
	left: 5%;
	top: 50%;
	transform: translateY(-50%);
	font-size: 24px;
	line-height: 1.2;
	font-weight: 700;
	text-align: center;
	color: #ffffff;
}

.places.p2 .item .inner{
	padding-top: 125%;
}

.places.p2 .item .name{
	display: flex;
	justify-content: center;
	gap: 10px;
}

.places.p2 .item .name svg{
	width: 24px;
	height: 24px;
	fill: #fff;
}

.clientBox{
	width: 100%;
	position: relative;
	margin-top: 30px;
}

.clientSwiper .swiper-slide{
	background: #f4f4f4;
	border-radius: 10px;
	padding: 20px;
}

.clientSwiper .swiper-slide .top{
	width: 100%;
	height: auto;
	position: relative;
}

.clientSwiper .swiper-slide .top .title{
	width: 100%;
	display: flex;
	align-items: center;
	position: relative;
	gap: 10px;
}

.clientSwiper .swiper-slide .top .title .photo{
	width: 40px;
	height: 40px;
	border-radius: 50%;
	position: relative;
	overflow: hidden;
}

.clientSwiper .swiper-slide .top .title .photo img{
	width: 100%;
	height: 100%;
}

.clientSwiper .swiper-slide .top .title .name{
	width: calc(100% - 55px);
	line-height: 20px;
}

.clientSwiper .swiper-slide .top .title .name b{
	font-weight: 600;
	font-size: 15px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #000000;
}

.clientSwiper .swiper-slide .top .title .name p{
	color: #767676;
	font-size: 13px;
}

.clientSwiper .swiper-slide .top .star{
	width: 100%;
	margin-top: 10px;
	display: flex;
	gap: 2px;
	margin-bottom: 10px;
}

.clientSwiper .swiper-slide .top .star p{
	width: 17px;
	height: auto;
	position: relative;
	display: block;
}

.clientSwiper .swiper-slide .info{
	height: 108.75px;
	-webkit-line-clamp: inherit;
	overflow: auto;
	overflow-x: hidden;
	padding-right: 10px;
	line-height: 21.75px;
	font-size: 15px;
}

#scroll::-webkit-scrollbar {
  width: 6px; /* 纵向滚动条宽度 */
  height: 12px; /* 横向滚动条高度 */

}

/* 滚动条轨道 */
#scroll::-webkit-scrollbar-track {
  background: #ffffff; /* 轨道颜色 */
  border-radius: 6px; /* 圆角 */
}

/* 滚动条滑块 */
#scroll::-webkit-scrollbar-thumb {
  background: #999999; /* 滑块颜色 */
  border-radius: 6px; /* 圆角 */

}

/* 鼠标悬停在滑块上时的样式 */
#scroll::-webkit-scrollbar-thumb:hover {
  background: #555; /* 悬停时颜色 */
}

.clientSwiper{
	width: calc(100% - 60px);
	padding-bottom: 35px;
}

.clientBox .swiper-button-next,.clientBox .swiper-button-prev{
	width: 30px;
	height: 30px;
	background: #fff;
	border-radius: 50%;
	box-shadow: 5px 5px 10px rgba(0, 0, 0, .14);
}

.swiper-button-next:after, .swiper-button-prev:after{
	font-size: 14px;
	color: #303030;
}

.guides,.essentials{
	width: 100%;
	margin-top: 30px;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}

.guides .item,.essentials .item{
	display: block;
	width: 32%;
	margin-right: 2%;
	margin-bottom: 20px;
	background: #fff;
	transition: all 0.5s;
}
.itinerary .item{
	transition: all 0.5s;
}
.guides .item:nth-child(3),.essentials .item:nth-child(3n){
	margin-right: 0%;
}

.guides .item:hover,.essentials .item:hover,.itinerary .item:hover{
	box-shadow: 15px 15px 35px rgba(0, 0, 0, .1);
}

.guides .item:hover .inner img,.essentials .item:hover .inner img,.itinerary .item:hover .inner img,.things-box .th-right .item:hover .inner img,.top-china .item:hover .inner img,.city-guides .item:hover .inner img{
	transform: scale(1.05);
}

.guides .item:nth-child(n+4){
	width: 23.5%;
}
.guides .item:nth-child(7){
	margin-right: 0%;
}

.guides .inner,.essentials .inner{
	padding-top: 55%;
}
.guides.even{
	margin-bottom: 60px;
}
.guides.even .item{
	width: 49%;
}

.guides.even .item:nth-child(3){
	margin-right: 2%;
}

.guides.even .item:nth-child(2n){
	margin-right: 0%;
}
.aw{
	position: relative;
	width: 100%;
}
.guides .name,.essentials .name{
	padding: 20px 15px;
	font-size: 1.15rem;
	line-height: 1.3;
	padding-bottom: 0;
	margin-bottom: 20px;
}

.customizeTrip{
	width: 100%;
	background-color: #f7f7f7;
	padding: 60px;
}

.customizeTrip .info{
	width: 100%;
	position: relative;
	line-height: 1.2;
}

.customizeTrip .info .title{
	font-size: 36px;
	margin-bottom: 8px;
	font-weight: bold;
	text-align: center;
}

.customizeTrip .info .des{
	width: 100%;
	text-align: center;
	font-size: 1.25rem;
	font-weight: bold;
}

.custom_team{
	width: 100%;
	display: flex;
	gap: 35px;
	margin-top: 60px;
	padding: 0% 5%;
	display: none;
}

.custom_team .item{
	width: 100%;
}

.custom_team .item .pic{
	width: 80%;
	height: auto;
	position: relative;
	border-radius: 50%;
	border: 2px solid #af9778;
	overflow: hidden;
}

.custom_team .item .name{
	margin-top: 25px;
	text-align: center;
	line-height: 1.3;
}

.custom_team .item .name .title{
	color: #ab9271;
	font-size: 1.25rem;
}

.custom_team .item .name .des{
	
}

.cus_tip{
	margin-top: 60px;
	text-align: center;
	margin-bottom: 40px;
	font-size: 1.25rem;
}

.footer{
	background: #303031;
	color: #fff;
	position: relative;
}

.footerTop,.footerCenter{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 40px 0px;
	border-bottom: 1px solid rgba(255,255,255,.3);
}

.footerTop .ft_l{
	width: calc(100% - 500px);
}

.ft_l .name{
	margin-bottom: 18px;
	font-size: 18px;
	font-weight: bold;
}

.footerTop .ft_r{
	width: 420px;
}

.gp-box{
	width: 100%;
	display: flex;
	justify-content: space-between;
	position: relative;
}

.gp-box input{
	width: calc(100% - 125px);
	height: 40px;
	line-height: 40px;
	border: 1px solid #fff;
	color: #303030;
	background: #ffffff;
	padding: 0px 10px;
	border-radius: 3px;
}

.email_btn{
	width: 120px;
	color: #fff;
	height: 40px;
	line-height: 40px;
	text-decoration: none;
	background-color: #F39800;
	border-radius: 3px;
	cursor: pointer;
	text-align: center;
}

.ft_rtips{
	font-size: 14px;
	line-height: 1.2;
	color: #999;
	margin-top: 10px;
}

.fc_r{
	width: 300px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.fc_r img{
	width: 62px;
}

.fc_r .name{
	font-size: 1.25rem;
	width: 100%;
	text-align: center;
	color: #f19510;
	font-weight: bold;
	margin: 5px 0px 10px;
}

.fc_r .info{
	width: 100%;
}

.fc_r .info a{
	color: #ffffff;
	display: block;
	text-align: center;
}

.fc_r .info a:nth-child(2){
	margin-bottom: 10px;
}

.fc_l{
	width: calc(100% - 300px);
	display: flex;
}

.fc_l .item{
	flex: 1;
	position: relative;
}

.fc_l .item .name{
	font-size: 1.125rem;
	margin-bottom: 10px;
	font-weight: bold;
}
.fc_l .item .links{
	width: 100%;
	height: auto;
	position: relative;
	display: flex;
	flex-wrap: wrap;
}

.fc_l .item .links a{
	width: 100%;
	line-height: 35px;
	color: #ffffff;
	display: block;
}

.fc_l .item .links a:hover,.cp_menu a:hover{
	color: #F39800;
}

.fc_l .item:nth-child(1) .links a{
	width: 50%;
}

.footer_cooper{
	padding: 40px 0px;
}

.footer_sical{
	width: 100%;
	justify-content: center;
	position: relative;
	display: flex;
	gap: 20px;
	padding-bottom: 20px;
}

.footer_sical a{
	display: block;
	width: 30px;
	height: 30px;
	position: relative;

	border-radius: 50%;
}

.footer_sical a .wsap{
	width: 180px;
    height: auto;
    background: #fff;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -50px;
    padding: 5px;
    border-radius: 5px;
    text-align: center;
	display: none;
}

.footer_sical a:hover .wsap{
	display: block;
}

.footer_sical a .wsap::after{
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #fff;
	position: absolute;
	left: 50%;
	margin-left: -6px;
	bottom: -6px;
	content: '';
}

.footer_sical a svg{
	fill: #fff;
}

.copyright{
	background-color: #ddd;
	padding: 40px 0px;
	color: #303030;
}

.copyright .w1400{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.cp_menu{
	width: auto;
	display: flex;
	gap: 20px;
}

.cp_menu a{
	width: auto;
	position: relative;
	text-decoration: underline;
}

.cp_menu a::after{
	width: 1px;
	height: 18px;
	position: absolute;
	right: -10px;
	top: 50%;
	transform: translateY(-50%);
	content: '';
	background: #303030;
}

.backTop{
	background: #514a40;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, .14);
}

.backTop svg{
	width: 14px;
	height: 14px;
	fill: #fff;
	transform: rotate(-180deg);
}

.backTop:hover {
    background-color: #F39800;
}

.subBanner{
	height: 500px;
	background: #000000;
}

.subBanner .sub_img{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0.75;
}

.subBanner .sub_img img{
	height: 100%;
	width: 100%;
}

.subBanner .w1400{
	height: 100%;
	position: relative;
}

.location{
	position: absolute;
	left: 0;
	top: 10px;
	color: #fff;
	display: flex;
	gap: 5px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, .8);
}

.location a,.location span{
	color: #fff;
}

.subBanner .text{
	width: 100%;
	height: auto;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
	color: #ffffff;
	text-shadow: 0 2px 5px rgba(0, 0, 0, .65);
	line-height: 1.3;
}

.subBanner .text .title{
	font-size: 3.75rem;
}

.subBanner .text .des{
	font-size: 1.875rem;
	margin-top: 10px;
}

.show_wards{
	width: auto;
	display: flex;
	justify-content: center;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 10px;
	gap: 10px;
	align-items: center;
	color: #ffffff;
	text-shadow: 0 2px 5px rgba(0, 0, 0, .65);
}

.show_wards img{
	width: 40px;
}

.anchor_wrap{
	width: 100%;
	position: relative;
	height: 76px;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, .1);
	z-index: 1;
}

.anchor_wrap .w1400{
	display: flex;
	justify-content: space-between;
	position: relative;
	align-items: center;
	height: 100%;
	
}

.anchor_wrap .fs_more{
	margin: 0;
}

.anchors{
	width: auto;
	display: flex;
	position: relative;
	gap: 1vw;
	height: 100%;
}

.anchors a{
	height: 100%;
	display: flex;
	align-items: center;
	font-size: 18px;
	position: relative;
	line-height: 1.2;
}

.anchors a::before{
	width: 0%;
	height: 3px;
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	background: #f39800;
	transition: all 0.5s;
}
.anchors a:hover,.anchors a.active{
	color: #f39800;
}
.anchors a:hover::before,.anchors a.active::before{
	width: 100%;
}

.fqas{
	width: 100%;
	height: auto;
	position: relative;
	border-top: 1px solid rgba(0, 0, 0, .1);
	margin-top: 30px;
}

.fqas .item{
	position: relative;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.fqas .item .top{
	padding: 20px 0px;
	line-height: 20px;
	position: relative;
	font-size: 1.25rem;
	display: flex;
	justify-content: space-between;
	cursor: pointer;
}

.fqas .item .top .name{
	width: calc(100% - 70px);
}

.fqas .item .top .icon{
	width: 50px;
	height: 20px;
	position: relative;
}

.fqas .item .top .icon span{
	width: 12px;
	height: 2px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background: #555;
}

.fqas .item.active .top .icon span::after{
	background: transparent;
}

.fqas .item .top .icon span::after{
	width: 2px;
	height: 12px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background: #555;
	content: '';
}

.fqas .item .btm{
	padding-bottom: 20px;
	display: none;
}

.fqas .item.active .btm{
	display: block;
}

.fqas .item .btm a{
	text-decoration: underline;
}

.fqas .item .btm a:hover{
	color: #F39800;
}

.customizeTrip.ny{
	padding: 60px 20px;
	display: flex;
	align-items: center;
}

.customizeTrip.ny .info .title{
	font-size: 30px;
}

.customizeTrip.ny .info .comm{
	font-size: 30px;
	text-align: center;
}

.customizeTrip.ny .info .des{
	margin-top: 40px;
	text-align: center;
	font-size: 18px;
}

.customizeTrip.ny .custom_team{
	margin-top: 0;
	padding: 0px 2%;
}

.receives{
	width: 100%;
	margin-top: 30px;
	display: flex;
	justify-content: space-between;
}

.receives .item{
	width: 20%;
	position: relative;
	padding: 0px 2%;
}

.receives .item .icon{
	width: 110px;
	margin: 0px auto;
}

.receives .item .des{
	width: 100%;
	margin-top: 10px;
	text-align: center;
}

.singePage a{
	text-decoration: underline;
}

.cust_form{
	margin-top: 60px;
	background-color: #f7f7f7;
	border-radius: 5px;
	padding: 60px 30px;
}

.cust_form .name{
	text-align: center;
	font-size: 1.5625rem;
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: 10px;
}

.cust_form .info{
	margin-bottom: 25px;
}

.form{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.form .row{
	width: 32%;
	position: relative;
	margin-bottom: 30px;
}

.form .row label{
	display: block;
	width: 100%;
	height: 28px;
	position: relative;
	line-height: 28px;
	margin-bottom: 5px;
}

.form .row textarea.error{
	border-color: #EB2524;
}

.form .row label.must{
	padding-left: 15px;
}

.form .row label.must::after{
	width: 10px;
	height: 100%;
	position: absolute;
	left: 0px;
	content: '*';
	color: red;
}

.form .row>input,.form .row textarea{
	border-width: 1px;
	border-style: solid;
	background-color: #fff;
	border-radius: 5px;
	width: 100%;
	border-color: #ab9271;
	padding: 12px 8px 12px 8px;
	display: block;
}

.form .row textarea{
	min-height: 120px;
	line-height: 24px;
	font-size: 16px;
}

.form .row:first-child{
	width: 100%;
	margin-bottom: 30px;
}

.catalog{
	width: 100%;
	height: auto;
	position: relative;
	margin-top: 60px;
}

.catalog .name{
	font-size: 1.5625rem;
	line-height: 1.3;
	font-weight: bold;
}

.cat_box{
	padding-top: 60px;
	position: relative;
}

.catalog ul{
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	position: relative;
	justify-content: space-between;
}

.catalog ul li{
	width: 49%;
	height: auto;
	position: relative;
	padding-left: 30px;
}

.catalog ul li::after{
	width: 8px;
	height: 8px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	content: '';
	background: #303030;
}

.catalog ul li a{
	display: block;
	width: 100%;
	padding: 15px 0px;
	line-height: 20px;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.catalog ul li a:hover{
	color: #F39800;
}

.itinerary{
	width: 100%;
	height: auto;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	margin-top: 30px;
	gap: 2%;
}

.itinerary .item{
	width: 32%;
	height: auto;
	position: relative;
	display: block;
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 1.5vw;
}
.itinerary .item .thum{
	background: #000000;
}

.itinerary .item .thum .inner{
	opacity: 0.8;
}
.itinerary .item .name{
	width: 90%;
	height: auto;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 5%;
	color: #ffffff;
	z-index: 2;
	transform: translateY(-50%);
	font-size: 1.875rem;
	line-height: 1.2;
	text-shadow: 0 2px 5px rgba(0, 0, 0, .65);
}

.things-box{
	width: 100%;
	margin: 30px -8px 0 -8px;
}

.things-box .things-top{
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.things-box .things-top:nth-child(even){
	flex-direction: row-reverse;
	margin-top: 20px;
}

.things-box .th-left{
	width: 33.33333%;
	position: relative;
	padding: 0px 8px;
}

.things-box .th-left .box{
	position: relative;
}

.things-box .th-left .thum{
	height: 100%;
	position: relative;
}

.things-box .th-left .thum .inner{
	padding-top: 0;
	height: 100%;
}

.things-box .th-right{
	width: 66.66666%;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}

.things-box .inner{
	padding-top: 60%;
}

.things-box .th-right .box{
	position: relative;
}

.things-box .th-right .item{
	width: 100%;
	position: relative;
	padding: 0px 8px;
	margin-bottom: 16px;
}

.things-box .th-right .item:nth-child(n+3){
	margin-bottom: 0;
}

.things-box .th-right .box .name,.things-box .th-left .name{
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	bottom: 0;
	padding:20px 15px;
	color: #ffffff;
	font-size: 18px;
	font-weight: bold;
	line-height: 25px;
}

.things-box .th-right .box .thum::after,.things-box .th-left .thum::after{
	width: 100%;
	height: 50%;
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	background-image: linear-gradient(0deg, rgba(0,0,0,.7), rgba(0,0,0,0));
}

.top-china{
	width: 100%;
	margin-top: 30px;
	display: flex;
	flex-wrap: wrap;
}

.top-china .item{
	display: block;
	width: 23.5%;
	height: auto;
	position: relative;
	margin-right: 2%;
	margin-bottom: 2vw;
}

.top-china .item:nth-child(4n){
	margin-right: 0%;
}

.top-china .item .inner{
	padding-top: 85%;
}

.top-china .item .thum{
	border-radius: 10px;
	overflow: hidden;
}

.top-china .item .name{
	width: 100%;
	font-size: 1.25rem;
	margin-top: 5px;
}

.city-guides{
	width: 100%;
	margin-top: 30px;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}

.city-guides .item{
	width: 100%;
	height: auto;
	position: relative;
	background: #ffffff;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, .1);
}

.city-guides .item .info{
	padding: 10px 15px;
	text-align: center;
	position: relative;
}


.city-guides .item .info .name{
	font-size: 20px;
}

.city-guides .item .info .des{
	color: #959595;
	font-size: 14px;
	margin-top: 10px;
}

.video-ins{
	width: 100%;
	height: auto;
	display: flex;
	position: relative;
	margin-top: 30px;
	border: 1px solid rgba(0, 0, 0, .1);
	margin-bottom: 50px;
}

.video-ins .thum{
	width: 50%;
}

.video-ins .info{
	width: 50%;
	display: flex;
	padding: 2vw;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	align-content: center;
}

.video-ins .info .name{
	font-size: 1.25rem;
	font-weight: 500;
	margin-bottom: 10px;
	width: 100%;
}
.video-ins .info .des{
	width: 100%;
}
.video-ins .thum .inner{
	padding-top: 60%;
}

.video-ins .thum .play_btn,.about_video .play_btn{
	width: 70px;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.video-ins .thum .play_btn svg,.about_video .play_btn svg{
	width: 70px;
	height: 70px;
	fill: #FFF;
}

.about_box{
	width: 100%;
	display: flex;
	position: relative;
	justify-content: space-between;
}

.about_box .singePage{
	width: 100%;
}

.about_video{
	width: 45%;
	position: relative;
}

.about_video .inner{
	padding-top: 60%;
}

.our-travel{
	margin-top: 30px;
}

.our-travel .item{
	width: 100%;
	height: auto;
	position: relative;
	background: #fff;
	display: flex;
	flex-wrap: wrap;
	border-radius: 1vw;
	overflow: hidden;
	margin-bottom: 30px;
}

.our-travel .item:nth-child(even){
	flex-direction: row-reverse;
}

.our-travel .item .thum{
	width: 50%;
}

.our-travel .item .thum .inner{
	padding-top: 0;
	height: 100%;
}

.our-travel .item .info{
	width: 50%;
	padding: 3vw 2vw;
	text-align: center;
}

.our-travel .item .info .num{
	font-size: 48px;
	line-height: 1.2;
}

.our-travel .item .info .title{
	margin: 0px 0 16px;
	font-size: 20px;
}

.our-travel .item .info .des{
	text-align: left;
}

.con-location{
	position: relative;
}

.contact_box{
	margin-top: 30px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.contacts{
	width: calc(100% - 350px);
}

.contact_right{
	width: 320px;
	background-color: #f7f7f7;
	border-radius: 1vw;
	padding: 2vw;
}

.trip-plan{
	border: 1px solid #ab9271;
	border-radius: 1vw;
	overflow: hidden;
}

.trip-plan>.title{
	height: auto;
	line-height: 30px;
	padding: 15px;
	text-align: center;
	background: #ab9271;
	color: #ffffff;
	font-size: 25px;
}

.trip-plan .form{
	padding: 25px 75px;
	padding-bottom: 0;
}
.trip-plan .form .row{
	width: 48%;
	margin-bottom: 30px;
}
.trip-plan .form .row textarea{
	height: 120px;
}

.trip-plan .form .row.full{
	width: 100%;
}

.subscribts{
	width: 100%;
	display: flex;
	justify-content: space-between;
	position: relative;
}

.subscribts a{
	border-width: 1px;
	border-style: solid;
	background-color: #fff;
	border-radius: 3px;
	width: 48%;
	border-color: #ab9271;
	padding: 12px 8px 12px 8px;
	display: block;
	line-height: 19px;
	text-align: center;
	cursor: pointer;
}

.subscribts a:hover,.subscribts a.active{
	background: #ab9271;
	color: #ffffff;
}

.trip-plan .form .row .ms{
	font-size: 0.875rem;
	color: #959595;
	margin-top: 5px;
}

.trip-plan .fs_more{
	margin-top: 10px;
	margin-bottom: 15px;
}

.form_tips{
	text-align: center;
	position: relative;
	color: #959595;
	padding: 0px 10px;
	margin-bottom: 50px;
}

.contact_right .item{
	width: 100%;
	position: relative;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	padding-bottom: 20px;
	margin-bottom: 30px;
	border-bottom: 1px solid #D2D2D2;
}

.contact_right .item:last-child{
	border-bottom: none;
}

.contact_right .item svg{
	width: 46px;
	height: 46px;
	fill: #303030;
}

.contact_right .item .title{
	width: 100%;
	text-align: center;
}

.contact_right .item .cons{
	width: 100%;
	margin-top: 10px;
}

.contact_right .item .cons a{
	display: block;
	position: relative;
	font-size: 20px;
	text-align: center;
}

.contact_right .item .cons p{
	text-align: center;
}

.contact_right .item:last-child .cons p:last-child{
	margin-top: 10px;
}

.search_top{
	background: #f7f7f7;
}

.boxes.s0{
	padding-top: 0;
}
.search_top{
	padding: 20px 0px 50px;
	border-top: 1px solid #000000;
	margin-bottom: 60px;
}

.search_top .con-title{
	font-size: 1.875rem;
	margin-top: 25px;
}

.bm30{
	margin-bottom: 30px;
}

.container .boxes.search_form{
	background: url(../images/search_bg.jpg) center center no-repeat;
	background-size: cover;
}

.container .boxes.search_form:before{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	background: rgba(0, 0, 0, .4);
}

.container .boxes.search_form .w1400{
	position: relative;
}

.forms{
	width: 900px;
	height: auto;
	position: relative;
	margin: 50px auto 0;
	display: flex;
	flex-wrap: wrap;
	color: #fff;
	justify-content: space-between;
}

.forms .row{
	width: 48%;
	position: relative;
	margin-bottom: 25px;
}

.forms .row.full{
	width: 100%;
}

.forms .row .title{
	height: 25px;
	line-height: 25px;
}

.forms .row .inputs{
	width: 100%;
	margin-top: 10px;
	position: relative;
	height: auto;
}

.forms .row .inputs>input,.uninput,.flatpickr-wrapper>input{
	height: 43px;
	width: 100%;
	padding: 8px 8px 8px 8px;
	border-radius: 5px;
	background: #fff;
	color: #303030;
	border: 1px solid #fff;
}

.forms .row .inputs>input.error{
	border-color: #EB2524 !important;
}

.forms .row .inputs textarea{
	min-height: 80px;
    width: 100%;
    padding: 16px 8px 16px 8px;
    background-color: #fff;
	border-radius: 5px;
}

.forms .row .inputs textarea::placeholder{
	color: rgba(0, 0, 0, .2);
}

.flatpickr-wrapper{
	width: 100%;
}

.select2-container--default .select2-selection--single .select2-selection__rendered{
	line-height: 43px;
}
.select2-container--default .select2-selection--single .select2-selection__clear,.select2-container .select2-selection--single,.select2-container--default .select2-selection--single .select2-selection__arrow{
	height: 43px;
}
.country-list{
	width: 100%;
	position: absolute;
	display: none;
	padding: 2px;
	box-shadow: 0 0 2px #514a40;
	top: 43px;
}


.country-list.active{
	display: block;
}

.country-list ul{
	background: #fff;
	overflow-y: scroll;
	max-height: 210px;
}

.country-list ul li{
	padding: 3px 5px;
	cursor: pointer;
	height: 30px;
	overflow: hidden;
}

.country-list ul li span.flag{
	width: 16px;
	height: 11px;
	background-image: url(/theme/layout/form/images/flags.png);
}
.country-list ul li span {
    display: inline-block;
	color: #303030;
}

.country-list ul li:hover {
    background: #ab9271;
    color: #fff;
}

.forms .row .inputs .name{
	position: absolute;
	left: 8px;
	top: 50%;
	transform: translateY(-50%);
	color: #303030;
}

.inspira-box{
	margin-top: 60px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.right-form{
	width: 320px;
	border-radius: 10px;
	overflow: hidden;
	padding-bottom: 30px;
	position: sticky;
    top: 20px;
}

.inspira .id-title{
	font-size: 36px;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 5px;
}
.inspira,.tours-intro{
	width: calc(100% - 380px);
}
.id-date{
	color: #959595;
	margin-bottom: 26px;
}

.boxes.de{
	padding-top: 15px;
}

.right-form{
	-webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .14);
}

.right-form .title{
	font-size: 18px;
	font-weight: 700;
	width: 100%;
	height: 40px;
	background-color: #f39800;
	line-height: 40px;
	text-align: center;
	color: #ffffff;
}

.form2{
	width: 100%;
	height: auto;
	position: relative;
	padding: 15px;
}

.form2 .row{
	margin-bottom: 10px;
	font-size: 0.875rem;
	position: relative;
}

.form2 .row .name{
	display: block;
	width: 100%;
	height: auto;
	position: relative;
	line-height: 28px;
	padding-left: 0px;
}
.swiper-pagination-bullet-active{
	background: #F39800 !important;
}
.form2 .row .name.must{
	padding-left: 15px;
}

.form2 .row .name.must::after{
	width: 10px;
	height: 100%;
	position: absolute;
	left: 0px;
	content: '*';
	color: red;
}

.form2 .row input,.form2 .row textarea{
	border-width: 1px;
	border-style: solid;
	background-color: #fff;
	border-radius: 3px;
	width: 100%;
	border-color: #ab9271;
	padding: 13px 8px;
	display: block;
	font-size: 14px;
}

.form2 .row textarea{
	min-height: 120px;
	line-height: 24px;
	font-size: 14px;
}

.right-form .fs_more{
	margin-top: 10px;
}

.recommend{
	margin-top: 40px;
	position: relative;
}

.recommend-name{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}
.recommend-list{
	width: 100%;
	position: relative;
}
.recommend-list .item{
	width: 100%;
	margin-bottom: 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-radius: 10px;
	overflow: hidden;
	transition: all .5s;
	border: 1px solid rgba(0, 0, 0, .1);
}

.recommend-list .item:hover{
	box-shadow: 0px 0px 30px rgba(0, 0, 0, .1);
}

.recommend-list .item .thum{
	width: 40%;
}


.recommend-list .item .info{
	width: 60%;
	position: relative;
	padding: 25px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.recommend-list .item .info .recn-des{
	width: calc(100% - 175px);
}

.recommend-list .item .info .recon-more{
	width: 156px;
	height: 40px;
	padding: 0;
	display: block;
	color: #fff;
	line-height: 38px;
	text-align: center;
	border: 1px solid #303030;
	background-color: #303030;
}

.recommend-list .item .info .recon-more:hover{
	background: #f39800;
	border-color: #f39800;
}

.recommend-list .item .info .name a:hover{
	color: #f39800;
}

.recommend-list .item .info .name{
	width: 100%;
	font-size: 1.25rem;
	line-height: 1.2;
	position: relative;
	padding-top: 15px;
}

.recommend-list .item .info .name::after{
	width: 60px;
	height: 3px;
	position: absolute;
	left: 0%;
	top: 0%;
	content: '';
    background-color: #f39800;
}


.recommend-list .item .info .day{
	width: 100%;
	font-size: 15px;
	font-weight: 700;
	color: #f39800;
	margin-top: 10px;
}

.singePage tbody tr:first-child{
	background-color: #ececec;
	font-weight: 700;
	color: #303030;
}

.juan-king{
	width: 100%;
	box-shadow: 0px 0px 30px rgba(0, 0, 0, .1);
	padding: 25px 0;
}

.juan-king .w1400{
	display: flex;
	align-items: center;
	position: relative;
	justify-content: space-between;
	width: 950px;
}

.juan-king .thum{
	width: 150px;
	height: 150px;
	padding: 5px;
	background: #F39800;
	border-radius: 50%;
	overflow: hidden;
}

.juan-king .thum .inner{
	height: 100%;
	padding-top: 0;
	border-radius: 50%;
}

.juan-king .fs_more{
	margin: 0px;
}

.juan-king .info .name{
	font-size: 2.25rem;
	line-height: 1.2;
	margin-bottom: 10px;
}

.juan-king .info .des{
	font-size: 1.25rem;
	margin-top: 15px;
}

.pt40{
	padding: 30px 0px;
}

.populars .item .mark{
	left: 0;
	top: 0;
	z-index: 9;
	width: 70px;
	height: 70px;
	position: absolute;
	color: #ec1a23;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .4);
}

.populars .item .mark:before{
	width: 100px;
	height: 20px;
	position: absolute;
	transform: rotate(-45deg);
	background: #ec1a23;
	content: '';
	left: -23px;
	top: 18px;
}

.populars .item .mark span{
	left: 0;
	top: 22px;
	width: 52px;
	height: 15px;
	font-size: 15px;
	line-height: 100%;
	color: #fff;
	text-align: center;
	transform: rotate(-45deg);
	text-shadow: none;
	display: block;
	position: absolute;
	text-transform: uppercase;
	font-size: 0.875rem;
}

.mt60{
	margin-top: 60px;
}

.tour-info{
	width: 100%;
	height: auto;
	position: absolute;
	left: 0%;
	bottom: 0;
	bottom: 2vw;
	color: #fff;
}

.tour-info .t-title{
	font-size: 32px;
	margin-bottom: 15px;
	font-weight: 700;
}

.tour-info .t-des{
	font-size: 18px;
}

.subBanner.de .sub_img{
	opacity: 1;
}

.subBanner.de .sub_img::after{
	width: 100%;
	height: 50%;
	position: absolute;
	left: 0%;
	bottom: 0%;
	content: '';
	background-image: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,.85));
}

.mt0{
	margin-top: 0;
}

.tours-info{
	position: relative;
	margin-bottom: 20px;
}

.inclus{
	width: 100%;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 10px;
	flex-wrap: wrap;
	padding-top: 5px;
}

.inclus .item{
	width: 100%;
	padding: 25px 10px 35px;
	background-color: #e9e9e9;
}

.inclus .item svg{
	width: 32px;
	height: 32px;
	margin: 0px auto;
	display: block;
}

.inclus .item .name{
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	font-size: 12px;
}

.inclus .item .des{
	font-size: 12px;
	margin-top: 10px;

	line-height: 1.3;
	text-align: center;
}

.highlights{
	width: 100%;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	margin-top: 30px;
}

.highlights .item{
	width: 100%;
	height: auto;
	position: relative;
	box-shadow: 0px 0px 30px rgba(0, 0, 0, .05);
}

.highlights .item .info{
	width: 100%;
	height: auto;
	position: relative;
	padding: 15px;
}

.highlights .item .info .name{
	line-height: 1.5;
	font-size: 20px;
	font-weight: 400;
}

.highlights .item .info .des{
	margin-top: 15px;
	-webkit-line-clamp: 3;
}

.itinerary-title{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-between;
	margin-top: 60px;
	align-items: center;
	border-bottom: 1px solid rgba(0, 0, 0, .65);
	padding-bottom: 15px;
}

.switch-btn{
	width: auto;
	display: flex;
	align-items: center;
	position: relative;
	cursor: pointer;
}

.switch-btn svg{
	width: 16px;
	height: 16px;
	position: relative;
	margin-left: 10px;
}

.itinerarys .item{
	border-bottom: 1px solid #d2d2d2;
}

.itinerarys .item .top{
	width: 100%;
	padding: 25px 0px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	line-height: 25px;
}

.itinerarys .item .top .icon,.itinerarys .item .top .icon svg{
	width: 16px;
	height: 16px;
	position: relative;
}

.itinerarys .item .top .name{
	width: calc(100% - 40px);
	font-size: 1.25rem;
	font-weight: bold;
}

.itinerarys .item .btm{
	width: 100%;
	padding-right: 50px;
	padding-bottom: 20px;
}

.itinerarys .item .it-info{
	position: relative;
	line-height: 1.6;
}

.itinerarys .item .it-pack{
	width: 100%;
	margin-top: 15px;
	display: flex;
	gap: 30px;
}

.itinerarys .item .it-pack .it{
	width: auto;
	display: flex;
	align-items: center;
}

.itinerarys .item .it-pack .it svg{
	width: 32px;
	height: 32px;
	margin-right: 5px;
	fill: #303030;
}

.itinerarys .item .it-pack .it .its{
	width: auto;
	line-height: 20px;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.itinerarys .item .it-pack .its span{
	width: 20px;
	height: 20px;
	border: 1px solid #303030;
	line-height: 18px;
	text-align: center;
	border-radius: 50%;
	display: block;
}

.itinerarys .item .btm.has{
	display: flex;
	padding-right: 0;
	justify-content: space-between;
}

.itinerarys .item .btm.has .it-thum{
	width: 500px;
}

.itinerarys .item .btm.has .wrap{
	width: calc(100% - 550px);
}

.itinerarys .item .btm.has .it-thum .name{
	margin-top: 5px;
	text-align: right;
	font-style: italic;
	font-size: 0.875rem;
}

.table-box{
	position: relative;
	border: 1px solid #D2D2D2;
	margin-top: 25px;
	border-bottom: none;
	margin-bottom: 25px;
}

.table__title{
	width: 100%;
	height: auto;
	position: relative;
	padding: 15px 40px 10px;
	align-items: center;
	font-size: 22px;
	line-height: 1;
	color: #303030;
	background-color: #e5e5e5;
	display: flex;
}
.table__title .name{
	font-size: 22px;
	line-height: 1;
	color: #303030;
	width: 15%;
}

.table__title .name:nth-child(1){
	width: 18%;
}

.table__title .name span{
	margin-top: 3px;
	font-size: 16px;
	color: #646464;
}

.table__title .name:nth-child(3),.table__title .name:nth-child(4){
	text-align: center;
}

.table__title .name:nth-child(5){
	width: 37%;
	padding-left: 3%;
}

.table__body{
	background: #fff;
	max-height: 500px;
	overflow-y: auto;
}

.table__body .group:nth-child(even) {
    background-color: #f7f7f7;
}

.table__body .group{
	padding: 0px 0px;
}

.table__body .group .group-month{
	font-weight: 700;
	color: #a68969;
	padding: 0px 40px;
	padding-top: 15px;
	
}

.group-item{
	display: flex;
	padding: 15px 40px;
	border-bottom: 1px solid #d8d8d8;
	align-items: flex-end;
}

.group-item .item{
	width: 15%;
	align-items: flex-end;
}

.group-item .item:first-child{
	width: 18%;
}

.group-item .item:last-child{
	width: 37%;
	padding-left: 3%;
	align-items: center;
	display: flex;
	justify-content: space-between;
}

.group-item .item:nth-child(3),.group-item .item:nth-child(4){
	text-align: center;
}

.group-item .item .btn{
	width: 160px;
	max-width: 100%;
	height: 32px;
	line-height: 30px;
	border: 1px solid #a68969;
	display: block;
	background: #a68969;
	color: #ffffff;
	text-align: center;
}

.note-list{
	width: 100%;
	height: auto;
	position: relative;
	margin-top: 30px;
}

.note-list .item{
	margin-bottom: 15px;
}

.note-list .item .note-top{
	background-color: #eee;
	padding: 20px;
	border-radius: 10px;
	display: flex;
	justify-content: space-between;
	position: relative;
	cursor: pointer;
}

.note-list .item .note-top .note-title{
	width: auto;
	display: flex;
}

.note-list .item .note-top .note-title svg{
	width: 34px;
	height: 34px;
	margin-right: 2px;
}

.note-list .item .note-top .note-title .text{
	font-size: 22px;
	margin-left: 5px;
}

.note-list .item .note-top .icon-plus{
	width: 32px;
	height: 32px;
	position: relative;
	background: #303031;
	border-radius: 50%;
}

.note-list .item .note-top .icon-plus span{
	width: 14px;
	height: 2px;
	background-color: #FFF;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: block;
}

.note-list .item .note-top .icon-plus:before{
	width: 2px;
	height: 14px;
	background-color: #FFF;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: block;
	content: '';
}

.note-list .item .note-btm{
	width: 100%;
	height: auto;
	padding: 20px 25px;
	border: 2px solid #888;
	position: relative;
	border-radius: 0px 0px 10px 10px;
	display: none;
}

.note-list .item.active .note-btm{
	display: block;
}

.note-list .item.active .note-top{
	border-radius: 10px 10px 0px 0px;
	color: #fff;
	background-color: #888;
}

.note-list .item.active .note-top .note-title svg{
	fill: #ffffff;
}

.note-list .item.active .note-top .icon-plus{
	background: #ffffff;
}

.note-list .item.active .note-top .icon-plus span,.note-list .item.active .note-top .icon-plus::before{
	background: #303030;
}

.subBanner.sub .sub_img{
	opacity: 1;
}

.sub-cards{
	width: 50%;
	height: auto;
	position: absolute;
	left: 0%;
	top: 45%;
	transform: translateY(-50%);
	padding: 40px 20px;
	background: rgba(0, 0, 0, .2);
	backdrop-filter: blur(5px);
	border-left: 8px solid #f39800;
	color: #fff;
}

.sub-cards .sc-title{
	font-size: 2.25rem;
	line-height: 1.2;
	margin-bottom: 10px;
}

.sub-cards .sc-review{
	width: 100%;
	height: auto;
	position: relative;
	display: flex;
	align-items: center;
	gap: 5px;
}

.sub-cards .sc-review svg{
	width: 20px;
	height: 20px;
	fill: #ffd414;
}

.sub-cards .sc-des{
	width: 100%;
	position: relative;
	line-height: 1.2;
}

.sub-cards .sc-des p{
	margin-top: 5px;
}

.subBanner.sub::after{
	width: 100%;
	height: 75px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .4);
	content: '';
	backdrop-filter: blur(5px);
}

.sub-list{
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	bottom: 12.5px;
	display: flex;
	z-index: 10;
	color: #fff;
}

.sub-list .item{
	width: auto;
	height: auto;
	position: relative;
	padding-right: 20px;
	margin-right: 20px;
	line-height: 25px;
	font-size: 18px;
}

.sub-list .item::after{
	width: 1px;
	height: 80%;
	position: absolute;
	right: 0%;
	top: 10%;
	content: '';
	background: #ffffff;
}

.sub-list .item:last-child::after{
	display: none;
}

.itinerary-title.mt0{
	margin-top: 0;
}

.gallery-box{
	margin-top: 30px;
}

.thum-swiper{
	margin-top: 10px;
}

.aw_box{
	background: #f7f7f7;
	padding: 40px 0px;
}

.step-list{
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 30px;
}

.step-list .item{
	width: auto;
	height: auto;
	position: relative;
}

.step-list .item .icon{
	width: 145px;
	margin-bottom: 40px;
}

.step-list .item  .info{
	width: 100%;
	height: auto;
	font-size: 1.25rem;
}

.step-list .item  .info .name{
	font-weight: bold;
}

.step-list .line{
	width: 1px;
	position: relative;
	border-left: 1px dashed #959595;
}

.leve3-des{
	margin-bottom: 25px;
}
.our-travel.why .item{
	align-items: center;
}
.our-travel.why .item .info{
	padding: 0px;
	position: relative;
}

.our-travel.why .item .thum .inner{
	padding-top: 60%;
	height: 0%;
}

.our-travel.why .item .info .ipx{
	padding: 40px;
	margin-left: -64px;
	color: #fff;
	background: #a68a66;
}

.our-travel.why .item .info .ipx .title{
	width: 100%;
	height: auto;
	display: flex;
	align-items: flex-start;
}

.our-travel.why .item .info .ipx .title .n{
	border: 2px solid #fff;
	border-left: none;
	border-right: none;
	width: 30px;
	height: 36px;
	margin-right: 15px;
	font-size: 28px;
	line-height: 30px;
}

.our-travel.why .item:nth-child(even) .info .ipx{
	margin-left: 0px;
	margin-right: -64px;
	background: #f7f7f7;
	color: #303031;
}

.our-travel.why .item:nth-child(even) .info .ipx .title{
	color: #a68a66;
}

.our-travel.why .item:nth-child(even) .info .ipx .title .n{
	border-color: #a68a66;
}

.award-list{
	margin-top: 30px;
	position: relative;
}

.award-list .item{
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	box-shadow: 15px 15px 50px rgba(0, 0, 0, .1);
	margin-bottom: 25px;
	border-radius: 1vw;
	overflow: hidden;
}

.award-list .item .thum{
	width: 285px;
	padding: 30px;
	background-color: #f7f7f7;
}

.award-list .item .thum .inner{
	padding-top: 100%;
}

.award-list .item .info{
	width: calc(100% - 285px);
	padding: 50px 70px;
	display: -webkit-flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
}

.award-list .item .info .name{
	color: #a68a66;
	font-weight: 500;
	width: 100%;
	font-size: 1.25rem;
}

.award-list .item .info .des{
	margin-top: 6px;
}

.clientBox.client-team{
	width: 60%;
	margin: 0px auto;
}

.clientBox .swiper-pagination{
	bottom: 0 !important;
}


.clientBox .clientSwiper .swiper-slide .top .title .name{
	width: calc(100% - 55px);
}

.thum-swiper .swiper-slide{
	opacity: 0.3;
	cursor: pointer;
	transition: all 0.35s;
}

.thum-swiper .swiper-slide.swiper-slide-thumb-active{
	opacity: 1;
}

.meet-tips{
	text-align: center;
	margin-top: 10px;
}

.team-list{
	width: 100%;
	position: relative;
	margin-top: 30px;
	overflow: hidden;
}

.team-swiper{
	width: calc(100% - 60px);
	padding-bottom: 50px;
	overflow-x: initial;
}

.team-swiper .thum .inner{
	padding-top: 100%;
}

.team-swiper .swiper-slide{
	background: #fff;
	border-radius: 10px;
	padding:30px 10px;
	transition: all 0.5s;
}

.team-swiper .swiper-slide:hover{
	box-shadow: 0px 20px 20px rgba(0, 0, 0, .1);
}

.team-swiper .swiper-slide .thum{
	border-radius: 50%;
	width: 80%;
	margin-left: 10%;
}

.team-swiper .swiper-slide .info{
	width: 100%;
	text-align: center;
	position: relative;
	margin-top: 15px;
}

.guide-xs{
	display: none;
}

.ot-list{
	margin-top: 30px;
	position: relative;
	width: 100%;
}

.ot-list .item{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 35px;
}

.ot-list .item .thum{
	width: 45%;
}

.ot-list .item .info{
	width: 55%;
	padding-left: 40px;
}

.ot-list .item .info .name{
	color: #a68a66;
	font-weight: 500;
	font-size: 20px;
	margin-bottom: 10px;
}

.ot-list .item .info .des{
	width: 100%;
}

.ot-list .item .info .des:before{
	content: '';
	display: inline-block;
	width: 16px;
	height: 13px;
	background-image: url(../images/sprite-common.png);
	margin-right: 10px;
	background-position: 0 -46px;
}

.ot-list .item .info .des::after{
	content: '';
	display: inline-block;
	width: 16px;
	height: 13px;
	background-image: url(../images/sprite-common.png);
	margin-left: 10px;
	background-position: -24px -46px;
	transform: translateY(2px);
}

.editors-list{
	width: 100%;
	margin-top: 30px;
	display: flex;
	flex-wrap: wrap;
}

.editors-list .item{
	width: 48%;
	margin-right: 4%;
	margin-bottom: 2vw;
	background: #fff;
	box-shadow: 15px 15px 30px rgba(0, 0, 0, .1);
	border-radius: 0.5vw;
}

.editors-list .item a{
	display: flex;
	align-items: center;
	width: 100%;
	padding: 25px;
}

.editors-list .item:nth-child(even){
	margin-right: 0%;
}

.editors-list .item .thum{
	width: 150px;
	border-radius: 50%;
}

.editors-list .item .thum .inner{
	padding-top: 100%;
}

.editors-list .item .info{
	width: calc(100% - 175px);
	margin-left: 25px;
}

.editors-list .item .info .name{
	margin-bottom: 10px;
	font-size: 20px;
	line-height: 1.2;
	color: #a68a66;
}

.expert-banner{
	width: 100%;
	height: auto;
	position: relative;
}
.expert-banner .bg{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: center center no-repeat;
	background-size: cover;
}

.expert-banner .w1400{
	position: relative;
	overflow: hidden;
}

.expert-info{
	width: 100%;
	margin-top: 100px;
	display: flex;
    justify-content: space-between;
    color: #fff;
}

.expert-info .left{
	width: calc(100% - 460px);
}

.expert-info .thum{
	width: 430px;
}

.expert-info .left .name{
	border-left: 8px solid #f39800;
	padding-left: 20px;
	margin-bottom: 25px;
}

.expert-info .left .name .title{
	font-size: 36px;
	font-weight: bold;
	line-height: 1;
}

.expert-info .left .name .zw{
	font-size: 20px;
	margin-top: 12px;
}

.expert-info .left .awd{
	width: 100%;
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}

.expert-info .left .awd svg{
	width: 25px;
    height: 25px;
    fill: #F39800;
}
.expert-info .left .awd p{
	font-size: 18px;
	line-height: 25px;
	padding-left: 10px;
}

.expert-travle{
	margin-top: 50px;
	background-color: #fff;
	padding: 25px 25px;
	border-radius: 0.5vw;
	margin-bottom: 50px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.expert-travle .f-level{
	width: auto;
	text-align: center;
}

.expert-travle .s-leval{
	width: 50%;
}

.expert-travle .btn{
	width: 140px;
}

.expert-travle .fs_more{
	margin: 0;
}

.expert-travle .f-level b{
	font-size: 25px;
	font-weight: normal;
}

.expert-travle .line{
	width: 2px;
	height: 55px;
	background: #f19510;
}

.moments-swiper{
	width: 100%;
	margin-top: 30px;
	padding-bottom: 35px;
}

.moments-swiper .inner{
	padding-top: 65%;
}

.moments-swiper .swiper-pagination{
	bottom: 0 !important;
}

.ex.clientBox .clientSwiper .swiper-slide .top .title{
	text-align: left;
} 
.ex.clientBox .clientSwiper .swiper-slide .top .star {
    justify-content: flex-start;
}

.ex .clientSwiper .swiper-slide .top .star p{
	width: 86px;
}

.black .location a,.black .location span{
	color: #303030;
	text-shadow: none;
}

.black .expert-info{
	color: #303030;
}

.editor-travle{
	margin-top: 30px;
	margin-bottom: 50px;
}

.editor-travle .name{
	font-size: 30px;
	margin-bottom: 8px;
}

.expert-banner.black{
	background: #f9f9f9;
}

.site-map{
	margin-top: 30px;
}

.site-map .site-name{
	font-size: 30px;
	margin-bottom: 10px;
}

.sites{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.sites .item{
	width: 23.5%;
	margin-right: 2%;
}

.sites .item:nth-child(4n){
	margin-right: 0%;
}

.sites .item .p{
	line-height: 30px;
}

.sites .item .site-box{
	width: 100%;
	margin-bottom: 25px;
}

.sites .item a{
	color:#514940;
}

.sites .item .site-box .title{
	position: relative;
    display: inline-block;
    margin-bottom: 12px;
    padding-right: 25px;
    font-size: 22px;
    color: #f39800;
}

.sites .item .site-box .title a{
	color: #f39800;
}

.sites .item .site-box .p:first-child{
	font-size: 20px;
}

.gcse-search img{
	max-width: none !important;
	width: auto !important;
}

.select2-container {
	width: 100% !important;
}

.num-bar{
	width: auto;
    height: auto;
    position: absolute;
    right: 0;
    top: 0;
	display: flex;
	align-items: center;
	height: 43px;
}

.num-bar .less,.num-bar .plus{
	width: 50px;
	height: 43px;
	position: relative;
	cursor: pointer;
	background: #ececec;
}

.num-bar input{
	width: 50px;
	height: 43px;
	padding: 0px 5px;
	text-align: center;
}

.num-bar .plus{
	border-radius: 0px 5px 5px 0px;
}

.num-bar .less p,.num-bar .plus p{
	width: 16px;
	height: 1px;
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	background: #776F70;
	margin-left: -8px;
}

.num-bar .plus::after{
	width: 1px;
	height: 16px;
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	background: #776F70;
	margin-top: -8px;
	content: '';
}

.error_tips {
    height: auto;
    font-size: 14px;
    color: #ffffff;
    line-height: 15px;
    position: absolute;
    left: 0;
    top: 82px;
    background: #EB2524;
    padding: 5px 10px;
    border-radius: 3px;
	display: none;
	z-index: 2;
}

.error_tips.active{
	display: block;
}

.gp-box .error_tips{
	top: 52px;
}
.gp-box input.error{
	border: 1px solid #EB2524;
}
.error_tips::before{
	content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-bottom-color: red;
    top: -10px;
}

.form_submit{
	cursor: pointer;
}

.city-list{
	margin-top: 30px;
	position: relative;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 25px;
}

.city-list .item{
	width: 100%;
	display: block;
	position: relative;
	border: 1px solid rgba(0, 0, 0, .05);
}

.city-list .item .info{
	padding: 20px;
}

.city-list .item .info .name{
	width: 100%;
	text-align: center;
	position: relative;
	font-size: 20px;
	margin-bottom: 10px;
}

.city-list .item .info .des{
	width: 100%;
	height: auto;
	position: relative;
	color: #959595;
}

.essencial{
	width: 100%;
	margin-top: 30px;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 20px;
}

.essencial .item{
	width: 100%;
	position: relative;
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, .1);
}
.essencial .item .thum{
	background: #000000;
}
.essencial .item .inner{
	padding-top: 150%;
	opacity: 0.8;
}

.essencial .item .name{
	width: 90%;
	height: auto;
	position: absolute;
	left: 5%;
	top: 50%;
	transform: translateY(-50%);
	color: #ffffff;
	text-align: center;
	font-size: 24px;
	text-shadow: 0 2px 5px rgba(0, 0, 0, .65);
}

.guides.even .inner{
	padding-top: 50%;
}

.itinerary.like .item{
	border-radius: 0;
}

.error_tips.area{
	top: 160px;
}

.form .row input.error{
	border-color: #EB2524 !important;
}

.contacts .flatpickr-wrapper>input{
	height: 45px;
	border-color: #ab9271;
}

.trip-plan .form .row.right50{
	margin-right: 52%;
}

.calc-input{
	width: 100%;
	height: 45px;
    border:1px solid #ab9271;
	border-radius: 3px;
	position: relative;
}

.calc-input .name{
	width: auto;
	height: auto;
	position: absolute;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
}

.budgets{
	width: 100%;
	height: 45px;
	border:1px solid #ab9271;
	border-radius: 5px;
	position: relative;
	z-index: 2;
}

.budgets .bud{
	width: 76px;
	height: 45px;
	position: absolute;
	left: 0;
	top: 0;
	border-right: 1px solid rgba(0, 0, 0, .1);
}

.budgets .bud::after{
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 8px solid #646464;
	position: absolute;
	right: 5px;
	top: 50%;
	margin-top: -5px;
	content: '';
}

.budgets input{
	width: calc(100% - 77px);
	position: absolute;
	left: 77px;
	height: 43px;
	padding-left: 10px;
}

.bud_result{
	width: 76px;
	height: 43px;
	position: absolute;
	left: 0;
	top: 0;
	padding-left: 10px;
	line-height: 43px;
	cursor: pointer;
	
}
.bud_list{
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	top: 43px;
	background: #fff;
	display: none;
	border: 1px solid #ab9271;
	border-top: none;
	
	border-radius: 0px 0px 5px 5px;
}

.budgets .bud.active .bud_list{
	display: block;
}

.bud_list p{
	cursor: pointer;
	padding: 0px 10px;
	line-height: 28px;
}

.bud_list p:hover{
	background: #ab9271;
	color: #ffffff;
}

.airfare_info{
	width: 100%;
	position: relative;
}

.airfare_info .text{
	font-size: 14px;
	margin-bottom: 5px;
}

.check_box{
	width: 100%;
	display: flex;
	align-items: center;
	gap: 20px;
	line-height: 22px;
}

.check_box .check_input{
	border-color: #ab9271;
	border-width: 1px;
    border-style: solid;
    background: #fff;
    position: relative;
	height: 22px;
    width: 22px;
	border-radius: 5px;
}
.check_box .p .check_input::before {
    height: 20px;
    width: 20px;
    position: absolute;
    content: '√';
	font-size: 12px;
	line-height: 20px;
	text-align: center;
	color: #ab9271;
	opacity: 0;
}

.check_box .p.active .check_input::before{
	opacity: 1;
}

.check_box .p{
	display: flex;
	align-items: center;
	gap: 5px;
}

.hotel-choose{
	width: 100%;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}

.hotel-choose .item{
	width: 100%;
	border: 1px solid #ab9271;
	cursor: pointer;
	border-radius: 5px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	padding:10px 15px;
}

.hotel-choose .item p{
	width: 100%;
	text-align: center;
}

.hotel-choose .item:hover,.hotel-choose .item.active{
	background: #ab9271;
	color: #ffffff;
}

.age-control{
	width: 100%;
	height: 43px;
	border-radius: 5px;
	border: 1px solid #ab9271;
	font-size: 16px;
    padding-left: 5px;
}

.contacts .select2-container--default .select2-selection--single{
	border-color: #ab9271;
}

.ceo-box{
	width: 100%;
	display: flex;
	justify-content: space-between;
	position: relative;
	padding: 22px 0 36px 42px;
    border-left: 15px solid #ab9271;
	background-color: #f7f7f7;
}

.ceo-box .left{
	width: 50%;
}

.ceo-box .right{
	width: 50%;
	padding: 10%;
	padding-top: 3%;
}

.ceo-box .right .name{
	width: 100%;
	text-align: center;
	position: relative;
	font-size: 20px;
	line-height: 1.5;
	margin-top: 10px;
}

.itinerary.like.four .item{
	width: 23.5%;
}

.itinerary.like.four .item .name{
	font-size: 20px;
}

.ceo-show-pic{
	height: 600px;
	position: relative;
	background: url(../images/demo29.jpg) center center no-repeat;
	background-size: cover;
	margin-top: 60px;
	position: relative;
}

.ceo-show-pic .left{
	width: 50%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	padding: 0px 7.5%;
	background: rgba(0, 0, 0, .25);
	display: flex;
	align-content: center;
	color: #ffffff;
	text-shadow: 0 2px 5px rgba(0, 0, 0, .25);
	align-items: center;
	flex-wrap: wrap;
}

.ceo-show-pic .left .name{
	width: 100%;
	font-size: 40px;
	margin-bottom: 15px;
	line-height: 1.3;
}


.ceo-show-pic .left .des{
	font-size: 20px;
	line-height: 1.3;
	margin-bottom: 50px;
}

.ceo-show-pic .left .fs_more{
	margin: 0px;
}

.data-list{
	width: 100%;
	height: auto;
	position: relative;
	display: flex;
	justify-content: space-between;
	background-color: #f7f7f7;
	padding: 30px 0;
	border: 1px solid #ab9271;
	border-radius: 1vw;
	margin: 25px 0px 35px;
}

.data-list .item{
	width: 33.33%;
	color: #ab9271;
	text-align: center;
	padding: 0px 15px;
}
.data-list .line{
	width: 1px;
	height: 70px;
	background: #ab9271;
}

.data-list .item:not(:last-child){
	border-right: 1px solid #ab9271;
}

.data-list .item .name{
	font-size: 30px;
	font-weight: bold;
}

.data-list .item .des{
	font-size: 20px;
}

.ot-list.tes .item{
	padding-bottom: 35px;
	border-bottom: 1px solid #959595;
}

.ot-list.tes .item .thum{
	border-radius: 1vw;
}

.ot-list .item .ot-show{
	width: 100%;
	position: relative;
	margin-bottom: 15px;
}

.ot-list .item .ot-show .ot-name{
	color: #a68a66;
    font-weight: 500;
    font-size: 20px;
}

.customer-center{
	margin-top: 30px;
	position: relative;
	display: flex;
	flex-wrap: wrap;
}

.customer-center a{
	display: block;
	width: 32%;
	margin-right: 2%;
	margin-bottom: 1.5vw;
	border: 1px solid #959595;
	padding: 15px;
	border-radius: 10px;
}

.customer-center a:nth-child(3n){
	margin-right: 0;
}

.menu-button{
	display: none;
}

@media screen and (max-width: 1440px){
	.anchors a{
		font-size: 14px;
	}
}

@media screen and (max-width: 1200px) {
	.menu-button{
		display: block;
	}
	.header_top{
		width: auto;
		height: auto;
		position: absolute;
		right: calc(3vw + 70px);
		top: 50%;
		padding: 0;
		transform: translateY(-50%);
	}
	.header_btm{
		width: 100%;
	}

	.menu_bar{
		display: none;
	}

	.header_top .custom-a{
		display: none;
	}

	.header_top .phone-num span{
		display: none;
	}

	.logo{
		width: 140px;
		height: auto;
		top: 50%;
		transform: translateY(-50%);
		position: absolute;
		left: 3%;
	}

	.menu-button{
		width: 50px;
        height: auto;
		padding: 10px;
		border-top: 1px solid #000000;
		border-bottom: 1px solid #000000;
		position: absolute;
		right: 3%;
		top: 50%;
		transform: translateY(-50%);
		padding: 8px 0px;
        line-height: 1;
		line-height: 15px;
	}
	.header{
		height: 60px;
		position: fixed;
		left: 0;
		top: 0;
		z-index: 100;
		box-shadow: 0px 0px 30px rgba(0, 0, 0, .1);
	}
	.header_top .phone-num svg {
		width: 20px;
		height: 20px;
		margin-right: 10px;
	}

	.subBanner{
		margin-top: 60px;
        height: 100vw;
	}
	.w1400{
		width: 90%;
	}
	.subBanner .text .title{
		font-size: 7vw;
	}
	.subBanner .text .des{
		font-size: 14px;
	}
	.anchors{
		gap: 10px;
		width: 100%;
		flex-wrap: wrap;
		padding: 10px 0px;
	}

	.anchors a{
		font-size: 14px;
		line-height: 25px;
	}

	.anchor_wrap{
		height: auto;
	}

	.anchors a::before{
		height: 1px;
	}
	h1 {
		font-size: 1.275rem;
		line-height: 1.3;
	}
	html {
		font-size: 14px;
	}

	.bannerSwiper{
		margin-top: 60px;
		height: 100vw;
	}

	.bannerSwiper .info{
		width: 90%;
		left: 5%;
	}

	.bannerSwiper .info .name{
		font-size: 7vw;
	}

	.bannerSwiper .info .des{
		font-size: 14px;
	}

	.home_address .w1400{
		padding: 10px 0px;
		font-size: 14px;
		gap: 10px;
	}
	.home_address .w1400 p{
		padding-right: 10px;
	}
	.home_address .w1400 p:last-child{
		padding-right: 0;
	}
	.home_address .w1400 p:last-child:after{
		display: none;
	}

	.boxes{
		padding: 10vw 0px;
	}

	.singePage,.introSection .des ul li{
		font-size: 0.875rem;
	}

	.introSection{
		margin-bottom: 0vw;
	}

	.mt_space{
		padding-top: 10vw;
	}

	.populars{
		margin-top: 5vw;
		grid-template-columns: repeat(2, 1fr);
		gap: 2vw;
	}

	.populars .item{
		height: auto;
	}

	.populars .item .more{
		position: relative;
        transform: translateX(-0%);
        left: 0;
        height: auto;
        font-size: 0.75rem;
        width: 70%;
        bottom: 0;
        line-height: 1.3;
        padding: 5px 0px;
        margin-left: 15%;
        margin-bottom: 15px;
	}
	.populars .item .info{
		padding: 10px;
	}
	.populars .item .info .city{
		display: none;
	}
	.populars .item .info .title{
		font-size: 0.875rem;
		-webkit-line-clamp: 2;
	}
	.populars .item .info .day{
		margin-top: 5px;
        font-size: 0.65rem;
        opacity: 0.4;
	}
	.fs_more{
		width: 80%;
		height: auto;
		font-size: 0.875rem;
	}
	.itinerarys .item .btm.has .it-thum,.itinerarys .item .btm.has .wrap{
		width: 100%;
	}
	.itinerarys .item .btm.has .it-thum{
		display: none;
	}
	.places{
		gap: 2vw;
		grid-template-columns: repeat(2, 1fr);
		margin-top: 5vw;
	}

	.places .item{
		border-radius: 5px;
	}
	.places .item .name{
		font-size: 0.875rem;
	}
	.places.p2 .item .name svg{
		width: 18px;
		height: 18px;
	}

	.places.p2 .item .name{
		gap: 5px;
	}

	.places.p2 .item .inner {
		padding-top: 65%;
	}

	.clientSwiper{
		width: 100%;
		padding-bottom: 7vw;
	}
	.clientSwiper .swiper-pagination-bullet{
		width: 6px;
		height: 6px;
		margin: 0px 2px;
	}
	.clientBox .swiper-button-next, .clientBox .swiper-button-prev{
		display: none;
	}
	.clientSwiper .swiper-slide .info{
		font-size: 0.75rem;
		line-height: 18px;
	}
	.clientSwiper .swiper-slide .top .star p{
		width: 12px;
	}
	.clientSwiper .swiper-slide .top .title .name p{
		font-size: 12px;
	}
	.clientSwiper .swiper-slide .top .title .name b{
		font-size: 13px;
	}
	.guides .item, .essentials .item{
		width: 100%;
		margin-right: 0;
	}
	.guides .name, .essentials .name{
		padding: 10px 10px;
		font-size: 0.75rem;
		line-height: 1.3;
		padding-bottom: 0;
		margin-bottom: 10px;
	}
	.guides .item, .essentials .item{
		margin-bottom: 5vw;
	}
	.guides, .essentials{
		justify-content: space-between;
	}
	.guides .item:nth-child(n+4) {
		width: 48%;
	}
	.customizeTrip{
		padding: 5vw;
	}
	.customizeTrip .info .title{
		font-size: 7vw;
	}
	.customizeTrip .info .des{
		font-size: 1rem;
	}
	.fs_more.w194{
		width: 80%;
	}
	.cus_tip {
		margin-top: 10vw;
		text-align: center;
		margin-bottom: 5vw;
		font-size: 1rem;
	}
	.footerTop, .footerCenter{
		flex-wrap: wrap;
	}
	.footerTop .ft_l{
		width: 100%;
		margin-bottom: 3vw;
	}
	.ft_l .name{
		margin-bottom: 1vw;
		font-size: 1rem;
	}
	.ft_l .des{
		font-size: 0.875rem;
	}
	.ft_rtips{
		font-size: 0.7rem;
	}
	.footerTop,.footer_cooper{
		padding: 5vw 0px;
	}
	.footerCenter{
		display: none;
	}
	.copyright{
		padding: 3vw 0px;
		font-size: 0.7rem;
	}

	.backTop{
		right: 3%;
		width: 40px;
    	height: 40px;
	}
	.backTop svg {
		width: 10px;
		height: 10px;
	}
	.location{
		font-size: 0.7rem;
	}
	.sub-cards .sc-title{
		font-size: 1.125rem;
	}
	.sub-cards .sc-review{
		font-size: 0.7rem;
		gap: 2px;
	}
	.sub-list .item{
		font-size: 0.7rem;
		padding-right: 3vw;
    	margin-right: 3vw;
		line-height: 1.5;
	}
	.sub-cards .sc-des{
		font-size: 0.7rem;
	}
	.subBanner.sub::after{
		display: none;
	}
	.sub-list{
		background: rgba(0, 0, 0, .4);
		padding: 10px;
		bottom: 10px;
	}
	.anchor_wrap .fs_more.w194{
		display: none;
	}
	.sub-cards{
		width: 100%;
		padding: 0px 3vw;
		border-left-width: 3px;
	}
	.sub-cards .sc-review svg {
		width: 12px;
		height: 12px;
	}
	.inspira, .tours-intro{
		width: 100%;
	}
	.singePage tbody tr td{
		width: auto;
		padding: 5px;
	}
	.singePage table{
		font-size: 0.7rem;
	}
	.right-form{
		width: 100%;
		display: none;
	}
	.inspira-box{
		flex-wrap: wrap;
	}
	.itinerarys .item .top .name{
		font-size: 1rem;
	}
	.itinerarys .item .top{
		padding: 3vw 0px;
	}
	.itinerarys .item .btm{
		padding-right: 0;
	}
	.itinerarys .item .it-info{
		font-size: 0.875rem;
	}
	.itinerarys .item .it-pack{
		gap: 10px;
	}
	.itinerarys .item .it-pack .it svg {
		width: 20px;
		height: 20px;
		margin-right: 2px;
	}
	.itinerarys .item .it-pack .its span{
		font-size: 0.75rem;
	}
	.gallery-swiper .swiper-button-next,.gallery-swiper .swiper-button-prev{
		display: none;
	}
	.step-list{
		margin-top: 3vw;
	}
	.step-list .item .icon {
		width: 100px;
		margin-bottom: 0px;
	}
	.step-list .item{
		width: 100%;
		display: flex;
		justify-content: space-between;
		border-bottom: 1px solid rgba(0, 0, 0, .1);
        padding-bottom: 5vw;
        margin-bottom: 5vw;
	}
	.step-list .item .info{
		width: calc(100% - 110px);
	}
	.step-list .item .info .name{
		font-size: 1rem;
	}
	.step-list .item .info .des{
		font-size: 0.875rem;
	}
	.juan-king .w1400{
		width: 90%;
		flex-wrap: wrap;
        justify-content: center;
	}
	.juan-king .thum {
		width: 70px;
		height: 70px;
		padding: 2px;
		margin-bottom: 3vw;
	}
	.juan-king .info .name{
		font-size: 1rem;
		text-align: center;
	}
	.juan-king .info .des {
		font-size: 0.75rem;
		margin-top: 5px;
		text-align: center;
		margin-bottom: 5vw;
		opacity: 0.6;
	}
	.contacts{
		width: 100%;
	}

	.trip-plan>.title{
		font-size: 1rem;
		padding: 5px;
	}
	.trip-plan .form {
		padding: 3vw 5vw;
	}

	.form .row label{
		height: auto;
		line-height: 15px;
		font-size: 0.75rem;
	}
	.form .row textarea,.contacts .flatpickr-wrapper>input{
		font-size: 0.875rem;
	}
	.trip-plan .form .row{
		width: 100%;
	}
	.trip-plan .form .row textarea {
		min-height: 80px;
		line-height: 20px;
	}
	.trip-plan .form .row{
		margin-bottom: 3vw;
		font-size: 0.875rem;
	}
	.trip-plan .form .row.right50 {
		margin-right: 0%;
	}
	.num-bar input{
		font-size: 0.875rem;
	}
	.contacts .flatpickr-wrapper>input,.calc-input,.budgets .bud,.budgets{
		height: 40px;
	}
	.num-bar .less, .num-bar .plus{
		height: 38px;
	}
	.num-bar{
		height: 38px;
	}
	.budgets input,.bud_result,.budgets .bud,.age-control{
		height: 38px;
		line-height: 38px;
		font-size: 0.875rem;
	}
	.airfare_info .text{
		font-size: 0.7rem;
	}
	.trip-plan .form .row.full{
		flex-wrap: wrap;
	}
	.hotel-choose{
		gap: 5px;
	}
	.hotel-choose .item{
		font-size: 0.6rem;
		padding: 5px 3px;
	}
	.select2-container--default .select2-selection--single .select2-selection__rendered{
		line-height: 38px;
	}
	.select2-container--default .select2-selection--single .select2-selection__clear, .select2-container .select2-selection--single, .select2-container--default .select2-selection--single .select2-selection__arrow{
		height: 38px;
	}
	.form .row>input, .form .row textarea,.subscribts a{
		padding: 9px 8px 9px 8px;
		font-size: 0.875rem;
	}
	.trip-plan .form .row .ms{
		font-size: 0.7rem;
	}
	.form_tips{
		font-size: 0.6rem;
		margin-bottom: 5vw;
	}

	.contact_right{
		width: 100%;
		margin-top: 10vw;
		padding: 5vw;
	}

	.contact_right .item svg {
		width: 30px;
		height: 30px;
		margin-bottom: 1vw;
	}
	.contact_right .item .title{
		font-size: 0.875rem;
	}
	.contact_right .item .cons{
		margin-top: 0;
		font-size: 5vw;
	}
	.contact_right .item{
		padding-bottom: 5vw;
		margin-bottom: 5vw;
	}
	.contact_right .item .cons{
		font-size: 5vw;
	}
	.contact_right .item:last-child{
		padding-bottom: 0;
		margin-bottom: 0;
	}
	.gp-box,.gp-box input{
		font-size: 0.875rem;
	}
	.fqas .item .top .icon{
		width: 30px;
	}
	.fqas .item .top{
		padding: 3vw 0px;
	}
	.fqas .item .top .name{
		width: calc(100% - 30px);
		font-size: 1rem;
		line-height: 1.3;
	}
	.fqas .item .btm{
		font-size: 0.875rem;
	}
	.customizeTrip.ny .info .title,.customizeTrip.ny .info .comm{
		font-size: 1rem;
	}
	.customizeTrip.ny .info .des{
		margin-top: 5vw;
		font-size: 0.875rem;
		line-height: 1.5;
	}
	.receives .item{
		width: 100%;
		padding: 0px;
        display: flex;
        justify-content: space-between;
		align-items: center;
		border-bottom: 1px solid rgba(0, 0, 0, .1);
		padding-bottom: 5vw;
		margin-bottom: 5vw;
	}

	.receives .item:last-child{
		padding-bottom: 0;
		margin-bottom: 0;
		border-bottom: none;
	}

	.receives{
		flex-wrap: wrap;
		margin-top: 3vw;
	}

	.receives .item .icon{
		width: 50px;
	}
	.receives .item .des{
		width: calc(100% - 60px);
		margin-top: 0;
		text-align: left;
		line-height: 1.2;
	}

	.catalog ul li{
		width: 100%;
		padding-left: 15px;
	}
	.catalog ul li::after{
		width: 5px;
		height: 5px;
	}
	.catalog ul li a{
		padding: 10px 0px;
		font-size: 0.875rem;
	}
	.catalog{
		margin-top: 10vw;
	}
	.essentials#pages .item{
		width: 49%;
		margin-bottom: 3vw;
	}
	.jpage a, .jpage span{
		width: 30px;
		height: 30px;
		line-height: 30px;
		font-size: 0.75rem;
	}
	.itinerary .item {
		width: 49%;
	}
	.itinerary .item .name{
		font-size: 1rem;
	}
	.places.season .item .inner {
		padding-top: 60%;
	}
	.things-box .th-left,.things-box .th-right{
		width: 100%;
	}
	.things-box .things-top{
		flex-wrap: wrap;
	}
	.things-box .th-left .thum .inner{
		height: 0;
		padding-top: 60%;
	}
	.things-box .th-left{
		padding: 0;
		margin-bottom: 3vw;
	}
	.things-box .th-right .item {
		width: 100%;
		position: relative;
		padding: 0;
		margin-bottom: 0vw;
	}
	.things-box .th-right .box .name, .things-box .th-left .name{
		width: 100%;
		height: auto;
		position: absolute;
		left: 0;
		bottom: 0;
		padding: 10px;
		color: #ffffff;
		font-size: 0.875rem;
		font-weight: normal;
		line-height: 25px;
	}
	.things-box .th-right{
		gap: 2vw;
	}
	.essentials .item{
		width: 49%;
	}
	.top-china{
		margin-top: 5vw;
	}
	.top-china .item{
		width: 32%;
		margin-right: 2%;
	}
	.top-china .item:nth-child(3n){
		margin-right: 0%;
	}
	.top-china .item .name{
		font-size: 0.875rem;
	}
	.city-guides{
		margin-top: 3vw;
		grid-template-columns: repeat(2, 1fr);
		gap: 2vw;
	}
	.city-guides .item .info .des{
		font-size: 0.7rem;
	}
	.city-guides .item .info{
		padding: 10px;
	}
	.city-guides .item .info .name{
		font-size: 0.875rem;
	}
	.video-ins{
		margin-top: 3vw;
		margin-bottom: 5vw;
		flex-wrap: wrap;
	}
	.video-ins .thum,.video-ins .info{
		width: 100%;
	}
	.video-ins .info .name{
		font-size: 1rem;
	}
	.video-ins .info .des{
		font-size: 0.875rem;
	}
	
	.video-ins .thum .play_btn svg, .about_video .play_btn svg {
		width: 50px;
		height: 50px;
		fill: #FFF;
	}
	.video-ins .thum .play_btn, .about_video .play_btn{
		width: 50px;
	}
	.inspira .id-title{
		font-size: 1.25rem;
	}
	.id-date{
		font-size: 0.75rem;
		margin-bottom: 3vw;
	}
	.singePage img{
		width: 100% !important;
		height: auto !important;
	}
	.search_top{
		padding-bottom: 5vw;
		margin-bottom: 5vw;
	}
	.search_top .con-title{
		font-size: 1.125rem;
	}
	.forms{
		width: 100%;
		margin: 5vw 0px;
		margin-bottom: 0;
	}
	.forms .row .title{
		font-size: 0.75rem;
	}
	.forms .row{
		width: 100%;
		margin-bottom: 3vw;
	}
	.forms .row .inputs{
		margin-top: 0;
	}
	.forms .row .inputs>input, .uninput, .flatpickr-wrapper>input{
		height: 38px;
		font-size: 0.875rem;
	}
	.select2-container--default .select2-selection--single .select2-selection__rendered,.forms .row .inputs .name,.forms .row .inputs textarea{
		font-size: 0.875rem;
	}

	.forms .row:nth-child(8) .title{
		display: none;
	}
	.forms .row:last-child{
		margin-bottom: 0;
	}
	.places .item .inner {
		padding-top: 60%;
		opacity: 0.8;
	}
	.our-travel .item .thum{
		width: 100%;
	}
	.our-travel .item .info{
		width: 100%;
		padding: 5vw;
	}
	.our-travel .item .thum .inner{
		height: 0;
		padding-top: 60%;
	}
	.our-travel .item .info .num{
		font-size: 1.5rem;
	}
	.our-travel .item .info .title{
		font-size: 1rem;
		margin-bottom: 0.5vw;
	}
	.our-travel .item .info .des{
		font-size: 0.875rem;
	}
	.our-travel .item{
		margin-bottom: 5vw;
	}
	.cust_form{
		margin-top: 10vw;
		padding: 5vw;
	}
	.cust_form .name{
		font-size: 1rem;
		margin-bottom: 0.5vw;
	}
	.cust_form .info{
		margin-bottom: 3vw;
		font-size: 0.875rem;
	}
	.form .row textarea{
		min-height: 80px;
	}
	.form .row:first-child{
		margin-bottom: 5vw;
	}
	.form .row{
		width: 100%;
		margin-bottom: 3vw;
	}
	.award-list{
		margin-top: 5vw;
	}
	.award-list .item .thum{
		width: 100%;
		padding: 0;
	}
	.award-list .item .thum .inner{
		padding-top: 60%;
	}
	.award-list .item .info{
		width: 100%;
		padding: 5vw;
	}
	.award-list .item .info .des{
		font-size: 0.875rem;
		margin-top: 0;
	}
	.award-list .item .info .name{
		font-size: 1rem;
	}
	.data-list{
		margin: 5vw 0px;
		padding: 5vw 0px;
	}
	.data-list .item .name{
		font-size: 1rem;
	}
	.data-list .item .des{
		font-size: 0.75rem;
	}
	.data-list .item{
		padding: 0px 5px;
	}
	.ot-list .item .ot-show .ot-name,.ot-des{
		font-size: 1rem;
	}
	.ot-list .item .thum{
		width: 100%;
		margin-bottom: 3vw;
	}
	.ot-list .item .info{
		width: 100%;
		padding-left: 0;
	}
	.ot-list .item .info .des{
		font-size: 0.875rem;
	}
	.ot-list.tes .item{
		padding-bottom: 5vw;
		margin-bottom: 5vw;
	}
	.itinerary{
		margin-top: 5vw;
	}
	.itinerary.like.four .item {
		width: 48%;
	}
	.itinerary.like.four .item .name{
		font-size: 1rem;
	}
	.our-travel.why .item .info .ipx{
		margin-left: 0;
		padding: 5vw;
	}
	.our-travel.why .item .info .ipx .title .n{
		display: none;
	}
	.check_box .p{
		font-size: 0.75rem;
	}
	.menu_bar.active{
		display: block;
        width: 100%;
        height: calc(100vh - 60px);
        background: #f9f9f9;
        top: 60px;
        position: relative;
		padding: 0vw 5vw;
		padding-top: 5vw;
		overflow-y: auto;
        overflow-x: hidden;
	}
	.header .w1400{
		width: 100%;
	}
	.nav{
		width: 100%;
		flex-wrap: wrap;
	}
	.nav .nav1-menu{
		flex: auto;
		width: 100%;
	}
	.nav .nav1-menu>.menu-a{
		line-height: 45px;
		justify-content: flex-start;
		justify-content: space-between;
	}
	.nav .nav2-full{
		position: relative;
		top: 0;
		box-shadow: none;
		opacity: 1;
        -webkit-transform: perspective(0px) rotate3d(1, 0, 0, 0deg);
		padding: 5vw 0px;
        background: transparent;
		padding-top: 0;
		display: none;
		min-height: auto;
	}
	.nav2-full .container{
		width: 100%;
		padding-left: 15px;
	}
	.nav2-top-title {
		padding: 0;
		font-size: 1rem;
		width: 100%;
	}
	.nav2-menu {
		width: 49%;
		padding: 0;
		
	}
	.nav .nav1-menu{
		border-bottom: 1px solid rgba(0, 0, 0, .1);
	}
	.nav2-menu .nav2-title{
		padding: 10px 0px;
		font-size: 1rem;
	}
	.nav2-menu .nav2-title::after,.nav2-menu .nav2-title::before{
		display: none;
	}
	.nav2-top-title{
		display: none;
	}
	.view-all{
		margin-top: 10px;
		font-size: .875rem;
		height: auto;
        line-height: 33px;
	}

	.nav .nav1-menu.active>.menu-a{
		color: #f39800;
	}
	.nav .nav1-menu.active>.menu-a .icon-symbol{
		fill: #f39800;
	}
	.nav .nav1-menu.active .nav2-full{
		display: block;
	}
	.has-level3 .nav2-menu{
		width: 100%;
		padding: 0;
	}
	.has-level3 .nav3{
		width: 100%;
		position: relative;
		left: 0;
		padding: 0;
		justify-content: space-between;
		padding-left: 15px;
	}
	.nav3:before{
		display: none;
	}
	.nav3-menu{
		width: 49%;
		border-bottom: 1px solid rgba(0, 0, 0, .1);
	}
	.nav3-menu>.menu-a{
		padding: 5px 0px;
		font-size: 0.875rem;
		line-height: 20px;
	}
	.nav3 .intro-txt{
		display: none;
	}
	.nav3-menu>.menu-a{
		border-bottom: none;
	}
	.nav2-sub-title{
		display: none;
	}
	.quick_btn{
		width: 100%;
		height: auto;
		flex-wrap: wrap;
		margin-top: 15px;
	}
	.quick_btn .menu-a{
		width: 100%;
        line-height: 40px;
        height: auto;
        margin-bottom: 15px;
	}
	.search-btn-box{
		width: 100%;
		height: auto;
		padding: 0px 10px;
	}
	.search-btn-box input{
		height: 38px;
	}
	.container .nav2{
		justify-content: space-between;
	}
	.container .nav2 .nav2-menu .nav2-title{
		padding: 10px 0px;
		padding-left: 5px;
		line-height: 20px;
	}
	.container .nav2 .nav2-menu{
		position: relative;
	}
	.container .nav2 .nav2-menu::before{
		width: 5px;
		height: 2px;
		position: absolute;
		left: 5px;
		top: 20px;
		transform: translateY(-50%);
		content: '';
		background: #767676;
	}
	.container .nav2 .nav2-menu{
		padding-left: 10px;
		border-bottom: 1px solid rgba(0, 0, 0, .1);
	}
	.has-level3 .view-all{
		bottom: 0;
    	position: relative;
		margin-top: 10px;
	}
	.nav2-title.slide-title .icon-arrow-light {
		width: 10px;
		height: 10px;
	}
	.nav2-menu .nav2-title.slide-title{
		font-size: 1rem;
		line-height: 20px;
		border-bottom: 1px solid rgba(0, 0, 0, .1);
	}
	.nav1-menu.has-ad .nav2{
		width: 100%;
	}

	.nav1-menu.has-ad .nav2-menu{
		width: 49%;
	}

	.nav1-menu.has-ad .nav2-menu:nth-of-type(2n) {
		margin-left: 0px;
	}
	
}