#header
{
	overflow:visible;
	height:11.1vw;
	background-color:white;
}
#header #logo
{
	display:inline-block;
	float:left;
	height:7.8vw;
	margin-top:2vw;
	margin-left:3.9vw;
	overflow:visible;
}

#header #logo img
{
	height:7.8vw;
}

#header .header_top_area
{
	overflow:hidden;
	height:6vw;
}

#header .header_mini_search_area
{
	float:right;
	margin-right:2vw;
	margin-top:2.4vw;
	overflow:hidden;
	height:4vw;
	width:19.5vw;
}
#header .header_mini_search_area form
{
	margin:0px;
	padding:0px;
	width:19.5vw;
	height:2vw;
	border-bottom:2px solid #DADADA;
	background-color:#F1F1F1;
	overflow:hidden;
	
}
#header .header_mini_search_area form input[type=text]
{
	float:left;
	display:inline-block;
	height:2vw;
	line-height:2vw;
	width:17.5vw;
	border:0;
	background-color:transparent;
	color:black;
	font-size:1.1vw;
	outline:0;
	text-indent:5px;
}
#header .header_mini_search_area form button[type=submit]
{
	float:left;
	display:inline-block;
	height:2vw;
	width:2vw;
	border:0;
	background-color:transparent;
	padding:0;
	margin:0;
	cursor:pointer;
}
#header .header_mini_search_area form button[type=submit] .icon
{
	display:inline-block;
	height:1vw;
	width:1vw;
	text-align:center;
	background-image:url('../images/btn header search.png');
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
}
#header .header_mini_search_area form button[type=submit]:hover .icon
{
	background-image:url('../images/btn header search2.png');
}
#header .header_mini_search_area .icon img.hover
{
	position:relative;
	opacity:0;
}
#header .header_mini_search_area:hover .icon img.hover {opacity:1;}


#header .header_mini_search_area form input[type=text]::-webkit-input-placeholder
{ /* WebKit, Blink, Edge */
    color: #9A9A9A;
}
#header .header_mini_search_area form input[type=text]:-moz-placeholder
{ /* Mozilla Firefox 4 to 18 */
   color:  #9A9A9A;
   opacity:  1;
}
#header .header_mini_search_area form input[type=text]::-moz-placeholder
{ /* Mozilla Firefox 19+ */
   color:  #9A9A9A;
   opacity:  1;
}
#header .header_mini_search_area form input[type=text]:-ms-input-placeholder
{ /* Internet Explorer 10-11 */
   color:   #9A9A9A;
}
#header .header_mini_search_area form input[type=text]::-ms-input-placeholder
{ /* Microsoft Edge */
   color:#9A9A9A;
}
#header .header_mini_search_area form input[type=text]::placeholder
{ /* Most modern browsers support this now. */
   color: #9A9A9A;
}

#header .header_mini_search_area .keywords_area .keyword_box
{
	display:inline-block;
	float:left;
	height:1vw;
	width:auto;
	overflow:hidden;
	
	line-height:1vw;
	font-size:0.8vw;
	color: #4a4a4a;
	background-color:#F1F1F1;
	margin-top:0.1vw;
	margin-right:0.5vw;
}
#header .header_mini_search_area .keywords_area .keyword_box .desc
{
	display:inline-block;
	float:left;
	height:1vw;
	line-height:1vw;
	font-size:0.8vw;
	color: #4a4a4a;
	margin-left:0.5vw;
}
#header .header_mini_search_area .keywords_area .keyword_box a.btn_clear
{
	display:inline-block;
	float:left;
	height:1vw;
	line-height:1vw;
	font-size:0.8vw;
	color: #4a4a4a;
	margin:0px 0.5vw;
}

