.fixed-width {
	width: 100%;
	margin: auto;
	clear: both;
}

/* header */

header {
	width: 100%;
	top:0;
	height: 45px;
	z-index: 500;
	transition: all 0.3s;
}

	header .logo {
		padding-top: 10px;
		width: 100%;
		text-align: center;
		background-color: #e51572;
/*
background-image: url(/chinese/images/background_newyear.jpg);
background-repeat: repeat;
background-size: 292px 322px;
*/
		height: 45px;
		position: fixed;
		z-index: 500;
	}
	
	header .logo img {
		height: 35px;
	}
	
	header .search {
		width: 100%;
		height: 45px;
		text-align: right;
		position: fixed;
		left: 0;
		top: 55px;
		z-index: 400;
	}
	
		header .search i {
			color: #EDAFBC;
			display: block;
			position: absolute;
			left: 32px;
			top: 13px;
			font-size: 18px;
		}
	
		header .search form {
			/* border: 1px solid #fff; */
			background-color: #fff;
			height: 45px;
			width: 100%;
		}
		
		header .search input {
			width: 100%;
			height: 45px;
			background-color: rgba(0,0,0,0);
			/* color: #fff; */
			text-indent: 68px;
			font-size: initial;
			border: 0;
			padding: 0;
			outline: none;
		}
	
		input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
		  color: #888889;
		  /* font-family: 微軟正黑體; */
		}
		input::-moz-placeholder { /* Firefox 19+ */
		  color: #888889;
		  /* font-family: 微軟正黑體; */
		}
		input:-ms-input-placeholder { /* IE 10+ */
		  color: #888889;
		  /* font-family: 微軟正黑體; */
		}
		input:-moz-placeholder { /* Firefox 18- */
		  color: #888889;
		  /* font-family: 微軟正黑體; */
		}
	
		header .search button {
			position: absolute;
			right: 5px;
			top: 8px;
			background-color: #f4b3c1;
			border: 0;
			border-radius: 15px;
			width: 30px;
			height: 30px;
			outline: none;
			color: #e51572;
			text-align: center;
			padding: 0;
			line-height: 30px;
		}
		
		header .search button img {
			width: 15px;
		}
	
	.m_navigator {
		display: none;
		/* margin-top: 25px; */
		list-style: none;
		padding: 0 0 50px 0;
		margin: 0;
		position: fixed;
		top: 55px;
		left:0;
		width: 100%;
		background-color: #fff;
		z-index: 400;
		overflow: scroll;
		height: 100%;
	}
		
 	.m_navigator li.nav-v1:last-child {
		height: 120px;
		border: 0;
	}
	
