@charset "utf-8";
/* CSS Document */
.top-bar {position:fixed; top:0; width:100%; background: #FFF; z-index: 996; font-family: 'Noto Sans TC', sans-serif; transition: all 0.25s ease 0s;}
.top-barC {margin:auto; max-width: 1658px; height: 194px; padding: 0 100px; position: relative; transition: all 0.25s ease 0s;}
.logo {position: absolute; top: 15px; left: 100px; width: 557px; line-height: 0; font-size: 0; z-index: 100; transition: all 0.25s ease 0s;}
.logo a {display: block;}
.links {position: absolute; top: 45px; right: 274px; z-index: 101; margin: 0 auto; display: flex; flex-flow: row; align-items: center; justify-content: flex-end; border-left: 1px solid #e8e8e8; transition: all 0.25s ease 0s;}
.links > div {position: relative; margin-left: 23px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; min-width: 26px; min-height: 25px;}
.links a:link, .links a:visited {text-decoration:none; color:#173c96; font-weight: 500; transition: all 0.25s ease 0s;}
.links a:active, .links a:hover {text-decoration:none; color:#3F3F41; cursor:pointer; transition: all 0.5s ease 0s;}

.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; border: 2px solid #173c96; border-radius: 5px;}
.links_lang::before {content: ''; position: absolute; top: 13px; right: 5px; display: block; width: 0; height: 0; border-style: solid; border-width: 7px 7px 0 7px; border-color: #222222 transparent transparent transparent; border-radius: 5px; pointer-events: none; transition: all 0.25s ease 0s;}
.links_lang > a { display: block; padding: 7px 22px 7px 7px;}
.links_lang ul {position: absolute; top: 38px; right: -2px; width: 103%; background-color: #fff; display: none; padding: 5px 0; z-index: -1; border: 2px solid #133382; border-radius: 5px; box-shadow: 0 0 13px rgba(0, 0, 0, 0.13); overflow: hidden;}
.links_lang ul li {width: 100%; text-align: center; padding: 0; margin: 0; transition: all 0.25s ease 0s;}
.links_lang > a img { margin-right: 7px;}
.links_lang > a img:nth-child(1) { display: inline-block;}
.links_lang > a img:nth-child(2) { display: none;}
.links_lang:hover > a { background: #173c96; color: #FFF;}
.links_lang:hover::before {border-color: #FFF transparent transparent transparent;}
.links_lang:hover > a img:nth-child(1) { display: none;}
.links_lang:hover > a img:nth-child(2) { display: inline-block;}
.links_lang ul li:hover, .links_lang ul li.current {background-color: #173c96;}
.links_lang ul li a:link, .links_lang ul li a:visited {text-decoration:none; color:#173c96; display: block; padding: 5px 0; transition: all 0.25s ease 0s;}
.links_lang ul li a:active, .links_lang ul li a:hover {text-decoration:none; color:#FFF; cursor:pointer; transition: all 0.25s ease 0s;}
.links_lang ul li:hover a, .links_lang ul li.current a {color:#FFF;}

.links_cart {position: relative;}
.links_cart > a { position: relative; transition: all 0.25s ease 0s;}
.links_cart > a .number { position: absolute; top: -15px; right: -17px; background: #aacd06; color: #fff; padding: 6px 5px; border-radius: 20px; line-height: 1; display: flex; flex-flow: wrap; align-items: center; justify-content: center; min-width: 27px; min-height: 27px; text-align: center; font-weight: 400;}

.search_box {position: absolute; top: 35px; right: 0; width: 289px; display: flex; flex-direction: row; justify-content: center; background: #133382; padding: 0 10px; max-height: 0; overflow: hidden; z-index: 101; transition: all 0.75s ease 0s;}
.search_box input {width: 200px; height: 40px; margin: 10px 0; display: flex; padding: 0 10px; border: 0px; border-radius: 0;}
.search_box button {width: 70px; height: 40px; margin: 10px 0; border: 0; background: #aacd06; color: #222; cursor: pointer; border-radius: 0;}
.search_open {max-height: 60px; transition: all 0.75s ease 0s;}