#header .header_cart_area
{
	float:right;
	margin-right:3.3vw;
	margin-top:2.5vw;
	overflow:hidden;
	height:4vw;
}
#header .header_cart_area .cart_summery
{
	overflow:hidden;
	height:2vw;
	cursor:pointer;
}
#header .header_cart_area .cart_summery .summery_desc,
#header .header_cart_area .cart_summery .icon
{
	overflow:hidden;
	display:inline-block;
	float:right;
	height:2vw;
	line-height:2vw;
	color: #4a4a4a;
	font-size:1.2vw;
	font-family: 'Roboto Condensed', sans-serif;
}
#header .header_cart_area .cart_summery .icon
{
	width:2vw;
	text-align:center;
	display:inline-block;
}
#header .header_cart_area .cart_summery .icon img.hover
{
	position:relative;
	opacity:0;
}
#header .header_cart_area .cart_summery .icon span
{
	display:inline-block;
	width:1.1vw;
	height:1.1vw;
	margin:0.4vw;
	background-size:contain;
	background-image:url('../images/icon my collection.jpg');
}
#header .header_cart_area .cart_summery:hover .icon img.hover {opacity:1;}
#header .header_cart_area .cart_summery:hover .icon span 
{
	background-image:url('../images/icon my collection2.jpg');
}
#header .header_cart_area .cart_summery:hover .summery_desc {color:#4a4a4a;}

#header .header_cart_area .cart_hover
{
	overflow:hidden;
	height:13.7vw;
	width:41vw;
	display:none;
	
	float:right;
	clear:right;
	
	position:relative;
	z-index:101;
}
/*
#header .header_cart_area:hover {overflow:visible;}
#header .header_cart_area:hover .cart_hover {display:block;}
*/

#header .header_cart_area .cart_hover .top
{
	overflow:hidden;
	height:1vw;
}
#header .header_cart_area .cart_hover .top span
{
	display:inline-block;
	float:right;
	margin-right:5vw;
	height:1vw;
	width:2vw;
	background-image:url('../images/cart hover triangle.png');
	background-size:cover;
}
#header .header_cart_area .cart_hover .main
{
	overflow:hidden;
	background-color:rgba(20,20,20,0.65);
	height:11vw;
}
#header .header_cart_area .cart_hover .main .hover_title
{
	height:2vw;
	line-height:2vw;
	margin:1.5vw;
	font-size:1.5vw;
	color:white;
}
#header .header_cart_area .cart_hover .main .btn_area
{
	overflow:hidden;
}
#header .header_cart_area .cart_hover .main .btn_area a
{
	display:inline-block;
	float:left;
	margin-left:1.5vw;
	height:4.5vw;
	line-height:4.5vw;
	width:16.6vw;
	text-align:center;
	color: #4a4a4a;
	font-size:1.5vw;
	background-color:#F7D779;
	border:1px solid #F7D779;
}
#header .header_cart_area .cart_hover .main .btn_area a.last {margin-left:0;}
#header .header_cart_area .cart_hover .main .btn_area a:hover
{
	background-color:#4a4a4a;
	color: #F7D779;
}
#header .header_cart_area .cart_hover .main .btn_area span
{
	display:inline-block;
	float:left;
	margin:0 1vw;
	height:4.5vw;
	line-height:4.5vw;
	color: white;
	font-size:1.5vw;
}

#header_social_menu
{
	float:right;
	display:inline-block;
	overflow:hidden;
	margin-top:3.1vw;
	margin-right:1.5vw;
	height:1vw;
}
#header_social_menu li
{
	display:inline-block;
	float:left;
	width:1vw;
	height:1vw;
	overflow:hidden;
	margin-right:1vw;
}
#header_social_menu li.last {margin-right:0px;}
#header_social_menu li a
{
	display:inline-block;
	float:left;
	width:1vw;
	height:2vw;
	overflow:hidden;
}
#header_social_menu li a .img
{
	width:1vw;
	height:1vw;
	text-align:center;
}
#header_social_menu li a .img img
{
	max-width:1vw;
	max-height:1vw;
}
#header_social_menu li a .img.hover
{
	position:relative;
	top:-1vw;
	opacity:0;
}
#header_social_menu li:hover a .img.hover {opacity:1;}