/*	.m_navigator li.nav-v1:last-child div.nav-v3 ul {
		padding-bottom: 60px;
	}
	
	.m_navigator li.nav-v1:last-child::after {
		content: "";
		display: block;
		height: 100px;
	} */
	
	.no_line {
		border-bottom-width: 0 !important;
	}
	
		.burger  {
			position: fixed;
			width: 23px;
			height: 23px;
			top: 13px;
			left: 28px;
			color: #fff;
			z-index: 1000;
			font-size: 22px;
		}
	
		.fa-times:before {
			content: "\f00d";
		}
	
		.m_navigator .nav-v1 {
			overflow: visible;
			border-bottom: 1px solid #000;
			clear: both;
		}
		
		.m_navigator .nav-v1 a {
			line-height: 45px;
			color: black;
			display: block;
			background-color: #fff;
			font-size: 18px;
			font-weight: bold;
			text-decoration: none;
			padding-bottom: 4px;
		}
		
		/*zac*/
		.m_navigator .nav-v1>a {
			background-image: url('../images/icon_m_nav_arrow_off.svg');
			background-repeat: no-repeat;
			background-position: 96%;
		}

		.arrow {
			background-image: url('../images/icon_m_nav_arrow_on.svg')!important;
		}
		
		.m_navigator .nav-v1>a.noarrow {
			background-image: none !important;
		}
		/*zac*/
		
			.m_navigator .nav-v1 a img {
				vertical-align: middle;
				padding: 0 10px 0 20px;
			}
			
		.m_navigator .nav-v1 a:hover {
			
		}
		
			.m_navigator .nav-v2 {
				width: 100%;
				display: none; 
				/*background-color: #ef91a7;*/
				/*width: 980px;
				 height: 300px; 
				position: absolute;
				z-index: 100;
				top: 120px;
				left: 0;*/
			}
			
				.m_navigator .nav-v2 .nav-v3 {
					width: 50%;
					float: left;
					background-color: #fff;
					border: 2px solid #fff;
					box-sizing: border-box;
					/* padding: 10px; */
				}
			
				.m_navigator .section div:nth-child(odd) {
					clear: both;
				}
			
			.m_navigator .nav-v2 a {
				color: #fff;
				text-align: center;
				/* border: 3px solid #fff; */
				border-radius: 8px;
				background-color: #ef91a7;
				width: 100%;
				max-height: 90px;
				font-size: 14px;
				font-weight: normal;
				display: block;
				line-height: 12px;
				padding: 14px 0 18px 0;
				overflow: hidden;				
				/*padding-left: 3px;margin: 7px 0;*/
			}
			
			.m_navigator .nav-v2 a:hover {
				background-color: #e51572;
			}
			
			.m_navigator .nav-v3 ul {
				display: none;
				list-style: none;
				padding: 7px 0;
			}
			
				.m_navigator .nav-v3 ul a {
					background-color: #fff;
					color: #3e3a39;
					text-align: left;
					font-size: 14px;
					text-indent: 4px;
					line-height: 16px;
					border-radius: 0;
					margin-left: 10px;
					margin-bottom: 8px;
					padding: 3px;
					box-sizing: border-box;
				}
				
				.m_navigator .nav-v3 ul a:hover {
					color: #e51572;
					border-left: 3px solid #e51572;
					border-radius: 0;
					padding-left: 0;
					background-color: #fff;
				}
			
/* nav-bar */

.nav-bar {
	width: 100%;
	height: 45px;
	box-shadow: 0 1px 4px #aaa;
	color: #595757;
	background-color: #fff;
	position:fixed;
	top: 55px;
	z-index: 300;
	transition: all 0.3s;
}

	.nav-bar .fixed-width {
		height: 45px;
		/* border-bottom: 0.5px solid #595757; */
	}
	
	.nav-bar .msg {
		width: 30%;
		float: left;
		line-height: 45px;
		height: 45px;
		font-size: 10px;
		margin-left: 20px;
		color: #595757;
		overflow: hidden;
	}
	
	.nav-bar .member-icon {
		/* width: 160px; */
		float: right;
		text-align: right;
		padding-right: 10px;
	}
	
		.nav-bar .member-icon div {
			float: left;
			/* margin-left: 30px; */
		}
	
		.nav-bar .member-icon span {
			display: none;
		}
	
		.nav-bar .member-icon a {
			/* background-color: #fff; */
			background-position: left center;
			background-repeat: no-repeat;
			text-indent: 40px;
			text-decoration: none;
			color: #595757;
			font-size: 14px;
			line-height: 45px;
			display: inline-block;
			width: 33px;
			height: 45px;
			padding-left: 8px;
		}
		
		span.cart-item {
			font-size: 24px;
			color: #e51572;
			display: block !important;
			padding: 0 3px;
			float: right;
			line-height: 45px;
		}
		
		.nav-bar .search {
			padding: 8px 6px;
			background-color: #f4b3c1;
			position: absolute;
			right: 18px;
			top: 44px;
			border-radius: 3px;
			box-shadow: 0 1px 2px 1px #a9a9a9;
		}
		
		/*.nav-bar .member-icon .quickbuy, .nav-bar .member-icon .login {
			display: none;
		}*/
		
		.nav-bar .member-icon .quickbuy, .nav-bar .member-icon .sign {
			display: none;
		}
				
			.nav-bar .member-icon .icon_search a {
				background-image: url('../images/icon_icon_search.svg');
			}
				
			/*.nav-bar .member-icon .login a {
				background-image: url('../images/icon_login_hover.svg');
			}
		
			.nav-bar .member-icon .login a:hover {
				background-image: url('../images/icon_login_hover.svg');
			}*/
			
			.nav-bar .member-icon .login a {
				background-image: url('../images/icon_sign_hover.svg');
			}
		
			.nav-bar .member-icon .login a:hover {
				background-image: url('../images/icon_sign_hover.svg');
			}
			
			.nav-bar .member-icon .logout a {
				background-image: url('../images/icon_logout_hover.svg');
			}
		
			.nav-bar .member-icon .logout a:hover {
				background-image: url('../images/icon_logout_hover.svg');
			}
		
			.nav-bar .member-icon .sign a {
				background-image: url('../images/icon_sign_hover.svg');
			}
		
			.nav-bar .member-icon .sign a:hover {
				background-image: url('../images/icon_sign_hover.svg');
			}
			
			.nav-bar .member-icon .cart a {
				background-image: url('../images/icon_cart_hover.svg');
			}
		
			.nav-bar .member-icon .cart a:hover {
				background-image: url('../images/icon_cart_hover.svg');
			}
			
			.nav-bar .member-icon .quickbuy a {
				background-image: url('../images/icon_quickbuy.svg');
			}
		
			.nav-bar .member-icon .quickbuy a:hover {
				background-image: url('../images/icon_quickbuy_hover.svg');
			}
		
