html { background: #f2f8f8; }
html.root-site-document { min-width: 960px; }
body { margin: 0; padding: 0; color: #222; background-color: #f2f8f8; }
#bg { background-color: #f2f8f8; background-image: url("/images/bg_blue.jpg");
  background-repeat: repeat-x; background-position: center top; }
#bg > .wrap, body > .wrap { width: 960px; margin: 0 auto; }
.wrap { width: 960px; margin-left: auto; margin-right: auto; }
.site-blue-zone { position: relative; box-sizing: border-box; width: 960px; height: 500px;
  margin: 0; padding: 0; overflow: visible; }
.site-header { display: flex; align-items: flex-start; position: relative; z-index: 30;
  box-sizing: border-box; width: 960px; height: 80px; margin: 0; padding: 0; overflow: visible; }
.site-header > a:first-of-type { display: block; flex: 0 0 200px; width: 200px; }
.site-header > a:first-of-type > img { display: block; width: 200px; height: auto; }
.site-header > .panel { display: none !important; }
#mainmenu { float: none; width: auto; min-height: 35px; margin-left: auto; padding: 39px 0 0;
  position: relative; z-index: 30; }
#mainmenu #menu { margin: 0; padding: 0; list-style: none; display: flex;
  align-items: flex-start; justify-content: flex-end; }
#mainmenu #menu > li { position: relative; margin: 0; padding: 0; list-style: none; }
#mainmenu #menu img { display: block; height: 35px; object-fit: contain; }
#mainmenu #menu ul { display: none; position: absolute; z-index: 40; top: 52px; left: 0;
  min-width: 210px; margin: 0; padding: 4px 0; list-style: none; background: #e8f4ff;
  border: 1px solid #79aee6; box-shadow: 2px 3px 7px rgba(0,0,0,.22); }
#mainmenu #menu li:hover > ul { display: block; }
#mainmenu #menu ul a { display: block; padding: 7px 10px; color: #064f91; background: #e8f4ff;
  text-decoration: none; white-space: nowrap; }
#mainmenu #menu ul a:hover, #mainmenu #menu ul a:focus { color: #fff; background: #1677bf; }
#banner { clear: both; position: relative; width: 960px !important; height: 350px !important;
  box-sizing: border-box; overflow: hidden; margin: 5px 0 0; padding: 20px !important;
  background: #fff; border-radius: 5px; box-shadow: 4px 4px 12px -2px rgba(51,51,102,.5); }
#camera_wrap_1 { display: block !important; float: none; position: relative; width: 920px;
  height: 310px; margin: 0; overflow: hidden; }
#camera_wrap_1 .banner-choice { position: absolute; width: 1px; height: 1px; margin: 0;
  opacity: 0; pointer-events: none; }
#camera_wrap_1 .banner-slide { position: absolute; inset: 0; margin: 0; opacity: 0;
  z-index: 0; animation-name: antenna54-banner-fade; animation-duration: 35s;
  animation-timing-function: linear; animation-iteration-count: infinite; animation-fill-mode: both; }
#camera_wrap_1 .banner-slide:nth-of-type(1) { animation-delay: 0s; }
#camera_wrap_1 .banner-slide:nth-of-type(2) { animation-delay: -30s; }
#camera_wrap_1 .banner-slide:nth-of-type(3) { animation-delay: -25s; }
#camera_wrap_1 .banner-slide:nth-of-type(4) { animation-delay: -20s; }
#camera_wrap_1 .banner-slide:nth-of-type(5) { animation-delay: -15s; }
#camera_wrap_1 .banner-slide:nth-of-type(6) { animation-delay: -10s; }
#camera_wrap_1 .banner-slide:nth-of-type(7) { animation-delay: -5s; }
#camera_wrap_1:hover .banner-slide { animation-play-state: paused; }
#camera_wrap_1 .banner-slide img { display: block; width: 920px; height: 310px; object-fit: cover; }
#camera_wrap_1 .banner-slide-default { opacity: 1; z-index: 1; }
#camera_wrap_1 .banner-choice:checked ~ .banner-slide { opacity: 0; z-index: 1;
  animation-duration: 35s; animation-timing-function: linear;
  animation-iteration-count: infinite; animation-fill-mode: none; }
