@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, .Content::after, .Quality ul::after, .List::after, .News a > span span::after, .Product .prolist::after, .Product .newprolist::after, .ProductDetail .data::after, footer .footer::after { clear: both; content: ''; display: block; visibility: hidden; height: 0; }

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

header .header, .title p, .title nav, .Content, footer .footer { width: 100%; max-width: 1200px; margin: 0 auto; }

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

.unreset address, .unreset blockquote, .unreset dd, .unreset div, .unreset dl, .unreset dt, .unreset fieldset, .unreset form, .unreset frame, .unreset frameset, .unreset h1, .unreset h2, .unreset h3, .unreset h4, .unreset h5, .unreset h6, .unreset noframes, .unreset ol, .unreset p, .unreset ul, .unreset center, .unreset dir, .unreset hr, .unreset menu, .unreset pre { display: block; }
.unreset li { display: list-item; }
.unreset head { display: none; }
.unreset col { display: table-column; }
.unreset colgroup { display: table-column-group; }
.unreset td, .unreset th { display: table-cell; }
.unreset caption { display: table-caption; }
.unreset th { font-weight: bolder; text-align: center; }
.unreset caption { text-align: center; }
.unreset body { margin: 8px; }
.unreset h1 { font-size: 2em; margin: 0.67em 0; }
.unreset h2 { font-size: 1.5em; margin: 0.75em 0; }
.unreset h3 { font-size: 1.17em; margin: 0.83em 0; }
.unreset h4, .unreset p, .unreset blockquote, .unreset ul, .unreset fieldset, .unreset form, .unreset ol, .unreset dl, .unreset dir, .unreset menu { margin: 1.12em 0; }
.unreset h5 { font-size: .83em; margin: 1.5em 0; }
.unreset h6 { font-size: .75em; margin: 1.67em 0; }
.unreset h1, .unreset h2, .unreset h3, .unreset h4, .unreset h5, .unreset h6, .unreset b, .unreset strong { font-weight: bolder; }
.unreset blockquote { margin-left: 40px; margin-right: 40px; }
.unreset i, .unreset cite, .unreset em, .unreset var, .unreset address { font-style: italic; }
.unreset pre, .unreset tt, .unreset code, .unreset kbd, .unreset samp { font-family: monospace; }
.unreset pre { white-space: pre; }
.unreset button, .unreset textarea, .unreset input, .unreset select { display: inline-block; }
.unreset big { font-size: 1.17em; }
.unreset small, .unreset sub, .unreset sup { font-size: 0.83em; }
.unreset sub { vertical-align: sub; }
.unreset sup { vertical-align: super; }
.unreset s, .unreset strike, .unreset del { text-decoration: line-through; }
.unreset hr { border: 1px inset; }
.unreset ol, .unreset ul, .unreset dir, .unreset menu, .unreset dd { margin-left: 40px; }
.unreset ol, .unreset ol li { list-style-type: decimal; }
.unreset ol ul, .unreset ul ol, .unreset ul ul, .unreset ol ol { margin-top: 0; margin-bottom: 0; }
.unreset ul, .unreset ul li { list-style-type: disc; }
.unreset u, .unreset ins { text-decoration: underline; }
.unreset br:before { content: "\A"; white-space: pre-line; }
.unreset center { text-align: center; }
.unreset :link, .unreset :visited { text-decoration: underline; }
.unreset :focus { outline: thin dotted invert; }

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 > 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; }

.Bannerpage { display: block; }
.Bannerpage img { display: block; }

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

.Container { display: block; position: relative; overflow: hidden; padding: 75px 0 50px 0; }

