@charset "utf-8";
/* CSS Document */
.top-bar {position:fixed; top:0; width:100%; z-index: 1040; background: rgba(10, 36, 59, 0.5); transition: all 0.25s ease 0s;}

.top-barC {margin:0 0 0 0; min-height: 144px; position: relative; transition: all 0.25s ease 0s;}
.logo {position: absolute; top: calc(50% + 2px); left: 33px; z-index: 77; width: 19.896%; overflow: hidden; line-height: 0; font-size: 0; -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); transition: all 0.25s ease 0s!important;}
.logo a {display: block; width: 100%; transition: all 0.25s ease 0s!important;}

.links {position: absolute; top: 10px; right: 29px; z-index: 100; display: flex; flex-direction: row; align-items: center; justify-content: flex-end; transition: all 0.25s ease 0s;}
.links > div {position: relative; min-width: 29px; min-height: 29px; padding: 0 0 0 16px; margin: 0 0 0 20px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
.links > div:first-child {padding: 0; margin: 0;}
.links > div::before {content: ''; width: 1px; height: 32px; background: #fff; position: absolute; left: -1px; top: calc(50% - 17px); z-index: -1;}
.links > div:first-child::before {content: none;}
.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 {min-width: 29px; min-height: 29px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center;}

.links_search > a img:nth-child(1) {display: block;}
.links_search > a img:nth-child(2) {display: none;}
.links_search > a.search_close img:nth-child(1) {display: none;}
.links_search > a.search_close img:nth-child(2) {display: block;}

.links_lang {position: relative;}
.links_lang ul {position: absolute; top: 30px; left: calc(50% - 65px); width: 130px; padding: 10px 0; background-color: #e60012; display: none; z-index: 100; box-shadow: 0 0 13px rgba(0, 0, 0, 0.13);}
.links_lang ul li {width: 100%; text-align: center; padding: 0; margin: 1px 0; transition: all 0.25s ease 0s;}
.links_lang ul li a {display: block; padding: 5px 0;}
.links_lang ul li:hover, .links_lang ul li.current {background-color: #fff;}
.links_lang ul li:hover a, .links_lang ul li.current a {color:#2b2b2b;}

.links_cart {position: relative;}
.links_cart span {min-width: 15px; height: 15px; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; border-radius: 15px; background-color: #e60012; font-family: 'Poppins', 'Noto Sans TC', sans-serif; color: #fff; font-size: 12px; line-height: 1; position: absolute; top: -2px; right: 0px;}

.search_box {position: absolute; top: 30px; right: 0; width: 289px; display: flex; flex-direction: row; justify-content: center; background: #e60012; 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: #000; color: #fff; cursor: pointer; transition: all 0.25s ease 0s;}
.search_box button:hover {background: #c6a47e;}
.search_open {max-height: 100px; transition: all 0.75s ease 0s;}