/* header
------------------------------*/
#headerCont{
	position:relative;
	width:100%;
	z-index: 100000;
	height:45px;
}
div#headerInfoWrap{
	width:100%;
	height:45px;
	position:absolute;
	top:0;
	left:0;
	z-index: 1000;
	background-color: #fff;
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.6);
}
div#headerInfo{
	display: table;
	width:100%;
	height:45px;
	overflow: hidden;
}

div#headerGirlInfo{
	display: table-cell;
	vertical-align: top;
}

div#headerInfo .shopName{
	padding-left: 30px;
	background-image: url(../img/icon_home.png);
	background-size: 14px 14px;
	background-repeat: no-repeat;
	background-position: 10px center;
	font-size: 83.3%;
}
div#headerInfo .girlName{
	padding-left: 30px;
	background-image: url(../img/icon_user.png);
	background-size: 14px 16px;
	background-repeat: no-repeat;
	background-position: 10px center;
}

div#headerInfo .shopName a{
}

div#headerInfo div#ddMenuHndl{
	display:table-cell;
	text-align: right;
	width: 50px;
	position: relative;
}
div#headerInfo div#ddMenuHndl .arrow{
	position: absolute;
	z-index: 10;
	bottom:0;
	left:18px;
	opacity: 0;
}


div#ddMenuBoxWrap{
	/*position: absolute;*/
	top:0;
	left:-9999px;
	width:100%;
	z-index: 80;
	background: url(../img/gmenu_bg.png) 0 0 repeat;
	/*margin-top: 45px;*/
	display: none;
}
div#ddMenuBoxWrap{
	-webkit-transition:500ms ease 0;
	-webkit-transition-property:-webkit-transform, opacity;
	-moz-transition:500ms ease 0;
	-moz-transition-property:-moz-transform, opacity;
	-webkit-transform: translate(0px, -1500px);
	-moz-transform: translate(0px, -1500px);
	transform: translate(0px, -1500px);
}
div#ddMenuBoxWrap.active {
	-webkit-transform: translate(0px, 0);
	-moz-transform: translate(0px, 0);
	transform: translate(0px, 0);
	left:0;
}
div#ddMenuBoxWrap.close {
	-webkit-transform: translate(0px, -1500px);
	-moz-transform: translate(0px, -1500px);
	transform: translate(0px, -1500px);
}

div#ddMenuBox{
	background-size: 16px 16px;
	padding-bottom: 10px;
}
div#ddMenuBoxCont{
	border-bottom: #ddd 4px solid;
	background: #ddd;
}