.title { width: 100%; display: block; background: url(../images/nav.jpg) no-repeat center bottom; padding: 0px 0 20px 0; text-transform: uppercase; }
.title p { color: #0092d3; font-size: 30px; font-weight: bold; }
.title nav { display: block; text-align: right; margin-top: 15px; }
.title nav .home { background: url(../images/home.jpg) no-repeat 0px 0px; padding-left: 35px; }
.title nav i { margin: 0 5px; vertical-align: middle; }
.title nav b { color: #f87c1a; }

.Content { padding: 5% 0; }

.About .a-side { float: left; width: 29.333%; display: block; }
.About .a-side img { display: block; }
.About .a-text { float: left; width: 67.667%; margin-left: 3%; display: block; }
.About .a-text h1 { font-weight: bold; font-size: 22px; margin-bottom: 20px; }
.About .a-text b { color: #f87c1a; }
.About .a-text span { display: block; }
.About .a-text span i { color: #00a2eb; margin-right: 5px; display: inline-block; vertical-align: top; }
.About .a-text span p { display: inline-block; width: calc( 100% - 15px); vertical-align: top; }
.About .a-text span img { display: inline-block; width: calc(33.3% - 4px); }
.About .a-text ol li { list-style-type: decimal; margin-left: 1em; }

.Quality div { text-align: center; }
.Quality span { display: block; text-align: center; }
.Quality span img { margin: 0 5px; width: calc(50% - 14px); display: inline-block; vertical-align: top; }
.Quality p { display: block; text-align: center; margin: 3% 0; font-size: 20px; }
.Quality p b { font-weight: bold; }
.Quality p a { color: #555; }
.Quality p a:hover { color: #06c; }
.Quality ul { display: block; margin-top: 20px; }
.Quality ul li { float: left; width: 25%; padding: 0 5px; }

.List .Side { width: 250px; float: left; }
.List .Side > p { font-size: 22px; padding-right: 30px; display: inline-block; background: url(../images/side-dot.jpg) no-repeat right; margin-bottom: 20px; }
.List .Side .list-menu { width: 100%; background: url(../images/side-line.jpg) no-repeat top; padding-top: 10px; margin-bottom: 10%; }
.List .Side .list-menu > li { display: block; }
.List .Side .list-menu > li a { display: block; padding: 10px 5px 10px 20px; color: #555; }
.List .Side .list-menu > li a:hover { background: #0092d3; color: #fff; }
.List .Side .list-menu > li > a.side-btn { background: url(../images/side-s-dot.jpg) no-repeat 0 18px; font-size: 20px; color: #f87c1a; }
.List .Side .list-menu > li > a.side-btn:hover { color: #0092d3; }
.List .tinynav { display: none; }
.List .Text { width: calc( 100% - 345px); float: left; margin-left: 90px; }

.News { display: block; }
.News li { margin-bottom: 5%; display: block; position: relative; }
.News li:after { display: block; background: url(../images/n-shadow.jpg) no-repeat right; width: 100%; height: 14px; content: ''; position: absolute; bottom: -13px; right: 0; }
.News a { display: block; padding: 3%; border: 1px solid #ccc; }
.News a img { display: inline-block; width: 151px; vertical-align: middle; }
.News a > span { display: inline-block; width: calc(100% - 179px); margin-left: 20px; vertical-align: middle; }
.News a > span span { display: block; }
.News a > span span b { font-size: 18px; font-weight: bold; display: block; color: #0092d3; float: left; }
.News a > span span time { color: #666; font-size: 13px; float: right; }
.News a > span p { line-height: 24px; font-size: 14px; color: #777; }
.News a:hover { border: 1px solid #000; }
.News a:hover > span span b { color: #000; }
.News a:hover > span span time { color: #000; }
.News a:hover > span p { color: #333; }

.back { text-align: center; display: block; margin: 100px 0 10px 0; clear: both; }

.btn-b { color: #fff; font-size: 15px; background: #0092d3; border: none; border-bottom: 3px solid #1c7fad; padding: 6px 30px; cursor: pointer; margin-right: 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5); }
.btn-b:hover { background: #1c7fad; border-bottom: 3px solid #0092d3; text-shadow: none; }

.btn-r { color: #fff; font-size: 15px; background: #ed1c22; border: none; border-bottom: 3px solid #95000c; padding: 6px 30px; cursor: pointer; margin-right: 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5); }
.btn-r:hover { background: #95000c; border-bottom: 3px solid #ed1c22; text-shadow: none; }

.pagenum { display: block; clear: both; width: 100%; margin: 50px auto 20px auto; text-align: center; }
.pagenum li { display: inline-block; margin: 0 5px; }
.pagenum a { display: block; width: 25px; height: 25px; line-height: 25px; color: #555; border: 1px solid #ccc; }
.pagenum a:hover { color: #fff; background: #0092d3; }
.pagenum .on a { color: #fff; background: #0092d3; border: 1px solid #0092d3; }
.pagenum li:first-child a, .pagenum li:nth-child(2) a, .pagenum li:last-child a, .pagenum li:nth-last-child(2) a { color: #0092d3; }
.pagenum li:first-child a:hover, .pagenum li:nth-child(2) a:hover, .pagenum li:last-child a:hover, .pagenum li:nth-last-child(2) a:hover { color: #fff; }

.NewsDetail h3 { font-size: 30px; font-weight: bold; color: #444; }
.NewsDetail time { color: #f87c1a; }

.Product .select { display: block; margin: 1% auto; width: 97%; }
.Product .select select { background: transparent; width: calc( 25% - 4px); padding: 5px; border: 1px solid #666; display: inline-block; vertical-align: middle; }
.Product .select input[type=text] { width: calc( 50% - 46px); border: 1px solid #666; padding: 6px; display: inline-block; vertical-align: middle; }
.Product .select button { background: #666; color: #fff; border: none; width: 40px; text-align: center; display: inline-block; vertical-align: middle; margin-left: -4px; padding: 7px 5px; cursor: pointer; }
.Product .prolist { display: block; margin: 5% auto; }
.Product .prolist li { float: left; display: block; width: 25%; margin-bottom: 5%; text-align: center; padding: 0 1%; }
.Product .prolist li a { display: block; border: 1px solid #999; max-width: 400px; margin: 0 auto; }
.Product .prolist li a img { display: block; }
.Product .prolist li a p { display: block; padding: 5px; color: #fff; background: #999; }
.Product .prolist li a:hover { border: 1px solid #0092d3; }
.Product .prolist li a:hover img { opacity: .7; }
.Product .prolist li a:hover p { color: #fff; background: #0092d3; }
.Product .newprolist { display: block; margin-top: 30px; }
.Product .newprolist li { margin: 20px 0px; display: block; padding-bottom: 10px; border-bottom: 1px solid #ccc; }
.Product .newprolist span { display: inline-block; }
.Product .newprolist .img { width: calc(36% - 4px); vertical-align: middle; }
.Product .newprolist .text { width: calc(36% - 4px); vertical-align: middle; padding: 1%; }
.Product .newprolist .info { width: calc(28% - 4px); vertical-align: middle; }

.ProductDetail .data .pic { float: left; width: 50%; }
.ProductDetail .data .pic ul { display: block; max-width: 400px; }
.ProductDetail .data .pic ul li { display: inline-block; width: calc( 49% - 4px); }
.ProductDetail .data .pic ul li:first-child { margin-right: 1%; }
.ProductDetail .data .pic ul li:last-child { margin-left: 1.9%; }
.ProductDetail .data .text { float: left; width: 50%; padding-left: 3%; }
.ProductDetail .data .text b { font-size: 20px; color: #0092d3; display: block; }
.ProductDetail .data .text span { display: block; border-top: 1px solid #ccc; margin: 20px 0; }
.ProductDetail .data .text span i { display: block; margin-top: 2px; background: #f87c1a; color: #fff; font-size: 18px; padding: 5px 10px; }
.ProductDetail .data .text p { display: block; color: #f87c1a; font-size: 18px; }
.ProductDetail .data .text ol li { list-style-type: decimal; margin-left: 1em; }
.ProductDetail .info span { background: url(../images/p-line.jpg) no-repeat right center; margin-top: 3%; display: block; }
.ProductDetail .info span p { text-transform: uppercase; font-size: 18px; color: #f87c1a; display: inline-block; background: #fff; padding-right: 10px; }
.ProductDetail .info b { color: #0092d3; font-size: 16px; margin: 2% 0; display: block; }
.ProductDetail .info ol li { list-style-type: decimal; margin-left: 1em; }

.Contact .info { width: 400px; float: left; margin-right: 60px; }
.Contact .info b { font-size: 24px; color: #ed1c22; display: block; }
.Contact .info i { font-size: 24px; color: #0092d3; display: block; margin-bottom: 20px; }
.Contact .info iframe { width: 100%; height: 500px; margin-top: 20px; }
.Contact .info .map { background: url(../images/map.jpg) no-repeat center center; width: 100%; height: 588px; }
.Contact .form { width: calc(100% - 460px); float: left; }
.Contact .form table { width: 100%; border-top: 1px solid #ccc; border-left: 1px solid #ccc; }
.Contact .form table td { padding: 10px 20px 14px 20px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; position: relative; }
.Contact .form table td:first-child { width: 25%; color: #0092d3; }
.Contact .form table tr:nth-child(even) { background: #f5f5f5; }
.Contact .form table textarea, .Contact .form table input[type=text] { width: 100%; padding: 5px; border: 1px solid #ccc; }
.Contact .form table td.star:before { content: "*"; position: absolute; left: 11px; top: 13px; font-size: 18px; color: #ed1c22; }
.Contact .form table span { display: inline-block; vertical-align: top; text-align: left; }
.Contact .form span { display: block; text-align: center; margin-top: 3%; }

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 > 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) { .Container { padding: 55px 0 50px; }
  .title { padding: 0 5px 56px; }
  .title p { font-size: 28px; }
  .Content { padding: 5% 2%; }
  .List .Text { width: calc( 100% - 305px); float: left; margin-left: 50px; }
  .Contact .info { margin-right: 20px; }
  .Contact .form { width: calc(100% - 420px); } }
@media (max-width: 768px) { .Container { padding: 10px 0 50px; }
  .title { padding: 0px 10px 20px 10px; }
  .Content { padding: 0 2%; }
  .About .a-side { float: none; width: 100%; text-align: center; margin-bottom: 5%; }
  .About .a-side img { display: inline-block; }
  .About .a-text { float: none; width: 100%; margin-left: 0%; }
  .List .Side { width: 100%; float: none; margin-bottom: 3%; }
  .List .Side > p { display: none; }
  .List .Side .list-menu { display: none; }
  .List .Side select { padding: 10px; width: 100%; margin: 10px 0; background: #f8f8f8; color: #333; border: none; outline: none; display: inline-block; cursor: pointer; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset; -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset; box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset; -moz-appearance: none; -webkit-appearance: none; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QyZDJkMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=="); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d2d2d2), color-stop(100%, #f8f8f8)); background-image: -moz-linear-gradient(top, #d2d2d2, #f8f8f8); background-image: -webkit-linear-gradient(top, #d2d2d2, #f8f8f8); background-image: linear-gradient(to bottom, #d2d2d2, #f8f8f8); }
  .List .Side label { position: relative; }
  .List .Text { width: 100%; float: none; margin-left: 0px; }
  .tinynav { display: block; }
  .Product .select { margin: 0% auto; width: 98%; }
  .Product .prolist { margin: 2% auto; }
  .Product .prolist li { padding: 0 1%; }
  .Contact .info { width: 100%; float: none; margin-right: 0px; }
  .Contact .info .map { width: 100%; height: 300px; margin: 20px 0; }
  .Contact .form { width: 100%; float: none; }
  .Contact .form table td:first-child { width: 20%; } }
@media (max-width: 640px) { .BannerPro #abgne_fade_pic .control { position: absolute; right: 5%; left: auto; bottom: 0%; display: block; } }
@media (max-width: 480px) { .Container { padding: 10px 0 50px; }
  .title p { font-size: 20px; }
  .News a { display: block; padding: 2%; border: 1px solid #ccc; }
  .News a img { display: block; width: 151px; }
  .News a > span { display: block; width: 100%; margin-left: 0px; }
  .News a > span span { display: block; }
  .News a > span span b { float: none; }
  .News a > span span time { float: none; }
  .Product .select { width: 100%; }
  .ProductDetail .data .pic { float: none; width: 100%; text-align: center; }
  .ProductDetail .data .pic ul { margin: 0 auto; }
  .ProductDetail .data .text { float: none; width: 100%; padding: 3% 0 0 0%; }
  .Quality span img { margin: 5px 0; width: 100%; }
  .Quality p { font-size: 16px; }
  .Quality ul li { width: 50%; }
  .Contact .form table span { display: block; } }
@media (max-width: 375px) { .Product .select select { width: calc( 50% - 4px); }
  .Product .select input[type=text] { width: calc( 100% - 46px); }
  .Product .prolist { display: block; margin: 5% auto; }
  .Product .prolist li { float: none; width: 100%; padding: 0; } }

/*# sourceMappingURL=style-page.css.map */