@charset "utf-8";
/* CSS Document */
.top-bar {position:fixed; top:0; width:100%; z-index: 8888; transition: all 0.25s ease 0s;}
.top-barC {margin:auto; max-width:1810px; height: 97px; padding: 0 20px; position: relative; transition: all 0.25s ease 0s;}
.logo {position: absolute; top: 12px; left: 40px; width: 101px; line-height: 0; font-size: 0; z-index: 77; transition: all 0.25s ease 0s;}
.logo a {display: block;}

.links > div {position: relative; min-width: 44px; min-height: 44px; margin-left: 24px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
.links a:link, .links a:visited {text-decoration:none; color:#fff; transition: all 0.25s ease 0s;}
.links a:active, .links a:hover {text-decoration:none; color:#fff; cursor:pointer; transition: all 0.5s ease 0s;}
.links > div > a {width: 44px; height: 44px; border-radius: 44px; background: #d5b55c; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center;}

@media only screen and (min-width:993px){
    .links {position: absolute; top: 27px; right: 22px; z-index: 100; display: flex; flex-direction: row; align-items: center; justify-content: flex-end; transition: all 0.25s ease 0s;}
	
	.links_member {position: relative;}
	.links_member ul {position: absolute; top: 60px; left: calc(50% - 65px); width: 130px; border-radius: 10px; padding: 10px 0; background-color: #cfaa45; display: none; z-index: 100; box-shadow: 0 0 13px rgba(0, 0, 0, 0.13);}
	.links_member ul li {width: 100%; text-align: center; padding: 5px 0; margin: 1px 0;}
	.links_member ul li:hover, .links_member ul li.current {background-color: #ff7474;}
	.links_member ul li a:hover, .links_member ul li.current a {color:#fff;}
	
	.links_cart {position: relative;}
	.links_cart span {width: 22px; height: 22px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; border-radius: 20px; background-color: #ff7474; color: #fff; font-size: 12px; position: absolute; top: -4px; right: -9px;}

    .search_box {position: absolute; top: 60px; right: 0; width: 300px; display: flex; flex-direction: row; justify-content: center; background: #d5b55c; padding: 0 10px; max-height: 0; overflow: hidden; transition: all 0.75s ease 0s;}
    .search_box input {width: 200px; height: 40px; margin: 10px 0; display: flex; padding: 0 10px; border: 0px;}
    .search_box button {width: 70px; height: 40px; margin: 10px 0; border: 0; background: #ff7474; color: #fff; cursor: pointer;}
    .search_open {max-height: 100px; transition: all 0.75s ease 0s;}
}
@media only screen and (max-width:992px){
    .top-bar {background: #fff; box-shadow: 0 0 10px rgba(65, 72, 68, 0.1);}
    
    .links {position: absolute; top: calc(50% - 22px); right: 70px; z-index: 100; display: flex; flex-direction: row; align-items: center; justify-content: flex-end; transition: all 0.25s ease 0s;}

    .links_member {position: relative;}
	.links_member ul {position: absolute; top: 60px; left: calc(50% - 65px); width: 130px; border-radius: 10px; padding: 10px 0; background-color: #cfaa45; display: none; z-index: 100; box-shadow: 0 0 13px rgba(0, 0, 0, 0.13);}
	.links_member ul li {width: 100%; text-align: center; padding: 5px 0; margin: 1px 0;}
	.links_member ul li:hover, .links_member ul li.current {background-color: #ff7474;}
	.links_member ul li a:hover, .links_member ul li.current a {color:#fff;}
	
	.links_cart {position: relative;}
	.links_cart span {width: 22px; height: 22px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; border-radius: 20px; background-color: #ff7474; color: #fff; font-size: 12px; position: absolute; top: -4px; right: -9px;}

    .search_box {position: absolute; top: 60px; right: 0; width: 300px; display: flex; flex-direction: row; justify-content: center; background: #d5b55c; padding: 0 10px; max-height: 0; overflow: hidden; transition: all 0.75s ease 0s;}
    .search_box input {width: 200px; height: 40px; margin: 10px 0; display: flex; padding: 0 10px; border: 0px;}
    .search_box button {width: 70px; height: 40px; margin: 10px 0; border: 0; background: #ff7474; color: #fff;}
    .search_open {max-height: 100px; transition: all 0.75s ease 0s;}
}