#camera_wrap_1 #banner-choice-1:checked ~ .banner-slide { animation-name: antenna54-banner-fade-from-choice-1; }
#camera_wrap_1 #banner-choice-2:checked ~ .banner-slide { animation-name: antenna54-banner-fade-from-choice-2; }
#camera_wrap_1 #banner-choice-3:checked ~ .banner-slide { animation-name: antenna54-banner-fade-from-choice-3; }
#camera_wrap_1 #banner-choice-4:checked ~ .banner-slide { animation-name: antenna54-banner-fade-from-choice-4; }
#camera_wrap_1 #banner-choice-5:checked ~ .banner-slide { animation-name: antenna54-banner-fade-from-choice-5; }
#camera_wrap_1 #banner-choice-6:checked ~ .banner-slide { animation-name: antenna54-banner-fade-from-choice-6; }
#camera_wrap_1 #banner-choice-7:checked ~ .banner-slide { animation-name: antenna54-banner-fade-from-choice-7; }
#camera_wrap_1 #banner-choice-1:checked ~ .banner-slide-1,
#camera_wrap_1 #banner-choice-2:checked ~ .banner-slide-2,
#camera_wrap_1 #banner-choice-3:checked ~ .banner-slide-3,
#camera_wrap_1 #banner-choice-4:checked ~ .banner-slide-4,
#camera_wrap_1 #banner-choice-5:checked ~ .banner-slide-5,
#camera_wrap_1 #banner-choice-6:checked ~ .banner-slide-6,
#camera_wrap_1 #banner-choice-7:checked ~ .banner-slide-7 { animation-delay: 0s; }
#camera_wrap_1 #banner-choice-1:checked ~ .banner-slide-2,
#camera_wrap_1 #banner-choice-2:checked ~ .banner-slide-3,
#camera_wrap_1 #banner-choice-3:checked ~ .banner-slide-4,
#camera_wrap_1 #banner-choice-4:checked ~ .banner-slide-5,
#camera_wrap_1 #banner-choice-5:checked ~ .banner-slide-6,
#camera_wrap_1 #banner-choice-6:checked ~ .banner-slide-7,
#camera_wrap_1 #banner-choice-7:checked ~ .banner-slide-1 { animation-delay: 5s; }
#camera_wrap_1 #banner-choice-1:checked ~ .banner-slide-3,
#camera_wrap_1 #banner-choice-2:checked ~ .banner-slide-4,
#camera_wrap_1 #banner-choice-3:checked ~ .banner-slide-5,
#camera_wrap_1 #banner-choice-4:checked ~ .banner-slide-6,
#camera_wrap_1 #banner-choice-5:checked ~ .banner-slide-7,
#camera_wrap_1 #banner-choice-6:checked ~ .banner-slide-1,
#camera_wrap_1 #banner-choice-7:checked ~ .banner-slide-2 { animation-delay: 10s; }
#camera_wrap_1 #banner-choice-1:checked ~ .banner-slide-4,
#camera_wrap_1 #banner-choice-2:checked ~ .banner-slide-5,
#camera_wrap_1 #banner-choice-3:checked ~ .banner-slide-6,
#camera_wrap_1 #banner-choice-4:checked ~ .banner-slide-7,
#camera_wrap_1 #banner-choice-5:checked ~ .banner-slide-1,
#camera_wrap_1 #banner-choice-6:checked ~ .banner-slide-2,
#camera_wrap_1 #banner-choice-7:checked ~ .banner-slide-3 { animation-delay: 15s; }
#camera_wrap_1 #banner-choice-1:checked ~ .banner-slide-5,
#camera_wrap_1 #banner-choice-2:checked ~ .banner-slide-6,
#camera_wrap_1 #banner-choice-3:checked ~ .banner-slide-7,
#camera_wrap_1 #banner-choice-4:checked ~ .banner-slide-1,
#camera_wrap_1 #banner-choice-5:checked ~ .banner-slide-2,
#camera_wrap_1 #banner-choice-6:checked ~ .banner-slide-3,
#camera_wrap_1 #banner-choice-7:checked ~ .banner-slide-4 { animation-delay: 20s; }
#camera_wrap_1 #banner-choice-1:checked ~ .banner-slide-6,
#camera_wrap_1 #banner-choice-2:checked ~ .banner-slide-7,
#camera_wrap_1 #banner-choice-3:checked ~ .banner-slide-1,
#camera_wrap_1 #banner-choice-4:checked ~ .banner-slide-2,
#camera_wrap_1 #banner-choice-5:checked ~ .banner-slide-3,
#camera_wrap_1 #banner-choice-6:checked ~ .banner-slide-4,
#camera_wrap_1 #banner-choice-7:checked ~ .banner-slide-5 { animation-delay: 25s; }
#camera_wrap_1 #banner-choice-1:checked ~ .banner-slide-7,
#camera_wrap_1 #banner-choice-2:checked ~ .banner-slide-1,
#camera_wrap_1 #banner-choice-3:checked ~ .banner-slide-2,
#camera_wrap_1 #banner-choice-4:checked ~ .banner-slide-3,
#camera_wrap_1 #banner-choice-5:checked ~ .banner-slide-4,
#camera_wrap_1 #banner-choice-6:checked ~ .banner-slide-5,
#camera_wrap_1 #banner-choice-7:checked ~ .banner-slide-6 { animation-delay: 30s; }
#camera_wrap_1 .banner-controls { position: absolute; right: 10px; bottom: 8px; z-index: 3; }
#camera_wrap_1 .banner-controls label { display: inline-block; min-width: 18px; margin-left: 4px;
  padding: 2px 4px; color: #064f91; background: #e8f4ff; border: 1px solid #79aee6;
  text-align: center; text-decoration: none; cursor: pointer; }
