.fixed-width {
	width: 980px;
	margin: auto;
	clear: both;
}

.fixed-width-sm {
	width: 590px;
	margin: auto;
	clear: both;
}

.mb_only {
	display: none;
}
.icon_search{
	display: none;
}
/* header */

header {
	width: 100%;
	top:0;
	height: 120px;
	background-color: #e51572;
/*
background-image: url(/chinese/images/background_newyear.jpg);
background-repeat: repeat;
background-size: 292px 322px;
*/
	padding-top: 10px;
	position: fixed;
	z-index: 500;
	transition: all 0.3s;
}

	header .logo {
		width: 120px;
		margin: auto;
	}
	
	.search {
		width: 190px;
		height: 28px;
		text-align: right;
		position: absolute;
		right: 0;
		top: 15px;
	}
	
		.search form {
			/* border: 1px solid #fff; */
			background-color: #fff;
			border-radius: 15px;
			height: 28px;
		}
		
		header .search i {
			display: none;
		}
		
		.search input {
			width: 150px;
			height: 30px;
			background-color: rgba(0,0,0,0);
			/* color: #fff; */
			text-indent: 10px;
			font-size: 12px;
			border: 0;
			border-radius: 15px;
			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: 微軟正黑體; */
		}
	
		.search button {
			background-color: #fff;
			border: 0;
			border-radius: 0 15px 15px 0;
			width: 30px;
			/* height: 28px; */
			/* padding: 1px 0 0 0; */
			outline: none;
		}
		
		.search button img {
			width: 15px;
		}
	
	.navigator {
		margin-top: 25px;
		list-style: none;
		padding: 0;
	}
	
		.burger {
			display: none;
		}
		
		.navigator .nav-v1 {
			text-align: center;
			float: left;
			width: 108px;
			overflow: visible;
			height: 46px;
		}
		
		.navigator .nav-v1 a {
			color: #fff;
			font-size: 18px;
			font-weight: bold;
			text-decoration: none;
			padding-bottom: 4px;
		}
		
		.navigator .nav-v1 a:hover {
			border-bottom: 3px solid #fff;
		}
		
			.navigator .nav-v2 {
				display: none;
				background-color: #ef91a7;
				/*width: 980px;
				 height: 300px; */
				padding: 8px 0;
				position: absolute;
				z-index: 100;
				top: 120px;
				
			}
			
			.navigator .nav-v1:nth-of-type(1) .nav-v2 {
				left: 0;
			}
			
			.navigator .nav-v1:nth-of-type(2) .nav-v2 {
				left: 108px;
			}
			
			.navigator .nav-v1:nth-of-type(3) .nav-v2 {
				left: 216px;
			}
			
			.navigator .nav-v1:nth-of-type(4) .nav-v2 {
				left: 324px;
			}
			
			.navigator .nav-v1:nth-of-type(5) .nav-v2 {
				left: 432px;
			}
			
			.navigator .nav-v1:nth-of-type(6) .nav-v2 {
				/* left: 540px; */
				right: 0;
			}
			
			.navigator .nav-v1:nth-of-type(9) .nav-v2 {
				/* left: 540px; */
				right: 0;
			}
			
				.navigator .nav-v2 div.section {
					width: 245px;
					float: left;
					padding: 10px;
					border-right: 1px solid #fff;
				}
			
				.navigator .nav-v2 div:last-child{
					border-right: 0px solid #fff;
				}
			
			.navigator .nav-v2 a {
				text-align: left;
				width: 245px;
				font-size: 14px;
				font-weight: normal;
				display: inline-block;
				margin: 7px 0; 
				padding-left: 3px;
			}
			
			.navigator .nav-v2 a:hover {
				color: #e51572;
				border-left: 2px solid #e51572;
				border-bottom-width: 0;
			}
			
	.navigator ul {
		display: none;
	}
	
	.nav-v1 span {
		display: none;
	}
			
/* nav-bar */

.nav-bar {
	width: 100%;
	height: 45px;
	box-shadow: 0 1px 4px #aaa;
	color: #595757;
	background-color: #fff;
	position:fixed;
	top: 130px;
	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: 12px;
		margin-left: 20px;
		overflow: hidden;
	}
	
	.nav-bar .member-icon {
		/* width: 505px; */
		float: right;
		text-align: right;
	}
	
		.nav-bar .member-icon div {
			float: left;
			margin-left: 30px;
		}
	
		.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;
		}
		
		span.cart-item {
			font-size: 26px;
			color: #e51572;
			display: block;
			padding: 3px;
			float: right;
		}
		
		.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 .login a {
				background-image: url('../images/icon_login.svg');
			}
		
			.nav-bar .member-icon .login a:hover {
				background-image: url('../images/icon_login_hover.svg');
			}
			
			.nav-bar .member-icon .logout a {
				background-image: url('../images/icon_logout.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.svg');
			}
			
			.nav-bar .member-icon .cart a {
				background-image: url('../images/icon_cart.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 {
	background-color: #E51572;
	padding: 20px 0;
	height: 110px;
	clear: both;
	margin-top: 30px;
}

footer .fixed-width {
	
}
	
	footer .f-about {
		width: 240px;
		/* background-color: #ccc; */
		float: left; 
	}
		
		footer .f-about div {
			float: left;
			width: 49%;
			margin: 10px 0;
			text-align: left
		}
		
		footer .f-about a {
			font-size: 12px;
			text-decoration: none;
			color: #fff;
		}
		
		footer .f-about a:hover {
			color: #f4b3c1;
		}
		
	footer .f-icon {
		width: 380px;
		border-left: 1px solid #fff;
		border-right: 1px solid #fff;
		/* height: 200px; */
		float: left; 
		/* background-color: #ccc;*/
		text-align: center;
		padding: 10px 0;
		margin: 0 54px;
	}
		
		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: 330px;
			margin: auto;
		}
		
			footer .f-icon .logo a {
				width: 110px;
				float: left;
			} 
		
			footer .f-icon .logo img {
				margin: 25px 10px 0 10px;
			}
		
	footer .f-contect {
		padding-top: 10px;
		width: 250px;
		float: left; 
		/* background-color: #ccc;*/
		font-size: 12px;
		color: #fff;
	}	
	
		footer .f-contect div {
			margin-bottom: 20px;
			text-indent: 36px;
		}
	
		footer .f-contect .location {
			background: url('../images/icon_footer_location.svg') left center no-repeat;
		}
	
		footer .f-contect .number {
			background: url('../images/icon_footer_number.svg') left center no-repeat;
		}
		
		footer .f-contect .time {
			background: url('../images/icon_footer_time.svg') left center no-repeat;
		}
	
div.cright {
	clear: both;
	text-align: center;
	font-size: 10px;
	color: #595757;
	padding: 25px 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 */

div.warning {
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.3);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 5000;
}

	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); */
		}