/* footer */
		
footer {
	position: relative;
	background-color: #E51572;
	padding: 20px 0;
	/* height: 110px; */
	clear: both;
	margin-top: 30px;
}

footer .fixed-width {
	padding-top: 50px;
}
	
	footer .f-about {
		
	}
		
		footer .f-about div {
			float: left;
			width: 25%;
			margin: 10px 0;
			text-align: center;
		}
		
		footer .f-about a {
			font-size: 10px;
			text-decoration: none;
			color: #fff;
		}
		
		/* footer .f-about a:hover {
			color: #f4b3c1;
		} */
		
	footer .f-icon {
		text-align: center;
		padding: 10px 0;
		margin: 0 auto;
		clear: both;
	}
		
		footer .f-icon .social a {
			text-decoration: none;
			color: #fff;
			margin: 0 20px;
			font-size: 24px;
		}
		
		footer .f-icon .social a:hover {
			color: #f4b3c1;
		}
		
		footer .f-icon .logo {
			width: 100%;
			margin: auto;
			position: absolute;
			top: 0;
		}
		
			footer .f-icon .logo a {
				display: inline-block;
				width: 33.3%;
				float: left;
				text-align: center;
			} 
		
			footer .f-icon .logo img {
				margin: 25px 10px 0 10px;
			}
		
	footer .f-contect {
		font-size: 10px;
		color: #fff;
		clear: both;
	}	
	
		footer .f-contect div {
			text-indent: 26px;
			margin: 10px auto 10px auto;
			padding: 3px 0;
		}
	
		footer .f-contect .location {
			background: url('../images/icon_footer_location.svg') left center no-repeat;
			width: 238px;
		}
	
		footer .f-contect .number {
			background: url('../images/icon_footer_number.svg') left center no-repeat;
			width: 128px;
		}
		
		footer .f-contect .time {
			background: url('../images/icon_footer_time.svg') left center no-repeat;
			width: 160px;
		}
	
div.cright {
	clear: both;
	text-align: center;
	font-size: 8px;
	color: #595757;
	padding: 15px 0;
}

/* aside */

.aside {
	list-style: none;
	position: fixed;
	right: 3%;
	top: 60%;
	opacity: 0.7;
}

	.aside img:hover {
		opacity: 0.65;
		transition: all 0.2s;
	}
	
/* warning */
/* 20191002 zac */
div.warning {
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.3);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 5000;
	font-size: 16px;
}

	div.warning .msg {
		box-shadow: 1px 1px 1px 1px #666;
		text-align: center;
		width: 300px;
		line-height: 150px;
		background-color: #fff;
		margin: auto;
		position: absolute;
		top: calc(50vh - 125px);
		left: calc(50vw - 150px);
	}
	
		div.warning .msg span {
			display: inline-block;
			text-indent: 36px;
			background: url('../images/icon_warning.svg') left center no-repeat;
		}

		div.warning .msg a {
			/* background: url(../images/icon_cross.svg) left top no-repeat; */
			width: 28px;
			height: 28px;
			display: block;
			position: absolute;
			text-decoration: none;
			color: #e51572;
			background-color: #F7B6C3;
			border-radius: 50%;
			font-size: 20px;
			line-height: 28px;
			top: 3px;
			right: 3px;
			/* top: calc(50vh + 40px);
			left: calc(50vw + 110px); */
		}