#banner-choice-1:checked ~ .banner-controls label[for="banner-choice-1"],
#banner-choice-2:checked ~ .banner-controls label[for="banner-choice-2"],
#banner-choice-3:checked ~ .banner-controls label[for="banner-choice-3"],
#banner-choice-4:checked ~ .banner-controls label[for="banner-choice-4"],
#banner-choice-5:checked ~ .banner-controls label[for="banner-choice-5"],
#banner-choice-6:checked ~ .banner-controls label[for="banner-choice-6"],
#banner-choice-7:checked ~ .banner-controls label[for="banner-choice-7"] {
  color: #fff; background: #1677bf; }
#slider { clear: both; position: relative; box-sizing: border-box; width: 960px !important; height: auto !important;
  margin: 0 auto; padding: 20px !important; }
#main { width: 920px !important; margin: 0 auto; padding: 0; }
#main > iframe[name="content"] { display: block; width: 920px !important; height: 900px !important;
  border: 0; background: #f2f8f8; }
#footer { clear: both; width: 100%; }
#footer .wrap { width: 960px; margin: 0 auto; }
html.home-frame-document, body.home-frame-document { min-width: 0; width: 100%; margin: 0;
  padding: 0; background: #f2f8f8; overflow-x: hidden; }
.home-frame-document #slider_home { display: grid; box-sizing: border-box;
  grid-template-columns: minmax(0, 1fr) 230px; column-gap: 10px; align-items: start;
  width: 920px; max-width: 100%; margin-left: auto; margin-right: auto; }
.home-frame-document #box { grid-column: 1; grid-row: 1; box-sizing: border-box;
  width: auto; min-width: 0; margin-left: 0; }
.home-frame-document #box2 { grid-column: 2; grid-row: 1; float: none;
  width: 230px; margin-left: 0; }
.home-frame-document .latest-news-heading,
.home-frame-document .latest-news-more-row { box-sizing: border-box;
  width: calc(100% - 10px); max-width: 630px; }
.home-frame-document #box .slideText { box-sizing: border-box;
  width: calc(100% - 10px) !important; max-width: 630px;
  height: 250px !important; margin-left: 10px; padding: 0 !important; overflow: hidden;
  background: #fff; }
.home-frame-document #box .slideText > iframe { display: block; box-sizing: border-box;
  width: 630px !important; height: 250px !important; max-width: 100%; margin: 0; padding: 0;
  border: 0; background: #fff; }
.home-frame-document #box .slideText.latest-news-inline { padding: 8px 10px !important;
  overflow: hidden; }
.home-frame-document .latest-news-inline ul { width: 100%; margin: 0; padding: 0;
  list-style: none; }
.home-frame-document .latest-news-inline li { width: 100%; min-height: 0; margin: 0 0 3px;
  padding: 0; color: #06c; font: 16px/1.3 "Trebuchet MS", Arial, Helvetica, sans-serif;
  white-space: normal; overflow-wrap: anywhere; }
.home-frame-document .latest-news-inline li:last-child { margin-bottom: 0; }
.home-frame-document .latest-news-inline time { font-variant-numeric: tabular-nums; }
.home-frame-document .latest-news-inline img { width: 25px; height: auto; margin: 0 2px;
  vertical-align: middle; }
.home-frame-document .latest-news-inline .news-summary-text { color: #666;
  font-family: "Times New Roman", Times, serif; text-decoration: none; }
.home-frame-document .latest-news-inline .news-summary-text:focus-visible { outline: 2px solid #1677bf;
  outline-offset: 1px; }
.home-frame-document #box .slideText2 { box-sizing: border-box;
  width: calc(100% - 10px); max-width: 630px; }
