@media only screen and (min-width: 768px) {

	html,
	body {
		-webkit-text-size-adjust: none;
	}
	
	.flex4 {
		flex: 4;
	}

	.flex3 {
		flex: 3;
	}

	.flex2 {
		flex: 2;
	}
	.flex1 {
		flex: 1;
	}
	


}

.logo-sm-height {
	height: .63rem;
}

.head-container {
	width: 100%;
	height: 1.16rem;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 0 2.60rem;
	border-radius: 0 0 .30rem .30rem;
	background-color: #fff;
	box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1);
}

.navbar {
	border-radius: 0 0 .30rem .30rem;
}

.flex-col-mid {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.active {
	color: #734B23;
}

.head-nav {
	position: relative;
}

.line {
	position: absolute;
	left: 1.24rem;
	top: 0.08rem;
	width: 0.01rem;
	height: .30rem;
	opacity: 0.5;
	background-color: #CDCDCD;
}

.mobile-line {
	display: none;
}

.head-container .join-num {
	display: none;
}

.nav-ico {
	display: none;
}


@media screen and (max-device-width: 768px) {
	.head-nav {
		display: none !important;
	}

	.navbar {
		border-radius: 0 !important;
	}

	.navbar .head-container {
		justify-content: left;
		padding: 15px;
		height: 8.6vh;
		border-radius: 0;
	}

	.navbar .head-container .mobile-line {
		display: block!important;
		width: 0.02rem;
		height: 4vh;
		background-color: #CCCCCC;
		margin-left: 4.4%;
	}

	.navbar .head-container .join-num {
		display: block;
		margin-left: 6%;
	}

	.navbar .head-container .nav-ico {
		display: block;
		margin-left: auto;
		width: 6.9333%;
		object-fit: contain;
	}
	
	.phone-nav {
		display: none!important;
	}
	
	.logo-sm-height {
		width: 18.6666vw;
		height: 4.946vh;
	}
	._mb-pad0 {
		padding: 0!important;
	}
}

@font-face {
	font-family: 'FuturaMdBTBold';
	src: url('/template/default/font-awesome-4.7.0/fonts/FuturaMdBTBold.ttf');
}

.FuturaMdBTBold {
	font-family: 'FuturaMdBTBold';
}

@font-face {
	font-family: 'FuturaMdBTBoldItalic';
	src: url('/template/default/font-awesome-4.7.0/fonts/FuturaMdBTBoldItalic.ttf');
}

.FuturaMdBTBoldItalic {
	font-family: FuturaMdBTBoldItalic;
}

@font-face {
	font-family: 'FuturaMdBTBold1';
	src: url('/template/default/font-awesome-4.7.0/fonts/FuturaMdBTBold1.ttf');
}

.FuturaMdBTBold1 {
	font-family: FuturaMdBTBold1;
}

._mask {
	z-index: 1031;
	background-color: rgba(0, 0, 0, 0.2);
}

.w317 {
	width: 42.2%;
}

.icon-icon {
	color: #ACACAC;
	font-size: 0.12rem;
}

.phone-active,
.phone-active ._grey-99,
.phone-active .icon-icon {
	color: #734B23 !important;
	background-color: #F6EDD1;
}

body {
	font-size: 0.0001rem !important;
}

._pad-x-140 {
	padding:0 1.40rem;
}

.navbar {
	padding: 0!important;
}