@charset "utf-8";
/* CSS Document */
.top-bar {background-color: rgba(255, 255, 255, 1); box-shadow: 0 0 24px rgba(0, 0, 0, 0.07); position: fixed; top: 0px; left: 0px; width: 100%; z-index: 8888; transition: all 0.25s ease 0s;}
.top-barC {margin:auto; max-width:100%; height: 95px; padding: 0px; position: relative; transition: all 0.25s ease 0s;}
.logo {position: absolute; top: 17px; left: 34px; width: 114px; height: 66px; font-weight: 200; transition: all 0.25s ease 0s;}
.logo a:link, .logo a:visited {text-decoration:none; display: flex; flex-wrap: wrap; line-height: 0; font-size: 0; position: relative; color:#0000FF; transition: all 0.5s ease 0s;}
.logo a:active, .logo a:hover {text-decoration:none; color:#ce000d; cursor:pointer; transition: all 0.5s ease 0s;}
.logo a::after {content: attr(data-title); font-size: 18px; color: #20221f; font-family: 'Noto Sans TC', sans-serif; display: block; letter-spacing: 9px; margin: 18px 0 0 2px;}

.links {position: absolute; top: 0; right: 0; bottom: 0; width: 134px; font-family: 'Noto Sans TC', sans-serif; background-color: #68cb1f; transition: all 0.25s ease 0s;}
.links:hover {background-color: #53a615;}
.links a:link, .links a:visited {text-decoration:none; color:#292929; display: flex; flex-direction: column;  align-items: center; justify-content: center; width: 100%; height: 100%; transition: all 0.25s ease 0s;}
.links a:active, .links a:hover {text-decoration:none; color:#ffffff; cursor:pointer; transition: all 0.5s ease 0s;}
.links a::before {content: ''; height: 0px; width: 0px; display: block; background: url("../images/icon_01g.png") no-repeat center; background-size: cover; filter:alpha(opacity=0); Opacity:0; transition: all 0.5s ease 0s;}
.links:hover a::before {content: ''; height: 60px; width: 60px; filter:alpha(opacity=100); Opacity:1.0; transition: all 0.5s ease 0s;}
.links a::after {content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 2px solid #7ada33; filter:alpha(opacity=0); Opacity:0; transition: all 0.5s ease 0s;}
.links:hover a::after {content: ''; position: absolute; top: 4px; left: 7px; right: 7px; bottom: 4px; filter:alpha(opacity=100); Opacity:1.0; transition: all 0.5s ease 0s;}