html.latest-news-frame-document, body.latest-news-frame-document,
html.latest-news-history-frame-document, body.latest-news-history-frame-document {
  min-width: 0; width: 100%; min-height: 100%; margin: 0; padding: 0; box-sizing: border-box;
  color: #222; background: #fff; overflow-x: hidden; overflow-y: auto; }
.latest-news-frame-document .slideText { position: relative; box-sizing: border-box;
  width: 100% !important; height: auto !important; min-height: 100%; margin: 0 !important;
  padding: 8px 10px !important; overflow: visible; background: #fff; }
.latest-news-frame-document .slideText ul { position: static !important; box-sizing: border-box;
  width: 100% !important; height: auto !important; margin: 0; padding: 0; }
.latest-news-frame-document .slideText li { position: static; box-sizing: border-box;
  width: 100%; height: auto !important; min-height: 3em; margin: 0; padding: 0;
  white-space: normal; overflow-wrap: anywhere; }
.latest-news-frame-document .slideText li a { display: inline; width: auto; height: auto !important;
  white-space: normal; overflow-wrap: anywhere; }
.latest-news-frame-document .slideText li .news-summary-text { display: inline; width: auto;
  white-space: normal; overflow-wrap: anywhere; }
html.latest-news-summary-document, body.latest-news-summary-document { overflow-y: hidden; }
.latest-news-frame-document.latest-news-summary-document .slideText li {
  min-height: 0; margin-bottom: 5px; line-height: 1.35; }
.latest-news-frame-document .slideText img,
.latest-news-history-frame-document #newsbox img { max-width: 100%; height: auto; vertical-align: middle; }
.latest-news-history-frame-document #newsbox { box-sizing: border-box; width: 100% !important;
  height: auto !important; min-height: 100%; margin: 0 !important; padding: 8px 10px !important;
  overflow: visible; background: #fff; }
.latest-news-history-frame-document #itemContainer { box-sizing: border-box; width: 100% !important;
  height: auto !important; margin: 10px 0 !important; padding: 0 !important; }
.latest-news-history-frame-document #itemContainer li { display: block; box-sizing: border-box;
  width: 100% !important; height: auto !important; margin: 0; padding: 4px 0;
  white-space: normal; overflow-wrap: anywhere; }
.missing-approved-image { display: inline-flex; box-sizing: border-box; max-width: 100%;
  align-items: center; justify-content: center; overflow: hidden; vertical-align: middle;
  color: #64748b; background: repeating-linear-gradient(135deg,#eef3f7,#eef3f7 10px,#dfe9f0 10px,#dfe9f0 20px);
  border: 1px solid #a9bac7; }
.unavailable-link { cursor: default; }
/* Patent entries without an approved file are plain black text, including hover state. */
body > h1 + .navbox + #content .unavailable-link,
body > h1 + .navbox + #content .unavailable-link:hover,
body > h1 + .navbox + #content .unavailable-link:active,
body > h1 + .navbox + #content .unavailable-link:focus {
  color: #000 !important;
  background: transparent !important;
  text-decoration: none !important;
}
.youtube-channel-link { clear: both; margin: 0 20px 18px; padding: 0 0 10px;
  border-bottom: 1px solid #cbddea; font: bold 1.2rem/1.5 "微軟正黑體", sans-serif;
  letter-spacing: 0; text-align: left; }
.youtube-channel-link a { color: #064f91; font-weight: bold; }
#abgne-block-20120804 .photo { width: 450px; height: 300px; position: absolute; overflow: hidden; }
#abgne-block-20120804 .activity-photo { position: absolute; inset: 0; z-index: 0; margin: 0;
  width: 450px; height: 300px; opacity: 0; background: #fff; }
#abgne-block-20120804 .activity-photo-default { z-index: 1; opacity: 1; }
#abgne-block-20120804 .activity-photo:target { z-index: 2; opacity: 1; }
#abgne-block-20120804 .activity-photo > img,
#abgne-block-20120804 .activity-photo > .missing-approved-image { width: 450px !important; height: 300px !important; }
#abgne-block-20120804 .thumbs .carousel { overflow-x: hidden; overflow-y: auto; }
#abgne-block-20120804 .thumbs .carousel ul { position: static; }
#abgne-block-20120804 .thumbs a:focus img { outline: 3px solid #007acc; outline-offset: -3px; }
@keyframes antenna54-banner-fade{ 0%,12% { opacity: 1; } 14.285714%,100% { opacity: 0; } }
@keyframes antenna54-banner-fade-from-choice-1{ 0%,12% { opacity: 1; } 14.285714%,100% { opacity: 0; } }
@keyframes antenna54-banner-fade-from-choice-2{ 0%,12% { opacity: 1; } 14.285714%,100% { opacity: 0; } }
@keyframes antenna54-banner-fade-from-choice-3{ 0%,12% { opacity: 1; } 14.285714%,100% { opacity: 0; } }
@keyframes antenna54-banner-fade-from-choice-4{ 0%,12% { opacity: 1; } 14.285714%,100% { opacity: 0; } }
@keyframes antenna54-banner-fade-from-choice-5{ 0%,12% { opacity: 1; } 14.285714%,100% { opacity: 0; } }
@keyframes antenna54-banner-fade-from-choice-6{ 0%,12% { opacity: 1; } 14.285714%,100% { opacity: 0; } }
@keyframes antenna54-banner-fade-from-choice-7{ 0%,12% { opacity: 1; } 14.285714%,100% { opacity: 0; } }