<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
@import url(fonts.css);
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }
html ol, html ul, html li { list-style: none; }
html table { border-collapse: collapse; border-spacing: 0; }
html caption, html th, html td { text-align: left; font-weight: normal; vertical-align: middle; }
html q, html blockquote { quotes: none; }
html q:before, html q:after, html blockquote:before, html blockquote:after { content: ""; content: none; }
html img { border: none; }
html article, html aside, html details, html figcaption, html figure, html footer, html header, html hgroup, html main, html menu, html nav, html section, html summary { display: block; }
html :link, html :visited, html ins { text-decoration: none; }
html *, html *:after, html *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html .clearfix { zoom: 1; }
html .clearfix:before, html .clearfix:after { content: " "; display: table; }
html .clearfix:after { clear: both; }

header .header::after, .Tool::after, footer .footer::after { clear: both; content: ''; display: block; visibility: hidden; height: 0; }

.gogotop, .Banner #abgne_fade_pic .ad img { -moz-transition: all 0.8s; -o-transition: all 0.8s; -webkit-transition: all 0.8s; transition: all 0.8s; }

header .header, .Tool, footer .footer { width: 100%; max-width: 1200px; margin: 0 auto; }

.Banner #abgne_fade_pic .control a { text-indent: 100%; white-space: nowrap; overflow: hidden; }

body { font-family: Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif; font-size: 15px; line-height: 30px; }

article { display: block; position: relative; }

img { max-width: 100%; }

.mv { -moz-transition: all 0.8s; -o-transition: all 0.8s; -webkit-transition: all 0.8s; transition: all 0.8s; }

