@charset "utf-8";
/* CSS Document */
.top-bar {background-color: #003f8e; position: fixed; top: 0px; left: 0px; width: 100%; z-index: 8888; transition: all 0.25s ease 0s;}
.top-barC {margin:auto; max-width:1760px; height: 110px; padding: 0 20px; position: relative; transition: all 0.25s ease 0s;}
.logo {position: absolute; top: 50%; left: 20px; /*width: 295px;*/ margin-top: -39px; display: flex; flex-wrap: wrap; z-index: 9977; transition: all 0.25s ease 0s;}
.logo img {width: 66px; height: 79px; transition: all 0.25s ease 0s;}
.logo div {font-family: 'Noto Sans TC', sans-serif; font-size: 18px; color: #fff; font-weight: bold; padding: 12px 0 0 17px;}
.logo div span {letter-spacing: 6.3px; font-size: 20px; display: block; transition: all 0.25s ease 0s;}
.logo a:link, .logo a:visited {text-decoration:none; color:#fff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; font-size: 0; transition: all 0.5s ease 0s;}
.logo a:active, .logo a:hover {text-decoration:none; color:#fff; cursor:pointer; transition: all 0.5s ease 0s;}

.links {position: absolute; top: 50%; right: 20px; margin-top: -12px; display: flex; flex-direction: row; align-items: center; justify-content: flex-end; transition: all 0.25s ease 0s;}
.links div::before {content: ''; width: 24px; height: 25px; background: url("../images/icon_01a.png") no-repeat center;}
.links ul {display: none; position: absolute; top: 30px; right: 15px; width: 100px; background-color: rgba(58, 58, 58, 1); padding: 0; text-align: center; box-shadow: 2px 3px 5px rgba(255, 255, 255, 0.5); border-radius: 20px 0 20px 20px; overflow: hidden;}
.links ul li a:link, .links ul li a:visited {text-decoration:none; color:#fff; display: flex; justify-content: center; align-items: center; padding: 10px 0; transition: all 0.5s ease 0s;}
.links ul li a:active, .links ul li a:hover {text-decoration:none; color:#fff; background-color: #1288d5; cursor:pointer; transition: all 0.5s ease 0s;}
.links > div {position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; cursor: pointer;}
.links ul li .current {color: #abdeff!important;}

@media only screen and (min-width:993px){}
@media only screen and (max-width:992px){}

.menu {position: absolute; bottom: 0; right: 120px; display: flex; flex-wrap: wrap; align-items: center;}