.gogotop { background: #29ABE3; width: 80px; height: 38px; text-align: center; position: fixed; bottom: 15%; right: -100%; z-index: 100; border: 5px solid #eee; border-right: none; -moz-border-radius: 50px 0px 0px 50px; -webkit-border-radius: 50px; border-radius: 50px 0px 0px 50px; }
.gogotop a { color: #fff; display: block; }
.gogotop:hover { background: #06c; }

header { width: 100%; display: block; background: url(../images/top.jpg) repeat-x; }
header .header { background: url(../images/iso.jpg) no-repeat top right; padding: 70px 0 35px 0; }
header .header .logo { display: block; float: left; width: 289px; }
header .header ul { display: block; float: right; width: 720px; background: url(../images/car.jpg) no-repeat center right; margin-top: 50px; }
header .header ul li { display: inline-block; vertical-align: middle; margin-right: 5%; }
header .header ul li a { color: #535353; font-weight: bold; }
header .header ul li a:hover { color: #0092d3; }

.Mobile { display: none; width: 100%; position: relative; height: 90px; z-index: 600; border-top: 5px solid #0092d3; -moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.3); box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.3); }
.Mobile .logo { margin: 5px 0 0 10px; display: inline-block; }
.Mobile .logo img { max-height: 75px; }
.Mobile &gt; span { display: inline-block; }
.Mobile .menuBtn { width: 40px; position: absolute; top: 25px; right: 5%; z-index: 101; transition: top 300ms; }
.Mobile .menuBtn span, .Mobile .menuBtn:before, .Mobile .menuBtn:after { display: block; content: ""; transition: all 300ms; background-color: #999; margin: 7px; width: 26px; height: 4px; text-indent: -100%; overflow: hidden; white-space: nowrap; }
.Mobile .active { transform: rotate(180deg); }
.Mobile .active span { background-color: transparent; box-shadow: none; }
.Mobile .active:before, .Mobile .active:after { background-color: #999; }
.Mobile .active:before { transform: translateY(11px) rotate(-45deg); }
.Mobile .active:after { transform: translateY(-11px) rotate(45deg); }
.Mobile ul { display: block; width: 100%; position: absolute; top: 85px; background: rgba(0, 150, 229, 0.9); }
.Mobile ul li { width: 100%; text-align: center; border-bottom: 1px solid #fff; }
.Mobile ul li a { color: #fff; display: block; padding: 15px 5px; text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.8); font-size: 16px; }
.Mobile ul li a:hover { background: #ed1c22; }
.Mobile ul li.icon { padding: 15px 5px; }
.Mobile ul li.icon a { display: inline-block; padding: 0; margin: 0 5px; }
.Mobile ul li.icon a:hover { background: none; opacity: .7; }
.Mobile ul li div a { background: rgba(255, 255, 255, 0.3); border-bottom: 1px solid #ccc; }

.Banner { width: 100%; margin: 0 auto; display: block; overflow: hidden; }
.Banner #abgne_fade_pic { position: relative; width: 100%; height: 0; padding-bottom: 31.25%; }
.Banner #abgne_fade_pic span { position: absolute; bottom: 35%; display: block; width: 100%; text-align: center; z-index: 110; }
.Banner #abgne_fade_pic .ad { position: absolute; }
.Banner #abgne_fade_pic .ad img { max-width: 100%; }
.Banner #abgne_fade_pic .control { position: absolute; left: calc(50% - 25px); bottom: 3%; display: block; }
.Banner #abgne_fade_pic .control a { display: inline-block; width: 18px; height: 18px; background: url(../images/nur-no.png) no-repeat; }
.Banner #abgne_fade_pic .control a.on { background: url(../images/nur-on.png) no-repeat; }

.Index { background: url(../images/inbg.jpg) repeat; }
.Index &gt; span, .Index &gt; span img { display: block; }

.Tool { padding: 5% 0; }
.Tool dt { width: 359px; float: left; }
.Tool dd { width: calc(100% - 399px); margin-left: 40px; float: left; line-height: 30px; }
.Tool img { display: block; }
.Tool b { color: #f87c1a; font-size: 16px; display: block; }
.Tool i { color: #00a2eb; margin-right: 5px; }
.Tool hr { border-top: 2px dotted #999; margin: 30px 0; }

.Contact { background: url(../images/infooter-bg.jpg) repeat; }
.Contact img, .Contact span, .Contact a { display: inline-block; vertical-align: middle; }
.Contact img { width: 552px; }
.Contact span { width: calc(100% - 810px); color: #fff; margin: 15px 20px 0; font-size: 20px; line-height: 36px; }
.Contact span i { display: block; }
.Contact a { color: #61a0be; padding: 5px 20px; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q5ZDlkOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #d9d9d9)); background-image: -moz-linear-gradient(top, #ffffff, #d9d9d9); background-image: -webkit-linear-gradient(top, #ffffff, #d9d9d9); background-image: linear-gradient(to bottom, #ffffff, #d9d9d9); font-size: 18px; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); }
.Contact a:hover { color: #fff; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhNzQwOSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U3MWUyOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fa7409), color-stop(100%, #e71e28)); background-image: -moz-linear-gradient(top, #fa7409, #e71e28); background-image: -webkit-linear-gradient(top, #fa7409, #e71e28); background-image: linear-gradient(to bottom, #fa7409, #e71e28); }

footer { display: block; width: 100%; background: #000; color: #fff; padding: 2%; }
footer .footer .Information { float: left; }
footer .footer .Information dt, footer .footer .Information dd { display: inline-block; }
footer .footer .Information i { margin: 0 10px; }
footer .footer .Information a { color: #fff; }
footer .footer .Information span { display: inline-block; margin-right: 30px; }
footer .footer .Information span:nth-last-child(2), footer .footer .Information span:last-child { display: block; }
footer .footer .iware { float: right; text-align: right; }
footer .footer .iware span { display: block; font-size: 12px; }
footer .footer .iware a { color: #999; }

.footer-text { text-align: center; color: #ed1c22; display: block; padding: 10px; font-weight: bold; font-size: 13px; }

@media (max-width: 1024px) { header .header .logo { margin-left: 5px; }
  header .header ul { display: block; float: right; width: calc(100% - 340px); }
  header .header ul li { margin-right: 20px; } }
@media (max-width: 768px) { html header { display: none; }
  .Mobile { display: block; }
  footer .footer .Information { font-size: 14px; } }
@media (max-width: 640px) { footer .footer .Information { float: none; text-align: center; }
  footer .footer .Information span { display: block; margin-right: 0px; font-size: 12px; line-height: 20px; }
  footer .footer .iware { float: none; text-align: center; margin-top: 10px; } }
@media (max-width: 480px) { .Mobile .logo { margin: 10px 0 0 10px; }
  .Mobile .logo img { max-height: 65px; } }
@media (max-width: 414px) { .Mobile &gt; span img { width: 100px; } }
@media (max-width: 375px) { .Mobile .logo { margin: 15px 0 0 10px; }
  .Mobile .logo img { max-height: 50px; } }
@media (max-width: 320px) { .Mobile .logo { margin: 20px 0 0 10px; }
  .Mobile .logo img { max-height: 45px; } }
@media (max-width: 1024px) { .Contact img { width: calc(35% - 4px); }
  .Contact span { width: calc(50% - 44px); color: #fff; margin: 15px 20px 0; font-size: 15px; line-height: 30px; }
  .Contact span i { display: block; }
  .Contact a { width: calc(15% - 4px); } }
@media (max-width: 768px) { .Tool { padding: 5% 2%; }
  .Tool dt { width: 40%; }
  .Tool dd { width: 55%; margin-left: 5%; }
  .Contact { padding: 0 2%; }
  .Contact img { display: none; }
  .Contact span { width: calc(80% - 4px); color: #fff; margin: 15px 0 0 0; line-height: 24px; }
  .Contact span i { display: block; }
  .Contact a { width: calc(20% - 4px); text-align: center; } }
@media (max-width: 640px) { .Tool dt { width: 100%; float: none; text-align: center; }
  .Tool dd { width: 100%; margin: 30px 0 0 0; float: none; line-height: 30px; }
  .Tool img { display: inline-block; }
  .Contact { padding: 3% 2%; }
  .Contact span { width: 100%; color: #fff; margin: 0; }
  .Contact a { width: 100%; text-align: center; margin-top: 10px; } }

/*# sourceMappingURL=style.css.map */
</pre></body></html>